@mxmweb/zui-layouts 1.3.5 → 1.3.7

package/index.js

@@ -50,14 +50,14 @@ new Promise(() => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ye = (...e) => e.filter((o, n, u) => !!o && o.trim() !== "" && u.indexOf(o) === n).join(" ").trim();
+const He = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ye = (...e) => e.filter((o, n, h) => !!o && o.trim() !== "" && h.indexOf(o) === n).join(" ").trim();
 /**
  * @license lucide-react v0.456.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var He = {
+var Ee = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -79,7 +79,7 @@ const _e = ve(
     color: e = "currentColor",
     size: o = 24,
     strokeWidth: n = 2,
-    absoluteStrokeWidth: u,
+    absoluteStrokeWidth: h,
     className: a = "",
     children: $,
     iconNode: W,
@@ -88,16 +88,16 @@ const _e = ve(
     "svg",
     {
       ref: _,
-      ...He,
+      ...Ee,
       width: o,
       height: o,
       stroke: e,
-      strokeWidth: u ? Number(n) * 24 / Number(o) : n,
+      strokeWidth: h ? Number(n) * 24 / Number(o) : n,
       className: ye("lucide", a),
       ...M
     },
     [
-      ...W.map(([f, h]) => le(f, h)),
+      ...W.map(([f, p]) => le(f, p)),
       ...Array.isArray($) ? $ : [$]
     ]
   )
@@ -110,10 +110,10 @@ const _e = ve(
  */
 const Ce = (e, o) => {
   const n = ve(
-    ({ className: u, ...a }, $) => le(_e, {
+    ({ className: h, ...a }, $) => le(_e, {
       ref: $,
       iconNode: o,
-      className: ye(`lucide-${Ee(e)}`, u),
+      className: ye(`lucide-${He(e)}`, h),
       ...a
     })
   );
@@ -153,8 +153,8 @@ const U = Ce("ChevronRight", [
   max-width: 98%;
   position: relative;
   background: ${({ theme: e }) => {
-  var o;
-  return ((o = e.colors) == null ? void 0 : o.appBackground) || "transparent";
+  var o, n;
+  return ((o = e.colors) == null ? void 0 : o.dashboardBackground) ?? ((n = e.colors) == null ? void 0 : n.appBackground) ?? "transparent";
 }};
   color: ${({ theme: e }) => {
   var o;
@@ -168,7 +168,10 @@ const U = Ce("ChevronRight", [
   className: "dashboard-container-header"
 })`
   display: flex;
-  height: 38px;
+  height: ${({ theme: e }) => {
+  var o;
+  return ((o = e.space) == null ? void 0 : o.dashboardHeaderHeight) ?? "38px";
+}};
   z-index: 10;
   background: transparent;
   gap: ${({ theme: e }) => {
@@ -299,8 +302,8 @@ const U = Ce("ChevronRight", [
   return ((n = (o = e.fonts) == null ? void 0 : o.body) == null ? void 0 : n.size) || "14px";
 }};
   color: ${({ $isLast: e, theme: o }) => {
-  var n, u, a;
-  return e ? ((n = o.colors) == null ? void 0 : n.text) || "#343a40" : ((u = o.colors) == null ? void 0 : u.textSecondary) || ((a = o.colors) == null ? void 0 : a.disabledText) || "#6c757d";
+  var n, h, a;
+  return e ? ((n = o.colors) == null ? void 0 : n.text) || "#343a40" : ((h = o.colors) == null ? void 0 : h.textSecondary) || ((a = o.colors) == null ? void 0 : a.disabledText) || "#6c757d";
 }};
   font-weight: ${({ $isLast: e }) => e ? "600" : "normal"};
   cursor: ${({ $isClickable: e }) => e ? "pointer" : "default"};
@@ -345,8 +348,8 @@ const U = Ce("ChevronRight", [
   return ((o = e.colors) == null ? void 0 : o.dashboardBorder) !== void 0 ? e.colors.dashboardBorder : (n = e.colors) != null && n.border ? `1px solid ${e.colors.border}` : "none";
 }};
   border-radius: ${({ theme: e }) => {
-  var o;
-  return ((o = e.space) == null ? void 0 : o.radius) || "4px";
+  var o, n, h;
+  return ((o = e.space) == null ? void 0 : o.dashboardContentRadius) ?? ((n = e.colors) == null ? void 0 : n.dashboardContentRadius) ?? ((h = e.space) == null ? void 0 : h.radius) ?? "4px";
 }};
   /* 优先使用 dashboardShadow，如果没有则使用 shadow */
   box-shadow: ${({ theme: e }) => {
@@ -365,6 +368,10 @@ const U = Ce("ChevronRight", [
   flex-direction: column;
   flex: 1;
   min-width: 0;
+  background: ${({ theme: e }) => {
+  var o;
+  return ((o = e.colors) == null ? void 0 : o.dashboardMainBackground) ?? "transparent";
+}};
 `, Qe = l.div.attrs({
   className: "dashboard-container-main-layout"
 })`
@@ -379,7 +386,7 @@ const U = Ce("ChevronRight", [
   children: e,
   goBack: o,
   title: n,
-  description: u,
+  description: h,
   breadcrumbs: a,
   dockItems: $,
   // 以下参数为兼容旧版本保留，当前未使用
@@ -387,7 +394,7 @@ const U = Ce("ChevronRight", [
   defaultDockActiveId: M,
   defaultDockActiveIds: _,
   styles: f,
-  eventsEmit: h
+  eventsEmit: p
 }) => {
   const O = se(), I = K(
     // 基础：默认主题 + useTheme的配置
@@ -395,13 +402,13 @@ const U = Ce("ChevronRight", [
     // 最高层：用户手动传入的styles
     f
   ), s = (I == null ? void 0 : I.theme) || F, N = w.useRef(null), A = () => {
-    h != null && h.onGoBack ? h.onGoBack() : o && o();
+    p != null && p.onGoBack ? p.onGoBack() : o && o();
   }, L = () => {
-    h != null && h.onTitleClick && h.onTitleClick();
+    p != null && p.onTitleClick && p.onTitleClick();
   }, T = (m, r) => {
-    h != null && h.onBreadcrumbClick ? h.onBreadcrumbClick(m, r) : m.onClick && m.onClick();
-  }, B = (m, r) => {
-    h != null && h.onDockItemClick && h.onDockItemClick(m, r);
+    p != null && p.onBreadcrumbClick ? p.onBreadcrumbClick(m, r) : m.onClick && m.onClick();
+  }, D = (m, r) => {
+    p != null && p.onDockItemClick && p.onDockItemClick(m, r);
   }, z = () => {
     if (!a || a.length === 0) return null;
     const [m, r] = w.useState({ start: 0, end: a.length, showEllipsis: !1 }), j = w.useCallback(() => {
@@ -415,11 +422,11 @@ const U = Ce("ChevronRight", [
         r({ start: 0, end: a.length, showEllipsis: !1 });
         return;
       }
-      const Z = 0, H = Math.min(P - 1, a.length);
+      const Z = 0, E = Math.min(P - 1, a.length);
       r({
         start: Z,
-        end: H,
-        showEllipsis: H < a.length - 1
+        end: E,
+        showEllipsis: E < a.length - 1
       });
     }, [a.length]);
     if (w.useEffect(() => {
@@ -445,21 +452,21 @@ const U = Ce("ChevronRight", [
         ),
         k < a.length - 1 && /* @__PURE__ */ t(oe, { theme: s, children: /* @__PURE__ */ t(U, { size: 14 }) })
       ] }, b.id)) });
-    const { start: V, end: E, showEllipsis: ne } = m;
+    const { start: V, end: H, showEllipsis: ne } = m;
     return /* @__PURE__ */ x(we, { theme: s, children: [
-      a.slice(V, E).map((b, k) => /* @__PURE__ */ x(w.Fragment, { children: [
+      a.slice(V, H).map((b, k) => /* @__PURE__ */ x(w.Fragment, { children: [
         /* @__PURE__ */ t(
           ee,
           {
-            $isLast: k === E - V - 1 && !ne,
-            $isClickable: !!(k < E - V - 1 || b.onClick),
+            $isLast: k === H - V - 1 && !ne,
+            $isClickable: !!(k < H - V - 1 || b.onClick),
             onClick: () => T(b, V + k),
             theme: s,
             title: b.label,
             children: b.label
           }
         ),
-        k < E - V - 1 && /* @__PURE__ */ t(oe, { theme: s, children: /* @__PURE__ */ t(U, { size: 14 }) })
+        k < H - V - 1 && /* @__PURE__ */ t(oe, { theme: s, children: /* @__PURE__ */ t(U, { size: 14 }) })
       ] }, b.id)),
       ne && /* @__PURE__ */ x(Ie, { children: [
         /* @__PURE__ */ t(oe, { theme: s, children: /* @__PURE__ */ t(U, { size: 14 }) }),
@@ -473,7 +480,7 @@ const U = Ce("ChevronRight", [
               cursor: "default",
               maxWidth: "auto"
             },
-            title: `${a.slice(E, -1).map((b) => b.label).join(" > ")}`,
+            title: `${a.slice(H, -1).map((b) => b.label).join(" > ")}`,
             children: "..."
           }
         ),
@@ -499,12 +506,12 @@ const U = Ce("ChevronRight", [
         items: $,
         open: J,
         onOpenChange: te,
-        onItemClick: (m) => B({ id: String(m.key), label: m.name }, 0),
+        onItemClick: (m) => D({ id: String(m.key), label: m.name }, 0),
         defaultOpen: !0
       }
     ) }),
     /* @__PURE__ */ x(Je, { theme: s, children: [
-      (n || u || o || a) && /* @__PURE__ */ x(Ge, { ref: N, theme: s, children: [
+      (n || h || o || a) && /* @__PURE__ */ x(Ge, { ref: N, theme: s, children: [
         o && /* @__PURE__ */ t(
           Ke,
           {
@@ -524,12 +531,12 @@ const U = Ce("ChevronRight", [
             children: n
           }
         ),
-        u && /* @__PURE__ */ t(
+        h && /* @__PURE__ */ t(
           qe,
           {
             theme: s,
-            title: u,
-            children: u
+            title: h,
+            children: h
           }
         )
       ] }),
@@ -599,7 +606,7 @@ const U = Ce("ChevronRight", [
   children: e,
   backgroundImage: o,
   backgroundColor: n,
-  header: u,
+  header: h,
   dockItems: a,
   dockActiveMode: $ = "single",
   defaultDockActiveId: W,
@@ -608,17 +615,17 @@ const U = Ce("ChevronRight", [
   eventsEmit: f
 }) => {
   var L, T;
-  const h = se(), O = K(
+  const p = se(), O = K(
     // 基础：默认主题 + useTheme的配置
-    K({ theme: F, mode: "light" }, h),
+    K({ theme: F, mode: "light" }, p),
     // 最高层：用户手动传入的styles
     _
-  ), I = (O == null ? void 0 : O.theme) || F, s = (B, z) => {
-    f != null && f.onDockItemClick ? f.onDockItemClick(B, z) : B.onClick && B.onClick();
-  }, N = (B, z) => {
-    f != null && f.onDockActiveChange && f.onDockActiveChange(B, z);
-  }, A = (B, z) => {
-    f != null && f.onDockActiveChangeMultiple && f.onDockActiveChangeMultiple(B, z);
+  ), I = (O == null ? void 0 : O.theme) || F, s = (D, z) => {
+    f != null && f.onDockItemClick ? f.onDockItemClick(D, z) : D.onClick && D.onClick();
+  }, N = (D, z) => {
+    f != null && f.onDockActiveChange && f.onDockActiveChange(D, z);
+  }, A = (D, z) => {
+    f != null && f.onDockActiveChangeMultiple && f.onDockActiveChangeMultiple(D, z);
   };
   return /* @__PURE__ */ x(
     Ue,
@@ -626,7 +633,7 @@ const U = Ce("ChevronRight", [
       backgroundImage: o,
       backgroundColor: n,
       children: [
-        u && /* @__PURE__ */ t(eo, { children: u }),
+        h && /* @__PURE__ */ t(eo, { children: h }),
         /* @__PURE__ */ t(
           oo,
           {
@@ -898,14 +905,14 @@ const ae = l.div`
   const {
     children: o,
     headerLogo: n,
-    contentKey: u,
+    contentKey: h,
     modules: a,
     activeModuleKey: $,
     onModuleChange: W,
     languages: M,
     activeLanguageKey: _,
     onLanguageChange: f,
-    themes: h,
+    themes: p,
     activeThemeKey: O,
     onThemeChange: I,
     sidebarItems: s,
@@ -913,7 +920,7 @@ const ae = l.div`
     onSidebarItemClick: A,
     activeTocId: L,
     onTocItemClick: T,
-    collapsibleSidebar: B = !0,
+    collapsibleSidebar: D = !0,
     styles: z
   } = e, J = se(), te = e.activeThemeKey === "dark" ? yo : mo, m = K(
     K(
@@ -921,9 +928,9 @@ const ae = l.div`
       te
     ),
     z
-  ), r = (m == null ? void 0 : m.theme) || F, [j, V] = w.useState(!1), [E, ne] = w.useState(!1), [b, k] = w.useState(!1), Q = typeof L == "string", [ce, re] = w.useState(L), P = w.useRef(null), [Z, H] = w.useState(void 0), [$e, de] = w.useState(o), [De, he] = w.useState(1);
+  ), r = (m == null ? void 0 : m.theme) || F, [j, V] = w.useState(!1), [H, ne] = w.useState(!1), [b, k] = w.useState(!1), Q = typeof L == "string", [ce, re] = w.useState(L), P = w.useRef(null), [Z, E] = w.useState(void 0), [$e, de] = w.useState(o), [Be, he] = w.useState(1);
   w.useEffect(() => {
-    if (u === void 0) {
+    if (h === void 0) {
       de(o);
       return;
     }
@@ -932,14 +939,14 @@ const ae = l.div`
       de(o), requestAnimationFrame(() => he(1));
     }, 120);
     return () => clearTimeout(i);
-  }, [u, o]), w.useMemo(() => {
-    var i, p, d, y, D, c, v, g, G, C, R, Y, X;
+  }, [h, o]), w.useMemo(() => {
+    var i, u, d, y, B, c, v, g, G, C, R, Y, X;
     return {
       primaryColor: (i = r == null ? void 0 : r.colors) == null ? void 0 : i.primary,
-      secondaryColor: (p = r == null ? void 0 : r.colors) == null ? void 0 : p.secondary,
+      secondaryColor: (u = r == null ? void 0 : r.colors) == null ? void 0 : u.secondary,
       backgroundColor: (d = r == null ? void 0 : r.colors) == null ? void 0 : d.appBackground,
       textColor: (y = r == null ? void 0 : r.colors) == null ? void 0 : y.text,
-      borderColor: (D = r == null ? void 0 : r.colors) == null ? void 0 : D.border,
+      borderColor: (B = r == null ? void 0 : r.colors) == null ? void 0 : B.border,
       disabledBackground: (c = r == null ? void 0 : r.colors) == null ? void 0 : c.disabledBackground,
       borderRadius: (v = r == null ? void 0 : r.space) == null ? void 0 : v.radius,
       padding: (g = r == null ? void 0 : r.space) == null ? void 0 : g.padding,
@@ -948,21 +955,21 @@ const ae = l.div`
     };
   }, [r]), w.useEffect(() => {
     if (e.tocItems)
-      H(void 0);
+      E(void 0);
     else {
-      u !== void 0 && H(void 0);
+      h !== void 0 && E(void 0);
       let i = 0;
-      const p = 10;
+      const u = 10;
       let d = null, y = null;
-      const D = () => {
+      const B = () => {
         const c = P.current;
         if (!c) {
-          i < p ? (i++, d = setTimeout(D, 200)) : H([]);
+          i < u ? (i++, d = setTimeout(B, 200)) : E([]);
           return;
         }
         const v = Array.from(c.querySelectorAll("h1, h2, h3"));
         if (v.length === 0) {
-          i < p ? (i++, d = setTimeout(D, 200)) : H([]);
+          i < u ? (i++, d = setTimeout(B, 200)) : E([]);
           return;
         }
         const g = /* @__PURE__ */ new Map(), G = v.map((C) => {
@@ -971,39 +978,39 @@ const ae = l.div`
           g.set(R, Y + 1);
           const X = Y > 0 ? `${R}-${Y}` : R;
           C.id || (C.id = X);
-          const Be = C.tagName === "H1" ? 1 : C.tagName === "H2" ? 2 : 3;
-          return { id: X, label: C.textContent || "", level: Be };
+          const De = C.tagName === "H1" ? 1 : C.tagName === "H2" ? 2 : 3;
+          return { id: X, label: C.textContent || "", level: De };
         });
-        H(G);
+        E(G);
       };
       return y = requestAnimationFrame(() => {
-        d = setTimeout(D, 100);
+        d = setTimeout(B, 100);
       }), () => {
         y !== null && cancelAnimationFrame(y), d !== null && clearTimeout(d);
       };
     }
-  }, [o, e.tocItems, u]), w.useEffect(() => {
+  }, [o, e.tocItems, h]), w.useEffect(() => {
     if (Q) return;
-    const p = ((e.tocItems ?? Z) || []).map((c) => c.id).filter(Boolean);
-    if (p.length === 0) return;
+    const u = ((e.tocItems ?? Z) || []).map((c) => c.id).filter(Boolean);
+    if (u.length === 0) return;
     re(void 0);
     const d = { root: null, rootMargin: "0px 0px -70% 0px", threshold: 0 }, y = (c) => {
       var g, G;
       const v = c.filter((C) => C.isIntersecting).sort((C, R) => C.boundingClientRect.top - R.boundingClientRect.top);
       (G = (g = v[0]) == null ? void 0 : g.target) != null && G.id && re(v[0].target.id);
-    }, D = new IntersectionObserver(y, d);
-    return p.forEach((c) => {
+    }, B = new IntersectionObserver(y, d);
+    return u.forEach((c) => {
       const v = document.getElementById(c);
-      v && D.observe(v);
-    }), () => D.disconnect();
-  }, [Z, Q, e.tocItems, u]);
-  const pe = (i, p) => {
+      v && B.observe(v);
+    }), () => B.disconnect();
+  }, [Z, Q, e.tocItems, h]);
+  const pe = (i, u) => {
     if (!i || i.length === 0) return;
-    const d = Math.max(0, i.findIndex((D) => D.key === p)), y = i[(d + 1) % i.length];
+    const d = Math.max(0, i.findIndex((B) => B.key === u)), y = i[(d + 1) % i.length];
     return y == null ? void 0 : y.key;
   }, ie = (i) => {
-    const p = document.getElementById(i);
-    p && p.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
+    const u = document.getElementById(i);
+    u && u.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
   };
   return /* @__PURE__ */ t(Ne, { theme: r, mode: m.mode, children: /* @__PURE__ */ x(
     no,
@@ -1054,14 +1061,14 @@ const ae = l.div`
                   }
                 ),
                 /* @__PURE__ */ t(vo, {}),
-                h && h.length > 0 && /* @__PURE__ */ t(
+                p && p.length > 0 && /* @__PURE__ */ t(
                   ke,
                   {
                     onClick: () => {
-                      const i = pe(h, O);
+                      const i = pe(p, O);
                       i && (I == null || I(i));
                     },
-                    title: ((xe = h.find((i) => i.key === O)) == null ? void 0 : xe.label) || "Theme",
+                    title: ((xe = p.find((i) => i.key === O)) == null ? void 0 : xe.label) || "Theme",
                     "aria-label": "theme",
                     style: { color: r.colors.text },
                     children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z", stroke: "currentColor", strokeWidth: "1.6" }) })
@@ -1073,9 +1080,9 @@ const ae = l.div`
           }
         ),
         (() => {
-          const p = (Array.isArray(s) ? s.length : 0) > 1, d = p ? j ? "10px" : "var(--sidebar-width)" : "0px", y = E ? "10px" : "var(--toc-width)", D = p ? `${d} 1fr ${y}` : `1fr ${y}`;
-          return /* @__PURE__ */ x(lo, { style: { gridTemplateColumns: D }, children: [
-            p && /* @__PURE__ */ x(so, { children: [
+          const u = (Array.isArray(s) ? s.length : 0) > 1, d = u ? j ? "10px" : "var(--sidebar-width)" : "0px", y = H ? "10px" : "var(--toc-width)", B = u ? `${d} 1fr ${y}` : `1fr ${y}`;
+          return /* @__PURE__ */ x(lo, { style: { gridTemplateColumns: B }, children: [
+            u && /* @__PURE__ */ x(so, { children: [
               /* @__PURE__ */ t(co, { $collapsed: j, children: /* @__PURE__ */ t(po, { children: s && s.length > 0 && /* @__PURE__ */ t("div", { children: Object.entries(
                 s.reduce((c, v) => {
                   const g = v.group || "\u6587\u6863";
@@ -1096,16 +1103,16 @@ const ae = l.div`
                   g.id
                 )) })
               ] }, c)) }) }) }),
-              B && p && /* @__PURE__ */ t(ho, { onClick: () => V((c) => !c), title: j ? "\u5C55\u5F00\u5DE6\u4FA7\u680F" : "\u6536\u8D77\u5DE6\u4FA7\u680F", "aria-label": "toggle-left", children: j ? /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M9 6l6 6-6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) : /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M15 6l-6 6 6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) })
+              D && u && /* @__PURE__ */ t(ho, { onClick: () => V((c) => !c), title: j ? "\u5C55\u5F00\u5DE6\u4FA7\u680F" : "\u6536\u8D77\u5DE6\u4FA7\u680F", "aria-label": "toggle-left", children: j ? /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M9 6l6 6-6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) : /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M15 6l-6 6 6 6", stroke: "currentColor", strokeWidth: "1.6" }) }) })
             ] }),
             /* @__PURE__ */ t(uo, { children: /* @__PURE__ */ t(
               go,
               {
                 ref: P,
-                children: /* @__PURE__ */ t(fo, { $opacity: De, children: $e })
+                children: /* @__PURE__ */ t(fo, { $opacity: Be, children: $e })
               }
             ) }),
-            /* @__PURE__ */ t(xo, { children: /* @__PURE__ */ t(bo, { children: /* @__PURE__ */ x(wo, { $collapsed: E, children: [
+            /* @__PURE__ */ t(xo, { children: /* @__PURE__ */ t(bo, { children: /* @__PURE__ */ x(wo, { $collapsed: H, children: [
               /* @__PURE__ */ t(ae, { children: "\u672C\u9875\u76EE\u5F55" }),
               /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px", width: "100%", maxWidth: "100%", overflow: "hidden" }, children: ((e.tocItems ?? Z) || []).map((c) => /* @__PURE__ */ t(
                 q,
@@ -1155,13 +1162,13 @@ const ae = l.div`
                     /* @__PURE__ */ t(q, { onClick: () => k(!1), children: "\u5173\u95ED" })
                   ] }),
                   s && s.length > 0 && /* @__PURE__ */ t("div", { style: { overflow: "auto", height: "calc(100% - 40px)" }, children: Object.entries(
-                    s.reduce((i, p) => {
-                      const d = p.group || "\u6587\u6863";
-                      return i[d] = i[d] || [], i[d].push(p), i;
+                    s.reduce((i, u) => {
+                      const d = u.group || "\u6587\u6863";
+                      return i[d] = i[d] || [], i[d].push(u), i;
                     }, {})
-                  ).map(([i, p]) => /* @__PURE__ */ x("div", { children: [
+                  ).map(([i, u]) => /* @__PURE__ */ x("div", { children: [
                     /* @__PURE__ */ t(ae, { children: i }),
-                    /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: p.map((d) => /* @__PURE__ */ t(
+                    /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, padding: "0 8px 8px 8px" }, children: u.map((d) => /* @__PURE__ */ t(
                       q,
                       {
                         $active: d.id === N,

package/package.json

@@ -5,7 +5,7 @@
   "style": "assets/style.css",
   "types": "lib_enter.d.ts",
   "private": false,
-  "version": "1.3.5",
+  "version": "1.3.7",
   "author": "hanfeng_Zhang",
   "type": "module",
   "scripts": {