mmosaic/mosaicmap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove log && increate motion

Browse Source
This commit is contained in:
tsuki 2025-08-19 22:49:28 +08:00
parent 4eab292e1b
commit 77416f635a
13 changed files with 129 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/admin/blogs/blog-table.tsx
View File

@ -604,7 +604,7 @@ export function BlogTable() {
const { active, over } = event
if (active && over && active.id !== over.id) {
// Handle drag end for reordering
console.log('Reordering blogs:', active.id, 'to', over.id)
// console.log('Reordering blogs:', active.id, 'to', over.id)
// You can implement actual reordering API call here
}
}

2
app/admin/categories/category-table.tsx
View File

@ -451,7 +451,7 @@ export function CategoryTable() {
function handleDragEnd(event: DragEndEvent) {
const { active, over } = event
if (active && over && active.id !== over.id) {
console.log('Reordering categories:', active.id, 'to', over.id)
// console.log('Reordering categories:', active.id, 'to', over.id)
}
}

2
app/admin/common/control.tsx
View File

@ -559,7 +559,7 @@ export default function Control() {
<CardContent>
<div className="flex flex-wrap gap-3">
<Button className="flex items-center gap-2" onClick={() => {
console.log('Applying configuration:', config)
// console.log('Applying configuration:', config)
alert('配置应用成功!')
}}>
<Zap className="h-4 w-4" />

2
app/admin/tags/tag-table.tsx
View File

@ -447,7 +447,7 @@ export function TagTable() {
function handleDragEnd(event: DragEndEvent) {
const { active, over } = event
if (active && over && active.id !== over.id) {
console.log('Reordering tags:', active.id, 'to', over.id)
// console.log('Reordering tags:', active.id, 'to', over.id)
}
}

2
app/blog/[slug]/page.tsx
View File

@ -31,7 +31,7 @@ export default function Page({ params }: { params: Promise<{ slug: string }> })
if (!data?.blogBySlug) return <div className="flex items-center justify-center min-h-[400px]">Blog not found</div>;
const content = data.blogBySlug.content;
console.log('Blog content:', content);
// console.log('Blog content:', content);
return (
<div className="relative">

4
app/map-context.tsx
View File

@ -51,7 +51,7 @@ export function MapProvider({ children }: MapProviderProps) {
const setMap = (map: Map, layers: any[]) => {
// 如果已经有地图实例，先清理旧的
if (mapRef.current) {
console.log('Cleaning up previous map instance...');
// console.log('Cleaning up previous map instance...');
mapRef.current = null;
}
@ -122,7 +122,7 @@ export function MapProvider({ children }: MapProviderProps) {
const clearMap = () => {
if (mapRef.current) {
console.log('Clearing map instance...');
// console.log('Clearing map instance...');
mapRef.current.remove();
mapRef.current = null;
layersRef.current = [];

2
app/me/layout.tsx
View File

@ -13,7 +13,7 @@ export default async function Layout({ children }: { children: React.ReactNode }
const isLoggedIn = (await cookies()).get('jwt')?.value
console.log(isLoggedIn)
// console.log(isLoggedIn)
if (!isLoggedIn) {
redirect('/login')

6
app/me/page.tsx
View File

@ -401,9 +401,9 @@ export default function MePage() {
};
const handleSave = () => {
console.log("Settings saved:", settings);
console.log("Profile saved:", profile);
console.log("Tags saved:", tags);
// console.log("Settings saved:", settings);
// console.log("Profile saved:", profile);
// console.log("Tags saved:", tags);
// TODO: 实际保存到后端
};

11
app/tl.tsx
View File

@ -26,6 +26,7 @@ import { Separator } from "@/components/ui/separator";
import { useWS } from "./ws-context";
import { Select, SelectContent, SelectItem, SelectTrigger } from "@/components/ui/select";
import { useIsMobile } from "@/hooks/use-mobile";
import { Label } from "@/components/ui/label";
interface Uniforms {
@ -154,7 +155,6 @@ export const Timeline: React.FC<Props> = React.memo(({
// 合并配置
const config: TimelineConfig = {
initialCenterTime: defaultCenterTime,
initialTimeRange: (defaultEndTime - defaultStartTime) / 2, // 使用时间范围的一半作为初始范围
highlightWeekends: false,
zoomMode: ZoomMode.MousePosition,
zoomSensitivity: 0.001,
@ -174,6 +174,15 @@ export const Timeline: React.FC<Props> = React.memo(({
primaryFontSize: 10,
secondaryFontSize: 10
},
discreteZoomLevels: [
604123.3009862272,
383869.5109421124,
167314.88060646105,
64314.3439546868,
24625.670894409748,
4964.7447283082365,
],
initialZoomLevel: 4964.7447283082365,
onDateChange: async (date: Date) => {
const datestr = formatInTimeZone(date, 'UTC', 'yyyyMMddHHmmss')
const url_base = process.env.NEXT_PUBLIC_GRAPHQL_BACKEND_URL?.replace('/graphql', '') || 'http://localhost:3050'

2
app/user-context.tsx
View File

@ -356,7 +356,7 @@ export function UserProvider({ children }: UserProviderProps) {
// 监听用户数据变化，定期更新用户信息
useEffect(() => {
if (userData && authState.isAuthenticated) {
console.log('userData', userData)
// console.log('userData', userData)
updateUserInfo(userData)
}
}, [userData, authState.isAuthenticated])

4
components/map-component.tsx
View File

@ -463,7 +463,7 @@ export function MapComponent({
// 清理函数：当组件卸载或重新初始化时清理资源
return () => {
console.log('Cleaning up map resources...');
// console.log('Cleaning up map resources...');
// 清理自定义图层引用
customLayerRef.current = null;
@ -492,7 +492,7 @@ export function MapComponent({
const gl = glRef.current
if (!gl) return;
console.log('Updating texture with imgBitmap:', imgBitmap);
// console.log('Updating texture with imgBitmap:', imgBitmap);
gl.bindTexture(gl.TEXTURE_2D, texRef.current)

2
hooks/use-radartile.ts
View File

@ -39,7 +39,7 @@ export function useRadarTile({
radarTileRef.current.url = url
const blob = await resp.blob()
const newImgBitmap = await createImageBitmap(blob)
console.log('Created new ImageBitmap:', newImgBitmap);
// console.log('Created new ImageBitmap:', newImgBitmap);
setImgBitmap(newImgBitmap) // 使用 setState 更新状态
}).catch((err) => {
radarTileRef.current.isError = true

42
lib/timeline.ts
View File

@ -75,6 +75,8 @@ interface TimelineConfig {
initialCenterTime?: number;
/** 初始显示范围（毫秒，默认1小时） */
initialTimeRange?: number;
/** Initial Zoom Level */
initialZoomLevel?: number | null;
/** 缩放模式 */
zoomMode?: ZoomMode;
/** 缩放灵敏度 */
@ -226,7 +228,7 @@ class Viewport {
/** 获取缩放级别（像素/毫秒） */
getZoomLevel(): number {
return this.width / this.timeRange;
return this.timeRange / this.width;
}
/** 将时间转换为屏幕坐标 */
@ -291,6 +293,7 @@ class Viewport {
const newTimeAtMouse = this.screenToTime(screenX);
const timeCorrection = timeAtMouse - newTimeAtMouse;
this.centerTime += timeCorrection;
console.log(this.getZoomLevel())
}
/** 动画缩放到指定时间范围 */
@ -429,8 +432,8 @@ class ScaleManager {
},
{
level: TimeFormatLevel.FiveMinutes,
majorInterval: 5 * 60 * 1000, // 5分钟
minorTicks: 5, // 每分钟一个次刻度
majorInterval: 6 * 60 * 1000, // 5分钟
minorTicks: 6, // 每分钟一个次刻度
minPixelDistance: 60,
maxPixelDistance: 150,
formatter: (date: Date) => ({
@ -440,8 +443,8 @@ class ScaleManager {
},
{
level: TimeFormatLevel.TenMinutes,
majorInterval: 10 * 60 * 1000, // 10分钟
minorTicks: 2, // 每5分钟一个次刻度
majorInterval: 12 * 60 * 1000, // 12分钟
minorTicks: 2, // 每6分钟一个次刻度
minPixelDistance: 50,
maxPixelDistance: 120,
formatter: (date: Date) => ({
@ -501,7 +504,7 @@ class ScaleManager {
{
level: TimeFormatLevel.Day,
majorInterval: 24 * 60 * 60 * 1000, // 1天
minorTicks: 4, // 每6小时一个次刻度
minorTicks: 12, // 每6小时一个次刻度
minPixelDistance: 80,
maxPixelDistance: 200,
formatter: (date: Date) => ({
@ -523,7 +526,7 @@ class ScaleManager {
const zoomLevel = viewport.getZoomLevel();
for (const level of this.scaleLevels) {
const pixelDistance = level.majorInterval * zoomLevel;
const pixelDistance = level.majorInterval / zoomLevel;
if (pixelDistance >= level.minPixelDistance && pixelDistance <= level.maxPixelDistance) {
this.currentLevel = level;
return level;
@ -531,7 +534,7 @@ class ScaleManager {
}
// 如果没有找到合适的级别，选择最接近的
const pixelDistances = this.scaleLevels.map(level => level.majorInterval * zoomLevel);
const pixelDistances = this.scaleLevels.map(level => level.majorInterval / zoomLevel);
const targetDistance = 100; // 目标像素距离
const closestIndex = pixelDistances.reduce((bestIdx, dist, idx) => {
const bestDist = pixelDistances[bestIdx];
@ -705,14 +708,14 @@ class InteractionHandler {
/** 处理离散缩放 */
private handleDiscreteZoom(deltaY: number, mouseX: number, viewport: Viewport, markX?: number): void {
const currentRange = viewport.getTimeRange();
const currentLevel = viewport.getZoomLevel();
// 找到当前最接近的缩放级别
let currentLevelIndex = 0;
let minDiff = Math.abs(this.discreteZoomLevels[0] - currentRange);
let minDiff = Math.abs(this.discreteZoomLevels[0] - currentLevel);
for (let i = 1; i < this.discreteZoomLevels.length; i++) {
const diff = Math.abs(this.discreteZoomLevels[i] - currentRange);
const diff = Math.abs(this.discreteZoomLevels[i] - currentLevel);
if (diff < minDiff) {
minDiff = diff;
currentLevelIndex = i;
@ -721,7 +724,7 @@ class InteractionHandler {
// 根据滚轮方向确定目标级别
let targetLevelIndex: number;
if (deltaY > 0) {
if (deltaY < 0) {
// 向上滚动，缩小（增加时间范围）
targetLevelIndex = Math.min(currentLevelIndex + 1, this.discreteZoomLevels.length - 1);
} else {
@ -734,7 +737,7 @@ class InteractionHandler {
return;
}
const targetRange = this.discreteZoomLevels[targetLevelIndex];
const targetRange = viewport.getWidth() * this.discreteZoomLevels[targetLevelIndex];
const zoomX = (this.zoomMode === ZoomMode.MarkMode && markX) ? markX : mouseX;
if (this.enableSmoothZoom) {
@ -882,10 +885,14 @@ class RealTimeTimeline {
// 初始化组件
this.viewport = new Viewport(canvas.width, canvas.height);
this.viewport.goToTime(this.config.initialCenterTime);
if (this.config.initialTimeRange) {
if (this.config.initialTimeRange && !this.config.initialZoomLevel) {
this.viewport.setTimeRange(this.config.initialTimeRange);
}
if (this.config.initialZoomLevel && !this.config.initialTimeRange) {
this.viewport.setTimeRange(this.viewport.getWidth() * this.config.initialZoomLevel);
}
this.scaleManager = new ScaleManager();
this.interaction = new InteractionHandler(
this.config.zoomMode,
@ -931,6 +938,7 @@ class RealTimeTimeline {
const defaultConfig: Required<TimelineConfig> = {
initialCenterTime: Date.now(),
initialTimeRange: 60 * 60 * 1000, // 1小时
initialZoomLevel: null,
zoomMode: ZoomMode.MousePosition,
zoomSensitivity: 0.001,
discreteZoomLevels: defaultDiscreteZoomLevels,
@ -969,6 +977,7 @@ class RealTimeTimeline {
return {
initialCenterTime: config.initialCenterTime ?? defaultConfig.initialCenterTime,
initialTimeRange: config.initialTimeRange ?? defaultConfig.initialTimeRange,
initialZoomLevel: config.initialZoomLevel ?? defaultConfig.initialZoomLevel,
zoomMode: config.zoomMode ?? defaultConfig.zoomMode,
zoomSensitivity: config.zoomSensitivity ?? defaultConfig.zoomSensitivity,
discreteZoomLevels: config.discreteZoomLevels ?? defaultConfig.discreteZoomLevels,
@ -1485,6 +1494,11 @@ class RealTimeTimeline {
currentLevel(): number {
return this.viewport.getZoomLevel()
}
/** 获取当前视口信息 */
getViewportInfo(): {
centerTime: number;