dishui 0.0.65 → 0.0.67

package/dist/layouts/Sidebar.js

@@ -1,183 +1,182 @@
-import { generateSidebarActiveStyles as C } from "../styles/themeStyles.js";
-import P from "../components/Tree/Tree.js";
-import { getMenuItems as $ } from "../utils/menu.js";
-import { useEffect as d, useMemo as H, useRef as N, useState as h } from "react";
-import { jsx as i, jsxs as V } from "react/jsx-runtime";
-import { useNavigate as W, useRouterState as B } from "@tanstack/react-router";
-var K = ({ isCollapsed: I, language: u, items: m, getMenuItems: f, onWidthChange: b, initialWidth: p = 280, collapsedWidth: l = 64 }) => {
-  const [a, g] = h([]), [v, c] = h(""), [k, T] = h(!1), [j, M] = h(p), w = N(null), x = N(null), S = N(null), z = B({ select: (e) => e.location }), y = W();
-  d(() => {
-    M(p);
-  }, [p]), d(() => {
-    g(m !== void 0 ? m : f ? f(u) : $(u));
-  }, [
-    u,
-    m,
-    f
-  ]), d(() => {
-    if (!v) return;
-    const e = setTimeout(() => {
-      x.current?.querySelector(".tree-node-content-active")?.scrollIntoView({
-        block: "nearest",
-        behavior: "smooth"
-      });
-    }, 350);
-    return () => clearTimeout(e);
-  }, [v]), d(() => {
-    const e = x.current;
-    if (!e) return;
-    const n = (t) => {
-      if (e.scrollHeight <= e.clientHeight) return;
-      const o = t.deltaMode === 1 ? t.deltaY * 16 : t.deltaY;
-      if (o === 0) return;
-      const r = e.scrollTop;
-      e.scrollTop = r + o, e.scrollTop !== r && t.preventDefault();
-    };
-    return e.addEventListener("wheel", n, { passive: !1 }), () => e.removeEventListener("wheel", n);
-  }, []);
-  const E = (e, n = !0) => e.map((t) => ({
-    id: t.id,
-    label: t.label,
-    icon: t.icon || (n ? void 0 : /* @__PURE__ */ i("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "h-4 w-4",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      children: /* @__PURE__ */ i("path", {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "2",
-        d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-      })
-    })),
-    children: t.children ? E(t.children, !1) : void 0,
-    meta: { path: t.path }
-  })), A = H(() => E(a, !0), [a]), D = H(() => {
-    if (a.length === 0) return [];
-    const e = (n) => {
-      let t = [];
-      for (const o of n) o.children?.length && (t.push(o.id), t = [...t, ...e(o.children)]);
-      return t;
-    };
-    return e(a);
-  }, [a]);
-  d(() => {
-    const e = z.pathname, n = (o) => {
-      for (const r of o) {
-        if (r.path === e) return r.id;
-        if (r.children) {
-          const s = n(r.children);
-          if (s) return s;
-        }
-      }
-      return null;
-    }, t = n(a);
-    t && c(t);
-  }, [a, z.pathname]), d(() => {
-    const e = (r) => {
-      T(!0), document.body.style.userSelect = "none", document.body.style.cursor = "ew-resize", r.preventDefault();
-    }, n = () => {
-      T(!1), document.body.style.userSelect = "", document.body.style.cursor = "";
-    }, t = (r) => {
-      if (k && w.current) {
-        const s = r.clientX, L = Math.max(160, Math.min(s, 400));
-        M(L), b && b(L);
-      }
-    }, o = S.current;
-    return o && o.addEventListener("mousedown", e), document.addEventListener("mouseup", n), document.addEventListener("mousemove", t), () => {
-      o && o.removeEventListener("mousedown", e), document.removeEventListener("mouseup", n), document.removeEventListener("mousemove", t);
-    };
-  }, [
-    k,
-    b,
-    w
-  ]);
-  const R = (e) => {
-    if (e.meta?.path) {
-      c(e.id), y({ to: e.meta.path });
-      return;
-    }
-    if (e.children && e.children.length > 0) {
-      const n = (o) => {
-        for (const r of o) {
-          if (r.meta?.path) return r;
-          if (r.children && r.children.length > 0) {
-            const s = n(r.children);
-            if (s) return s;
-          }
-        }
-        return null;
-      }, t = n(e.children);
-      t ? (c(t.id), y({ to: t.meta.path })) : c(e.id);
-    } else c(e.id);
-  };
-  return I ? /* @__PURE__ */ i("div", {
-    className: "h-full bg-base-200 overflow-y-auto overflow-x-hidden shadow-lg transition-all duration-300 ease-in-out",
-    style: { width: `${l}px` },
-    children: /* @__PURE__ */ i("ul", {
-      className: "flex flex-col p-2 gap-1",
-      children: a.map((e) => /* @__PURE__ */ i("li", { children: e.path ? /* @__PURE__ */ i("button", {
-        onClick: () => y({ to: e.path }),
-        className: "flex justify-center items-center rounded-lg hover:bg-base-300 transition-colors w-full",
-        style: {
-          WebkitTapHighlightColor: "transparent",
-          height: `${Math.min(l - 16, 40)}px`,
-          width: `${Math.min(l - 16, 40)}px`,
-          margin: "0 auto"
-        },
-        children: e.icon || /* @__PURE__ */ i("span", {
-          className: "text-sm",
-          children: e.label.charAt(0)
-        })
-      }) : /* @__PURE__ */ i("div", {
-        className: "flex justify-center items-center",
-        style: {
-          WebkitTapHighlightColor: "transparent",
-          height: `${Math.min(l - 16, 40)}px`,
-          width: `${Math.min(l - 16, 40)}px`,
-          margin: "0 auto"
-        },
-        children: e.icon || /* @__PURE__ */ i("span", {
-          className: "text-sm",
-          children: e.label.charAt(0)
-        })
-      }) }, e.id))
-    })
-  }) : /* @__PURE__ */ V("div", {
-    ref: w,
-    className: "h-full bg-base-200 overflow-hidden flex flex-col transition-all duration-300 ease-in-out relative",
-    style: {
-      width: `${j}px`,
-      maxWidth: "400px",
-      minWidth: "160px"
-    },
-    children: [
-      /* @__PURE__ */ i("div", {
-        ref: x,
-        className: "sidebar-scroll min-h-0 flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-base-300 scrollbar-track-transparent",
-        children: /* @__PURE__ */ i(P, {
-          data: A,
-          activeNodeId: v,
-          defaultExpandedIds: D,
-          showSearch: !1,
-          showExpandAll: !1,
-          showIcon: !0,
-          showCount: !1,
-          showLine: !0,
-          indent: 1,
-          togglePosition: "right",
-          maxHeight: "100%",
-          className: "sidebar-tree",
-          onNodeClick: R
-        })
-      }),
-      /* @__PURE__ */ i("div", {
-        ref: S,
-        className: "absolute top-0 right-0 w-2 h-full cursor-ew-resize hover:bg-primary hover:opacity-50 transition-all z-50",
-        style: { right: "-1px" }
-      }),
-      /* @__PURE__ */ i("style", { children: `
+import { generateSidebarActiveStyles as e } from "../styles/themeStyles.js";
+import t from "../components/Tree/Tree.js";
+import { getMenuItems as n } from "../utils/menu.js";
+import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useNavigate as l, useRouterState as u } from "@tanstack/react-router";
+//#region src/layouts/Sidebar.tsx
+var d = ({ isCollapsed: d, language: f, items: p, getMenuItems: m, onWidthChange: h, initialWidth: g = 280, collapsedWidth: _ = 64 }) => {
+	let [v, y] = o([]), [b, x] = o(""), [S, C] = o(!1), [w, T] = o(g), E = a(null), D = a(null), O = a(null), k = u({ select: (e) => e.location }), A = l();
+	r(() => {
+		T(g);
+	}, [g]), r(() => {
+		y(p === void 0 ? m ? m(f) : n(f) : p);
+	}, [
+		f,
+		p,
+		m
+	]), r(() => {
+		if (!b) return;
+		let e = setTimeout(() => {
+			D.current?.querySelector(".tree-node-content-active")?.scrollIntoView({
+				block: "nearest",
+				behavior: "smooth"
+			});
+		}, 350);
+		return () => clearTimeout(e);
+	}, [b]), r(() => {
+		let e = D.current;
+		if (!e) return;
+		let t = (t) => {
+			if (e.scrollHeight <= e.clientHeight) return;
+			let n = t.deltaMode === 1 ? t.deltaY * 16 : t.deltaY;
+			if (n === 0) return;
+			let r = e.scrollTop;
+			e.scrollTop = r + n, e.scrollTop !== r && t.preventDefault();
+		};
+		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
+	}, []);
+	let j = (e, t = !0) => e.map((e) => ({
+		id: e.id,
+		label: e.label,
+		icon: e.icon || (t ? void 0 : /* @__PURE__ */ s("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			className: "h-4 w-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ s("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "2",
+				d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+			})
+		})),
+		children: e.children ? j(e.children, !1) : void 0,
+		meta: { path: e.path }
+	})), M = i(() => j(v, !0), [v]), N = i(() => {
+		if (v.length === 0) return [];
+		let e = (t) => {
+			let n = [];
+			for (let r of t) r.children?.length && (n.push(r.id), n = [...n, ...e(r.children)]);
+			return n;
+		};
+		return e(v);
+	}, [v]);
+	return r(() => {
+		let e = k.pathname, t = (n) => {
+			for (let r of n) {
+				if (r.path === e) return r.id;
+				if (r.children) {
+					let e = t(r.children);
+					if (e) return e;
+				}
+			}
+			return null;
+		}, n = t(v);
+		n && x(n);
+	}, [v, k.pathname]), r(() => {
+		let e = (e) => {
+			C(!0), document.body.style.userSelect = "none", document.body.style.cursor = "ew-resize", e.preventDefault();
+		}, t = () => {
+			C(!1), document.body.style.userSelect = "", document.body.style.cursor = "";
+		}, n = (e) => {
+			if (S && E.current) {
+				let t = e.clientX, n = Math.max(160, Math.min(t, 400));
+				T(n), h && h(n);
+			}
+		}, r = O.current;
+		return r && r.addEventListener("mousedown", e), document.addEventListener("mouseup", t), document.addEventListener("mousemove", n), () => {
+			r && r.removeEventListener("mousedown", e), document.removeEventListener("mouseup", t), document.removeEventListener("mousemove", n);
+		};
+	}, [
+		S,
+		h,
+		E
+	]), d ? /* @__PURE__ */ s("div", {
+		className: "h-full bg-base-200 overflow-y-auto overflow-x-hidden shadow-lg transition-all duration-300 ease-in-out",
+		style: { width: `${_}px` },
+		children: /* @__PURE__ */ s("ul", {
+			className: "flex flex-col p-2 gap-1",
+			children: v.map((e) => /* @__PURE__ */ s("li", { children: e.path ? /* @__PURE__ */ s("button", {
+				onClick: () => A({ to: e.path }),
+				className: "flex justify-center items-center rounded-lg hover:bg-base-300 transition-colors w-full",
+				style: {
+					WebkitTapHighlightColor: "transparent",
+					height: `${Math.min(_ - 16, 40)}px`,
+					width: `${Math.min(_ - 16, 40)}px`,
+					margin: "0 auto"
+				},
+				children: e.icon || /* @__PURE__ */ s("span", {
+					className: "text-sm",
+					children: e.label.charAt(0)
+				})
+			}) : /* @__PURE__ */ s("div", {
+				className: "flex justify-center items-center",
+				style: {
+					WebkitTapHighlightColor: "transparent",
+					height: `${Math.min(_ - 16, 40)}px`,
+					width: `${Math.min(_ - 16, 40)}px`,
+					margin: "0 auto"
+				},
+				children: e.icon || /* @__PURE__ */ s("span", {
+					className: "text-sm",
+					children: e.label.charAt(0)
+				})
+			}) }, e.id))
+		})
+	}) : /* @__PURE__ */ c("div", {
+		ref: E,
+		className: "h-full bg-base-200 overflow-hidden flex flex-col transition-all duration-300 ease-in-out relative",
+		style: {
+			width: `${w}px`,
+			maxWidth: "400px",
+			minWidth: "160px"
+		},
+		children: [
+			/* @__PURE__ */ s("div", {
+				ref: D,
+				className: "sidebar-scroll min-h-0 flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-base-300 scrollbar-track-transparent",
+				children: /* @__PURE__ */ s(t, {
+					data: M,
+					activeNodeId: b,
+					defaultExpandedIds: N,
+					showSearch: !1,
+					showExpandAll: !1,
+					showIcon: !0,
+					showCount: !1,
+					showLine: !0,
+					indent: 1,
+					togglePosition: "right",
+					maxHeight: "100%",
+					className: "sidebar-tree",
+					onNodeClick: (e) => {
+						if (e.meta?.path) {
+							x(e.id), A({ to: e.meta.path });
+							return;
+						}
+						if (e.children && e.children.length > 0) {
+							let t = (e) => {
+								for (let n of e) {
+									if (n.meta?.path) return n;
+									if (n.children && n.children.length > 0) {
+										let e = t(n.children);
+										if (e) return e;
+									}
+								}
+								return null;
+							}, n = t(e.children);
+							n ? (x(n.id), A({ to: n.meta.path })) : x(e.id);
+						} else x(e.id);
+					}
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				ref: O,
+				className: "absolute top-0 right-0 w-2 h-full cursor-ew-resize hover:bg-primary hover:opacity-50 transition-all z-50",
+				style: { right: "-1px" }
+			}),
+			/* @__PURE__ */ s("style", { children: `
         /* Sidebar Tree 自定义样式 */
         .sidebar-tree {
           background: transparent;
@@ -198,7 +197,7 @@ var K = ({ isCollapsed: I, language: u, items: m, getMenuItems: f, onWidthChange
         }
         
         /* 主题活跃状态样式 - 从共用配置生成 */
-        ${C()}
+        ${e()}
         
         /* 悬停状态 */
         .sidebar-tree .tree-node-content:hover:not(.tree-node-active .tree-node-content):not(.tree-node-content-active) {
@@ -314,11 +313,10 @@ var K = ({ isCollapsed: I, language: u, items: m, getMenuItems: f, onWidthChange
           margin-bottom: 0.125rem;
         }
       ` })
-    ]
-  });
-};
-export {
-  K as default
+		]
+	});
 };
+//#endregion
+export { d as default };
 
 //# sourceMappingURL=Sidebar.js.map

package/dist/layouts/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":[],"sources":["../../src/layouts/Sidebar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from 'react';\nimport { useNavigate, useRouterState } from '@tanstack/react-router';\nimport { MenuItem } from '../types/menu';\nimport { getMenuItems as defaultGetMenuItems } from '../utils/menu';\nimport { Tree, TreeNode } from '../components/Tree';\nimport { generateSidebarActiveStyles } from '../styles/themeStyles';\n\n// 组件属性\ntype SidebarProps = {\n  isCollapsed: boolean;\n  language: 'zh' | 'en';\n  items?: MenuItem[];\n  getMenuItems?: (language: 'zh' | 'en') => MenuItem[];\n  onWidthChange?: (width: number) => void;\n  initialWidth?: number;\n  collapsedWidth?: number;\n};\n\nconst Sidebar: React.FC<SidebarProps> = ({\n  isCollapsed,\n  language,\n  items: propItems,\n  getMenuItems,\n  onWidthChange,\n  initialWidth = 280,\n  collapsedWidth = 64,\n}) => {\n  const [items, setItems] = useState<MenuItem[]>([]);\n  const [activeNodeId, setActiveNodeId] = useState<string | number>('');\n  const [isDragging, setIsDragging] = useState(false);\n  const [sidebarWidth, setSidebarWidth] = useState(initialWidth); // 使用传入的初始宽度\n  const sidebarRef = useRef<HTMLDivElement>(null);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const resizeHandleRef = useRef<HTMLDivElement>(null);\n  const routerState = useRouterState({ select: (s: { location: { pathname: string } }) => s.location });\n  const navigate = useNavigate();\n\n  // 当 initialWidth 改变时，更新侧边栏宽度\n  useEffect(() => {\n    setSidebarWidth(initialWidth);\n  }, [initialWidth]);\n\n  // 当语言改变或传入items prop时，更新菜单项\n  useEffect(() => {\n    if (propItems !== undefined) {\n      setItems(propItems);\n    } else if (getMenuItems) {\n      setItems(getMenuItems(language));\n    } else {\n      setItems(defaultGetMenuItems(language));\n    }\n  }, [language, propItems, getMenuItems]);\n\n  // 活跃节点变化时，自动滚动到可见区域（菜单过长时保证当前页可见）。\n  // 延迟 350ms：Tree 展开动画（max-height 0.3s）期间布局仍在变化，立即\n  // scrollIntoView 会计算到动画中途的位置而滚动不到位。\n  useEffect(() => {\n    if (!activeNodeId) return;\n    const t = setTimeout(() => {\n      scrollRef.current\n        ?.querySelector('.tree-node-content-active')\n        ?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    }, 350);\n    return () => clearTimeout(t);\n  }, [activeNodeId]);\n\n  // 兜底：确保鼠标悬停在菜单任意位置都能滚轮滚动。\n  // 部分浏览器/嵌套滚动场景下原生滚轮可能不作用于该容器，这里用非被动\n  // 监听手动滚动；成功滚动后 preventDefault，避免浏览器默认行为造成双重滚动。\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const onWheel = (e: WheelEvent) => {\n      if (el.scrollHeight <= el.clientHeight) return;\n      const dy = e.deltaMode === 1 ? e.deltaY * 16 : e.deltaY; // 行模式 → 像素\n      if (dy === 0) return;\n      const before = el.scrollTop;\n      el.scrollTop = before + dy;\n      if (el.scrollTop !== before) e.preventDefault();\n    };\n    el.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.removeEventListener('wheel', onWheel);\n  }, []);\n\n  // 将 MenuItem 转换为 TreeNode\n  const convertToTreeNodes = (menuItems: MenuItem[], isTopLevel: boolean = true): TreeNode[] => {\n    return menuItems.map(item => ({\n      id: item.id,\n      label: item.label,\n      icon: item.icon || (!isTopLevel ? (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n        </svg>\n      ) : undefined),\n      children: item.children ? convertToTreeNodes(item.children, false) : undefined,\n      meta: {\n        path: item.path,\n      },\n    }));\n  };\n\n  // 转换后的树形数据\n  const treeData = useMemo(() => convertToTreeNodes(items, true), [items]);\n\n  // 获取默认展开的节点ID（默认全部展开）\n  const defaultExpandedIds = useMemo(() => {\n    if (items.length === 0) return [];\n\n    // 收集所有有子节点的项的ID，使其默认全展开\n    const collectAllExpandableIds = (menuItems: MenuItem[]): string[] => {\n      let result: string[] = [];\n      for (const item of menuItems) {\n        if (item.children?.length) {\n          result.push(item.id);\n          result = [...result, ...collectAllExpandableIds(item.children)];\n        }\n      }\n      return result;\n    };\n\n    return collectAllExpandableIds(items);\n  }, [items]);\n\n  // 更新活跃节点ID\n  useEffect(() => {\n    const currentPath = routerState.pathname;\n    const findNodeByPath = (menuItems: MenuItem[]): string | null => {\n      for (const item of menuItems) {\n        if (item.path === currentPath) {\n          return item.id;\n        }\n        if (item.children) {\n          const found = findNodeByPath(item.children);\n          if (found) return found;\n        }\n      }\n      return null;\n    };\n\n    const nodeId = findNodeByPath(items);\n    if (nodeId) {\n      setActiveNodeId(nodeId);\n    }\n  }, [items, routerState.pathname]);\n\n  // 处理拖动调整宽度\n  useEffect(() => {\n    const handleMouseDown = (e: MouseEvent) => {\n      setIsDragging(true);\n      document.body.style.userSelect = 'none';\n      document.body.style.cursor = 'ew-resize';\n      e.preventDefault(); // 防止文本选择\n    };\n\n    const handleMouseUp = () => {\n      setIsDragging(false);\n      document.body.style.userSelect = '';\n      document.body.style.cursor = '';\n    };\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (isDragging && sidebarRef.current) {\n        const newWidth = e.clientX;\n        // 最小宽度160px，最大宽度400px\n        const clampedWidth = Math.max(160, Math.min(newWidth, 400));\n        setSidebarWidth(clampedWidth);\n        if (onWidthChange) {\n          onWidthChange(clampedWidth);\n        }\n      }\n    };\n\n    const resizeHandle = resizeHandleRef.current;\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', handleMouseDown);\n    }\n\n    document.addEventListener('mouseup', handleMouseUp);\n    document.addEventListener('mousemove', handleMouseMove);\n\n    return () => {\n      if (resizeHandle) {\n        resizeHandle.removeEventListener('mousedown', handleMouseDown);\n      }\n      document.removeEventListener('mouseup', handleMouseUp);\n      document.removeEventListener('mousemove', handleMouseMove);\n    };\n  }, [isDragging, onWidthChange, sidebarRef]);\n\n  // 处理节点点击\n  const handleNodeClick = (node: TreeNode) => {\n    // 如果节点有路径，直接导航\n    if (node.meta?.path) {\n      setActiveNodeId(node.id);\n      navigate({ to: node.meta.path });\n      return;\n    }\n\n    // 如果没有路径但有子节点，寻找第一个有路径的后代节点\n    if (node.children && node.children.length > 0) {\n      const findFirstPath = (nodes: TreeNode[]): TreeNode | null => {\n        for (const n of nodes) {\n          if (n.meta?.path) return n;\n          if (n.children && n.children.length > 0) {\n            const found = findFirstPath(n.children);\n            if (found) return found;\n          }\n        }\n        return null;\n      };\n\n      const firstNodeWithPath = findFirstPath(node.children);\n      if (firstNodeWithPath) {\n        setActiveNodeId(firstNodeWithPath.id);\n        navigate({ to: firstNodeWithPath.meta!.path });\n      } else {\n        // 全都没有路径则激活当前节点\n        setActiveNodeId(node.id);\n      }\n    } else {\n      setActiveNodeId(node.id);\n    }\n  };\n\n  if (isCollapsed) {\n    return (\n      <div\n        className=\"h-full bg-base-200 overflow-y-auto overflow-x-hidden shadow-lg transition-all duration-300 ease-in-out\"\n        style={{ width: `${collapsedWidth}px` }}\n      >\n        <ul className=\"flex flex-col p-2 gap-1\">\n          {items.map(item => (\n            <li key={item.id}>\n              {item.path ? (\n                <button\n                  onClick={() => navigate({ to: item.path! })}\n                  className=\"flex justify-center items-center rounded-lg hover:bg-base-300 transition-colors w-full\"\n                  style={{\n                    WebkitTapHighlightColor: 'transparent',\n                    height: `${Math.min(collapsedWidth - 16, 40)}px`,\n                    width: `${Math.min(collapsedWidth - 16, 40)}px`,\n                    margin: '0 auto'\n                  }}\n                >\n                  {item.icon || <span className=\"text-sm\">{item.label.charAt(0)}</span>}\n                </button>\n              ) : (\n                <div\n                  className=\"flex justify-center items-center\"\n                  style={{\n                    WebkitTapHighlightColor: 'transparent',\n                    height: `${Math.min(collapsedWidth - 16, 40)}px`,\n                    width: `${Math.min(collapsedWidth - 16, 40)}px`,\n                    margin: '0 auto'\n                  }}\n                >\n                  {item.icon || <span className=\"text-sm\">{item.label.charAt(0)}</span>}\n                </div>\n              )}\n            </li>\n          ))}\n        </ul>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={sidebarRef}\n      className=\"h-full bg-base-200 overflow-hidden flex flex-col transition-all duration-300 ease-in-out relative\"\n      style={{ width: `${sidebarWidth}px`, maxWidth: '400px', minWidth: '160px' }}\n    >\n      <div ref={scrollRef} className=\"sidebar-scroll min-h-0 flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-base-300 scrollbar-track-transparent\">\n        <Tree\n          data={treeData}\n          activeNodeId={activeNodeId}\n          defaultExpandedIds={defaultExpandedIds}\n          showSearch={false}\n          showExpandAll={false}\n          showIcon={true}\n          showCount={false}\n          showLine={true}\n          indent={1}\n          togglePosition=\"right\"\n          maxHeight=\"100%\"\n          className=\"sidebar-tree\"\n          onNodeClick={handleNodeClick}\n        />\n      </div>\n\n      {/* 调整大小的手柄 */}\n      <div\n        ref={resizeHandleRef}\n        className=\"absolute top-0 right-0 w-2 h-full cursor-ew-resize hover:bg-primary hover:opacity-50 transition-all z-50\"\n        style={{ right: '-1px' }}\n      ></div>\n\n      <style>{`\n        /* Sidebar Tree 自定义样式 */\n        .sidebar-tree {\n          background: transparent;\n          border: none;\n          padding: 0.5rem;\n        }\n        \n        .sidebar-tree .tree-node-content {\n          padding: 0.5rem 1rem;\n          border-radius: 0.5rem;\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        /* 活跃状态 - 为每个主题设置匹配的配色 */\n        .sidebar-tree .tree-node-content-active {\n          font-weight: 600 !important;\n          padding-left: calc(1rem - 4px) !important;\n        }\n        \n        /* 主题活跃状态样式 - 从共用配置生成 */\n        ${generateSidebarActiveStyles()}\n        \n        /* 悬停状态 */\n        .sidebar-tree .tree-node-content:hover:not(.tree-node-active .tree-node-content):not(.tree-node-content-active) {\n          background-color: oklch(var(--b2));\n        }\n        \n        /* 右侧展开按钮样式 */\n        .sidebar-tree .tree-node-toggle-right {\n          width: auto;\n          height: auto;\n          min-width: auto;\n          min-height: auto;\n          padding: 0.25rem;\n          opacity: 0.6;\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n          border-radius: 0.25rem;\n        }\n        \n        .sidebar-tree .tree-node-toggle-right:hover {\n          opacity: 1;\n          background-color: var(--fallback-b3, oklch(var(--b3) / 0.5));\n        }\n        \n        /* 右侧按钮图标旋转 */\n        .sidebar-tree .tree-node-toggle-right svg {\n          width: 1rem;\n          height: 1rem;\n          transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .sidebar-tree .tree-node-toggle-right.tree-node-toggle-expanded svg {\n          transform: rotate(90deg);\n        }\n        \n        /* 图标样式 */\n        .sidebar-tree .tree-node-icon {\n          width: 1.25rem;\n          height: 1.25rem;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-shrink: 0;\n          transition: color 0.2s ease;\n        }\n        \n        .sidebar-tree .tree-node-icon svg {\n          width: 1.25rem;\n          height: 1.25rem;\n        }\n        \n        /* 子节点图标稍小 */\n        .sidebar-tree .tree-node-children .tree-node-icon svg {\n          width: 1rem;\n          height: 1rem;\n          opacity: 0.8;\n        }\n        \n        /* 标签样式 - 增大字体和行高 */\n        .sidebar-tree .tree-node-label {\n          font-size: 0.9375rem;\n          line-height: 1.4rem;\n          font-weight: 450;\n        }\n        \n        /* 一级菜单标签更大 */\n        .sidebar-tree > div > .tree-nodes > .tree-node .tree-node-label {\n          font-size: 1rem;\n          font-weight: 500;\n        }\n        \n        /* 连接线样式 - 强制显示！向右移动并加粗，增加整体左边距 */\n        /* 使用双重选择器增加优先级，避免被其他 Tree 组件样式覆盖 */\n        .sidebar-tree.sidebar-tree .tree-show-line .tree-node-children-expanded,\n        .sidebar-tree.sidebar-tree .tree-node-children.tree-node-children-expanded,\n        div.sidebar-tree .tree-show-line .tree-node-children-expanded,\n        div.sidebar-tree .tree-node-children.tree-node-children-expanded {\n          border-left: 3px solid rgba(128, 128, 128, 0.35) !important;\n          margin-left: 24px !important;\n          padding-left: 8px !important;\n          box-sizing: border-box !important;\n        }\n        \n        /* 隐藏 Tree 组件的圆点装饰 - 避免与 Sidebar 样式冲突 */\n        .sidebar-tree.sidebar-tree .tree-show-line .tree-node-children-expanded::before,\n        div.sidebar-tree .tree-show-line .tree-node-children-expanded::before {\n          display: none !important;\n        }\n        \n        /* 隐藏 Tree 组件的标题和操作按钮 */\n        .sidebar-tree .tree-header,\n        .sidebar-tree .tree-search,\n        .sidebar-tree .tree-actions {\n          display: none;\n        }\n        \n        /* 移除内边距 */\n        .sidebar-tree > div:first-child {\n          padding: 0;\n        }\n        \n        /* 子节点动画优化 - 减小间距 */\n        .sidebar-tree .tree-node-children {\n          margin-top: 0.125rem !important;\n        }\n        \n        /* 一级菜单项间距 */\n        .sidebar-tree > div > .tree-nodes > .tree-node {\n          margin-bottom: 0.375rem;\n        }\n        \n        /* 二级菜单项间距 */\n        .sidebar-tree .tree-node-children > .tree-node {\n          margin-bottom: 0.125rem;\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default Sidebar; "],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","names":[],"sources":["../../src/layouts/Sidebar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from 'react';\nimport { useNavigate, useRouterState } from '@tanstack/react-router';\nimport { MenuItem } from '../types/menu';\nimport { getMenuItems as defaultGetMenuItems } from '../utils/menu';\nimport { Tree, TreeNode } from '../components/Tree';\nimport { generateSidebarActiveStyles } from '../styles/themeStyles';\n\n// 组件属性\ntype SidebarProps = {\n  isCollapsed: boolean;\n  language: 'zh' | 'en';\n  items?: MenuItem[];\n  getMenuItems?: (language: 'zh' | 'en') => MenuItem[];\n  onWidthChange?: (width: number) => void;\n  initialWidth?: number;\n  collapsedWidth?: number;\n};\n\nconst Sidebar: React.FC<SidebarProps> = ({\n  isCollapsed,\n  language,\n  items: propItems,\n  getMenuItems,\n  onWidthChange,\n  initialWidth = 280,\n  collapsedWidth = 64,\n}) => {\n  const [items, setItems] = useState<MenuItem[]>([]);\n  const [activeNodeId, setActiveNodeId] = useState<string | number>('');\n  const [isDragging, setIsDragging] = useState(false);\n  const [sidebarWidth, setSidebarWidth] = useState(initialWidth); // 使用传入的初始宽度\n  const sidebarRef = useRef<HTMLDivElement>(null);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const resizeHandleRef = useRef<HTMLDivElement>(null);\n  const routerState = useRouterState({ select: (s: { location: { pathname: string } }) => s.location });\n  const navigate = useNavigate();\n\n  // 当 initialWidth 改变时，更新侧边栏宽度\n  useEffect(() => {\n    setSidebarWidth(initialWidth);\n  }, [initialWidth]);\n\n  // 当语言改变或传入items prop时，更新菜单项\n  useEffect(() => {\n    if (propItems !== undefined) {\n      setItems(propItems);\n    } else if (getMenuItems) {\n      setItems(getMenuItems(language));\n    } else {\n      setItems(defaultGetMenuItems(language));\n    }\n  }, [language, propItems, getMenuItems]);\n\n  // 活跃节点变化时，自动滚动到可见区域（菜单过长时保证当前页可见）。\n  // 延迟 350ms：Tree 展开动画（max-height 0.3s）期间布局仍在变化，立即\n  // scrollIntoView 会计算到动画中途的位置而滚动不到位。\n  useEffect(() => {\n    if (!activeNodeId) return;\n    const t = setTimeout(() => {\n      scrollRef.current\n        ?.querySelector('.tree-node-content-active')\n        ?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    }, 350);\n    return () => clearTimeout(t);\n  }, [activeNodeId]);\n\n  // 兜底：确保鼠标悬停在菜单任意位置都能滚轮滚动。\n  // 部分浏览器/嵌套滚动场景下原生滚轮可能不作用于该容器，这里用非被动\n  // 监听手动滚动；成功滚动后 preventDefault，避免浏览器默认行为造成双重滚动。\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const onWheel = (e: WheelEvent) => {\n      if (el.scrollHeight <= el.clientHeight) return;\n      const dy = e.deltaMode === 1 ? e.deltaY * 16 : e.deltaY; // 行模式 → 像素\n      if (dy === 0) return;\n      const before = el.scrollTop;\n      el.scrollTop = before + dy;\n      if (el.scrollTop !== before) e.preventDefault();\n    };\n    el.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.removeEventListener('wheel', onWheel);\n  }, []);\n\n  // 将 MenuItem 转换为 TreeNode\n  const convertToTreeNodes = (menuItems: MenuItem[], isTopLevel: boolean = true): TreeNode[] => {\n    return menuItems.map(item => ({\n      id: item.id,\n      label: item.label,\n      icon: item.icon || (!isTopLevel ? (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n        </svg>\n      ) : undefined),\n      children: item.children ? convertToTreeNodes(item.children, false) : undefined,\n      meta: {\n        path: item.path,\n      },\n    }));\n  };\n\n  // 转换后的树形数据\n  const treeData = useMemo(() => convertToTreeNodes(items, true), [items]);\n\n  // 获取默认展开的节点ID（默认全部展开）\n  const defaultExpandedIds = useMemo(() => {\n    if (items.length === 0) return [];\n\n    // 收集所有有子节点的项的ID，使其默认全展开\n    const collectAllExpandableIds = (menuItems: MenuItem[]): string[] => {\n      let result: string[] = [];\n      for (const item of menuItems) {\n        if (item.children?.length) {\n          result.push(item.id);\n          result = [...result, ...collectAllExpandableIds(item.children)];\n        }\n      }\n      return result;\n    };\n\n    return collectAllExpandableIds(items);\n  }, [items]);\n\n  // 更新活跃节点ID\n  useEffect(() => {\n    const currentPath = routerState.pathname;\n    const findNodeByPath = (menuItems: MenuItem[]): string | null => {\n      for (const item of menuItems) {\n        if (item.path === currentPath) {\n          return item.id;\n        }\n        if (item.children) {\n          const found = findNodeByPath(item.children);\n          if (found) return found;\n        }\n      }\n      return null;\n    };\n\n    const nodeId = findNodeByPath(items);\n    if (nodeId) {\n      setActiveNodeId(nodeId);\n    }\n  }, [items, routerState.pathname]);\n\n  // 处理拖动调整宽度\n  useEffect(() => {\n    const handleMouseDown = (e: MouseEvent) => {\n      setIsDragging(true);\n      document.body.style.userSelect = 'none';\n      document.body.style.cursor = 'ew-resize';\n      e.preventDefault(); // 防止文本选择\n    };\n\n    const handleMouseUp = () => {\n      setIsDragging(false);\n      document.body.style.userSelect = '';\n      document.body.style.cursor = '';\n    };\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (isDragging && sidebarRef.current) {\n        const newWidth = e.clientX;\n        // 最小宽度160px，最大宽度400px\n        const clampedWidth = Math.max(160, Math.min(newWidth, 400));\n        setSidebarWidth(clampedWidth);\n        if (onWidthChange) {\n          onWidthChange(clampedWidth);\n        }\n      }\n    };\n\n    const resizeHandle = resizeHandleRef.current;\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', handleMouseDown);\n    }\n\n    document.addEventListener('mouseup', handleMouseUp);\n    document.addEventListener('mousemove', handleMouseMove);\n\n    return () => {\n      if (resizeHandle) {\n        resizeHandle.removeEventListener('mousedown', handleMouseDown);\n      }\n      document.removeEventListener('mouseup', handleMouseUp);\n      document.removeEventListener('mousemove', handleMouseMove);\n    };\n  }, [isDragging, onWidthChange, sidebarRef]);\n\n  // 处理节点点击\n  const handleNodeClick = (node: TreeNode) => {\n    // 如果节点有路径，直接导航\n    if (node.meta?.path) {\n      setActiveNodeId(node.id);\n      navigate({ to: node.meta.path });\n      return;\n    }\n\n    // 如果没有路径但有子节点，寻找第一个有路径的后代节点\n    if (node.children && node.children.length > 0) {\n      const findFirstPath = (nodes: TreeNode[]): TreeNode | null => {\n        for (const n of nodes) {\n          if (n.meta?.path) return n;\n          if (n.children && n.children.length > 0) {\n            const found = findFirstPath(n.children);\n            if (found) return found;\n          }\n        }\n        return null;\n      };\n\n      const firstNodeWithPath = findFirstPath(node.children);\n      if (firstNodeWithPath) {\n        setActiveNodeId(firstNodeWithPath.id);\n        navigate({ to: firstNodeWithPath.meta!.path });\n      } else {\n        // 全都没有路径则激活当前节点\n        setActiveNodeId(node.id);\n      }\n    } else {\n      setActiveNodeId(node.id);\n    }\n  };\n\n  if (isCollapsed) {\n    return (\n      <div\n        className=\"h-full bg-base-200 overflow-y-auto overflow-x-hidden shadow-lg transition-all duration-300 ease-in-out\"\n        style={{ width: `${collapsedWidth}px` }}\n      >\n        <ul className=\"flex flex-col p-2 gap-1\">\n          {items.map(item => (\n            <li key={item.id}>\n              {item.path ? (\n                <button\n                  onClick={() => navigate({ to: item.path! })}\n                  className=\"flex justify-center items-center rounded-lg hover:bg-base-300 transition-colors w-full\"\n                  style={{\n                    WebkitTapHighlightColor: 'transparent',\n                    height: `${Math.min(collapsedWidth - 16, 40)}px`,\n                    width: `${Math.min(collapsedWidth - 16, 40)}px`,\n                    margin: '0 auto'\n                  }}\n                >\n                  {item.icon || <span className=\"text-sm\">{item.label.charAt(0)}</span>}\n                </button>\n              ) : (\n                <div\n                  className=\"flex justify-center items-center\"\n                  style={{\n                    WebkitTapHighlightColor: 'transparent',\n                    height: `${Math.min(collapsedWidth - 16, 40)}px`,\n                    width: `${Math.min(collapsedWidth - 16, 40)}px`,\n                    margin: '0 auto'\n                  }}\n                >\n                  {item.icon || <span className=\"text-sm\">{item.label.charAt(0)}</span>}\n                </div>\n              )}\n            </li>\n          ))}\n        </ul>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={sidebarRef}\n      className=\"h-full bg-base-200 overflow-hidden flex flex-col transition-all duration-300 ease-in-out relative\"\n      style={{ width: `${sidebarWidth}px`, maxWidth: '400px', minWidth: '160px' }}\n    >\n      <div ref={scrollRef} className=\"sidebar-scroll min-h-0 flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-base-300 scrollbar-track-transparent\">\n        <Tree\n          data={treeData}\n          activeNodeId={activeNodeId}\n          defaultExpandedIds={defaultExpandedIds}\n          showSearch={false}\n          showExpandAll={false}\n          showIcon={true}\n          showCount={false}\n          showLine={true}\n          indent={1}\n          togglePosition=\"right\"\n          maxHeight=\"100%\"\n          className=\"sidebar-tree\"\n          onNodeClick={handleNodeClick}\n        />\n      </div>\n\n      {/* 调整大小的手柄 */}\n      <div\n        ref={resizeHandleRef}\n        className=\"absolute top-0 right-0 w-2 h-full cursor-ew-resize hover:bg-primary hover:opacity-50 transition-all z-50\"\n        style={{ right: '-1px' }}\n      ></div>\n\n      <style>{`\n        /* Sidebar Tree 自定义样式 */\n        .sidebar-tree {\n          background: transparent;\n          border: none;\n          padding: 0.5rem;\n        }\n        \n        .sidebar-tree .tree-node-content {\n          padding: 0.5rem 1rem;\n          border-radius: 0.5rem;\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        /* 活跃状态 - 为每个主题设置匹配的配色 */\n        .sidebar-tree .tree-node-content-active {\n          font-weight: 600 !important;\n          padding-left: calc(1rem - 4px) !important;\n        }\n        \n        /* 主题活跃状态样式 - 从共用配置生成 */\n        ${generateSidebarActiveStyles()}\n        \n        /* 悬停状态 */\n        .sidebar-tree .tree-node-content:hover:not(.tree-node-active .tree-node-content):not(.tree-node-content-active) {\n          background-color: oklch(var(--b2));\n        }\n        \n        /* 右侧展开按钮样式 */\n        .sidebar-tree .tree-node-toggle-right {\n          width: auto;\n          height: auto;\n          min-width: auto;\n          min-height: auto;\n          padding: 0.25rem;\n          opacity: 0.6;\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n          border-radius: 0.25rem;\n        }\n        \n        .sidebar-tree .tree-node-toggle-right:hover {\n          opacity: 1;\n          background-color: var(--fallback-b3, oklch(var(--b3) / 0.5));\n        }\n        \n        /* 右侧按钮图标旋转 */\n        .sidebar-tree .tree-node-toggle-right svg {\n          width: 1rem;\n          height: 1rem;\n          transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .sidebar-tree .tree-node-toggle-right.tree-node-toggle-expanded svg {\n          transform: rotate(90deg);\n        }\n        \n        /* 图标样式 */\n        .sidebar-tree .tree-node-icon {\n          width: 1.25rem;\n          height: 1.25rem;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          flex-shrink: 0;\n          transition: color 0.2s ease;\n        }\n        \n        .sidebar-tree .tree-node-icon svg {\n          width: 1.25rem;\n          height: 1.25rem;\n        }\n        \n        /* 子节点图标稍小 */\n        .sidebar-tree .tree-node-children .tree-node-icon svg {\n          width: 1rem;\n          height: 1rem;\n          opacity: 0.8;\n        }\n        \n        /* 标签样式 - 增大字体和行高 */\n        .sidebar-tree .tree-node-label {\n          font-size: 0.9375rem;\n          line-height: 1.4rem;\n          font-weight: 450;\n        }\n        \n        /* 一级菜单标签更大 */\n        .sidebar-tree > div > .tree-nodes > .tree-node .tree-node-label {\n          font-size: 1rem;\n          font-weight: 500;\n        }\n        \n        /* 连接线样式 - 强制显示！向右移动并加粗，增加整体左边距 */\n        /* 使用双重选择器增加优先级，避免被其他 Tree 组件样式覆盖 */\n        .sidebar-tree.sidebar-tree .tree-show-line .tree-node-children-expanded,\n        .sidebar-tree.sidebar-tree .tree-node-children.tree-node-children-expanded,\n        div.sidebar-tree .tree-show-line .tree-node-children-expanded,\n        div.sidebar-tree .tree-node-children.tree-node-children-expanded {\n          border-left: 3px solid rgba(128, 128, 128, 0.35) !important;\n          margin-left: 24px !important;\n          padding-left: 8px !important;\n          box-sizing: border-box !important;\n        }\n        \n        /* 隐藏 Tree 组件的圆点装饰 - 避免与 Sidebar 样式冲突 */\n        .sidebar-tree.sidebar-tree .tree-show-line .tree-node-children-expanded::before,\n        div.sidebar-tree .tree-show-line .tree-node-children-expanded::before {\n          display: none !important;\n        }\n        \n        /* 隐藏 Tree 组件的标题和操作按钮 */\n        .sidebar-tree .tree-header,\n        .sidebar-tree .tree-search,\n        .sidebar-tree .tree-actions {\n          display: none;\n        }\n        \n        /* 移除内边距 */\n        .sidebar-tree > div:first-child {\n          padding: 0;\n        }\n        \n        /* 子节点动画优化 - 减小间距 */\n        .sidebar-tree .tree-node-children {\n          margin-top: 0.125rem !important;\n        }\n        \n        /* 一级菜单项间距 */\n        .sidebar-tree > div > .tree-nodes > .tree-node {\n          margin-bottom: 0.375rem;\n        }\n        \n        /* 二级菜单项间距 */\n        .sidebar-tree .tree-node-children > .tree-node {\n          margin-bottom: 0.125rem;\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default Sidebar; "],"mappings":"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"}

package/dist/layouts/headbar/Headbar.js

@@ -1,29 +1,29 @@
 import "react";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-var c = ({ left: r, middle: s, right: d, height: a = 64, className: i }) => /* @__PURE__ */ n("div", {
-  className: `navbar bg-base-100 shadow-md ${i || ""}`,
-  style: {
-    height: `${a}px`,
-    minHeight: `${a}px`,
-    maxHeight: `${a}px`
-  },
-  children: [
-    /* @__PURE__ */ e("div", {
-      className: "navbar-start",
-      children: r
-    }),
-    /* @__PURE__ */ e("div", {
-      className: "navbar-center hidden lg:flex",
-      children: s
-    }),
-    /* @__PURE__ */ e("div", {
-      className: "navbar-end",
-      children: d
-    })
-  ]
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/layouts/headbar/Headbar.tsx
+var n = ({ left: n, middle: r, right: i, height: a = 64, className: o }) => /* @__PURE__ */ t("div", {
+	className: `navbar bg-base-100 shadow-md ${o || ""}`,
+	style: {
+		height: `${a}px`,
+		minHeight: `${a}px`,
+		maxHeight: `${a}px`
+	},
+	children: [
+		/* @__PURE__ */ e("div", {
+			className: "navbar-start",
+			children: n
+		}),
+		/* @__PURE__ */ e("div", {
+			className: "navbar-center hidden lg:flex",
+			children: r
+		}),
+		/* @__PURE__ */ e("div", {
+			className: "navbar-end",
+			children: i
+		})
+	]
 });
-export {
-  c as default
-};
+//#endregion
+export { n as default };
 
 //# sourceMappingURL=Headbar.js.map

package/dist/layouts/headbar/Headbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headbar.js","names":[],"sources":["../../../src/layouts/headbar/Headbar.tsx"],"sourcesContent":["import React from 'react';\n\nexport type HeadbarProps = {\n  /** 左侧插槽内容 */\n  left?: React.ReactNode;\n  /** 中间插槽内容 */\n  middle?: React.ReactNode;\n  /** 右侧插槽内容 */\n  right?: React.ReactNode;\n  /** 高度（像素），默认 64 */\n  height?: number;\n  /** 自定义 className */\n  className?: string;\n};\n\n/**\n * Headbar - 纯布局容器，提供 left / middle / right 三个插槽。\n * 不包含任何业务逻辑，所有内容通过 props 注入。\n */\nconst Headbar: React.FC<HeadbarProps> = ({\n  left,\n  middle,\n  right,\n  height = 64,\n  className,\n}) => {\n  return (\n    <div\n      className={`navbar bg-base-100 shadow-md ${className || ''}`}\n      style={{\n        height: `${height}px`,\n        minHeight: `${height}px`,\n        maxHeight: `${height}px`,\n      }}\n    >\n      <div className=\"navbar-start\">{left}</div>\n      <div className=\"navbar-center hidden lg:flex\">{middle}</div>\n      <div className=\"navbar-end\">{right}</div>\n    </div>\n  );\n};\n\nexport default Headbar;\n"],"mappings":";;AAmBA,IAAM,IAAA,CAAmC,EACvC,MAAA,GACA,QAAA,GACA,OAAA,GACA,QAAA,IAAS,IACT,WAAA,EAAA,MAGE,gBAAA,EAAC,OAAD;AAAA,EACE,WAAW,gCAAgC,KAAa,EAAA;AAAA,EACxD,OAAO;AAAA,IACL,QAAQ,GAAG,CAAA;AAAA,IACX,WAAW,GAAG,CAAA;AAAA,IACd,WAAW,GAAG,CAAA;AAAA,EAChB;AAAA,EANF,UAAA;AAAA,IAQE,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAgB,UAAA;AAAA,IAAU,CAAA;AAAA,IACzC,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAgC,UAAA;AAAA,IAAY,CAAA;AAAA,IAC3D,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAc,UAAA;AAAA,IAAW,CAAA;AAAA,EACrC"}
+{"version":3,"file":"Headbar.js","names":[],"sources":["../../../src/layouts/headbar/Headbar.tsx"],"sourcesContent":["import React from 'react';\n\nexport type HeadbarProps = {\n  /** 左侧插槽内容 */\n  left?: React.ReactNode;\n  /** 中间插槽内容 */\n  middle?: React.ReactNode;\n  /** 右侧插槽内容 */\n  right?: React.ReactNode;\n  /** 高度（像素），默认 64 */\n  height?: number;\n  /** 自定义 className */\n  className?: string;\n};\n\n/**\n * Headbar - 纯布局容器，提供 left / middle / right 三个插槽。\n * 不包含任何业务逻辑，所有内容通过 props 注入。\n */\nconst Headbar: React.FC<HeadbarProps> = ({\n  left,\n  middle,\n  right,\n  height = 64,\n  className,\n}) => {\n  return (\n    <div\n      className={`navbar bg-base-100 shadow-md ${className || ''}`}\n      style={{\n        height: `${height}px`,\n        minHeight: `${height}px`,\n        maxHeight: `${height}px`,\n      }}\n    >\n      <div className=\"navbar-start\">{left}</div>\n      <div className=\"navbar-center hidden lg:flex\">{middle}</div>\n      <div className=\"navbar-end\">{right}</div>\n    </div>\n  );\n};\n\nexport default Headbar;\n"],"mappings":";;;AAmBA,IAAM,KAAmC,EACvC,SACA,WACA,UACA,YAAS,IACT,mBAGE,kBAAC,OAAD;CACE,WAAW,gCAAgC,KAAa;CACxD,OAAO;EACL,QAAQ,GAAG,EAAO;EAClB,WAAW,GAAG,EAAO;EACrB,WAAW,GAAG,EAAO;CACvB;CANF,UAAA;EAQE,kBAAC,OAAD;GAAK,WAAU;GAAgB,UAAA;EAAU,CAAA;EACzC,kBAAC,OAAD;GAAK,WAAU;GAAgC,UAAA;EAAY,CAAA;EAC3D,kBAAC,OAAD;GAAK,WAAU;GAAc,UAAA;EAAW,CAAA;CACrC"}