@unicom-cloud/ui 0.8.141 → 0.8.143

package/marquee/index.js

@@ -1,17 +1,11 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as u, jsxs as V } from "react/jsx-runtime";
 import { forwardRef as ce, useContext as ue, useState as v, useRef as _, useCallback as D, useEffect as W, useMemo as $, Fragment as de, Children as G, useImperativeHandle as me } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useMergeProps as pe } from "@unicom-cloud/ui-common/hooks";
-import "../utils/responsiveObserve.js";
-import "@unicom-cloud/ui-common/hooks/use-force-update";
-import { isPlainObject as fe, isNumber as he } from "@unicom-cloud/ui-common/utils/is";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import "@unicom-cloud/ui-common/hooks/use-merge-value";
-import "@unicom-cloud/ui-common/utils/dom";
-import "lodash/merge";
-import $e from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import ge from "@unicom-cloud/ui-common/utils/className";
+import pe from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import fe from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import he from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as $e, isNumber as ge } from "@unicom-cloud/ui-common/utils/is";
 import { merge as ye } from "@unicom-cloud/ui-common/utils/lodash";
 import Ce from "../config-provider/context.js";
 const i = {
@@ -31,7 +25,7 @@ function ve(J, w) {
     getPrefixCls: z,
     componentConfig: L,
     rtl: Q
-  } = ue(Ce), r = z?.("marquee"), e = z?.("marquee-var"), T = pe(
+  } = ue(Ce), n = z?.("marquee"), e = z?.("marquee-var"), T = pe(
     J,
     i,
     L?.Marquee
@@ -42,7 +36,7 @@ function ve(J, w) {
     play: d = i.play,
     pauseOnHover: x = i.pauseOnHover,
     pauseOnClick: M = i.pauseOnClick,
-    direction: n = i.direction,
+    direction: r = i.direction,
     speed: N = i.speed,
     delay: I = i.delay,
     loop: k = i.loop,
@@ -51,28 +45,28 @@ function ve(J, w) {
     onCycleComplete: Z,
     onMount: q,
     children: g
-  } = T, P = n === "inline-start", ee = n === "inline-end", R = n === "block-start", b = n === "block-end", te = P || ee, B = R || b;
+  } = T, P = r === "inline-start", ee = r === "inline-end", R = r === "block-start", b = r === "block-end", te = P || ee, B = R || b;
   let t = X;
-  t === !0 && (t = {}), fe(t) && (t = ye(
+  t === !0 && (t = {}), $e(t) && (t = ye(
     {
       size: te ? 50 : 20,
       color: `var(--${K}-color-bg-2)`
     },
     t
   ));
-  const [F, re] = v(0), [y, ne] = v(0), [C, ie] = v(1), [O, oe] = v(!1), se = _(null), o = w || se, m = _(null), p = D(
+  const [F, ne] = v(0), [y, re] = v(0), [C, ie] = v(1), [O, oe] = v(!1), se = _(null), o = w || se, m = _(null), p = D(
     (l) => {
       if (m.current && o.current) {
         const f = o.current.getBoundingClientRect(), h = m.current.getBoundingClientRect();
         let a = f.width, c = h.width;
         B && (a = f.height, c = h.height), ie(
           s && a && c ? Math.max(2, Math.ceil(a / c)) : 1
-        ), re(a), ne(c);
+        ), ne(a), re(c);
       }
     },
-    [s, o, n]
+    [s, o, r]
   );
-  $e(
+  fe(
     (l) => {
       p(l);
     },
@@ -90,9 +84,9 @@ function ve(J, w) {
     [`--${e}-pause-on-click`]: !d || x && !M || M ? "paused" : "running",
     [`--${e}-width`]: B ? "100vh" : "100%",
     [`--${e}-transform`]: R ? "rotate(-90deg)" : b ? "rotate(90deg)" : "none"
-  }), [E, e, d, x, M, n]), ae = $(() => ({
+  }), [E, e, d, x, M, r]), ae = $(() => ({
     [`--${e}-gradient-color`]: t?.color,
-    [`--${e}-gradient-width`]: he(t?.size) ? `${t?.size}px` : t?.size
+    [`--${e}-gradient-width`]: ge(t?.size) ? `${t?.size}px` : t?.size
   }), [t?.color, t?.size, e]), j = $(() => ({
     [`--${e}-play`]: d ? "running" : "paused",
     [`--${e}-direction`]: P ? "normal" : "reverse",
@@ -100,19 +94,19 @@ function ve(J, w) {
     [`--${e}-delay`]: `${I}s`,
     [`--${e}-iteration-count`]: k ? `${k}` : "infinite",
     [`--${e}-min-width`]: s ? "auto" : "100%"
-  }), [e, d, n, H, I, k, s]), S = $(() => ({
+  }), [e, d, r, H, I, k, s]), S = $(() => ({
     [`--${e}-transform`]: R ? "rotate(90deg)" : b ? "rotate(-90deg)" : "none"
-  }), [n, e]), A = D(
+  }), [r, e]), A = D(
     (l) => Array.from({ length: l }).map((f, h) => /* @__PURE__ */ u(de, { children: G.map(g, (a, c) => /* @__PURE__ */ u(
       "div",
       {
         style: S,
-        className: `${r}-child`,
+        className: `${n}-child`,
         children: a
       },
       `child-${h}-${c}`
     )) }, h)),
-    [g, S, r]
+    [g, S, n]
   );
   return me(w, () => ({
     getRootElement() {
@@ -123,19 +117,19 @@ function ve(J, w) {
     {
       ref: o,
       style: le,
-      className: ge(
-        r,
-        `${r}-${n}`,
-        Q && `${r}-rtl`,
+      className: he(
+        n,
+        `${n}-${r}`,
+        Q && `${n}-rtl`,
         U
       ),
       children: [
-        !!t && /* @__PURE__ */ u("div", { style: ae, className: `${r}-overlay` }),
+        !!t && /* @__PURE__ */ u("div", { style: ae, className: `${n}-overlay` }),
         /* @__PURE__ */ V(
           "div",
           {
             style: j,
-            className: `${r}-item`,
+            className: `${n}-item`,
             onAnimationIteration: Z,
             onAnimationEnd: Y,
             children: [
@@ -143,12 +137,12 @@ function ve(J, w) {
                 "div",
                 {
                   ref: m,
-                  className: `${r}-initial-child-container`,
+                  className: `${n}-initial-child-container`,
                   children: G.map(g, (l, f) => /* @__PURE__ */ u(
                     "div",
                     {
                       style: S,
-                      className: `${r}-child`,
+                      className: `${n}-child`,
                       children: l
                     },
                     `original-${f}`
@@ -159,12 +153,12 @@ function ve(J, w) {
             ]
           }
         ),
-        /* @__PURE__ */ u("div", { style: j, className: `${r}-item`, children: A(C) })
+        /* @__PURE__ */ u("div", { style: j, className: `${n}-item`, children: A(C) })
       ]
     }
   ) : null;
 }
-const Be = ce(ve);
+const We = ce(ve);
 export {
-  Be as default
+  We as default
 };

package/mask/Mask.js

@@ -0,0 +1,62 @@
+/* 2026-01-19 17:02:09 */
+import { jsx as s } from "react/jsx-runtime";
+import x from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { forwardRef as E, useContext as g, useRef as k, useImperativeHandle as y } from "react";
+import "../config-provider/ConfigProvider.js";
+import N from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import b from "@unicom-cloud/ui-common/utils/className";
+import v from "../config-provider/context.js";
+const P = {};
+function R(i, l) {
+  const a = g(v), {
+    locale: $,
+    prefixCls: m,
+    getPrefixCls: f,
+    componentConfig: c,
+    rtl: h
+  } = a, n = N(
+    i,
+    P,
+    c?.Mask
+  ), { className: p, style: u, visible: r, mountOnEnter: d, unmountOnExit: C, ...M } = n, t = k(null), o = f?.("mask");
+  return y(l, () => ({
+    getRootElement() {
+      return t.current;
+    }
+  })), /* @__PURE__ */ s(
+    x,
+    {
+      classNames: `${m}-fade-in-standard`,
+      in: r,
+      timeout: 400,
+      appear: !0,
+      mountOnEnter: d,
+      unmountOnExit: C,
+      onEnter: (e) => {
+        e && (e.style.display = "block");
+      },
+      onExited: (e) => {
+        e && (e.style.display = "none");
+      },
+      refElement: t,
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          ref: t,
+          "aria-hidden": !0,
+          style: u,
+          className: b(
+            o,
+            r ? `${o}-visible` : `${o}-hidden`,
+            p
+          ),
+          onClick: n.onClick
+        }
+      )
+    }
+  );
+}
+const z = E(R);
+export {
+  z as default
+};

package/mask/index.js

@@ -0,0 +1,5 @@
+/* 2026-01-19 17:02:09 */
+import o from "./Mask.js";
+export {
+  o as default
+};

package/masonry/Masonry.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as R } from "react/jsx-runtime";
 import o, { useContext as Y, useImperativeHandle as Z } from "react";
 import "../config-provider/ConfigProvider.js";

package/masonry/MasonryItem.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as N } from "react/jsx-runtime";
 import R, { useRef as x, useMemo as y, isValidElement as v, useImperativeHandle as E } from "react";
 import I from "@unicom-cloud/ui-common/utils/className";

package/masonry/hooks/useDelay.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import t from "react";
 import a from "@unicom-cloud/ui-common/hooks/use-event";
 function u(n) {

package/masonry/hooks/useGutter.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { isArray as c, isObjectLike as f } from "@unicom-cloud/ui-common/utils/is";
 import { responsiveArray as n } from "../../utils/responsiveObserve.js";
 function x(r, l) {

package/masonry/hooks/usePositions.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import c from "react";
 function x(e, n, i) {
   const [a, r] = c.useMemo(() => {

package/masonry/hooks/useRefs.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "@unicom-cloud/ui-common/hooks/use-refs";
 import { useRefs2 as r } from "@unicom-cloud/ui-common/hooks/use-refs";
 export {

package/masonry/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import r from "./Masonry.js";
 export {
   r as default

package/mentions/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsxs as S, jsx as h } from "react/jsx-runtime";
 import X, { useContext as C, useRef as m, useState as Y, useEffect as Z, useImperativeHandle as _ } from "react";
 import "../config-provider/ConfigProvider.js";
@@ -23,13 +23,13 @@ function pe(v, w) {
     prefixCls: ge,
     getPrefixCls: O,
     componentConfig: R,
-    rtl: A
-  } = C(ue), W = C(ee), b = C(te), c = re(
+    rtl: W
+  } = C(ue), b = C(ee), F = C(te), c = re(
     v,
     me,
     R?.Mentions
   ), {
-    style: F,
+    style: A,
     className: B,
     options: D,
     prefix: H,
@@ -42,7 +42,7 @@ function pe(v, w) {
     onChange: k,
     onSearch: q,
     notFoundContent: z,
-    readOnly: p = b?.readOnly ?? W?.readOnly,
+    readOnly: p = F?.readOnly ?? b?.readOnly,
     ...G
   } = c, s = O?.("mentions"), x = m(null), g = m(null), f = m(null), [l, M] = ne("", {
     value: c.value,
@@ -102,19 +102,19 @@ function pe(v, w) {
     "div",
     {
       ref: P,
-      style: F,
+      style: A,
       className: ae(
         `${s}`,
         {
           [`${s}-align-textarea`]: $,
           [`${s}-readonly`]: p,
-          [`${s}-rtl`]: A
+          [`${s}-rtl`]: W
         },
         B
       ),
       children: [
         /* @__PURE__ */ h(
-          oe.TextArea,
+          oe.Textarea,
           {
             ref: f,
             className: `${s}-textarea`,

package/mentions/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import o from "lodash/castArray";
 function u(n, { split: e }) {
   return !e || !n.includes(e);

package/menu/Indent.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as t } from "react/jsx-runtime";
 import { useContext as a } from "react";
 import i from "./context.js";

package/menu/Item.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsxs as g, jsx as r, Fragment as F } from "react/jsx-runtime";
 import D from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
 import { forwardRef as O, useContext as j, useRef as B, useEffect as K } from "react";

package/menu/ItemGroup.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { forwardRef as f, useContext as h } from "react";
 import v from "@unicom-cloud/ui-common/utils/className";

package/menu/Menu.js

@@ -1,19 +1,20 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as c, jsxs as de, Fragment as fe } from "react/jsx-runtime";
 import Ce from "@unicom-cloud/icons/IconUiMenuFold";
 import Me from "@unicom-cloud/icons/IconUiMenuUnfold";
 import { forwardRef as he, useContext as I, useRef as g, useMemo as Ie, useEffect as ge, useImperativeHandle as ve } from "react";
 import "../config-provider/ConfigProvider.js";
-import be from "@unicom-cloud/ui-common/hooks/use-force-update";
-import xe from "@unicom-cloud/ui-common/hooks/use-id";
-import Ke from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import ye from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import xe from "@unicom-cloud/ui-common/hooks/use-force-update";
+import be from "@unicom-cloud/ui-common/hooks/use-id";
+import ye from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import Ke from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import v from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import { SiderContext as Se } from "../layout/Sider.js";
+import { LayoutSiderContext as Se } from "../layout/context.js";
 import Pe from "@unicom-cloud/ui-common/utils/className";
 import { isPlainObject as $e } from "@unicom-cloud/ui-common/utils/is";
 import Ee from "@unicom-cloud/ui-common/utils/omit";
 import _ from "./context.js";
+import { default as po } from "./Indent.js";
 import _e from "./Item.js";
 import we from "./ItemGroup.js";
 import Ne from "./OverflowWrap.js";
@@ -31,7 +32,7 @@ function He(w, N) {
     getPrefixCls: O,
     componentConfig: B,
     rtl: U
-  } = I(Fe), F = ye(
+  } = I(Fe), F = Ke(
     w,
     ze,
     B?.Menu
@@ -42,7 +43,7 @@ function He(w, N) {
     prefixCls: H,
     mode: r,
     theme: T,
-    icons: p,
+    icons: u,
     levelIndent: V,
     collapse: j,
     inDropdown: a,
@@ -63,8 +64,8 @@ function He(w, N) {
     onClickMenuItem: ee,
     onCollapseChange: oe,
     onEllipsisChange: te,
-    ...b
-  } = F, [l, x] = v([], {
+    ...x
+  } = F, [l, b] = v([], {
     defaultValue: q,
     value: X
   }), [ne, re] = v([], {
@@ -72,19 +73,19 @@ function He(w, N) {
     value: Y
   }), [m, se] = v(!1, {
     value: j
-  }), le = I(_), { siderCollapsed: ie } = I(Se), t = H || O?.("menu"), d = ie || m || a || r === "popButton", K = T || le.theme || Re, i = g([]), y = g([]), ce = be(), pe = Ke(), S = Ie(() => Be(f), [f]), ue = xe(`${t}`), h = b.id || ue;
+  }), le = I(_), { siderCollapsed: ie } = I(Se), t = H || O?.("menu"), d = ie || m || a || r === "popButton", y = T || le.theme || Re, i = g([]), K = g([]), ce = xe(), ue = ye(), S = Ie(() => Be(f), [f]), pe = be(`${t}`), h = x.id || pe;
   ge(() => {
     let e = l.filter((o) => i.current.includes(o));
     if (L) {
       const o = i.current.filter(
-        (s) => !y.current.includes(s)
+        (s) => !K.current.includes(s)
       );
       e = l.concat(o);
     }
-    x(M ? e.slice(0, 1) : e), y.current = i.current.slice();
+    b(M ? e.slice(0, 1) : e), K.current = i.current.slice();
   }, [i.current.toString()]);
   const P = r !== "horizontal" && r !== "popButton" && !a && W, ae = () => {
-    const e = Ue(f, { level: 1 }), o = m ? p && p.collapseActive || /* @__PURE__ */ c(Me, {}) : p && p.collapseDefault || /* @__PURE__ */ c(Ce, {}), s = () => {
+    const e = Ue(f, { level: 1 }), o = m ? u && u.collapseActive || /* @__PURE__ */ c(Me, {}) : u && u.collapseDefault || /* @__PURE__ */ c(Ce, {}), s = () => {
       const n = !m;
       se(n), oe?.(n);
     };
@@ -106,7 +107,7 @@ function He(w, N) {
           "aria-expanded": !m,
           className: `${t}-collapse-button`,
           onClick: s,
-          ...pe({ onPressEnter: s }),
+          ...ue({ onPressEnter: s }),
           children: o
         }
       )
@@ -123,12 +124,12 @@ function He(w, N) {
     {
       id: P ? h : void 0,
       role: "menu",
-      ...Ee(b, ["isMenu"]),
+      ...Ee(x, ["isMenu"]),
       ref: E,
       style: $,
       className: Pe(
         t,
-        `${t}-${K}`,
+        `${t}-${y}`,
         `${t}-${r === "horizontal" ? "horizontal" : "vertical"}`,
         {
           [`${t}-collapse`]: d,
@@ -144,13 +145,13 @@ function He(w, N) {
         {
           value: {
             mode: r,
-            theme: K,
+            theme: y,
             collapse: d,
             levelIndent: V,
             inDropdown: a,
             selectedKeys: ne,
             openKeys: l,
-            icons: p,
+            icons: u,
             triggerProps: D,
             tooltipProps: G,
             autoScrollIntoView: k,
@@ -168,7 +169,7 @@ function He(w, N) {
             },
             onClickSubMenu: (e, o, s) => {
               let n = [...l];
-              s === "inline" && (l?.includes(e) ? M && o === 1 ? n = [] : n = l.filter((me) => me !== e) : M && o === 1 ? n = [e] : n = l.concat([e])), x(n), Z?.(e, n, S[e]?.keyPath);
+              s === "inline" && (l?.includes(e) ? M && o === 1 ? n = [] : n = l.filter((me) => me !== e) : M && o === 1 ? n = [e] : n = l.concat([e])), b(n), Z?.(e, n, S[e]?.keyPath);
             }
           },
           children: ae()
@@ -177,16 +178,18 @@ function He(w, N) {
     }
   );
 }
-const Te = he(He), u = Te;
-u.displayName = "Menu";
-u.Item = _e;
-u.SubMenu = Oe;
-u.ItemGroup = we;
-u.___PQB_MENU___ = !0;
+const Te = he(He), p = Te;
+p.displayName = "Menu";
+p.Item = _e;
+p.SubMenu = Oe;
+p.ItemGroup = we;
+p.___PQB_MENU___ = !0;
 export {
+  _ as MenuContext,
+  po as MenuIndent,
   _e as MenuItem,
   we as MenuItemGroup,
   Oe as MenuSubMenu,
   Oe as SubMenu,
-  u as default
+  p as default
 };

package/menu/OverflowWrap.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as v } from "react/jsx-runtime";
 import m, { useContext as T, useRef as k, useState as A } from "react";
 import H from "@unicom-cloud/ui-common/hooks/use-resize-observers";

package/menu/context.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { createContext as t } from "react";
 const o = t({});
 export {

package/menu/index.js

@@ -1,12 +1,16 @@
-/* 2026-01-13 17:11:44 */
-import u from "./Menu.js";
-import { default as a } from "./Item.js";
-import { default as f } from "./ItemGroup.js";
-import { default as n, default as p } from "./sub-menu/index.js";
+/* 2026-01-19 17:02:09 */
+import t from "./Menu.js";
+import { default as a } from "./context.js";
+import { default as f } from "./Indent.js";
+import { default as m } from "./Item.js";
+import { default as p } from "./ItemGroup.js";
+import { default as l, default as s } from "./sub-menu/index.js";
 export {
-  a as MenuItem,
-  f as MenuItemGroup,
-  n as MenuSubMenu,
-  p as SubMenu,
-  u as default
+  a as MenuContext,
+  f as MenuIndent,
+  m as MenuItem,
+  p as MenuItemGroup,
+  l as MenuSubMenu,
+  s as SubMenu,
+  t as default
 };

package/menu/sub-menu/Inline.js

@@ -1,16 +1,16 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsxs as E, jsx as n } from "react/jsx-runtime";
 import P from "@unicom-cloud/icons/IconUiDown";
 import T from "@unicom-cloud/ui-common/transition-group/CSSTransition";
 import { useContext as H, useRef as A } from "react";
 import K from "@unicom-cloud/ui-common/hooks/use-id";
 import R from "@unicom-cloud/ui-common/hooks/use-state-with-promise";
-import U from "../Indent.js";
-import j from "../context.js";
 import m from "@unicom-cloud/ui-common/utils/className";
-import { Enter as z } from "@unicom-cloud/utils/constant/keyboardCode";
-import B from "@unicom-cloud/ui-common/utils/omit";
-import L from "@unicom-cloud/ui-common/utils/pick";
+import { Enter as U } from "@unicom-cloud/utils/constant/keyboardCode";
+import j from "@unicom-cloud/ui-common/utils/omit";
+import z from "@unicom-cloud/ui-common/utils/pick";
+import B from "../Indent.js";
+import L from "../context.js";
 import { isChildrenSelected as W, processChildren as Y, PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as q } from "../utils.js";
 const d = { height: 0, visibility: "hidden" }, le = (u) => {
   const {
@@ -32,12 +32,12 @@ const d = { height: 0, visibility: "hidden" }, le = (u) => {
     icons: a,
     onClickSubMenu: b,
     onClickMenuItem: D
-  } = H(j), y = A(null), o = `${i}-inline`, s = g?.includes(r), $ = c && p.includes(u._key) || W(f, p), [M, t] = R(
+  } = H(L), y = A(null), o = `${i}-inline`, s = g?.includes(r), $ = c && p.includes(u._key) || W(f, p), [M, t] = R(
     s ? { height: "auto" } : d
   ), N = (e) => {
     b(r, l, "inline"), c && D(r, e);
   }, C = K(`${I}-submenu-inline`), v = Y(f, {
-    ...L(h, q),
+    ...z(h, q),
     level: l + 1,
     selectable: c
   }), O = /* @__PURE__ */ E(
@@ -51,11 +51,11 @@ const d = { height: 0, visibility: "hidden" }, le = (u) => {
       }),
       onClick: N,
       onKeyDown: (e) => {
-        e.key === z.key && N(e);
+        e.key === U.key && N(e);
       },
       children: [
         /* @__PURE__ */ n(
-          U,
+          B,
           {
             level: l,
             prefixCls: i,
@@ -73,7 +73,7 @@ const d = { height: 0, visibility: "hidden" }, le = (u) => {
       ref: x,
       className: m(o, k),
       style: S,
-      ...B(h, ["key", "popup", "triggerProps"]),
+      ...j(h, ["key", "popup", "triggerProps"]),
       children: [
         O,
         /* @__PURE__ */ n(