style(code): 格式化代码缩进和布局样式

- 统一调整 admin.ts 文件中的接口定义缩进格式 - 优化 animated-theme-toggler.tsx 组件的代码结构和缩进 - 规范 app-config-modal.tsx 中 JSX 元素的嵌套格式 - 整理 app-providers.tsx 中的组件层级缩进 - 标准化 app-theme.ts 中的对象属性缩进格式
2026-08-06 01:14:36 +08:00 · 2026-05-22 23:19:25 +08:00
parent cee08cb5a8
commit e319481976
93 changed files with 11406 additions and 10424 deletions
@@ -7,27 +7,27 @@ import type { CanvasBackgroundMode } from "@/lib/canvas-theme";
 import type { CanvasAssistantSession, CanvasConnection, CanvasNodeData, ViewportTransform } from "../types";

 export type CanvasProject = {
-  id: string;
-  title: string;
-  createdAt: string;
-  updatedAt: string;
-  nodes: CanvasNodeData[];
-  connections: CanvasConnection[];
-  chatSessions: CanvasAssistantSession[];
-  activeChatId: string | null;
-  backgroundMode: CanvasBackgroundMode;
-  viewport: ViewportTransform;
+    id: string;
+    title: string;
+    createdAt: string;
+    updatedAt: string;
+    nodes: CanvasNodeData[];
+    connections: CanvasConnection[];
+    chatSessions: CanvasAssistantSession[];
+    activeChatId: string | null;
+    backgroundMode: CanvasBackgroundMode;
+    viewport: ViewportTransform;
 };

 type CanvasStore = {
-  hydrated: boolean;
-  projects: CanvasProject[];
-  createProject: (title?: string) => string;
-  importProject: (project: Partial<CanvasProject>) => string;
-  openProject: (id: string) => CanvasProject | null;
-  renameProject: (id: string, title: string) => void;
-  deleteProjects: (ids: string[]) => void;
-  updateProject: (id: string, patch: Partial<Pick<CanvasProject, "nodes" | "connections" | "chatSessions" | "activeChatId" | "backgroundMode" | "viewport">>) => void;
+    hydrated: boolean;
+    projects: CanvasProject[];
+    createProject: (title?: string) => string;
+    importProject: (project: Partial<CanvasProject>) => string;
+    openProject: (id: string) => CanvasProject | null;
+    renameProject: (id: string, title: string) => void;
+    deleteProjects: (ids: string[]) => void;
+    updateProject: (id: string, patch: Partial<Pick<CanvasProject, "nodes" | "connections" | "chatSessions" | "activeChatId" | "backgroundMode" | "viewport">>) => void;
 };

 const initialViewport: ViewportTransform = { x: 0, y: 0, k: 1 };
@@ -37,89 +37,93 @@ let saveTimer: ReturnType<typeof setTimeout> | null = null;
 let queuedPersistState: PersistedCanvasState | null = null;

 const canvasStorage: PersistStorage<CanvasStore> = {
-  getItem: async (name) => {
-    const value = await localForageStorage.getItem(name);
-    if (!value) return null;
-    const parsed = JSON.parse(value) as StorageValue<CanvasStore>;
-    queuedPersistState = parsed.state as PersistedCanvasState;
-    return parsed;
-  },
-  setItem: (name, value) => {
-    const nextState = value.state as PersistedCanvasState;
-    if (queuedPersistState && queuedPersistState.projects === nextState.projects) return;
-    queuedPersistState = nextState;
-    if (saveTimer) clearTimeout(saveTimer);
-    saveTimer = setTimeout(() => {
-      saveTimer = null;
-      void localForageStorage.setItem(name, JSON.stringify(value));
-    }, 400);
-  },
-  removeItem: (name) => localForageStorage.removeItem(name),
+    getItem: async (name) => {
+        const value = await localForageStorage.getItem(name);
+        if (!value) return null;
+        const parsed = JSON.parse(value) as StorageValue<CanvasStore>;
+        queuedPersistState = parsed.state as PersistedCanvasState;
+        return parsed;
+    },
+    setItem: (name, value) => {
+        const nextState = value.state as PersistedCanvasState;
+        if (queuedPersistState && queuedPersistState.projects === nextState.projects) return;
+        queuedPersistState = nextState;
+        if (saveTimer) clearTimeout(saveTimer);
+        saveTimer = setTimeout(() => {
+            saveTimer = null;
+            void localForageStorage.setItem(name, JSON.stringify(value));
+        }, 400);
+    },
+    removeItem: (name) => localForageStorage.removeItem(name),
 };

 export const useCanvasStore = create<CanvasStore>()(
-  persist(
-    (set, get) => ({
-      hydrated: false,
-      projects: [],
-      createProject: (title = "未命名画布") => {
-        const now = new Date().toISOString();
-        const id = nanoid();
-        const project: CanvasProject = {
-          id,
-          title,
-          createdAt: now,
-          updatedAt: now,
-          nodes: [],
-          connections: [],
-          chatSessions: [],
-          activeChatId: null,
-          backgroundMode: "lines",
-          viewport: initialViewport,
-        };
-        set((state) => ({ projects: [project, ...state.projects] }));
-        return id;
-      },
-      importProject: (source) => {
-        const now = new Date().toISOString();
-        const project: CanvasProject = {
-          id: nanoid(),
-          title: source.title || "导入画布",
-          createdAt: source.createdAt || now,
-          updatedAt: now,
-          nodes: source.nodes || [],
-          connections: source.connections || [],
-          chatSessions: source.chatSessions || [],
-          activeChatId: source.activeChatId || null,
-          backgroundMode: source.backgroundMode || "lines",
-          viewport: source.viewport || initialViewport,
-        };
-        set((state) => ({ projects: [project, ...state.projects] }));
-        return project.id;
-      },
-      openProject: (id) => {
-        return get().projects.find((item) => item.id === id) || null;
-      },
-      renameProject: (id, title) => set((state) => ({
-        projects: state.projects.map((project) => project.id === id ? { ...project, title: title.trim() || project.title, updatedAt: new Date().toISOString() } : project),
-      })),
-      deleteProjects: (ids) => set((state) => {
-        const projects = state.projects.filter((project) => !ids.includes(project.id));
-        return { projects };
-      }),
-      updateProject: (id, patch) => set((state) => ({
-        projects: state.projects.map((project) => project.id === id ? { ...project, ...patch, updatedAt: new Date().toISOString() } : project),
-      })),
-    }),
-    {
-      name: CANVAS_STORE_KEY,
-      storage: canvasStorage,
-      partialize: (state) => ({
-        projects: state.projects,
-      }) as StorageValue<CanvasStore>["state"],
-      onRehydrateStorage: () => () => {
-        useCanvasStore.setState({ hydrated: true });
-      },
-    },
-  ),
+    persist(
+        (set, get) => ({
+            hydrated: false,
+            projects: [],
+            createProject: (title = "未命名画布") => {
+                const now = new Date().toISOString();
+                const id = nanoid();
+                const project: CanvasProject = {
+                    id,
+                    title,
+                    createdAt: now,
+                    updatedAt: now,
+                    nodes: [],
+                    connections: [],
+                    chatSessions: [],
+                    activeChatId: null,
+                    backgroundMode: "lines",
+                    viewport: initialViewport,
+                };
+                set((state) => ({ projects: [project, ...state.projects] }));
+                return id;
+            },
+            importProject: (source) => {
+                const now = new Date().toISOString();
+                const project: CanvasProject = {
+                    id: nanoid(),
+                    title: source.title || "导入画布",
+                    createdAt: source.createdAt || now,
+                    updatedAt: now,
+                    nodes: source.nodes || [],
+                    connections: source.connections || [],
+                    chatSessions: source.chatSessions || [],
+                    activeChatId: source.activeChatId || null,
+                    backgroundMode: source.backgroundMode || "lines",
+                    viewport: source.viewport || initialViewport,
+                };
+                set((state) => ({ projects: [project, ...state.projects] }));
+                return project.id;
+            },
+            openProject: (id) => {
+                return get().projects.find((item) => item.id === id) || null;
+            },
+            renameProject: (id, title) =>
+                set((state) => ({
+                    projects: state.projects.map((project) => (project.id === id ? { ...project, title: title.trim() || project.title, updatedAt: new Date().toISOString() } : project)),
+                })),
+            deleteProjects: (ids) =>
+                set((state) => {
+                    const projects = state.projects.filter((project) => !ids.includes(project.id));
+                    return { projects };
+                }),
+            updateProject: (id, patch) =>
+                set((state) => ({
+                    projects: state.projects.map((project) => (project.id === id ? { ...project, ...patch, updatedAt: new Date().toISOString() } : project)),
+                })),
+        }),
+        {
+            name: CANVAS_STORE_KEY,
+            storage: canvasStorage,
+            partialize: (state) =>
+                ({
+                    projects: state.projects,
+                }) as StorageValue<CanvasStore>["state"],
+            onRehydrateStorage: () => () => {
+                useCanvasStore.setState({ hydrated: true });
+            },
+        },
+    ),
 );