@yuku123/z-team-component 0.2.52 → 0.2.53

package/dist/index-DRrBkbr_.js

@@ -0,0 +1,100 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useState as f, useMemo as p } from "react";
+import { useNavigate as y, useLocation as L } from "react-router-dom";
+import { DownOutlined as N, RightOutlined as x } from "@ant-design/icons";
+const v = "_shell_92w2c_7", A = "_sidebar_92w2c_15", k = "_menuList_92w2c_37", W = "_menuGroup_92w2c_43", $ = "_menuGroupHeader_92w2c_47", E = "_menuGroupIcon_92w2c_65", H = "_menuGroupLabel_92w2c_70", T = "_menuGroupArrow_92w2c_74", g = "_menuSubList_92w2c_80", C = "_menuSubItem_92w2c_86", j = "_menuSubItemActive_92w2c_103", z = "_menuSubItemIcon_92w2c_110", R = "_menuSubItemLabel_92w2c_115", Z = "_menuSubItemWrap_92w2c_119", D = "_main_92w2c_123", K = "_empty_92w2c_130", M = "_emptyIcon_92w2c_140", O = "_emptyText_92w2c_145", e = {
+  shell: v,
+  sidebar: A,
+  menuList: k,
+  menuGroup: W,
+  menuGroupHeader: $,
+  menuGroupIcon: E,
+  menuGroupLabel: H,
+  menuGroupArrow: T,
+  menuSubList: g,
+  menuSubItem: C,
+  menuSubItemActive: j,
+  menuSubItemIcon: z,
+  menuSubItemLabel: R,
+  menuSubItemWrap: Z,
+  main: D,
+  empty: K,
+  emptyIcon: M,
+  emptyText: O
+};
+function q(m, o) {
+  for (const u of m)
+    if (u.path === o) return u.element;
+  for (const u of m)
+    if (u.path.includes("*") || u.path.includes(":")) {
+      const l = "^" + u.path.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*").replace(/:([a-zA-Z_][a-zA-Z0-9_]*)/g, "[^/]+") + "$";
+      if (new RegExp(l).test(o)) return u.element;
+    }
+  return null;
+}
+function B({ text: m }) {
+  return /* @__PURE__ */ a("div", { className: e.empty, children: [
+    /* @__PURE__ */ t("div", { className: e.emptyIcon, children: "⚙️" }),
+    /* @__PURE__ */ t("div", { className: e.emptyText, children: m })
+  ] });
+}
+function U({
+  groups: m,
+  routes: o,
+  mode: u,
+  emptyText: l,
+  activePathOverride: i,
+  menuOnly: _ = !1
+}) {
+  const d = y(), { pathname: r } = L(), [b, h] = f(
+    new Set(m.map((n) => n.title))
+  ), I = p(() => {
+    const n = i ?? r;
+    for (const s of m)
+      for (const c of s.items)
+        if (c.path === n) return c.key;
+    return null;
+  }, [m, i, r]), S = (n) => {
+    h((s) => {
+      const c = new Set(s);
+      return c.has(n) ? c.delete(n) : c.add(n), c;
+    });
+  }, w = (n) => {
+    d(`${n.path}?mode=${u}`);
+  }, G = p(() => q(o, r), [o, r]);
+  return /* @__PURE__ */ a("div", { className: e.shell, children: [
+    /* @__PURE__ */ t("aside", { className: e.sidebar, children: /* @__PURE__ */ t("nav", { className: e.menuList, children: m.map((n) => {
+      const s = b.has(n.title);
+      return /* @__PURE__ */ a("div", { className: e.menuGroup, children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: e.menuGroupHeader,
+            onClick: () => S(n.title),
+            children: [
+              /* @__PURE__ */ t("span", { className: e.menuGroupIcon, children: n.icon }),
+              /* @__PURE__ */ t("span", { className: e.menuGroupLabel, children: n.title }),
+              /* @__PURE__ */ t("span", { className: e.menuGroupArrow, children: s ? /* @__PURE__ */ t(N, {}) : /* @__PURE__ */ t(x, {}) })
+            ]
+          }
+        ),
+        s && /* @__PURE__ */ t("ul", { className: e.menuSubList, children: n.items.map((c) => /* @__PURE__ */ a(
+          "li",
+          {
+            className: `${e.menuSubItemWrap} ${e.menuSubItem} ${I === c.key ? e.menuSubItemActive : ""}`,
+            onClick: () => w(c),
+            children: [
+              /* @__PURE__ */ t("span", { className: e.menuSubItemIcon, children: c.icon }),
+              /* @__PURE__ */ t("span", { className: e.menuSubItemLabel, children: c.label })
+            ]
+          },
+          c.key
+        )) })
+      ] }, n.title);
+    }) }) }),
+    _ ? null : /* @__PURE__ */ t("main", { className: e.main, children: G ?? /* @__PURE__ */ t(B, { text: l }) })
+  ] });
+}
+export {
+  U as W
+};