@unicom-cloud/ui 0.8.61 → 0.8.62

package/chunk/{B16KHtX-.js → B4-WpgY2.js}

@@ -1,30 +1,32 @@
-import { jsx as i, jsxs as F, Fragment as Ie } from "react/jsx-runtime";
-import { I as Ae, a as Ue } from "./CV2Aqv9q.js";
+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 He from "lodash/isPlainObject";
-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 { d as Ce } from "./Bdh4XVuf.js";
+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 { d as Ie } from "./CV1kLw5Z.js";
 import { useForceUpdate as Ve } from "../hooks/useForceUpdate.js";
 import { useId as le } from "../hooks/useId.js";
 import { useKeyboardEvent as We } from "../hooks/useKeyboardEvent.js";
 import { useMergeProps as Ge } from "../hooks/useMergeProps.js";
 import { useMergeValue as re } from "../hooks/useMergeValue.js";
-import { a as ze } from "./BVLwPZis.js";
-import { y as B } from "./BzPkh4Zv.js";
+import { a as ze } from "./tOFzwzpT.js";
+import { y as H } from "./BzPkh4Zv.js";
 import z from "../utils/omit.js";
 import { p as je } from "./CANaGbGR.js";
 import { useIsFirstRender as qe } from "../hooks/useIsFirstRender.js";
 import Qe from "../Tooltip.js";
 import { E as ie, a as Ye, b as Je } from "./C2lIz2F9.js";
 import { getStyle as ge } from "../utils/style.js";
-import { I as ve } from "./BDjXkzNj.js";
+import ve from "@unicom-cloud/icons/IconUiDown";
 import { useStateWithPromise as Xe } from "../hooks/useStateWithPromise.js";
-import { P as Ze } from "./BPZ-6HKJ.js";
+import { P as Ze } from "./Bp3XomF8.js";
 import en from "../utils/pick.js";
-import { a as nn, I as tn } from "./DT37l12z.js";
+import nn from "@unicom-cloud/icons/IconUiLeft";
+import tn from "@unicom-cloud/icons/IconUiRight";
 import on from "../Dropdown.js";
-const H = Be({});
+const B = Be({});
 function ee(l) {
-  const { prefixCls: o, levelIndent: e } = l, { collapse: s } = K(H), r = l.level - 1;
+  const { prefixCls: o, levelIndent: e } = l, { collapse: s } = K(B), r = l.level - 1;
   return !s && r > 0 ? /* @__PURE__ */ i("span", { children: [...new Array(r)].map((n, c) => /* @__PURE__ */ i(
     "span",
     {
@@ -50,17 +52,17 @@ const Ne = [
 }, ke = (l, o = [], e = {}) => {
   const s = Se(l);
   return s.forEach((r, n) => {
-    var p, I;
+    var p, C;
     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: ((I = s[n + 1]) == null ? void 0 : I.key) || null
+      next: ((C = s[n + 1]) == null ? void 0 : C.key) || null
     };
     if (n === 0 || n === s.length - 1) {
-      const a = h[1], N = n === 0 ? "firstChild" : "lastChild";
+      const a = h[1], S = n === 0 ? "firstChild" : "lastChild";
       a && (e[a] = {
         ...e[a],
-        [N]: c
+        [S]: c
       });
     }
     switch (u) {
@@ -118,52 +120,52 @@ function rn(l, o) {
     wrapper: h = "div",
     onClick: y,
     renderItemInTooltip: p,
-    ...I
+    ...C
   } = l, {
     prefixCls: a,
-    mode: N,
-    collapse: $,
+    mode: S,
+    collapse: E,
     inDropdown: t,
-    levelIndent: m,
+    levelIndent: f,
     selectedKeys: d,
-    autoScrollIntoView: C,
-    scrollConfig: M,
-    tooltipProps: b,
-    onClickMenuItem: S
-  } = K(H), f = J(null), E = qe(), x = N === "vertical" && r > 1, O = $ && !t && r === 1, P = d && ~d.indexOf(e);
+    autoScrollIntoView: g,
+    scrollConfig: b,
+    tooltipProps: w,
+    onClickMenuItem: v
+  } = K(B), m = J(null), x = qe(), P = S === "vertical" && r > 1, O = E && !t && r === 1, $ = d && ~d.indexOf(e);
   Z(() => {
-    const k = P && C;
-    f.current && k && setTimeout(
+    const k = $ && g;
+    m.current && k && setTimeout(
       () => {
-        f.current && je(f.current, {
+        m.current && je(m.current, {
           behavior: "smooth",
           block: "start",
           scrollMode: "if-needed",
           boundary: document.body,
-          ...M
+          ...b
         });
       },
-      E ? 500 : 0
+      x ? 500 : 0
     );
-  }, [P, C]);
+  }, [$, g]);
   const A = (k) => {
-    n || (S == null || S(e, k), y == null || y(k));
-  }, w = /* @__PURE__ */ F(
+    n || (v == null || v(e, k), y == null || y(k));
+  }, I = /* @__PURE__ */ F(
     h,
     {
       tabIndex: n ? -1 : 0,
       role: "menuitem",
       ref: (k) => {
-        o = k, f.current = o;
+        o = k, m.current = o;
       },
       style: u,
-      className: B(
+      className: H(
         `${a}-item`,
         {
           [`${a}-disabled`]: n,
-          [`${a}-selected`]: P,
+          [`${a}-selected`]: $,
           // 存在缩进dom
-          [`${a}-item-indented`]: x && !$
+          [`${a}-item-indented`]: P && !E
         },
         c
       ),
@@ -172,16 +174,16 @@ function rn(l, o) {
         k.key === ie.key && A(k);
       },
       ...z(
-        I,
+        C,
         ["key", "_key"].concat(Ne)
       ),
       children: [
-        x && !$ ? /* @__PURE__ */ F(Ie, { children: [
+        P && !E ? /* @__PURE__ */ F(we, { children: [
           /* @__PURE__ */ i(
             ee,
             {
               prefixCls: a,
-              levelIndent: m,
+              levelIndent: f,
               level: r
             }
           ),
@@ -196,7 +198,7 @@ function rn(l, o) {
             }
           )
         ] }) : s,
-        P && N === "horizontal" ? /* @__PURE__ */ i("div", { className: `${a}-selected-label` }) : null
+        $ && S === "horizontal" ? /* @__PURE__ */ i("div", { className: `${a}-selected-label` }) : null
       ]
     }
   );
@@ -208,25 +210,25 @@ function rn(l, o) {
       content: typeof p == "function" ? p() : /* @__PURE__ */ i("span", { children: s }),
       triggerProps: {
         className: `${a}-item-tooltip`,
-        ...(b == null ? void 0 : b.triggerProps) || {}
+        ...(w == null ? void 0 : w.triggerProps) || {}
       },
-      ...z(b, ["triggerProps"]),
-      children: w
+      ...z(w, ["triggerProps"]),
+      children: I
     }
-  ) : w;
+  ) : I;
 }
 const sn = X(rn), ce = sn;
 ce.displayName = "MenuItem";
 ce.menuType = "MenuItem";
 function ln(l, o) {
-  const { children: e, title: s, level: r, className: n, style: c } = l, { prefixCls: u, levelIndent: h } = K(H), y = r === 1 ? r + 1 : r, p = ne(e, {
+  const { children: e, title: s, level: r, className: n, style: c } = l, { prefixCls: u, levelIndent: h } = K(B), y = r === 1 ? r + 1 : r, p = ne(e, {
     level: y
   });
   return /* @__PURE__ */ F(
     "div",
     {
       ref: o,
-      className: B(`${u}-group`, n),
+      className: H(`${u}-group`, n),
       style: c,
       children: [
         /* @__PURE__ */ F("div", { className: `${u}-group-title`, children: [
@@ -261,53 +263,53 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
     ...y
   } = l, {
     id: p,
-    prefixCls: I,
+    prefixCls: C,
     levelIndent: a,
-    openKeys: N = [],
-    selectedKeys: $ = [],
+    openKeys: S = [],
+    selectedKeys: E = [],
     icons: t,
-    onClickSubMenu: m,
+    onClickSubMenu: f,
     onClickMenuItem: d
-  } = 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 = (w) => {
-    m(o, c, "inline"), h && d(o, w);
-  }, x = le(`${p}-submenu-inline-`), O = ne(e, {
+  } = K(B), g = `${C}-inline`, b = (S == null ? void 0 : S.indexOf(o)) > -1, w = h && E.indexOf(l._key) > -1 || xe(e, E), [v, m] = Xe(
+    b ? { height: "auto" } : se
+  ), x = (I) => {
+    f(o, c, "inline"), h && d(o, I);
+  }, P = le(`${p}-submenu-inline-`), O = ne(e, {
     ...en(y, Ne),
     level: c + 1,
     selectable: h
-  }), P = /* @__PURE__ */ F(
+  }), $ = /* @__PURE__ */ F(
     "div",
     {
       tabIndex: 0,
-      "aria-expanded": M,
-      "aria-controls": x,
-      className: B(`${C}-header`, {
-        [`${I}-selected`]: b
+      "aria-expanded": b,
+      "aria-controls": P,
+      className: H(`${g}-header`, {
+        [`${C}-selected`]: w
       }),
-      onClick: E,
-      onKeyDown: (w) => {
-        w.key === ie.key && E(w);
+      onClick: x,
+      onKeyDown: (I) => {
+        I.key === ie.key && x(I);
       },
       children: [
         /* @__PURE__ */ i(
           ee,
           {
             level: c,
-            prefixCls: I,
+            prefixCls: C,
             levelIndent: a
           }
         ),
         /* @__PURE__ */ i("span", { children: n }),
-        /* @__PURE__ */ i("span", { className: `${I}-icon-suffix ${M ? "is-open" : ""}`, children: t && t.horizontalArrowDown ? t.horizontalArrowDown : /* @__PURE__ */ i(ve, {}) })
+        /* @__PURE__ */ i("span", { className: `${C}-icon-suffix ${b ? "is-open" : ""}`, children: t && t.horizontalArrowDown ? t.horizontalArrowDown : /* @__PURE__ */ i(ve, {}) })
       ]
     }
   ), A = /* @__PURE__ */ i(
     "div",
     {
-      id: x,
-      className: B(`${C}-content`),
-      style: S,
+      id: P,
+      className: H(`${g}-content`),
+      style: v,
       children: O
     }
   );
@@ -315,26 +317,26 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
     "div",
     {
       ref: u,
-      className: B(C, r),
+      className: H(g, r),
       style: s,
       ...z(y, ["key", "popup", "triggerProps"]),
       children: [
-        P,
+        $,
         /* @__PURE__ */ i(
           Ze,
           {
-            in: M,
+            in: b,
             timeout: 200,
-            classNames: C,
+            classNames: g,
             unmountOnExit: !1,
-            onEnter: async (w) => {
-              w && (await f(se), await f({ height: w.scrollHeight }));
+            onEnter: async (I) => {
+              I && (await m(se), await m({ height: I.scrollHeight }));
             },
             onEntered: () => {
-              f({ height: "auto" });
+              m({ height: "auto" });
             },
-            onExit: async (w) => {
-              w && (await f({ height: w.scrollHeight }), await f(se));
+            onExit: async (I) => {
+              I && (await m({ height: I.scrollHeight }), await m(se));
             },
             children: A
           }
@@ -355,35 +357,35 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
     triggerProps: y,
     ...p
   } = l, {
-    id: I,
+    id: C,
     prefixCls: a,
-    mode: N,
-    inDropdown: $,
+    mode: S,
+    inDropdown: E,
     levelIndent: t,
-    selectedKeys: m = [],
+    selectedKeys: f = [],
     icons: d,
-    triggerProps: C,
-    onClickSubMenu: M,
-    onClickMenuItem: b
-  } = 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, m) || P, G = S ? ["br", "lt"] : ["bl", "rt"], q = (_) => {
-    M(o, c, "pop"), u && b(o, _);
+    triggerProps: g,
+    onClickSubMenu: b,
+    onClickMenuItem: w
+  } = K(B), { rtl: v } = K(Ie), m = { ...g, ...y }, [x, P] = Ce(!1), O = `${a}-pop`, $ = u && f.indexOf(l._key) > -1, A = S === "horizontal" && !E, I = le(`${C}-submenu-pop-`), k = () => {
+    const _ = d && d.popArrowRight ? d.popArrowRight : v ? /* @__PURE__ */ i(nn, {}) : /* @__PURE__ */ i(tn, {}), N = d && d.horizontalArrowDown ? d.horizontalArrowDown : /* @__PURE__ */ i(ve, {});
+    return /* @__PURE__ */ i("span", { className: `${a}-icon-suffix`, children: A ? N : _ });
+  }, V = xe(e, f) || $, G = v ? ["br", "lt"] : ["bl", "rt"], q = (_) => {
+    b(o, c, "pop"), u && w(o, _);
   };
   return /* @__PURE__ */ i(
     on,
     {
       trigger: "hover",
-      popupVisible: E,
-      onVisibleChange: x,
+      popupVisible: x,
+      onVisibleChange: P,
       droplist: /* @__PURE__ */ i(
         j,
         {
-          id: w,
-          selectedKeys: m,
-          onClickMenuItem: (_, v) => {
-            b(_, v), x(!1);
+          id: I,
+          selectedKeys: f,
+          onClickMenuItem: (_, N) => {
+            w(_, N), P(!1);
           },
           children: e
         }
@@ -396,22 +398,22 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
         duration: 100,
         mouseEnterDelay: 50,
         mouseLeaveDelay: 50,
-        className: B(
+        className: H(
           `${O}-trigger`,
-          f && f.className
+          m && m.className
         ),
-        ...z(f, ["className"])
+        ...z(m, ["className"])
       },
       children: /* @__PURE__ */ F(
         "div",
         {
           tabIndex: 0,
           "aria-haspopup": !0,
-          "aria-expanded": E,
-          "aria-controls": w,
+          "aria-expanded": x,
+          "aria-controls": I,
           ref: h,
           style: s,
-          className: B(
+          className: H(
             O,
             `${O}-header`,
             {
@@ -421,8 +423,8 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
           ),
           onClick: q,
           onKeyDown: (_) => {
-            const v = _.key;
-            v === ie.key ? q(_) : v === Ye.key ? x(!1) : v === Je.key && x(!0);
+            const N = _.key;
+            N === ie.key ? q(_) : N === Ye.key ? P(!1) : N === Je.key && P(!0);
           },
           ...z(p, ["key", "popup"]),
           children: [
@@ -436,7 +438,7 @@ const se = { height: 0, visibility: "hidden" }, an = (l) => {
             ),
             n,
             k(),
-            V && N === "horizontal" ? /* @__PURE__ */ i("div", { className: `${a}-selected-label` }) : null
+            V && S === "horizontal" ? /* @__PURE__ */ i("div", { className: `${a}-selected-label` }) : null
           ]
         }
       )
@@ -444,10 +446,10 @@ 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), I = !!(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(B), C = !!(typeof s == "function" ? s(r) : s) || c || u || n !== "vertical" ? un : an;
   return Z(() => (h(l._key), () => {
     h(l._key, !0);
-  }), []), /* @__PURE__ */ i(I, { forwardedRef: o, ...l, children: e });
+  }), []), /* @__PURE__ */ i(C, { forwardedRef: o, ...l, children: e });
 }
 const dn = X(pn), te = dn;
 te.displayName = "SubMenu";
@@ -461,80 +463,84 @@ function be(l) {
   return isNaN(o) ? 0 : o;
 }
 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) => {
+  const { children: o, ellipsisText: e = "···", onEllipsisChange: s } = l, { prefixCls: r } = K(B), n = J(null), [c, u] = Ce(null), h = `${r}-overflow-sub-menu`, y = `${r}-overflow-hidden-menu-item`, p = `${r}-overflow-sub-menu-mirror`, C = (t) => {
     if (t !== c) {
-      const m = L.Children.toArray(o), d = t === null;
+      const f = L.Children.toArray(o), d = t === null;
       s == null || s({
-        lastVisibleIndex: d ? m.length - 1 : t,
-        overflowNodes: d ? [] : m.slice(t + 1)
+        lastVisibleIndex: d ? f.length - 1 : t,
+        overflowNodes: d ? [] : f.slice(t + 1)
       }), u(t);
     }
   };
   function a() {
     if (!n.current)
       return;
-    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 f = d[S], E = f.className.split(" "), x = E.indexOf(h) > -1, O = E.indexOf(p) > -1;
-      if (x)
+    const t = n.current, f = Me(t) - fn, d = [].slice.call(t.children);
+    let g = 0, b = 0, w = 0;
+    for (let v = 0; v < d.length; v++) {
+      const m = d[v], x = m.className.split(" "), P = x.indexOf(h) > -1, O = x.indexOf(p) > -1;
+      if (P)
         continue;
-      const P = Me(f) + be(ge(f, "marginLeft")) + be(ge(f, "marginRight"));
+      const $ = Me(m) + be(ge(m, "marginLeft")) + be(ge(m, "marginRight"));
       if (O) {
-        b = P;
+        w = $;
         continue;
       }
-      if (M += P, M > m) {
-        I(
+      if (b += $, b > f) {
+        C(
           // 判断如果将最后一个菜单项换为 ... 是否会超出宽度
-          C - (M - P + b <= m ? 1 : 2)
+          g - (b - $ + w <= f ? 1 : 2)
         );
         return;
       }
-      C++;
+      g++;
     }
-    I(null);
+    C(null);
   }
-  const N = (t, m = !1) => /* @__PURE__ */ i(
+  const S = (t, f = !1) => /* @__PURE__ */ i(
     te,
     {
       title: /* @__PURE__ */ i("span", { children: e }),
-      className: m ? p : h,
+      className: f ? p : h,
       children: t
     },
-    `pqb-menu-overflow-sub-menu${m ? "-mirror" : ""}`
-  ), $ = () => {
+    `pqb-menu-overflow-sub-menu${f ? "-mirror" : ""}`
+  ), E = () => {
     let t = null;
-    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(
-          (f) => L.cloneElement(f, {
-            key: f.props._key
+    const f = S(null, !0), d = L.Children.map(o, (g, b) => {
+      var v;
+      let w = g;
+      if (c !== null && (b > c && (w = L.cloneElement(g, {
+        className: H(
+          y,
+          (v = g == null ? void 0 : g.props) == null ? void 0 : v.className
+        )
+      })), b === c + 1)) {
+        const m = L.Children.toArray(o).slice(c + 1).map(
+          (x) => L.cloneElement(x, {
+            key: x.props._key
           })
         );
-        t = N(S);
+        t = S(m);
       }
-      return b;
+      return w;
     }) ?? [];
-    return [m, ...d, t];
+    return [f, ...d, t];
   };
   return Z(() => {
     let t;
     return n.current && (t = new ResizeObserver(a), t.observe(n.current)), () => {
-      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;
+      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;
     };
-  }, [n.current]), /* @__PURE__ */ i("div", { className: `${r}-overflow-wrap`, ref: n, children: $() });
+  }, [n.current]), /* @__PURE__ */ i("div", { className: `${r}-overflow-wrap`, ref: n, children: E() });
 }, hn = "light", yn = {
   mode: "vertical",
   selectable: !0,
   ellipsis: !0
 };
 function gn(l, o) {
-  const { getPrefixCls: e, componentConfig: s, rtl: r } = K(Ce), n = Ge(
+  const { getPrefixCls: e, componentConfig: s, rtl: r } = K(Ie), n = Ge(
     l,
     yn,
     s == null ? void 0 : s.Menu
@@ -544,64 +550,64 @@ function gn(l, o) {
     className: h,
     prefixCls: y,
     mode: p,
-    theme: I,
+    theme: C,
     icons: a,
-    levelIndent: N,
-    collapse: $,
+    levelIndent: S,
+    collapse: E,
     inDropdown: t,
-    selectable: m,
+    selectable: f,
     triggerProps: d,
-    tooltipProps: C,
-    ellipsis: M,
-    accordion: b,
-    autoOpen: S,
-    autoScrollIntoView: f,
-    scrollConfig: E,
-    hasCollapseButton: x,
+    tooltipProps: g,
+    ellipsis: b,
+    accordion: w,
+    autoOpen: v,
+    autoScrollIntoView: m,
+    scrollConfig: x,
+    hasCollapseButton: P,
     defaultOpenKeys: O,
-    defaultSelectedKeys: P,
+    defaultSelectedKeys: $,
     openKeys: A,
-    selectedKeys: w,
+    selectedKeys: I,
     onClickSubMenu: k,
     onClickMenuItem: V,
     onCollapseChange: G,
     onEllipsisChange: q,
     ..._
-  } = n, [v, ue] = re([], {
+  } = n, [N, ue] = re([], {
     defaultValue: O,
     value: A
   }), [Pe, $e] = re([], {
-    defaultValue: P,
-    value: w
+    defaultValue: $,
+    value: I
   }), [Q, Ee] = re(!1, {
-    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;
+    value: E
+  }), Te = K(B), { siderCollapsed: Oe } = K(ze), R = y || e("menu"), Y = Oe || Q || t || p === "popButton", pe = C || 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(
+    let M = N.filter(
       (T) => W.current.indexOf(T) !== -1
     );
-    if (S) {
+    if (v) {
       const T = W.current.filter(
         (D) => de.current.indexOf(D) === -1
       );
-      g = v.concat(T);
+      M = N.concat(T);
     }
-    ue(b ? g.slice(0, 1) : g), de.current = W.current.slice();
+    ue(w ? M.slice(0, 1) : M), de.current = W.current.slice();
   }, [W.current.toString()]);
-  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 me = p !== "horizontal" && p !== "popButton" && !t && P, Ke = () => {
+    const M = ne(u, { level: 1 }), T = Q ? a && a.collapseActive || /* @__PURE__ */ i(Ue, {}) : a && a.collapseDefault || /* @__PURE__ */ i(Ae, {}), D = () => {
       const U = !Q;
       Ee(U), G == null || G(U);
     };
-    return /* @__PURE__ */ F(Ie, { children: [
-      /* @__PURE__ */ i("div", { className: `${R}-inner`, children: p === "horizontal" && M !== !1 ? /* @__PURE__ */ i(
+    return /* @__PURE__ */ F(we, { children: [
+      /* @__PURE__ */ i("div", { className: `${R}-inner`, children: p === "horizontal" && b !== !1 ? /* @__PURE__ */ i(
         mn,
         {
-          ellipsisText: He(M) ? M.text : "···",
+          ellipsisText: He(b) ? b.text : "···",
           onEllipsisChange: q,
-          children: g
+          children: M
         }
-      ) : g }),
+      ) : M }),
       me && /* @__PURE__ */ i(
         "div",
         {
@@ -625,7 +631,7 @@ function gn(l, o) {
       ...z(_, ["isMenu"]),
       ref: o,
       style: he,
-      className: B(
+      className: H(
         R,
         `${R}-${pe}`,
         `${R}-${p === "horizontal" ? "horizontal" : "vertical"}`,
@@ -639,37 +645,37 @@ function gn(l, o) {
         h
       ),
       children: /* @__PURE__ */ i(
-        H.Provider,
+        B.Provider,
         {
           value: {
             mode: p,
             theme: pe,
             collapse: Y,
-            levelIndent: N,
+            levelIndent: S,
             inDropdown: t,
             selectedKeys: Pe,
-            openKeys: v,
+            openKeys: N,
             icons: a,
             triggerProps: d,
-            tooltipProps: C,
-            autoScrollIntoView: f,
-            scrollConfig: E,
+            tooltipProps: g,
+            autoScrollIntoView: m,
+            scrollConfig: x,
             // pass props directly
             id: oe,
             prefixCls: R,
-            collectInlineMenuKeys: (g, T) => {
+            collectInlineMenuKeys: (M, T) => {
               T ? W.current = W.current.filter(
-                (D) => D !== g
-              ) : W.current.push(g), _e();
+                (D) => D !== M
+              ) : W.current.push(M), _e();
             },
-            onClickMenuItem: (g, T) => {
+            onClickMenuItem: (M, T) => {
               var D;
-              m && $e([g]), V == null || V(g, T, (D = fe[g]) == null ? void 0 : D.keyPath);
+              f && $e([M]), V == null || V(M, T, (D = fe[M]) == null ? void 0 : D.keyPath);
             },
-            onClickSubMenu: (g, T, D) => {
+            onClickSubMenu: (M, 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 = fe[g]) == null ? void 0 : ye.keyPath);
+              let U = [...N];
+              D === "inline" && ((N == null ? void 0 : N.indexOf(M)) > -1 ? w && T === 1 ? U = [] : U = N.filter((Le) => Le !== M) : w && T === 1 ? U = [M] : U = N.concat([M])), ue(U), k == null || k(M, U, (ye = fe[M]) == null ? void 0 : ye.keyPath);
             }
           },
           children: Ke()