@unicom-cloud/ui 0.8.55 → 0.8.57

package/chunk/{BC0PujUD.js → BMvZCjSU.js}

@@ -1,28 +1,26 @@
-import { jsx as i, jsxs as F, Fragment as we } from "react/jsx-runtime";
-import Ae from "@unicom-cloud/icons/IconUiMenuFold";
-import Ue from "@unicom-cloud/icons/IconUiMenuUnfold";
+import { jsx as i, jsxs as F, Fragment as Ie } from "react/jsx-runtime";
+import { I as Ae, a as Ue } from "./BqxwlITu.js";
 import He from "lodash/isPlainObject";
-import L, { createContext as Be, useContext as K, forwardRef as X, useRef as J, useEffect as Z, useState as Ce, useMemo as Fe } from "react";
-import { a as Ie } from "./xPzFRQJn.js";
+import L, { createContext as Be, useContext as K, forwardRef as X, useRef as J, useEffect as Z, useState as we, useMemo as Fe } from "react";
+import { b as Ce } from "./DUxWiN2U.js";
 import Ve from "../hooks/useForceUpdate.js";
 import le from "../hooks/useId.js";
 import We from "../hooks/useKeyboardEvent.js";
 import Ge from "../hooks/useMergeProps.js";
 import re from "../hooks/useMergeValue.js";
-import { a as ze } from "./DbtCtriE.js";
-import B from "@unicom-cloud/utils/class-name";
+import { a as ze } from "./DxNRWF67.js";
+import { y as B } from "./Do1aMgY3.js";
 import z from "../utils/omit.js";
 import { y as je } from "./CiZVOdJ3.js";
 import qe from "../hooks/useIsFirstRender.js";
 import Qe from "../Tooltip.js";
 import { Enter as ie, ArrowLeft as Ye, ArrowRight as Je } from "../utils/keyCode.js";
 import { getStyle as ge } from "../utils/style.js";
-import ve from "@unicom-cloud/icons/IconUiDown";
+import { I as ve } from "./1mEO29GP.js";
 import Xe from "../hooks/useStateWithPromise.js";
-import { P as Ze } from "./DQ3uFRJD.js";
+import { P as Ze } from "./BP7xX86Q.js";
 import en from "../utils/pick.js";
-import nn from "@unicom-cloud/icons/IconUiLeft";
-import tn from "@unicom-cloud/icons/IconUiRight";
+import { a as nn, I as tn } from "./D9TqtOhq.js";
 import on from "../Dropdown.js";
 const H = Be({});
 function ee(l) {
@@ -52,11 +50,11 @@ const Ne = [
 }, ke = (l, o = [], e = {}) => {
   const s = Se(l);
   return s.forEach((r, n) => {
-    var p, w;
+    var p, I;
     const c = r.key, u = r.type.menuType, h = [c, ...o], y = {
       keyPath: [],
       prev: ((p = s[n - 1]) == null ? void 0 : p.key) || null,
-      next: ((w = s[n + 1]) == null ? void 0 : w.key) || null
+      next: ((I = s[n + 1]) == null ? void 0 : I.key) || null
     };
     if (n === 0 || n === s.length - 1) {
       const a = h[1], N = n === 0 ? "firstChild" : "lastChild";
@@ -120,24 +118,24 @@ function rn(l, o) {
     wrapper: h = "div",
     onClick: y,
     renderItemInTooltip: p,
-    ...w
+    ...I
   } = l, {
     prefixCls: a,
     mode: N,
-    collapse: P,
+    collapse: $,
     inDropdown: t,
-    levelIndent: f,
+    levelIndent: m,
     selectedKeys: d,
-    autoScrollIntoView: I,
+    autoScrollIntoView: C,
     scrollConfig: M,
     tooltipProps: b,
     onClickMenuItem: S
-  } = K(H), m = J(null), E = qe(), x = N === "vertical" && r > 1, O = P && !t && r === 1, $ = d && ~d.indexOf(e);
+  } = K(H), f = J(null), E = qe(), x = N === "vertical" && r > 1, O = $ && !t && r === 1, P = d && ~d.indexOf(e);
   Z(() => {
-    const k = $ && I;
-    m.current && k && setTimeout(
+    const k = P && C;
+    f.current && k && setTimeout(
       () => {
-        m.current && je(m.current, {
+        f.current && je(f.current, {
           behavior: "smooth",
           block: "start",
           scrollMode: "if-needed",
@@ -147,25 +145,25 @@ function rn(l, o) {
       },
       E ? 500 : 0
     );
-  }, [$, I]);
+  }, [P, C]);
   const A = (k) => {
     n || (S == null || S(e, k), y == null || y(k));
-  }, C = /* @__PURE__ */ F(
+  }, w = /* @__PURE__ */ F(
     h,
     {
       tabIndex: n ? -1 : 0,
       role: "menuitem",
       ref: (k) => {
-        o = k, m.current = o;
+        o = k, f.current = o;
       },
       style: u,
       className: B(
         `${a}-item`,
         {
           [`${a}-disabled`]: n,
-          [`${a}-selected`]: $,
+          [`${a}-selected`]: P,
           // 存在缩进dom
-          [`${a}-item-indented`]: x && !P
+          [`${a}-item-indented`]: x && !$
         },
         c
       ),
@@ -174,16 +172,16 @@ function rn(l, o) {
         k.key === ie.key && A(k);
       },
       ...z(
-        w,
+        I,
         ["key", "_key"].concat(Ne)
       ),
       children: [
-        x && !P ? /* @__PURE__ */ F(we, { children: [
+        x && !$ ? /* @__PURE__ */ F(Ie, { children: [
           /* @__PURE__ */ i(
             ee,
             {
               prefixCls: a,
-              levelIndent: f,
+              levelIndent: m,
               level: r
             }
           ),
@@ -198,7 +196,7 @@ function rn(l, o) {
             }
           )
         ] }) : s,
-        $ && N === "horizontal" ? /* @__PURE__ */ i("div", { className: `${a}-selected-label` }) : null
+        P && N === "horizontal" ? /* @__PURE__ */ i("div", { className: `${a}-selected-label` }) : null
       ]
     }
   );
@@ -213,9 +211,9 @@ function rn(l, o) {
         ...(b == null ? void 0 : b.triggerProps) || {}
       },
       ...z(b, ["triggerProps"]),
-      children: C
+      children: w
     }
-  ) : C;
+  ) : w;
 }
 const sn = X(rn), ce = sn;
 ce.displayName = "MenuItem";
@@ -263,52 +261,52 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
     ...y
   } = l, {
     id: p,
-    prefixCls: w,
+    prefixCls: I,
     levelIndent: a,
     openKeys: N = [],
-    selectedKeys: P = [],
+    selectedKeys: $ = [],
     icons: t,
-    onClickSubMenu: f,
+    onClickSubMenu: m,
     onClickMenuItem: d
-  } = K(H), I = `${w}-inline`, M = (N == null ? void 0 : N.indexOf(o)) > -1, b = h && P.indexOf(l._key) > -1 || xe(e, P), [S, m] = Xe(
+  } = K(H), C = `${I}-inline`, M = (N == null ? void 0 : N.indexOf(o)) > -1, b = h && $.indexOf(l._key) > -1 || xe(e, $), [S, f] = Xe(
     M ? { height: "auto" } : se
-  ), E = (C) => {
-    f(o, c, "inline"), h && d(o, C);
+  ), E = (w) => {
+    m(o, c, "inline"), h && d(o, w);
   }, x = le(`${p}-submenu-inline-`), O = ne(e, {
     ...en(y, Ne),
     level: c + 1,
     selectable: h
-  }), $ = /* @__PURE__ */ F(
+  }), P = /* @__PURE__ */ F(
     "div",
     {
       tabIndex: 0,
       "aria-expanded": M,
       "aria-controls": x,
-      className: B(`${I}-header`, {
-        [`${w}-selected`]: b
+      className: B(`${C}-header`, {
+        [`${I}-selected`]: b
       }),
       onClick: E,
-      onKeyDown: (C) => {
-        C.key === ie.key && E(C);
+      onKeyDown: (w) => {
+        w.key === ie.key && E(w);
       },
       children: [
         /* @__PURE__ */ i(
           ee,
           {
             level: c,
-            prefixCls: w,
+            prefixCls: I,
             levelIndent: a
           }
         ),
         /* @__PURE__ */ i("span", { children: n }),
-        /* @__PURE__ */ i("span", { className: `${w}-icon-suffix ${M ? "is-open" : ""}`, children: t && t.horizontalArrowDown ? t.horizontalArrowDown : /* @__PURE__ */ i(ve, {}) })
+        /* @__PURE__ */ i("span", { className: `${I}-icon-suffix ${M ? "is-open" : ""}`, children: t && t.horizontalArrowDown ? t.horizontalArrowDown : /* @__PURE__ */ i(ve, {}) })
       ]
     }
   ), A = /* @__PURE__ */ i(
     "div",
     {
       id: x,
-      className: B(`${I}-content`),
+      className: B(`${C}-content`),
       style: S,
       children: O
     }
@@ -317,26 +315,26 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
     "div",
     {
       ref: u,
-      className: B(I, r),
+      className: B(C, r),
       style: s,
       ...z(y, ["key", "popup", "triggerProps"]),
       children: [
-        $,
+        P,
         /* @__PURE__ */ i(
           Ze,
           {
             in: M,
             timeout: 200,
-            classNames: I,
+            classNames: C,
             unmountOnExit: !1,
-            onEnter: async (C) => {
-              C && (await m(se), await m({ height: C.scrollHeight }));
+            onEnter: async (w) => {
+              w && (await f(se), await f({ height: w.scrollHeight }));
             },
             onEntered: () => {
-              m({ height: "auto" });
+              f({ height: "auto" });
             },
-            onExit: async (C) => {
-              C && (await m({ height: C.scrollHeight }), await m(se));
+            onExit: async (w) => {
+              w && (await f({ height: w.scrollHeight }), await f(se));
             },
             children: A
           }
@@ -357,20 +355,20 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
     triggerProps: y,
     ...p
   } = l, {
-    id: w,
+    id: I,
     prefixCls: a,
     mode: N,
-    inDropdown: P,
+    inDropdown: $,
     levelIndent: t,
-    selectedKeys: f = [],
+    selectedKeys: m = [],
     icons: d,
-    triggerProps: I,
+    triggerProps: C,
     onClickSubMenu: M,
     onClickMenuItem: b
-  } = K(H), { rtl: S } = K(Ie), m = { ...I, ...y }, [E, x] = Ce(!1), O = `${a}-pop`, $ = u && f.indexOf(l._key) > -1, A = N === "horizontal" && !P, C = le(`${w}-submenu-pop-`), k = () => {
+  } = K(H), { rtl: S } = K(Ce), f = { ...C, ...y }, [E, x] = we(!1), O = `${a}-pop`, P = u && m.indexOf(l._key) > -1, A = N === "horizontal" && !$, w = le(`${I}-submenu-pop-`), k = () => {
     const _ = d && d.popArrowRight ? d.popArrowRight : S ? /* @__PURE__ */ i(nn, {}) : /* @__PURE__ */ i(tn, {}), v = d && d.horizontalArrowDown ? d.horizontalArrowDown : /* @__PURE__ */ i(ve, {});
     return /* @__PURE__ */ i("span", { className: `${a}-icon-suffix`, children: A ? v : _ });
-  }, V = xe(e, f) || $, G = S ? ["br", "lt"] : ["bl", "rt"], q = (_) => {
+  }, V = xe(e, m) || P, G = S ? ["br", "lt"] : ["bl", "rt"], q = (_) => {
     M(o, c, "pop"), u && b(o, _);
   };
   return /* @__PURE__ */ i(
@@ -382,8 +380,8 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
       droplist: /* @__PURE__ */ i(
         j,
         {
-          id: C,
-          selectedKeys: f,
+          id: w,
+          selectedKeys: m,
           onClickMenuItem: (_, v) => {
             b(_, v), x(!1);
           },
@@ -400,9 +398,9 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
         mouseLeaveDelay: 50,
         className: B(
           `${O}-trigger`,
-          m && m.className
+          f && f.className
         ),
-        ...z(m, ["className"])
+        ...z(f, ["className"])
       },
       children: /* @__PURE__ */ F(
         "div",
@@ -410,7 +408,7 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
           tabIndex: 0,
           "aria-haspopup": !0,
           "aria-expanded": E,
-          "aria-controls": C,
+          "aria-controls": w,
           ref: h,
           style: s,
           className: B(
@@ -446,15 +444,15 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
   );
 };
 function pn(l, o) {
-  const { children: e, popup: s, level: r } = l, { mode: n, collapse: c, inDropdown: u, collectInlineMenuKeys: h } = K(H), w = !!(typeof s == "function" ? s(r) : s) || c || u || n !== "vertical" ? un : an;
+  const { children: e, popup: s, level: r } = l, { mode: n, collapse: c, inDropdown: u, collectInlineMenuKeys: h } = K(H), I = !!(typeof s == "function" ? s(r) : s) || c || u || n !== "vertical" ? un : an;
   return Z(() => (h(l._key), () => {
     h(l._key, !0);
-  }), []), /* @__PURE__ */ i(w, { forwardedRef: o, ...l, children: e });
+  }), []), /* @__PURE__ */ i(I, { forwardedRef: o, ...l, children: e });
 }
 const dn = X(pn), te = dn;
 te.displayName = "SubMenu";
 te.menuType = "SubMenu";
-const mn = 5;
+const fn = 5;
 function Me(l) {
   return l && Math.ceil(+l.getBoundingClientRect().width);
 }
@@ -462,81 +460,81 @@ function be(l) {
   const o = Number(l.replace("px", ""));
   return isNaN(o) ? 0 : o;
 }
-const fn = (l) => {
-  const { children: o, ellipsisText: e = "···", onEllipsisChange: s } = l, { prefixCls: r } = K(H), n = J(null), [c, u] = Ce(null), h = `${r}-overflow-sub-menu`, y = `${r}-overflow-hidden-menu-item`, p = `${r}-overflow-sub-menu-mirror`, w = (t) => {
+const mn = (l) => {
+  const { children: o, ellipsisText: e = "···", onEllipsisChange: s } = l, { prefixCls: r } = K(H), n = J(null), [c, u] = we(null), h = `${r}-overflow-sub-menu`, y = `${r}-overflow-hidden-menu-item`, p = `${r}-overflow-sub-menu-mirror`, I = (t) => {
     if (t !== c) {
-      const f = L.Children.toArray(o), d = t === null;
+      const m = L.Children.toArray(o), d = t === null;
       s == null || s({
-        lastVisibleIndex: d ? f.length - 1 : t,
-        overflowNodes: d ? [] : f.slice(t + 1)
+        lastVisibleIndex: d ? m.length - 1 : t,
+        overflowNodes: d ? [] : m.slice(t + 1)
       }), u(t);
     }
   };
   function a() {
     if (!n.current)
       return;
-    const t = n.current, f = Me(t) - mn, d = [].slice.call(t.children);
-    let I = 0, M = 0, b = 0;
+    const t = n.current, m = Me(t) - fn, d = [].slice.call(t.children);
+    let C = 0, M = 0, b = 0;
     for (let S = 0; S < d.length; S++) {
-      const m = d[S], E = m.className.split(" "), x = E.indexOf(h) > -1, O = E.indexOf(p) > -1;
+      const f = d[S], E = f.className.split(" "), x = E.indexOf(h) > -1, O = E.indexOf(p) > -1;
       if (x)
         continue;
-      const $ = Me(m) + be(ge(m, "marginLeft")) + be(ge(m, "marginRight"));
+      const P = Me(f) + be(ge(f, "marginLeft")) + be(ge(f, "marginRight"));
       if (O) {
-        b = $;
+        b = P;
         continue;
       }
-      if (M += $, M > f) {
-        w(
+      if (M += P, M > m) {
+        I(
           // 判断如果将最后一个菜单项换为 ... 是否会超出宽度
-          I - (M - $ + b <= f ? 1 : 2)
+          C - (M - P + b <= m ? 1 : 2)
         );
         return;
       }
-      I++;
+      C++;
     }
-    w(null);
+    I(null);
   }
-  const N = (t, f = !1) => /* @__PURE__ */ i(
+  const N = (t, m = !1) => /* @__PURE__ */ i(
     te,
     {
       title: /* @__PURE__ */ i("span", { children: e }),
-      className: f ? p : h,
+      className: m ? p : h,
       children: t
     },
-    `pqb-menu-overflow-sub-menu${f ? "-mirror" : ""}`
-  ), P = () => {
+    `pqb-menu-overflow-sub-menu${m ? "-mirror" : ""}`
+  ), $ = () => {
     let t = null;
-    const f = N(null, !0), d = L.Children.map(o, (I, M) => {
-      let b = I;
-      if (c !== null && (M > c && (b = L.cloneElement(I, {
+    const m = N(null, !0), d = L.Children.map(o, (C, M) => {
+      let b = C;
+      if (c !== null && (M > c && (b = L.cloneElement(C, {
         className: y
       })), M === c + 1)) {
         const S = L.Children.toArray(o).slice(c + 1).map(
-          (m) => L.cloneElement(m, {
-            key: m.props._key
+          (f) => L.cloneElement(f, {
+            key: f.props._key
           })
         );
         t = N(S);
       }
       return b;
     }) ?? [];
-    return [f, ...d, t];
+    return [m, ...d, t];
   };
   return Z(() => {
     let t;
     return n.current && (t = new ResizeObserver(a), t.observe(n.current)), () => {
-      var f, d;
-      n.current && ((f = t == null ? void 0 : t.unobserve) == null || f.call(t, n.current)), (d = t == null ? void 0 : t.disconnect) == null || d.call(t), t = null;
+      var m, d;
+      n.current && ((m = t == null ? void 0 : t.unobserve) == null || m.call(t, n.current)), (d = t == null ? void 0 : t.disconnect) == null || d.call(t), t = null;
     };
-  }, [n.current]), /* @__PURE__ */ i("div", { className: `${r}-overflow-wrap`, ref: n, children: P() });
+  }, [n.current]), /* @__PURE__ */ i("div", { className: `${r}-overflow-wrap`, ref: n, children: $() });
 }, hn = "light", yn = {
   mode: "vertical",
   selectable: !0,
   ellipsis: !0
 };
 function gn(l, o) {
-  const { getPrefixCls: e, componentConfig: s, rtl: r } = K(Ie), n = Ge(
+  const { getPrefixCls: e, componentConfig: s, rtl: r } = K(Ce), n = Ge(
     l,
     yn,
     s == null ? void 0 : s.Menu
@@ -546,24 +544,24 @@ function gn(l, o) {
     className: h,
     prefixCls: y,
     mode: p,
-    theme: w,
+    theme: I,
     icons: a,
     levelIndent: N,
-    collapse: P,
+    collapse: $,
     inDropdown: t,
-    selectable: f,
+    selectable: m,
     triggerProps: d,
-    tooltipProps: I,
+    tooltipProps: C,
     ellipsis: M,
     accordion: b,
     autoOpen: S,
-    autoScrollIntoView: m,
+    autoScrollIntoView: f,
     scrollConfig: E,
     hasCollapseButton: x,
     defaultOpenKeys: O,
-    defaultSelectedKeys: $,
+    defaultSelectedKeys: P,
     openKeys: A,
-    selectedKeys: C,
+    selectedKeys: w,
     onClickSubMenu: k,
     onClickMenuItem: V,
     onCollapseChange: G,
@@ -572,12 +570,12 @@ function gn(l, o) {
   } = n, [v, ue] = re([], {
     defaultValue: O,
     value: A
-  }), [$e, Pe] = re([], {
-    defaultValue: $,
-    value: C
+  }), [Pe, $e] = re([], {
+    defaultValue: P,
+    value: w
   }), [Q, Ee] = re(!1, {
-    value: P
-  }), Te = K(H), { siderCollapsed: Oe } = K(ze), R = y || e("menu"), Y = Oe || Q || t || p === "popButton", pe = w || Te.theme || hn, W = J([]), de = J([]), _e = Ve(), Re = We(), me = Fe(() => ke(u), [u]), De = le(`${R}-`), oe = _.id || De;
+    value: $
+  }), Te = K(H), { siderCollapsed: Oe } = K(ze), R = y || e("menu"), Y = Oe || Q || t || p === "popButton", pe = I || Te.theme || hn, W = J([]), de = J([]), _e = Ve(), Re = We(), fe = Fe(() => ke(u), [u]), De = le(`${R}-`), oe = _.id || De;
   Z(() => {
     let g = v.filter(
       (T) => W.current.indexOf(T) !== -1
@@ -590,21 +588,21 @@ function gn(l, o) {
     }
     ue(b ? g.slice(0, 1) : g), de.current = W.current.slice();
   }, [W.current.toString()]);
-  const fe = p !== "horizontal" && p !== "popButton" && !t && x, Ke = () => {
-    const g = ne(u, { level: 1 }), T = Q ? a && a.collapseActive || /* @__PURE__ */ i(Ue, {}) : a && a.collapseDefault || /* @__PURE__ */ i(Ae, {}), D = () => {
+  const me = p !== "horizontal" && p !== "popButton" && !t && x, Ke = () => {
+    const g = ne(u, { level: 1 }), T = Q ? a && a.collapseActive || /* @__PURE__ */ i(Ae, {}) : a && a.collapseDefault || /* @__PURE__ */ i(Ue, {}), D = () => {
       const U = !Q;
       Ee(U), G == null || G(U);
     };
-    return /* @__PURE__ */ F(we, { children: [
+    return /* @__PURE__ */ F(Ie, { children: [
       /* @__PURE__ */ i("div", { className: `${R}-inner`, children: p === "horizontal" && M !== !1 ? /* @__PURE__ */ i(
-        fn,
+        mn,
         {
           ellipsisText: He(M) ? M.text : "···",
           onEllipsisChange: q,
           children: g
         }
       ) : g }),
-      fe && /* @__PURE__ */ i(
+      me && /* @__PURE__ */ i(
         "div",
         {
           tabIndex: 0,
@@ -622,7 +620,7 @@ function gn(l, o) {
   return Y && !t && delete he.width, /* @__PURE__ */ i(
     "div",
     {
-      id: fe ? oe : void 0,
+      id: me ? oe : void 0,
       role: "menu",
       ...z(_, ["isMenu"]),
       ref: o,
@@ -649,12 +647,12 @@ function gn(l, o) {
             collapse: Y,
             levelIndent: N,
             inDropdown: t,
-            selectedKeys: $e,
+            selectedKeys: Pe,
             openKeys: v,
             icons: a,
             triggerProps: d,
-            tooltipProps: I,
-            autoScrollIntoView: m,
+            tooltipProps: C,
+            autoScrollIntoView: f,
             scrollConfig: E,
             // pass props directly
             id: oe,
@@ -666,12 +664,12 @@ function gn(l, o) {
             },
             onClickMenuItem: (g, T) => {
               var D;
-              f && Pe([g]), V == null || V(g, T, (D = me[g]) == null ? void 0 : D.keyPath);
+              m && $e([g]), V == null || V(g, T, (D = fe[g]) == null ? void 0 : D.keyPath);
             },
             onClickSubMenu: (g, T, D) => {
               var ye;
               let U = [...v];
-              D === "inline" && ((v == null ? void 0 : v.indexOf(g)) > -1 ? b && T === 1 ? U = [] : U = v.filter((Le) => Le !== g) : b && T === 1 ? U = [g] : U = v.concat([g])), ue(U), k == null || k(g, U, (ye = me[g]) == null ? void 0 : ye.keyPath);
+              D === "inline" && ((v == null ? void 0 : v.indexOf(g)) > -1 ? b && T === 1 ? U = [] : U = v.filter((Le) => Le !== g) : b && T === 1 ? U = [g] : U = v.concat([g])), ue(U), k == null || k(g, U, (ye = fe[g]) == null ? void 0 : ye.keyPath);
             }
           },
           children: Ke()