dishui 0.0.72 → 0.0.74

package/dist/contexts/AppContext.js

@@ -1,6 +1,6 @@
-import e from "../layouts/Sidebar.js";
-import t from "../layouts/headbar/Headbar.js";
-import { SidebarToggleButtons as n } from "../components/SidebarToggleButton/index.js";
+import { MobileSidebarToggleButton as e } from "../components/SidebarToggleButton/index.js";
+import t from "../layouts/Sidebar.js";
+import n from "../layouts/headbar/Headbar.js";
 import r, { createContext as i, useContext as a, useEffect as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Outlet as u, RouterProvider as d } from "@tanstack/react-router";
@@ -10,39 +10,42 @@ var f = i(void 0), p = () => {
 	if (!e) throw Error("useAppContext must be used within an AppShell");
 	return e;
 }, m = () => p().auth, h = {}, g = () => {
-	let { title: i, language: a, theme: o, menuItems: d, getMenuItems: f, themes: m, sidebarWidth: g, sidebarCollapsedWidth: _, navbarHeight: v } = p(), [y, b] = s(() => {
+	let { title: i, language: a, theme: d, menuItems: f, getMenuItems: m, themes: g, sidebarWidth: _, sidebarCollapsedWidth: v, navbarHeight: y } = p(), [b, x] = s(() => {
 		let e = localStorage.getItem("sidebar-collapsed");
 		return e ? JSON.parse(e) : !1;
-	}), [x, S] = s(g || 280), C = r.useRef(null);
-	r.useEffect(() => {
-		g && S(g);
-	}, [g]), r.useEffect(() => {
-		localStorage.setItem("sidebar-collapsed", JSON.stringify(y));
-	}, [y]);
-	let w = () => {
-		b(!y);
-	}, T = (e) => {
-		S(e);
-	}, E = v || 64, D = h.layout || "sidebar", O = h.headbarLeft, k = typeof O == "function" ? O(w) : O;
-	return D === "topbar" ? /* @__PURE__ */ l("div", {
+	}), [S, C] = s(_ || 280), w = r.useRef(null), [T, E] = s(() => typeof window < "u" && window.innerWidth < 768), [D, O] = s(null);
+	o(() => {
+		let e = () => E(window.innerWidth < 768);
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), r.useEffect(() => {
+		_ && C(_);
+	}, [_]), r.useEffect(() => {
+		localStorage.setItem("sidebar-collapsed", JSON.stringify(b));
+	}, [b]);
+	let k = D ?? (T || b), A = () => {
+		O(!k);
+	}, j = T ? 16 : 128, M = (e) => {
+		C(e);
+	}, N = y || 64, P = h.layout || "sidebar", F = h.headbarLeft, I = typeof F == "function" ? F(A) : F;
+	return P === "topbar" ? /* @__PURE__ */ l("div", {
 		className: "h-screen flex flex-col bg-base-100",
-		"data-theme": o,
+		"data-theme": d,
 		children: [/* @__PURE__ */ c("div", {
 			style: {
-				height: `${E}px`,
+				height: `${N}px`,
 				flexShrink: 0
 			},
-			children: /* @__PURE__ */ c(t, {
-				left: k,
+			children: /* @__PURE__ */ c(n, {
+				left: I,
 				middle: h.headbarMiddle,
 				right: h.headbarRight,
-				height: E
+				height: N
 			})
 		}), /* @__PURE__ */ c("main", {
 			className: "flex-1 overflow-y-auto",
 			style: {
-				paddingLeft: "128px",
-				paddingRight: "128px",
+				paddingLeft: `${j}px`,
+				paddingRight: `${j}px`,
 				paddingTop: "16px",
 				paddingBottom: "16px"
 			},
@@ -50,55 +53,54 @@ var f = i(void 0), p = () => {
 		})]
 	}) : /* @__PURE__ */ l("div", {
 		className: "h-screen flex flex-col bg-base-100",
-		"data-theme": o,
+		"data-theme": d,
 		children: [/* @__PURE__ */ c("div", {
 			style: {
-				height: `${E}px`,
+				height: `${N}px`,
 				flexShrink: 0
 			},
-			children: /* @__PURE__ */ c(t, {
-				left: k,
+			children: /* @__PURE__ */ c(n, {
+				left: I,
 				middle: h.headbarMiddle,
 				right: h.headbarRight,
-				height: E
+				height: N
 			})
 		}), /* @__PURE__ */ l("div", {
 			className: "flex flex-1 overflow-hidden",
-			style: { height: `calc(100vh - ${E}px)` },
+			style: { height: `calc(100vh - ${N}px)` },
 			children: [
 				/* @__PURE__ */ c("div", {
 					className: "flex-shrink-0",
-					ref: C,
+					ref: w,
 					style: {
 						height: "100%",
-						overflow: "hidden"
+						overflow: "visible"
 					},
-					children: /* @__PURE__ */ c(e, {
-						isCollapsed: y,
+					children: /* @__PURE__ */ c(t, {
+						isCollapsed: k,
 						language: a,
-						items: d,
-						getMenuItems: f,
-						onWidthChange: T,
-						initialWidth: g || 280,
-						collapsedWidth: _ || 64
+						items: f,
+						getMenuItems: m,
+						onWidthChange: M,
+						onToggle: A,
+						initialWidth: S,
+						collapsedWidth: v || 64
 					})
 				}),
 				/* @__PURE__ */ c("main", {
 					className: "flex-1 overflow-y-auto",
 					style: {
 						height: "100%",
-						paddingLeft: "128px",
-						paddingRight: "128px",
+						paddingLeft: `${j}px`,
+						paddingRight: `${j}px`,
 						paddingTop: "16px",
 						paddingBottom: "16px"
 					},
 					children: /* @__PURE__ */ c(u, {})
 				}),
-				/* @__PURE__ */ c(n, {
-					isCollapsed: y,
-					onToggle: w,
-					sidebarWidth: x,
-					collapsedWidth: _ || 64
+				/* @__PURE__ */ c(e, {
+					isCollapsed: k,
+					onToggle: A
 				})
 			]
 		})]

package/dist/contexts/AppContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppContext.js","names":[],"sources":["../../src/contexts/AppContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useEffect } from 'react';\nimport { RouterProvider } from '@tanstack/react-router';\nimport { Router } from '@tanstack/react-router';\nimport Sidebar from '../layouts/Sidebar';\nimport { Headbar } from '../layouts/headbar';\nimport type { SearchConfig } from '../layouts/headbar';\nimport { Outlet } from '@tanstack/react-router';\nimport { MenuItem } from '../types/menu';\nimport { ThemeConfig } from '../utils/themes';\nimport { SidebarToggleButtons } from '../components/SidebarToggleButton';\n\n// 主题类型\nexport type ThemeType = 'light' | 'dark' | 'cursor' | 'retro' | 'cyberpunk' | 'matrix' | 'oceanblue' | 'eyecare' | 'ghibli' | 'pinkgirl' | 'mintgirl' | 'wuxing' | 'jukebox';\n\n// 用户类型定义\nexport type User = {\n  id: string;\n  name: string;\n  email: string;\n  roles: string[];\n};\n\n// 认证上下文类型\nexport type AuthContextType = {\n  user: User | null;\n  isAuthenticated: boolean;\n  login: (user: User) => void;\n  logout: () => void;\n  hasRole: (role: string) => boolean;\n  hasAnyRole: (roles: string[]) => boolean;\n};\n\n// 应用上下文类型\nexport type AppContextType = {\n  title?: string;\n  language: 'zh' | 'en';\n  theme: ThemeType;\n  setLanguage: (lang: 'zh' | 'en') => void;\n  setTheme: (theme: ThemeType) => void;\n  auth: AuthContextType;\n  menuItems?: MenuItem[];\n  getMenuItems?: (language: 'zh' | 'en') => MenuItem[];\n  themes?: ThemeConfig[];\n  sidebarWidth?: number;\n  sidebarCollapsedWidth?: number;\n  navbarHeight?: number;\n};\n\nconst AppContext = createContext<AppContextType | undefined>(undefined);\n\nexport const useAppContext = () => {\n  const context = useContext(AppContext);\n  if (!context) {\n    throw new Error('useAppContext must be used within an AppShell');\n  }\n  return context;\n};\n\n// 导出独立的认证 hook\nexport const useAuth = () => {\n  const context = useAppContext();\n  return context.auth;\n};\n\n// AppShell 配置类型\nexport type AppShellConfig = {\n  title?: string;\n  initialLang?: 'zh' | 'en';\n  initialTheme?: ThemeType;\n  menuItems?: MenuItem[];\n  getMenuItems?: (language: 'zh' | 'en') => MenuItem[];\n  themes?: ThemeConfig[];\n  enableAuth?: boolean;\n  onAuthRequired?: () => boolean | void;\n  protectedRoutes?: string[];\n  publicRoutes?: string[];\n  loginUrl?: string;\n  authFailedCallback?: (path: string, loginUrl: string) => void;\n  /** 布局模式: 'sidebar'(默认，顶栏+侧边栏) | 'topbar'(仅顶栏，无侧边栏) */\n  layout?: 'sidebar' | 'topbar';\n  sidebarWidth?: number;\n  sidebarCollapsedWidth?: number;\n  navbarHeight?: number;  // Navbar 高度（像素），默认 64px\n  searchConfig?: SearchConfig;\n  /** Headbar 左侧插槽（传入 ReactNode 或接收 toggleSidebar 的渲染函数） */\n  headbarLeft?: React.ReactNode | ((toggleSidebar: () => void) => React.ReactNode);\n  /** Headbar 中间插槽 */\n  headbarMiddle?: React.ReactNode;\n  /** Headbar 右侧插槽 */\n  headbarRight?: React.ReactNode;\n};\n\n// 全局配置存储\nlet globalConfig: AppShellConfig = {};\nlet globalAuthState: {\n  user: User | null;\n  setUser: React.Dispatch<React.SetStateAction<User | null>>;\n} | null = null;\n\n// 导出的布局包装器组件 - 用于路由\nexport const AppLayoutWrapper: React.FC = () => {\n  const { title, language, theme, menuItems, getMenuItems, themes, sidebarWidth: configSidebarWidth, sidebarCollapsedWidth, navbarHeight: configNavbarHeight } = useAppContext();\n\n  // 从 localStorage 读取侧边栏折叠状态\n  const [sidebarCollapsed, setSidebarCollapsed] = useState(() => {\n    const saved = localStorage.getItem('sidebar-collapsed');\n    return saved ? JSON.parse(saved) : false;\n  });\n\n  const [sidebarWidth, setSidebarWidth] = useState(configSidebarWidth || 280);\n  const sidebarRef = React.useRef<HTMLDivElement>(null);\n\n  // 当配置的 sidebarWidth 改变时，更新本地 state\n  React.useEffect(() => {\n    if (configSidebarWidth) {\n      setSidebarWidth(configSidebarWidth);\n    }\n  }, [configSidebarWidth]);\n\n  // 保存侧边栏折叠状态到 localStorage\n  React.useEffect(() => {\n    localStorage.setItem('sidebar-collapsed', JSON.stringify(sidebarCollapsed));\n  }, [sidebarCollapsed]);\n\n  const toggleSidebar = () => {\n    setSidebarCollapsed(!sidebarCollapsed);\n  };\n\n  const handleSidebarWidthChange = (width: number) => {\n    setSidebarWidth(width);\n  };\n\n  const navbarHeight = configNavbarHeight || 64;  // 默认 64px\n  const layout = globalConfig.layout || 'sidebar';\n\n  // 解析 headbar 插槽：支持 ReactNode 或渲染函数\n  const headbarLeftConfig = globalConfig.headbarLeft;\n  const resolvedLeft = typeof headbarLeftConfig === 'function'\n    ? headbarLeftConfig(toggleSidebar)\n    : headbarLeftConfig;\n\n  // topbar 模式：仅顶部导航，无侧边栏\n  if (layout === 'topbar') {\n    return (\n      <div className=\"h-screen flex flex-col bg-base-100\" data-theme={theme}>\n        <div style={{ height: `${navbarHeight}px`, flexShrink: 0 }}>\n          <Headbar\n            left={resolvedLeft}\n            middle={globalConfig.headbarMiddle}\n            right={globalConfig.headbarRight}\n            height={navbarHeight}\n          />\n        </div>\n        <main className=\"flex-1 overflow-y-auto\" style={{ paddingLeft: '128px', paddingRight: '128px', paddingTop: '16px', paddingBottom: '16px' }}>\n          <Outlet />\n        </main>\n      </div>\n    );\n  }\n\n  // sidebar 模式（默认）：顶栏 + 侧边栏\n  return (\n    <div className=\"h-screen flex flex-col bg-base-100\" data-theme={theme}>\n      {/* 固定高度的 Headbar */}\n      <div style={{ height: `${navbarHeight}px`, flexShrink: 0 }}>\n        <Headbar\n          left={resolvedLeft}\n          middle={globalConfig.headbarMiddle}\n          right={globalConfig.headbarRight}\n          height={navbarHeight}\n        />\n      </div>\n\n      {/* Sidebar 和 Content 区域 - 独立滚动 */}\n      <div className=\"flex flex-1 overflow-hidden\" style={{ height: `calc(100vh - ${navbarHeight}px)` }}>\n        {/* Sidebar - 独立滚动 */}\n        <div\n          className=\"flex-shrink-0\"\n          ref={sidebarRef}\n          style={{ height: '100%', overflow: 'hidden' }}\n        >\n          <Sidebar\n            isCollapsed={sidebarCollapsed}\n            language={language}\n            items={menuItems}\n            getMenuItems={getMenuItems}\n            onWidthChange={handleSidebarWidthChange}\n            initialWidth={configSidebarWidth || 280}\n            collapsedWidth={sidebarCollapsedWidth || 64}\n          />\n        </div>\n\n        {/* Content - 独立滚动 */}\n        <main className=\"flex-1 overflow-y-auto\" style={{ height: '100%', paddingLeft: '128px', paddingRight: '128px', paddingTop: '16px', paddingBottom: '16px' }}>\n          <Outlet />\n        </main>\n\n        {/* 悬浮侧边栏切换按钮 */}\n        <SidebarToggleButtons\n          isCollapsed={sidebarCollapsed}\n          onToggle={toggleSidebar}\n          sidebarWidth={sidebarWidth}\n          collapsedWidth={sidebarCollapsedWidth || 64}\n        />\n      </div>\n    </div>\n  );\n};\n\n// AppShell 属性类型\nexport type AppShellProps = {\n  router?: Router<any, any>;\n  children?: React.ReactNode;\n} & AppShellConfig;\n\n// AppShell 主组件\nexport const AppShell: React.FC<AppShellProps> = ({\n  router,\n  children,\n  title = 'DiShUI',\n  initialLang,\n  initialTheme,\n  menuItems,\n  getMenuItems,\n  themes,\n  enableAuth = false,\n  onAuthRequired,\n  protectedRoutes = [],\n  publicRoutes = ['/login', '/register'],\n  loginUrl = '/login',\n  authFailedCallback,\n  layout = 'sidebar',\n  sidebarWidth = 280,\n  sidebarCollapsedWidth = 64,\n  navbarHeight = 64,\n  searchConfig,\n  headbarLeft,\n  headbarMiddle,\n  headbarRight,\n}) => {\n  // 保存全局配置\n  globalConfig = {\n    title,\n    initialLang,\n    initialTheme,\n    menuItems,\n    getMenuItems,\n    themes,\n    enableAuth,\n    onAuthRequired,\n    protectedRoutes,\n    publicRoutes,\n    loginUrl,\n    authFailedCallback,\n    layout,\n    sidebarWidth,\n    sidebarCollapsedWidth,\n    navbarHeight,\n    searchConfig,\n    headbarLeft,\n    headbarMiddle,\n    headbarRight,\n  };\n\n  // 语言状态管理\n  const [language, setLanguage] = useState<'zh' | 'en'>(() => {\n    const savedLanguage = localStorage.getItem('app-language');\n    if (savedLanguage === 'zh' || savedLanguage === 'en') return savedLanguage;\n    return initialLang || 'zh';\n  });\n\n  // 主题状态管理\n  const [theme, setTheme] = useState<ThemeType>(() => {\n    const savedTheme = localStorage.getItem('app-theme');\n    const validThemes: ThemeType[] = ['light', 'dark', 'cursor', 'retro', 'cyberpunk', 'matrix', 'oceanblue', 'eyecare', 'ghibli', 'pinkgirl', 'mintgirl', 'wuxing', 'jukebox'];\n    if (savedTheme && validThemes.includes(savedTheme as ThemeType)) {\n      return savedTheme as ThemeType;\n    }\n    return initialTheme || 'light';\n  });\n\n  // 用户认证状态管理\n  const [user, setUser] = useState<User | null>(() => {\n    if (!enableAuth) return null;\n    const savedUser = localStorage.getItem('app-user');\n    return savedUser ? JSON.parse(savedUser) : null;\n  });\n\n  // 保存全局认证状态\n  globalAuthState = { user, setUser };\n\n  // 保存语言设置\n  useEffect(() => {\n    localStorage.setItem('app-language', language);\n  }, [language]);\n\n  // 保存主题设置\n  useEffect(() => {\n    localStorage.setItem('app-theme', theme);\n    document.documentElement.setAttribute('data-theme', theme);\n  }, [theme]);\n\n  // 保存用户信息\n  useEffect(() => {\n    if (enableAuth) {\n      if (user) {\n        localStorage.setItem('app-user', JSON.stringify(user));\n      } else {\n        localStorage.removeItem('app-user');\n      }\n    }\n  }, [user, enableAuth]);\n\n  // 认证方法\n  const login = (newUser: User) => {\n    setUser(newUser);\n  };\n\n  const logout = () => {\n    setUser(null);\n    localStorage.removeItem('app-user');\n  };\n\n  const hasRole = (role: string): boolean => {\n    return user?.roles.includes(role) || false;\n  };\n\n  const hasAnyRole = (roles: string[]): boolean => {\n    return roles.some(role => user?.roles.includes(role)) || false;\n  };\n\n  // 路由守卫 - 检查认证状态\n  useEffect(() => {\n    if (!enableAuth || !router) return;\n\n    const unsubscribe = router.subscribe('onBeforeLoad', ({ pathChanged, toLocation }) => {\n      if (!pathChanged) return;\n\n      const isPublicRoute = publicRoutes.some(route =>\n        toLocation.pathname.startsWith(route)\n      );\n\n      const isProtectedRoute = protectedRoutes.length === 0 ||\n        protectedRoutes.some(route => toLocation.pathname.startsWith(route));\n\n      if (isProtectedRoute && !isPublicRoute && !user) {\n        // 允许调用方先自行处理认证需求。返回 true 表示已处理，直接放行。\n        if (onAuthRequired) {\n          const handled = onAuthRequired();\n          if (handled) return;\n        }\n\n        // 未被自定义逻辑处理时，执行认证失败回调或默认重定向。\n        if (authFailedCallback) {\n          authFailedCallback(toLocation.pathname, loginUrl);\n        } else {\n          window.location.href = loginUrl;\n        }\n      }\n    });\n\n    return () => {\n      if (unsubscribe) unsubscribe();\n    };\n  }, [enableAuth, user, router, protectedRoutes, publicRoutes, onAuthRequired, loginUrl, authFailedCallback]);\n\n  const authContext: AuthContextType = {\n    user,\n    isAuthenticated: !!user,\n    login,\n    logout,\n    hasRole,\n    hasAnyRole,\n  };\n\n  const value: AppContextType = {\n    title,\n    language,\n    theme,\n    setLanguage,\n    setTheme,\n    auth: authContext,\n    menuItems,\n    getMenuItems,\n    themes,\n    sidebarWidth,\n    sidebarCollapsedWidth,\n    navbarHeight,\n  };\n\n  return (\n    <AppContext.Provider value={value}>\n      {router ? (\n        children || <RouterProvider router={router} />\n      ) : (\n        children\n      )}\n    </AppContext.Provider>\n  );\n};\n\n// 保持向后兼容的 AppProvider 别名\nexport const AppProvider = AppShell;\n\nexport default AppShell;\n"],"mappings":"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"}
+{"version":3,"file":"AppContext.js","names":[],"sources":["../../src/contexts/AppContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useEffect } from 'react';\nimport { RouterProvider } from '@tanstack/react-router';\nimport { Router } from '@tanstack/react-router';\nimport Sidebar from '../layouts/Sidebar';\nimport { Headbar } from '../layouts/headbar';\nimport type { SearchConfig } from '../layouts/headbar';\nimport { Outlet } from '@tanstack/react-router';\nimport { MenuItem } from '../types/menu';\nimport { ThemeConfig } from '../utils/themes';\nimport { MobileSidebarToggleButton } from '../components/SidebarToggleButton';\n\n// 主题类型\nexport type ThemeType = 'light' | 'dark' | 'cursor' | 'retro' | 'cyberpunk' | 'matrix' | 'oceanblue' | 'eyecare' | 'ghibli' | 'pinkgirl' | 'mintgirl' | 'wuxing' | 'jukebox';\n\n// 用户类型定义\nexport type User = {\n  id: string;\n  name: string;\n  email: string;\n  roles: string[];\n};\n\n// 认证上下文类型\nexport type AuthContextType = {\n  user: User | null;\n  isAuthenticated: boolean;\n  login: (user: User) => void;\n  logout: () => void;\n  hasRole: (role: string) => boolean;\n  hasAnyRole: (roles: string[]) => boolean;\n};\n\n// 应用上下文类型\nexport type AppContextType = {\n  title?: string;\n  language: 'zh' | 'en';\n  theme: ThemeType;\n  setLanguage: (lang: 'zh' | 'en') => void;\n  setTheme: (theme: ThemeType) => void;\n  auth: AuthContextType;\n  menuItems?: MenuItem[];\n  getMenuItems?: (language: 'zh' | 'en') => MenuItem[];\n  themes?: ThemeConfig[];\n  sidebarWidth?: number;\n  sidebarCollapsedWidth?: number;\n  navbarHeight?: number;\n};\n\nconst AppContext = createContext<AppContextType | undefined>(undefined);\n\nexport const useAppContext = () => {\n  const context = useContext(AppContext);\n  if (!context) {\n    throw new Error('useAppContext must be used within an AppShell');\n  }\n  return context;\n};\n\n// 导出独立的认证 hook\nexport const useAuth = () => {\n  const context = useAppContext();\n  return context.auth;\n};\n\n// AppShell 配置类型\nexport type AppShellConfig = {\n  title?: string;\n  initialLang?: 'zh' | 'en';\n  initialTheme?: ThemeType;\n  menuItems?: MenuItem[];\n  getMenuItems?: (language: 'zh' | 'en') => MenuItem[];\n  themes?: ThemeConfig[];\n  enableAuth?: boolean;\n  onAuthRequired?: () => boolean | void;\n  protectedRoutes?: string[];\n  publicRoutes?: string[];\n  loginUrl?: string;\n  authFailedCallback?: (path: string, loginUrl: string) => void;\n  /** 布局模式: 'sidebar'(默认，顶栏+侧边栏) | 'topbar'(仅顶栏，无侧边栏) */\n  layout?: 'sidebar' | 'topbar';\n  sidebarWidth?: number;\n  sidebarCollapsedWidth?: number;\n  navbarHeight?: number;  // Navbar 高度（像素），默认 64px\n  searchConfig?: SearchConfig;\n  /** Headbar 左侧插槽（传入 ReactNode 或接收 toggleSidebar 的渲染函数） */\n  headbarLeft?: React.ReactNode | ((toggleSidebar: () => void) => React.ReactNode);\n  /** Headbar 中间插槽 */\n  headbarMiddle?: React.ReactNode;\n  /** Headbar 右侧插槽 */\n  headbarRight?: React.ReactNode;\n};\n\n// 全局配置存储\nlet globalConfig: AppShellConfig = {};\nlet globalAuthState: {\n  user: User | null;\n  setUser: React.Dispatch<React.SetStateAction<User | null>>;\n} | null = null;\n\n// 导出的布局包装器组件 - 用于路由\nexport const AppLayoutWrapper: React.FC = () => {\n  const { title, language, theme, menuItems, getMenuItems, themes, sidebarWidth: configSidebarWidth, sidebarCollapsedWidth, navbarHeight: configNavbarHeight } = useAppContext();\n\n  // 从 localStorage 读取侧边栏折叠状态\n  const [sidebarCollapsed, setSidebarCollapsed] = useState(() => {\n    const saved = localStorage.getItem('sidebar-collapsed');\n    return saved ? JSON.parse(saved) : false;\n  });\n\n  const [sidebarWidth, setSidebarWidth] = useState(configSidebarWidth || 280);\n  const sidebarRef = React.useRef<HTMLDivElement>(null);\n\n  // 窄屏（手机）适配：内容留白收窄，侧边栏默认折叠，用户可手动展开\n  const [narrowViewport, setNarrowViewport] = useState(() => typeof window !== 'undefined' && window.innerWidth < 768);\n  // null = 未手动干预，跟随默认规则（窄屏折叠 / 桌面跟随保存的偏好）\n  const [sidebarUserOverride, setSidebarUserOverride] = useState<boolean | null>(null);\n\n  useEffect(() => {\n    const onResize = () => setNarrowViewport(window.innerWidth < 768);\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, []);\n\n  // 当配置的 sidebarWidth 改变时，更新本地 state\n  React.useEffect(() => {\n    if (configSidebarWidth) {\n      setSidebarWidth(configSidebarWidth);\n    }\n  }, [configSidebarWidth]);\n\n  // 保存侧边栏折叠状态到 localStorage\n  React.useEffect(() => {\n    localStorage.setItem('sidebar-collapsed', JSON.stringify(sidebarCollapsed));\n  }, [sidebarCollapsed]);\n\n  const effectiveSidebarCollapsed = sidebarUserOverride ?? (narrowViewport || sidebarCollapsed);\n\n  const toggleSidebar = () => {\n    setSidebarUserOverride(!effectiveSidebarCollapsed);\n  };\n\n  const contentPaddingX = narrowViewport ? 16 : 128;\n\n  const handleSidebarWidthChange = (width: number) => {\n    setSidebarWidth(width);\n  };\n\n  const navbarHeight = configNavbarHeight || 64;  // 默认 64px\n  const layout = globalConfig.layout || 'sidebar';\n\n  // 解析 headbar 插槽：支持 ReactNode 或渲染函数\n  const headbarLeftConfig = globalConfig.headbarLeft;\n  const resolvedLeft = typeof headbarLeftConfig === 'function'\n    ? headbarLeftConfig(toggleSidebar)\n    : headbarLeftConfig;\n\n  // topbar 模式：仅顶部导航，无侧边栏\n  if (layout === 'topbar') {\n    return (\n      <div className=\"h-screen flex flex-col bg-base-100\" data-theme={theme}>\n        <div style={{ height: `${navbarHeight}px`, flexShrink: 0 }}>\n          <Headbar\n            left={resolvedLeft}\n            middle={globalConfig.headbarMiddle}\n            right={globalConfig.headbarRight}\n            height={navbarHeight}\n          />\n        </div>\n        <main className=\"flex-1 overflow-y-auto\" style={{ paddingLeft: `${contentPaddingX}px`, paddingRight: `${contentPaddingX}px`, paddingTop: '16px', paddingBottom: '16px' }}>\n          <Outlet />\n        </main>\n      </div>\n    );\n  }\n\n  // sidebar 模式（默认）：顶栏 + 侧边栏\n  return (\n    <div className=\"h-screen flex flex-col bg-base-100\" data-theme={theme}>\n      {/* 固定高度的 Headbar */}\n      <div style={{ height: `${navbarHeight}px`, flexShrink: 0 }}>\n        <Headbar\n          left={resolvedLeft}\n          middle={globalConfig.headbarMiddle}\n          right={globalConfig.headbarRight}\n          height={navbarHeight}\n        />\n      </div>\n\n      {/* Sidebar 和 Content 区域 - 独立滚动 */}\n      <div className=\"flex flex-1 overflow-hidden\" style={{ height: `calc(100vh - ${navbarHeight}px)` }}>\n        {/* Sidebar - 独立滚动（overflow visible 以允许右边缘 pill 轻微越界） */}\n        <div\n          className=\"flex-shrink-0\"\n          ref={sidebarRef}\n          style={{ height: '100%', overflow: 'visible' }}\n        >\n          <Sidebar\n            isCollapsed={effectiveSidebarCollapsed}\n            language={language}\n            items={menuItems}\n            getMenuItems={getMenuItems}\n            onWidthChange={handleSidebarWidthChange}\n            onToggle={toggleSidebar}\n            initialWidth={sidebarWidth}\n            collapsedWidth={sidebarCollapsedWidth || 64}\n          />\n        </div>\n\n        {/* Content - 独立滚动 */}\n        <main className=\"flex-1 overflow-y-auto\" style={{ height: '100%', paddingLeft: `${contentPaddingX}px`, paddingRight: `${contentPaddingX}px`, paddingTop: '16px', paddingBottom: '16px' }}>\n          <Outlet />\n        </main>\n\n        {/* 侧边栏切换控件：桌面端 pill 已由 Sidebar 内部渲染，此处仅保留移动端按钮 */}\n        <MobileSidebarToggleButton\n          isCollapsed={effectiveSidebarCollapsed}\n          onToggle={toggleSidebar}\n        />\n      </div>\n    </div>\n  );\n};\n\n// AppShell 属性类型\nexport type AppShellProps = {\n  router?: Router<any, any>;\n  children?: React.ReactNode;\n} & AppShellConfig;\n\n// AppShell 主组件\nexport const AppShell: React.FC<AppShellProps> = ({\n  router,\n  children,\n  title = 'DiShUI',\n  initialLang,\n  initialTheme,\n  menuItems,\n  getMenuItems,\n  themes,\n  enableAuth = false,\n  onAuthRequired,\n  protectedRoutes = [],\n  publicRoutes = ['/login', '/register'],\n  loginUrl = '/login',\n  authFailedCallback,\n  layout = 'sidebar',\n  sidebarWidth = 280,\n  sidebarCollapsedWidth = 64,\n  navbarHeight = 64,\n  searchConfig,\n  headbarLeft,\n  headbarMiddle,\n  headbarRight,\n}) => {\n  // 保存全局配置\n  globalConfig = {\n    title,\n    initialLang,\n    initialTheme,\n    menuItems,\n    getMenuItems,\n    themes,\n    enableAuth,\n    onAuthRequired,\n    protectedRoutes,\n    publicRoutes,\n    loginUrl,\n    authFailedCallback,\n    layout,\n    sidebarWidth,\n    sidebarCollapsedWidth,\n    navbarHeight,\n    searchConfig,\n    headbarLeft,\n    headbarMiddle,\n    headbarRight,\n  };\n\n  // 语言状态管理\n  const [language, setLanguage] = useState<'zh' | 'en'>(() => {\n    const savedLanguage = localStorage.getItem('app-language');\n    if (savedLanguage === 'zh' || savedLanguage === 'en') return savedLanguage;\n    return initialLang || 'zh';\n  });\n\n  // 主题状态管理\n  const [theme, setTheme] = useState<ThemeType>(() => {\n    const savedTheme = localStorage.getItem('app-theme');\n    const validThemes: ThemeType[] = ['light', 'dark', 'cursor', 'retro', 'cyberpunk', 'matrix', 'oceanblue', 'eyecare', 'ghibli', 'pinkgirl', 'mintgirl', 'wuxing', 'jukebox'];\n    if (savedTheme && validThemes.includes(savedTheme as ThemeType)) {\n      return savedTheme as ThemeType;\n    }\n    return initialTheme || 'light';\n  });\n\n  // 用户认证状态管理\n  const [user, setUser] = useState<User | null>(() => {\n    if (!enableAuth) return null;\n    const savedUser = localStorage.getItem('app-user');\n    return savedUser ? JSON.parse(savedUser) : null;\n  });\n\n  // 保存全局认证状态\n  globalAuthState = { user, setUser };\n\n  // 保存语言设置\n  useEffect(() => {\n    localStorage.setItem('app-language', language);\n  }, [language]);\n\n  // 保存主题设置\n  useEffect(() => {\n    localStorage.setItem('app-theme', theme);\n    document.documentElement.setAttribute('data-theme', theme);\n  }, [theme]);\n\n  // 保存用户信息\n  useEffect(() => {\n    if (enableAuth) {\n      if (user) {\n        localStorage.setItem('app-user', JSON.stringify(user));\n      } else {\n        localStorage.removeItem('app-user');\n      }\n    }\n  }, [user, enableAuth]);\n\n  // 认证方法\n  const login = (newUser: User) => {\n    setUser(newUser);\n  };\n\n  const logout = () => {\n    setUser(null);\n    localStorage.removeItem('app-user');\n  };\n\n  const hasRole = (role: string): boolean => {\n    return user?.roles.includes(role) || false;\n  };\n\n  const hasAnyRole = (roles: string[]): boolean => {\n    return roles.some(role => user?.roles.includes(role)) || false;\n  };\n\n  // 路由守卫 - 检查认证状态\n  useEffect(() => {\n    if (!enableAuth || !router) return;\n\n    const unsubscribe = router.subscribe('onBeforeLoad', ({ pathChanged, toLocation }) => {\n      if (!pathChanged) return;\n\n      const isPublicRoute = publicRoutes.some(route =>\n        toLocation.pathname.startsWith(route)\n      );\n\n      const isProtectedRoute = protectedRoutes.length === 0 ||\n        protectedRoutes.some(route => toLocation.pathname.startsWith(route));\n\n      if (isProtectedRoute && !isPublicRoute && !user) {\n        // 允许调用方先自行处理认证需求。返回 true 表示已处理，直接放行。\n        if (onAuthRequired) {\n          const handled = onAuthRequired();\n          if (handled) return;\n        }\n\n        // 未被自定义逻辑处理时，执行认证失败回调或默认重定向。\n        if (authFailedCallback) {\n          authFailedCallback(toLocation.pathname, loginUrl);\n        } else {\n          window.location.href = loginUrl;\n        }\n      }\n    });\n\n    return () => {\n      if (unsubscribe) unsubscribe();\n    };\n  }, [enableAuth, user, router, protectedRoutes, publicRoutes, onAuthRequired, loginUrl, authFailedCallback]);\n\n  const authContext: AuthContextType = {\n    user,\n    isAuthenticated: !!user,\n    login,\n    logout,\n    hasRole,\n    hasAnyRole,\n  };\n\n  const value: AppContextType = {\n    title,\n    language,\n    theme,\n    setLanguage,\n    setTheme,\n    auth: authContext,\n    menuItems,\n    getMenuItems,\n    themes,\n    sidebarWidth,\n    sidebarCollapsedWidth,\n    navbarHeight,\n  };\n\n  return (\n    <AppContext.Provider value={value}>\n      {router ? (\n        children || <RouterProvider router={router} />\n      ) : (\n        children\n      )}\n    </AppContext.Provider>\n  );\n};\n\n// 保持向后兼容的 AppProvider 别名\nexport const AppProvider = AppShell;\n\nexport default AppShell;\n"],"mappings":";;;;;;;AAgDA,IAAM,IAAa,EAA0C,KAAA,CAAS,GAEzD,UAAsB;CACjC,IAAM,IAAU,EAAW,CAAU;CACrC,IAAI,CAAC,GACH,MAAU,MAAM,+CAA+C;CAEjE,OAAO;AACT,GAGa,UACK,EACT,CAAA,CAAQ,MAgCb,IAA+B,CAAC,GAOvB,UAAmC;CAC9C,IAAM,EAAE,UAAO,aAAU,UAAO,cAAW,iBAAc,WAAQ,cAAc,GAAoB,0BAAuB,cAAc,MAAuB,EAAc,GAGvK,CAAC,GAAkB,KAAuB,QAAe;EAC7D,IAAM,IAAQ,aAAa,QAAQ,mBAAmB;EACtD,OAAO,IAAQ,KAAK,MAAM,CAAK,IAAI;CACrC,CAAC,GAEK,CAAC,GAAc,KAAmB,EAAS,KAAsB,GAAG,GACpE,IAAa,EAAM,OAAuB,IAAI,GAG9C,CAAC,GAAgB,KAAqB,QAAe,OAAO,SAAW,OAAe,OAAO,aAAa,GAAG,GAE7G,CAAC,GAAqB,KAA0B,EAAyB,IAAI;CAgBnF,AAdA,QAAgB;EACd,IAAM,UAAiB,EAAkB,OAAO,aAAa,GAAG;EAEhE,OADA,OAAO,iBAAiB,UAAU,CAAQ,SAC7B,OAAO,oBAAoB,UAAU,CAAQ;CAC5D,GAAG,CAAC,CAAC,GAGL,EAAM,gBAAgB;EACpB,AAAI,KACF,EAAgB,CAAkB;CAEtC,GAAG,CAAC,CAAkB,CAAC,GAGvB,EAAM,gBAAgB;EACpB,aAAa,QAAQ,qBAAqB,KAAK,UAAU,CAAgB,CAAC;CAC5E,GAAG,CAAC,CAAgB,CAAC;CAErB,IAAM,IAA4B,MAAwB,KAAkB,IAEtE,UAAsB;EAC1B,EAAuB,CAAC,CAAyB;CACnD,GAEM,IAAkB,IAAiB,KAAK,KAExC,KAA4B,MAAkB;EAClD,EAAgB,CAAK;CACvB,GAEM,IAAe,KAAsB,IACrC,IAAS,EAAa,UAAU,WAGhC,IAAoB,EAAa,aACjC,IAAe,OAAO,KAAsB,aAC9C,EAAkB,CAAa,IAC/B;CAsBJ,OAnBI,MAAW,WAEX,kBAAC,OAAD;EAAK,WAAU;EAAqC,cAAY;EAAhE,UAAA,CACE,kBAAC,OAAD;GAAK,OAAO;IAAE,QAAQ,GAAG,EAAa;IAAK,YAAY;GAAE;GACvD,UAAA,kBAAC,GAAD;IACE,MAAM;IACN,QAAQ,EAAa;IACrB,OAAO,EAAa;IACpB,QAAQ;GACT,CAAA;EACE,CAAA,GACL,kBAAC,QAAD;GAAM,WAAU;GAAyB,OAAO;IAAE,aAAa,GAAG,EAAgB;IAAK,cAAc,GAAG,EAAgB;IAAK,YAAY;IAAQ,eAAe;GAAO;GACrK,UAAA,kBAAC,GAAD,CAAS,CAAA;EACL,CAAA,CACH;MAMP,kBAAC,OAAD;EAAK,WAAU;EAAqC,cAAY;EAAhE,UAAA,CAEE,kBAAC,OAAD;GAAK,OAAO;IAAE,QAAQ,GAAG,EAAa;IAAK,YAAY;GAAE;GACvD,UAAA,kBAAC,GAAD;IACE,MAAM;IACN,QAAQ,EAAa;IACrB,OAAO,EAAa;IACpB,QAAQ;GACT,CAAA;EACE,CAAA,GAGL,kBAAC,OAAD;GAAK,WAAU;GAA8B,OAAO,EAAE,QAAQ,gBAAgB,EAAa,KAAK;GAAhG,UAAA;IAEE,kBAAC,OAAD;KACE,WAAU;KACV,KAAK;KACL,OAAO;MAAE,QAAQ;MAAQ,UAAU;KAAU;KAE7C,UAAA,kBAAC,GAAD;MACE,aAAa;MACH;MACV,OAAO;MACO;MACd,eAAe;MACf,UAAU;MACV,cAAc;MACd,gBAAgB,KAAyB;KAC1C,CAAA;IACE,CAAA;IAGL,kBAAC,QAAD;KAAM,WAAU;KAAyB,OAAO;MAAE,QAAQ;MAAQ,aAAa,GAAG,EAAgB;MAAK,cAAc,GAAG,EAAgB;MAAK,YAAY;MAAQ,eAAe;KAAO;KACrL,UAAA,kBAAC,GAAD,CAAS,CAAA;IACL,CAAA;IAGN,kBAAC,GAAD;KACE,aAAa;KACb,UAAU;IACX,CAAA;GACE;EACF,CAAA,CAAA;;AAET,GASa,KAAqC,EAChD,WACA,aACA,WAAQ,UACR,gBACA,iBACA,cACA,iBACA,WACA,gBAAa,IACb,mBACA,qBAAkB,CAAC,GACnB,kBAAe,CAAC,UAAU,WAAW,GACrC,cAAW,UACX,uBACA,YAAS,WACT,kBAAe,KACf,2BAAwB,IACxB,kBAAe,IACf,iBACA,gBACA,kBACA,sBACI;CAEJ,IAAe;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAGA,IAAM,CAAC,GAAU,KAAe,QAA4B;EAC1D,IAAM,IAAgB,aAAa,QAAQ,cAAc;EAEzD,OADI,MAAkB,QAAQ,MAAkB,OAAa,IACtD,KAAe;CACxB,CAAC,GAGK,CAAC,GAAO,KAAY,QAA0B;EAClD,IAAM,IAAa,aAAa,QAAQ,WAAW;EAKnD,OAHI,KAAc;GADgB;GAAS;GAAQ;GAAU;GAAS;GAAa;GAAU;GAAa;GAAW;GAAU;GAAY;GAAY;GAAU;EAC/I,CAAA,CAAY,SAAS,CAAuB,IACrD,IAEF,KAAgB;CACzB,CAAC,GAGK,CAAC,GAAM,KAAW,QAA4B;EAClD,IAAI,CAAC,GAAY,OAAO;EACxB,IAAM,IAAY,aAAa,QAAQ,UAAU;EACjD,OAAO,IAAY,KAAK,MAAM,CAAS,IAAI;CAC7C,CAAC;CAiBD,AAXA,QAAgB;EACd,aAAa,QAAQ,gBAAgB,CAAQ;CAC/C,GAAG,CAAC,CAAQ,CAAC,GAGb,QAAgB;EAEd,AADA,aAAa,QAAQ,aAAa,CAAK,GACvC,SAAS,gBAAgB,aAAa,cAAc,CAAK;CAC3D,GAAG,CAAC,CAAK,CAAC,GAGV,QAAgB;EACd,AAAI,MACE,IACF,aAAa,QAAQ,YAAY,KAAK,UAAU,CAAI,CAAC,IAErD,aAAa,WAAW,UAAU;CAGxC,GAAG,CAAC,GAAM,CAAU,CAAC;CAGrB,IAAM,KAAS,MAAkB;EAC/B,EAAQ,CAAO;CACjB,GAEM,UAAe;EAEnB,AADA,EAAQ,IAAI,GACZ,aAAa,WAAW,UAAU;CACpC,GAEM,KAAW,MACR,GAAM,MAAM,SAAS,CAAI,KAAK,IAGjC,KAAc,MACX,EAAM,MAAK,MAAQ,GAAM,MAAM,SAAS,CAAI,CAAC,KAAK;CAI3D,QAAgB;EACd,IAAI,CAAC,KAAc,CAAC,GAAQ;EAE5B,IAAM,IAAc,EAAO,UAAU,iBAAiB,EAAE,gBAAa,oBAAiB;GACpF,IAAI,CAAC,GAAa;GAElB,IAAM,IAAgB,EAAa,MAAK,MACtC,EAAW,SAAS,WAAW,CAAK,CACtC;GAKA,KAHyB,EAAgB,WAAW,KAClD,EAAgB,MAAK,MAAS,EAAW,SAAS,WAAW,CAAK,CAAC,MAE7C,CAAC,KAAiB,CAAC,GAAM;IAE/C,IAAI,KACc,EACZ,GAAS;IAIf,AAAI,IACF,EAAmB,EAAW,UAAU,CAAQ,IAEhD,OAAO,SAAS,OAAO;GAE3B;EACF,CAAC;EAED,aAAa;GACX,AAAI,KAAa,EAAY;EAC/B;CACF,GAAG;EAAC;EAAY;EAAM;EAAQ;EAAiB;EAAc;EAAgB;EAAU;CAAkB,CAAC;CAW1G,IAAM,IAAwB;EAC5B;EACA;EACA;EACA;EACA;EACA,MAAM;GAdN;GACA,iBAAiB,CAAC,CAAC;GACnB;GACA;GACA;GACA;EASM;EACN;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OACE,kBAAC,EAAW,UAAZ;EAA4B;EACzB,UAAA,IACC,KAAY,kBAAC,GAAD,EAAwB,UAAS,CAAA,IAE7C;CAEiB,CAAA;AAEzB,GAGa,IAAc"}