dishui 0.0.65 → 0.0.67

package/dist/contexts/AppContext.js

@@ -1,223 +1,218 @@
-import X from "../layouts/Sidebar.js";
-import j from "../layouts/headbar/Headbar.js";
-import { SidebarToggleButtons as Y } from "../components/SidebarToggleButton/index.js";
-import B, { createContext as Z, useContext as _, useEffect as C, useState as x } from "react";
-import { jsx as t, jsxs as J } from "react/jsx-runtime";
-import { Outlet as A, RouterProvider as q } from "@tanstack/react-router";
-var H = Z(void 0), R = () => {
-  const r = _(H);
-  if (!r) throw new Error("useAppContext must be used within an AppShell");
-  return r;
-}, oe = () => R().auth, d = {}, le = () => {
-  const { title: r, language: v, theme: c, menuItems: b, getMenuItems: S, themes: L, sidebarWidth: i, sidebarCollapsedWidth: f, navbarHeight: o } = R(), [a, h] = x(() => {
-    const p = localStorage.getItem("sidebar-collapsed");
-    return p ? JSON.parse(p) : !1;
-  }), [m, n] = x(i || 280), g = B.useRef(null);
-  B.useEffect(() => {
-    i && n(i);
-  }, [i]), B.useEffect(() => {
-    localStorage.setItem("sidebar-collapsed", JSON.stringify(a));
-  }, [a]);
-  const y = () => {
-    h(!a);
-  }, I = (p) => {
-    n(p);
-  }, l = o || 64, N = d.layout || "sidebar", u = d.headbarLeft, W = typeof u == "function" ? u(y) : u;
-  return N === "topbar" ? /* @__PURE__ */ J("div", {
-    className: "h-screen flex flex-col bg-base-100",
-    "data-theme": c,
-    children: [/* @__PURE__ */ t("div", {
-      style: {
-        height: `${l}px`,
-        flexShrink: 0
-      },
-      children: /* @__PURE__ */ t(j, {
-        left: W,
-        middle: d.headbarMiddle,
-        right: d.headbarRight,
-        height: l
-      })
-    }), /* @__PURE__ */ t("main", {
-      className: "flex-1 overflow-y-auto",
-      style: {
-        paddingLeft: "128px",
-        paddingRight: "128px",
-        paddingTop: "16px",
-        paddingBottom: "16px"
-      },
-      children: /* @__PURE__ */ t(A, {})
-    })]
-  }) : /* @__PURE__ */ J("div", {
-    className: "h-screen flex flex-col bg-base-100",
-    "data-theme": c,
-    children: [/* @__PURE__ */ t("div", {
-      style: {
-        height: `${l}px`,
-        flexShrink: 0
-      },
-      children: /* @__PURE__ */ t(j, {
-        left: W,
-        middle: d.headbarMiddle,
-        right: d.headbarRight,
-        height: l
-      })
-    }), /* @__PURE__ */ J("div", {
-      className: "flex flex-1 overflow-hidden",
-      style: { height: `calc(100vh - ${l}px)` },
-      children: [
-        /* @__PURE__ */ t("div", {
-          className: "flex-shrink-0",
-          ref: g,
-          style: {
-            height: "100%",
-            overflow: "hidden"
-          },
-          children: /* @__PURE__ */ t(X, {
-            isCollapsed: a,
-            language: v,
-            items: b,
-            getMenuItems: S,
-            onWidthChange: I,
-            initialWidth: i || 280,
-            collapsedWidth: f || 64
-          })
-        }),
-        /* @__PURE__ */ t("main", {
-          className: "flex-1 overflow-y-auto",
-          style: {
-            height: "100%",
-            paddingLeft: "128px",
-            paddingRight: "128px",
-            paddingTop: "16px",
-            paddingBottom: "16px"
-          },
-          children: /* @__PURE__ */ t(A, {})
-        }),
-        /* @__PURE__ */ t(Y, {
-          isCollapsed: a,
-          onToggle: y,
-          sidebarWidth: m,
-          collapsedWidth: f || 64
-        })
-      ]
-    })]
-  });
-}, F = ({ router: r, children: v, title: c = "DiShUI", initialLang: b, initialTheme: S, menuItems: L, getMenuItems: i, themes: f, enableAuth: o = !1, onAuthRequired: a, protectedRoutes: h = [], publicRoutes: m = ["/login", "/register"], loginUrl: n = "/login", authFailedCallback: g, layout: y = "sidebar", sidebarWidth: I = 280, sidebarCollapsedWidth: l = 64, navbarHeight: N = 64, searchConfig: u, headbarLeft: W, headbarMiddle: p, headbarRight: $ }) => {
-  d = {
-    title: c,
-    initialLang: b,
-    initialTheme: S,
-    menuItems: L,
-    getMenuItems: i,
-    themes: f,
-    enableAuth: o,
-    onAuthRequired: a,
-    protectedRoutes: h,
-    publicRoutes: m,
-    loginUrl: n,
-    authFailedCallback: g,
-    layout: y,
-    sidebarWidth: I,
-    sidebarCollapsedWidth: l,
-    navbarHeight: N,
-    searchConfig: u,
-    headbarLeft: W,
-    headbarMiddle: p,
-    headbarRight: $
-  };
-  const [E, z] = x(() => {
-    const e = localStorage.getItem("app-language");
-    return e === "zh" || e === "en" ? e : b || "zh";
-  }), [w, M] = x(() => {
-    const e = localStorage.getItem("app-theme");
-    return e && [
-      "light",
-      "dark",
-      "retro",
-      "cyberpunk",
-      "matrix",
-      "oceanblue",
-      "eyecare",
-      "ghibli",
-      "pinkgirl",
-      "mintgirl",
-      "wuxing",
-      "jukebox"
-    ].includes(e) ? e : S || "light";
-  }), [s, P] = x(() => {
-    if (!o) return null;
-    const e = localStorage.getItem("app-user");
-    return e ? JSON.parse(e) : null;
-  });
-  C(() => {
-    localStorage.setItem("app-language", E);
-  }, [E]), C(() => {
-    localStorage.setItem("app-theme", w), document.documentElement.setAttribute("data-theme", w);
-  }, [w]), C(() => {
-    o && (s ? localStorage.setItem("app-user", JSON.stringify(s)) : localStorage.removeItem("app-user"));
-  }, [s, o]);
-  const D = (e) => {
-    P(e);
-  }, G = () => {
-    P(null), localStorage.removeItem("app-user");
-  }, K = (e) => s?.roles.includes(e) || !1, Q = (e) => e.some((O) => s?.roles.includes(O)) || !1;
-  C(() => {
-    if (!o || !r) return;
-    const e = r.subscribe("onBeforeLoad", ({ pathChanged: O, toLocation: T }) => {
-      if (!O) return;
-      const V = m.some((k) => T.pathname.startsWith(k));
-      if ((h.length === 0 || h.some((k) => T.pathname.startsWith(k))) && !V && !s) {
-        if (a && a())
-          return;
-        g ? g(T.pathname, n) : window.location.href = n;
-      }
-    });
-    return () => {
-      e && e();
-    };
-  }, [
-    o,
-    s,
-    r,
-    h,
-    m,
-    a,
-    n,
-    g
-  ]);
-  const U = {
-    title: c,
-    language: E,
-    theme: w,
-    setLanguage: z,
-    setTheme: M,
-    auth: {
-      user: s,
-      isAuthenticated: !!s,
-      login: D,
-      logout: G,
-      hasRole: K,
-      hasAnyRole: Q
-    },
-    menuItems: L,
-    getMenuItems: i,
-    themes: f,
-    sidebarWidth: I,
-    sidebarCollapsedWidth: l,
-    navbarHeight: N
-  };
-  return /* @__PURE__ */ t(H.Provider, {
-    value: U,
-    children: r ? v || /* @__PURE__ */ t(q, { router: r }) : v
-  });
-}, ne = F;
-export {
-  le as AppLayoutWrapper,
-  ne as AppProvider,
-  F as AppShell,
-  F as default,
-  R as useAppContext,
-  oe as useAuth
-};
+import e from "../layouts/Sidebar.js";
+import t from "../layouts/headbar/Headbar.js";
+import { SidebarToggleButtons as n } from "../components/SidebarToggleButton/index.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";
+//#region src/contexts/AppContext.tsx
+var f = i(void 0), p = () => {
+	let e = a(f);
+	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 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", {
+		className: "h-screen flex flex-col bg-base-100",
+		"data-theme": o,
+		children: [/* @__PURE__ */ c("div", {
+			style: {
+				height: `${E}px`,
+				flexShrink: 0
+			},
+			children: /* @__PURE__ */ c(t, {
+				left: k,
+				middle: h.headbarMiddle,
+				right: h.headbarRight,
+				height: E
+			})
+		}), /* @__PURE__ */ c("main", {
+			className: "flex-1 overflow-y-auto",
+			style: {
+				paddingLeft: "128px",
+				paddingRight: "128px",
+				paddingTop: "16px",
+				paddingBottom: "16px"
+			},
+			children: /* @__PURE__ */ c(u, {})
+		})]
+	}) : /* @__PURE__ */ l("div", {
+		className: "h-screen flex flex-col bg-base-100",
+		"data-theme": o,
+		children: [/* @__PURE__ */ c("div", {
+			style: {
+				height: `${E}px`,
+				flexShrink: 0
+			},
+			children: /* @__PURE__ */ c(t, {
+				left: k,
+				middle: h.headbarMiddle,
+				right: h.headbarRight,
+				height: E
+			})
+		}), /* @__PURE__ */ l("div", {
+			className: "flex flex-1 overflow-hidden",
+			style: { height: `calc(100vh - ${E}px)` },
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "flex-shrink-0",
+					ref: C,
+					style: {
+						height: "100%",
+						overflow: "hidden"
+					},
+					children: /* @__PURE__ */ c(e, {
+						isCollapsed: y,
+						language: a,
+						items: d,
+						getMenuItems: f,
+						onWidthChange: T,
+						initialWidth: g || 280,
+						collapsedWidth: _ || 64
+					})
+				}),
+				/* @__PURE__ */ c("main", {
+					className: "flex-1 overflow-y-auto",
+					style: {
+						height: "100%",
+						paddingLeft: "128px",
+						paddingRight: "128px",
+						paddingTop: "16px",
+						paddingBottom: "16px"
+					},
+					children: /* @__PURE__ */ c(u, {})
+				}),
+				/* @__PURE__ */ c(n, {
+					isCollapsed: y,
+					onToggle: w,
+					sidebarWidth: x,
+					collapsedWidth: _ || 64
+				})
+			]
+		})]
+	});
+}, _ = ({ router: e, children: t, title: n = "DiShUI", initialLang: r, initialTheme: i, menuItems: a, getMenuItems: l, themes: u, enableAuth: p = !1, onAuthRequired: m, protectedRoutes: g = [], publicRoutes: _ = ["/login", "/register"], loginUrl: v = "/login", authFailedCallback: y, layout: b = "sidebar", sidebarWidth: x = 280, sidebarCollapsedWidth: S = 64, navbarHeight: C = 64, searchConfig: w, headbarLeft: T, headbarMiddle: E, headbarRight: D }) => {
+	h = {
+		title: n,
+		initialLang: r,
+		initialTheme: i,
+		menuItems: a,
+		getMenuItems: l,
+		themes: u,
+		enableAuth: p,
+		onAuthRequired: m,
+		protectedRoutes: g,
+		publicRoutes: _,
+		loginUrl: v,
+		authFailedCallback: y,
+		layout: b,
+		sidebarWidth: x,
+		sidebarCollapsedWidth: S,
+		navbarHeight: C,
+		searchConfig: w,
+		headbarLeft: T,
+		headbarMiddle: E,
+		headbarRight: D
+	};
+	let [O, k] = s(() => {
+		let e = localStorage.getItem("app-language");
+		return e === "zh" || e === "en" ? e : r || "zh";
+	}), [A, j] = s(() => {
+		let e = localStorage.getItem("app-theme");
+		return e && [
+			"light",
+			"dark",
+			"cursor",
+			"retro",
+			"cyberpunk",
+			"matrix",
+			"oceanblue",
+			"eyecare",
+			"ghibli",
+			"pinkgirl",
+			"mintgirl",
+			"wuxing",
+			"jukebox"
+		].includes(e) ? e : i || "light";
+	}), [M, N] = s(() => {
+		if (!p) return null;
+		let e = localStorage.getItem("app-user");
+		return e ? JSON.parse(e) : null;
+	});
+	o(() => {
+		localStorage.setItem("app-language", O);
+	}, [O]), o(() => {
+		localStorage.setItem("app-theme", A), document.documentElement.setAttribute("data-theme", A);
+	}, [A]), o(() => {
+		p && (M ? localStorage.setItem("app-user", JSON.stringify(M)) : localStorage.removeItem("app-user"));
+	}, [M, p]);
+	let P = (e) => {
+		N(e);
+	}, F = () => {
+		N(null), localStorage.removeItem("app-user");
+	}, I = (e) => M?.roles.includes(e) || !1, L = (e) => e.some((e) => M?.roles.includes(e)) || !1;
+	o(() => {
+		if (!p || !e) return;
+		let t = e.subscribe("onBeforeLoad", ({ pathChanged: e, toLocation: t }) => {
+			if (!e) return;
+			let n = _.some((e) => t.pathname.startsWith(e));
+			if ((g.length === 0 || g.some((e) => t.pathname.startsWith(e))) && !n && !M) {
+				if (m && m()) return;
+				y ? y(t.pathname, v) : window.location.href = v;
+			}
+		});
+		return () => {
+			t && t();
+		};
+	}, [
+		p,
+		M,
+		e,
+		g,
+		_,
+		m,
+		v,
+		y
+	]);
+	let R = {
+		title: n,
+		language: O,
+		theme: A,
+		setLanguage: k,
+		setTheme: j,
+		auth: {
+			user: M,
+			isAuthenticated: !!M,
+			login: P,
+			logout: F,
+			hasRole: I,
+			hasAnyRole: L
+		},
+		menuItems: a,
+		getMenuItems: l,
+		themes: u,
+		sidebarWidth: x,
+		sidebarCollapsedWidth: S,
+		navbarHeight: C
+	};
+	return /* @__PURE__ */ c(f.Provider, {
+		value: R,
+		children: e ? t || /* @__PURE__ */ c(d, { router: e }) : t
+	});
+}, v = _;
+//#endregion
+export { g as AppLayoutWrapper, v as AppProvider, _ as AppShell, _ as default, p as useAppContext, m as useAuth };
 
 //# sourceMappingURL=AppContext.js.map

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' | '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', '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 { 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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"}

package/dist/data-table.js

@@ -1,43 +1,17 @@
-import { Filters_exports as t } from "./components/pro/DataTable/Filters.js";
-import e from "./components/pro/DataTable/DataTable.js";
-import { utils_exports as o } from "./components/pro/DataTable/utils.js";
-import m from "./hooks/useTableColumns.js";
-import u from "./hooks/useTableData.js";
-import { defineExtension as s } from "./components/pro/DataTable/extension.js";
-import { computePivot as c } from "./components/pro/DataTable/pivotEngine.js";
-import { PivotView as x } from "./components/pro/DataTable/PivotView.js";
-import { PivotPanel as v } from "./components/pro/DataTable/PivotPanel.js";
-import { usePivotExtension as C } from "./components/pro/DataTable/pivotExtension.js";
-import { useRowDetailExtension as b } from "./components/pro/DataTable/rowDetailExtension.js";
-var { TextFilter: D, NumberRangeFilter: T, SelectFilter: g, BooleanFilter: E, DateRangeFilter: R, MultiSelectFilter: _, FilterPanel: w } = t, { createColumn: O, createComputedColumn: q, createActionColumn: A, createSelectionColumn: B, numericSort: M, dateSort: N, stringSort: U, treeSort: V, createSelectOptions: h, extractUniqueOptions: j, defaultFilterFunctions: k } = o, y = e;
-export {
-  E as BooleanFilter,
-  R as DateRangeFilter,
-  w as FilterPanel,
-  _ as MultiSelectFilter,
-  T as NumberRangeFilter,
-  v as PivotPanel,
-  x as PivotView,
-  g as SelectFilter,
-  D as TextFilter,
-  c as computePivot,
-  A as createActionColumn,
-  O as createColumn,
-  q as createComputedColumn,
-  h as createSelectOptions,
-  B as createSelectionColumn,
-  N as dateSort,
-  y as default,
-  k as defaultFilterFunctions,
-  s as defineExtension,
-  j as extractUniqueOptions,
-  M as numericSort,
-  U as stringSort,
-  V as treeSort,
-  C as usePivotExtension,
-  b as useRowDetailExtension,
-  m as useTableColumns,
-  u as useTableData
-};
+import { Filters_exports as e } from "./components/pro/DataTable/Filters.js";
+import t from "./components/pro/DataTable/DataTable.js";
+import { utils_exports as n } from "./components/pro/DataTable/utils.js";
+import r from "./hooks/useTableColumns.js";
+import i from "./hooks/useTableData.js";
+import { defineExtension as a } from "./components/pro/DataTable/extension.js";
+import { computePivot as o } from "./components/pro/DataTable/pivotEngine.js";
+import { PivotView as s } from "./components/pro/DataTable/PivotView.js";
+import { PivotPanel as c } from "./components/pro/DataTable/PivotPanel.js";
+import { usePivotExtension as l } from "./components/pro/DataTable/pivotExtension.js";
+import { useRowDetailExtension as u } from "./components/pro/DataTable/rowDetailExtension.js";
+//#region src/components/pro/DataTable/index.ts
+var { TextFilter: d, NumberRangeFilter: f, SelectFilter: p, BooleanFilter: m, DateRangeFilter: h, MultiSelectFilter: g, FilterPanel: _ } = e, { createColumn: v, createComputedColumn: y, createActionColumn: b, createSelectionColumn: x, numericSort: S, dateSort: C, stringSort: w, treeSort: T, createSelectOptions: E, extractUniqueOptions: D, defaultFilterFunctions: O } = n, k = t;
+//#endregion
+export { m as BooleanFilter, h as DateRangeFilter, _ as FilterPanel, g as MultiSelectFilter, f as NumberRangeFilter, c as PivotPanel, s as PivotView, p as SelectFilter, d as TextFilter, o as computePivot, b as createActionColumn, v as createColumn, y as createComputedColumn, E as createSelectOptions, x as createSelectionColumn, C as dateSort, k as default, O as defaultFilterFunctions, a as defineExtension, D as extractUniqueOptions, S as numericSort, w as stringSort, T as treeSort, l as usePivotExtension, u as useRowDetailExtension, r as useTableColumns, i as useTableData };
 
 //# sourceMappingURL=data-table.js.map

package/dist/data-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","names":[],"sources":["../src/components/pro/DataTable/index.ts"],"sourcesContent":["import DataTableComponent from './DataTable';\nimport * as Filters from './Filters';\nimport * as Utils from './utils';\n\n// 导出 Hook\nexport { useTableColumns } from '../../../hooks/useTableColumns';\nexport type { ColumnConfig, ColumnFilterConfig } from '../../../hooks/useTableColumns';\nexport { useTableData } from '../../../hooks/useTableData';\nexport type { UseTableDataOptions, UseTableDataReturn } from '../../../hooks/useTableData';\n\n// 导出所有过滤器组件\nexport const {\n  TextFilter,\n  NumberRangeFilter,\n  SelectFilter,\n  BooleanFilter,\n  DateRangeFilter,\n  MultiSelectFilter,\n  FilterPanel\n} = Filters;\n\n// 导出所有辅助函数\nexport const {\n  createColumn,\n  createComputedColumn,\n  createActionColumn,\n  createSelectionColumn,\n  numericSort,\n  dateSort,\n  stringSort,\n  treeSort,\n  createSelectOptions,\n  extractUniqueOptions,\n  defaultFilterFunctions\n} = Utils;\n\n// 导出扩展系统（Core + Extension 架构）\nexport { defineExtension } from './extension';\nexport type {\n  DataTableApi,\n  DataTableExtension,\n  DataTableRowContext,\n  DataTableCellContext,\n  DataTableMenuItem,\n} from './extension';\n\n// 导出内置扩展\nexport { usePivotExtension } from './pivotExtension';\nexport type {\n  PivotExtensionOptions,\n  PivotField,\n  PivotPanelPlacement,\n} from './pivotExtension';\nexport { useRowDetailExtension } from './rowDetailExtension';\nexport type { RowDetailOptions } from './rowDetailExtension';\n\n// 导出透视（Pivot）相关\nexport { PivotView } from './PivotView';\nexport type { PivotViewProps, PivotValue, PivotFieldLabels } from './PivotView';\nexport { PivotPanel } from './PivotPanel';\nexport type { PivotPanelProps } from './PivotPanel';\nexport { computePivot } from './pivotEngine';\nexport type {\n  PivotAggFn,\n  PivotConfig,\n  PivotResult,\n  PivotRowNode,\n} from './pivotEngine';\n\n// 导出类型\nexport type {\n  DataTableProps,\n  CellEventHandler,\n  RowEventHandler,\n  ColumnEventHandler,\n  TableEventHandler\n} from './DataTable';\n\n// 导出过滤器相关类型\nexport type {\n  FilterPanelProps,\n  TextFilterProps,\n  NumberFilterProps,\n  SelectFilterProps,\n  BooleanFilterProps,\n  DateRangeFilterProps\n} from './Filters';\n\n// 导出TreeDataRow类型\nexport type { TreeDataRow } from './utils';\n\n// 从 TanStack Table 兼容层导出常用类型（v8 命名，底层已适配 v9）\nexport type {\n  ColumnDef,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  RowSelectionState,\n  PaginationState\n} from './tanstack-table';\n\nexport default DataTableComponent; "],"mappings":";;;;;;;;;;;AAWA,IAAa,EACX,YAAA,GACA,mBAAA,GACA,cAAA,GACA,eAAA,GACA,iBAAA,GACA,mBAAA,GACA,aAAA,EAAA,IACE,GAGS,EACX,cAAA,GACA,sBAAA,GACA,oBAAA,GACA,uBAAA,GACA,aAAA,GACA,UAAA,GACA,YAAA,GACA,UAAA,GACA,qBAAA,GACA,sBAAA,GACA,wBAAA,EAAA,IACE,GAmEJ,IAAe"}
+{"version":3,"file":"data-table.js","names":[],"sources":["../src/components/pro/DataTable/index.ts"],"sourcesContent":["import DataTableComponent from './DataTable';\nimport * as Filters from './Filters';\nimport * as Utils from './utils';\n\n// 导出 Hook\nexport { useTableColumns } from '../../../hooks/useTableColumns';\nexport type { ColumnConfig, ColumnFilterConfig } from '../../../hooks/useTableColumns';\nexport { useTableData } from '../../../hooks/useTableData';\nexport type { UseTableDataOptions, UseTableDataReturn } from '../../../hooks/useTableData';\n\n// 导出所有过滤器组件\nexport const {\n  TextFilter,\n  NumberRangeFilter,\n  SelectFilter,\n  BooleanFilter,\n  DateRangeFilter,\n  MultiSelectFilter,\n  FilterPanel\n} = Filters;\n\n// 导出所有辅助函数\nexport const {\n  createColumn,\n  createComputedColumn,\n  createActionColumn,\n  createSelectionColumn,\n  numericSort,\n  dateSort,\n  stringSort,\n  treeSort,\n  createSelectOptions,\n  extractUniqueOptions,\n  defaultFilterFunctions\n} = Utils;\n\n// 导出扩展系统（Core + Extension 架构）\nexport { defineExtension } from './extension';\nexport type {\n  DataTableApi,\n  DataTableExtension,\n  DataTableRowContext,\n  DataTableCellContext,\n  DataTableMenuItem,\n} from './extension';\n\n// 导出内置扩展\nexport { usePivotExtension } from './pivotExtension';\nexport type {\n  PivotExtensionOptions,\n  PivotField,\n  PivotPanelPlacement,\n} from './pivotExtension';\nexport { useRowDetailExtension } from './rowDetailExtension';\nexport type { RowDetailOptions } from './rowDetailExtension';\n\n// 导出透视（Pivot）相关\nexport { PivotView } from './PivotView';\nexport type { PivotViewProps, PivotValue, PivotFieldLabels } from './PivotView';\nexport { PivotPanel } from './PivotPanel';\nexport type { PivotPanelProps } from './PivotPanel';\nexport { computePivot } from './pivotEngine';\nexport type {\n  PivotAggFn,\n  PivotConfig,\n  PivotResult,\n  PivotRowNode,\n} from './pivotEngine';\n\n// 导出类型\nexport type {\n  DataTableProps,\n  CellEventHandler,\n  RowEventHandler,\n  ColumnEventHandler,\n  TableEventHandler\n} from './DataTable';\n\n// 导出过滤器相关类型\nexport type {\n  FilterPanelProps,\n  TextFilterProps,\n  NumberFilterProps,\n  SelectFilterProps,\n  BooleanFilterProps,\n  DateRangeFilterProps\n} from './Filters';\n\n// 导出TreeDataRow类型\nexport type { TreeDataRow } from './utils';\n\n// 从 TanStack Table 兼容层导出常用类型（v8 命名，底层已适配 v9）\nexport type {\n  ColumnDef,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  RowSelectionState,\n  PaginationState\n} from './tanstack-table';\n\nexport default DataTableComponent; "],"mappings":";;;;;;;;;;;;AAWA,IAAa,EACX,eACA,sBACA,iBACA,kBACA,oBACA,sBACA,mBACE,GAGS,EACX,iBACA,yBACA,uBACA,0BACA,gBACA,aACA,eACA,aACA,wBACA,yBACA,8BACE,GAmEJ,IAAe"}