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
@@ -16,90 +16,60 @@ import { useThemeStore } from "@/stores/use-theme-store";
 import { useUserStore } from "@/stores/use-user-store";

 type UserStatusActionsProps = {
-  showConfig?: boolean;
-  variant?: "default" | "canvas";
-  onOpenShortcuts?: () => void;
-  accountOpen?: boolean;
-  onAccountOpenChange?: (open: boolean) => void;
-  accountRef?: RefObject<HTMLDivElement | null>;
-  getPopupContainer?: (node: HTMLElement) => HTMLElement;
+    showConfig?: boolean;
+    variant?: "default" | "canvas";
+    onOpenShortcuts?: () => void;
+    accountOpen?: boolean;
+    onAccountOpenChange?: (open: boolean) => void;
+    accountRef?: RefObject<HTMLDivElement | null>;
+    getPopupContainer?: (node: HTMLElement) => HTMLElement;
 };

-export function UserStatusActions({
-  showConfig = true,
-  variant = "default",
-  onOpenShortcuts,
-  accountOpen,
-  onAccountOpenChange,
-  accountRef,
-  getPopupContainer,
-}: UserStatusActionsProps) {
-  const theme = useThemeStore((state) => state.theme);
-  const setTheme = useThemeStore((state) => state.setTheme);
-  const user = useUserStore((state) => state.user);
-  const logout = useUserStore((state) => state.clearSession);
-  const openConfigDialog = useConfigStore((state) => state.openConfigDialog);
-  const canvasTheme = canvasThemes[theme];
-  const userName = user?.username || "用户";
-  const avatarText = (userName.trim()[0] || "U").toUpperCase();
-  const naturalIconClass = "inline-flex size-8 shrink-0 items-center justify-center text-stone-600 transition hover:text-stone-950 dark:text-stone-300 dark:hover:text-white [&_svg]:size-4";
-  const iconStyle: CSSProperties | undefined = variant === "canvas" ? { color: canvasTheme.node.text } : undefined;
-  const versionStyle = iconStyle;
-  const gitHubClassName = variant === "canvas" ? "size-11 text-base" : undefined;
-  const gitHubStyle = iconStyle;
-  const avatarStyle: CSSProperties | undefined = variant === "canvas" ? { borderColor: canvasTheme.toolbar.border, color: canvasTheme.node.text } : undefined;
-  const menuItems: ItemType[] = [
-    { key: "user", disabled: true, label: <span className="font-medium text-current">{userName}</span> },
-    ...(user?.role === "admin" ? [{ key: "admin", icon: <Shield className="size-4" />, label: <Link href="/admin">管理后台</Link> }] : []),
-    ...(onOpenShortcuts ? [{ key: "shortcuts", icon: <Keyboard className="size-4" />, label: "快捷键", onClick: onOpenShortcuts }] : []),
-    { type: "divider" },
-    { key: "logout", icon: <LogOut className="size-4" />, label: "退出登录", onClick: logout },
-  ];
+export function UserStatusActions({ showConfig = true, variant = "default", onOpenShortcuts, accountOpen, onAccountOpenChange, accountRef, getPopupContainer }: UserStatusActionsProps) {
+    const theme = useThemeStore((state) => state.theme);
+    const setTheme = useThemeStore((state) => state.setTheme);
+    const user = useUserStore((state) => state.user);
+    const logout = useUserStore((state) => state.clearSession);
+    const openConfigDialog = useConfigStore((state) => state.openConfigDialog);
+    const canvasTheme = canvasThemes[theme];
+    const userName = user?.username || "用户";
+    const avatarText = (userName.trim()[0] || "U").toUpperCase();
+    const naturalIconClass = "inline-flex size-8 shrink-0 items-center justify-center text-stone-600 transition hover:text-stone-950 dark:text-stone-300 dark:hover:text-white [&_svg]:size-4";
+    const iconStyle: CSSProperties | undefined = variant === "canvas" ? { color: canvasTheme.node.text } : undefined;
+    const versionStyle = iconStyle;
+    const gitHubClassName = variant === "canvas" ? "size-11 text-base" : undefined;
+    const gitHubStyle = iconStyle;
+    const avatarStyle: CSSProperties | undefined = variant === "canvas" ? { borderColor: canvasTheme.toolbar.border, color: canvasTheme.node.text } : undefined;
+    const menuItems: ItemType[] = [
+        { key: "user", disabled: true, label: <span className="font-medium text-current">{userName}</span> },
+        ...(user?.role === "admin" ? [{ key: "admin", icon: <Shield className="size-4" />, label: <Link href="/admin">管理后台</Link> }] : []),
+        ...(onOpenShortcuts ? [{ key: "shortcuts", icon: <Keyboard className="size-4" />, label: "快捷键", onClick: onOpenShortcuts }] : []),
+        { type: "divider" },
+        { key: "logout", icon: <LogOut className="size-4" />, label: "退出登录", onClick: logout },
+    ];

-  return (
-    <div className="inline-flex shrink-0 items-center gap-1.5">
-      {showConfig ? (
-        <button
-          type="button"
-          className={naturalIconClass}
-          style={iconStyle}
-          onClick={() => openConfigDialog(false)}
-          aria-label="配置"
-          title="配置"
-        >
-          <Settings2 className="size-4" />
-        </button>
-      ) : null}
-      <AnimatedThemeToggler
-        theme={theme}
-        onThemeChange={setTheme}
-        className={naturalIconClass}
-        style={iconStyle}
-        aria-label={theme === "dark" ? "切换到浅色主题" : "切换到深色主题"}
-        title={theme === "dark" ? "切换到浅色主题" : "切换到深色主题"}
-      />
-      <VersionReleaseModal style={versionStyle} />
-      <GitHubLink className={cn("bg-transparent hover:bg-transparent dark:hover:bg-transparent", gitHubClassName)} style={gitHubStyle} />
-      <div ref={accountRef}>
-        <Dropdown
-          open={accountOpen}
-          onOpenChange={onAccountOpenChange}
-          trigger={["click"]}
-          placement="bottomRight"
-          getPopupContainer={getPopupContainer}
-          styles={{ root: { minWidth: 150 } }}
-          menu={{ items: menuItems }}
-        >
-          <button
-            type="button"
-            className="inline-flex size-7 shrink-0 items-center justify-center rounded-full border border-stone-300 bg-transparent p-0 text-xs font-semibold leading-none text-stone-800 transition hover:border-stone-500 hover:text-stone-950 dark:border-stone-700 dark:text-stone-100 dark:hover:border-stone-400 dark:hover:text-white"
-            style={avatarStyle}
-            aria-label="账户菜单"
-          >
-            <span className="leading-none">{avatarText}</span>
-          </button>
-        </Dropdown>
-      </div>
-    </div>
-  );
+    return (
+        <div className="inline-flex shrink-0 items-center gap-1.5">
+            {showConfig ? (
+                <button type="button" className={naturalIconClass} style={iconStyle} onClick={() => openConfigDialog(false)} aria-label="配置" title="配置">
+                    <Settings2 className="size-4" />
+                </button>
+            ) : null}
+            <AnimatedThemeToggler theme={theme} onThemeChange={setTheme} className={naturalIconClass} style={iconStyle} aria-label={theme === "dark" ? "切换到浅色主题" : "切换到深色主题"} title={theme === "dark" ? "切换到浅色主题" : "切换到深色主题"} />
+            <VersionReleaseModal style={versionStyle} />
+            <GitHubLink className={cn("bg-transparent hover:bg-transparent dark:hover:bg-transparent", gitHubClassName)} style={gitHubStyle} />
+            <div ref={accountRef}>
+                <Dropdown open={accountOpen} onOpenChange={onAccountOpenChange} trigger={["click"]} placement="bottomRight" getPopupContainer={getPopupContainer} styles={{ root: { minWidth: 150 } }} menu={{ items: menuItems }}>
+                    <button
+                        type="button"
+                        className="inline-flex size-7 shrink-0 items-center justify-center rounded-full border border-stone-300 bg-transparent p-0 text-xs font-semibold leading-none text-stone-800 transition hover:border-stone-500 hover:text-stone-950 dark:border-stone-700 dark:text-stone-100 dark:hover:border-stone-400 dark:hover:text-white"
+                        style={avatarStyle}
+                        aria-label="账户菜单"
+                    >
+                        <span className="leading-none">{avatarText}</span>
+                    </button>
+                </Dropdown>
+            </div>
+        </div>
+    );
 }