@unicom-cloud/ui 0.8.123 → 0.8.125

package/mentions/index.js

@@ -1,142 +1,145 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as M, jsx as d } from "react/jsx-runtime";
-import q, { useContext as z, useRef as h, useState as G, useEffect as J } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsxs as E, jsx as h } from "react/jsx-runtime";
+import z, { useContext as G, useRef as p, useState as J, useEffect as Q, useImperativeHandle as X } from "react";
 import "../config-provider/ConfigProvider.js";
-import Q from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import X from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import Y from "../input/Input.js";
-import Z from "../select/Select.js";
-import _ from "@unicom-cloud/ui-common/utils/className";
+import Y from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Z from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import _ from "../input/Input.js";
+import ee from "../select/Select.js";
+import te from "@unicom-cloud/ui-common/utils/className";
 import { Esc as P, Enter as S, ArrowUp as N, ArrowDown as T } from "@unicom-cloud/utils/constant/keyboardCode";
-import { getBeforeSelectionText as ee, getLastMeasureIndex as te, isValidSearch as re } from "./utils.js";
-import ne from "../config-provider/context.js";
-const oe = [P.key, S.key, N.key, T.key], se = {
+import { getBeforeSelectionText as re, getLastMeasureIndex as ne, isValidSearch as oe } from "./utils.js";
+import se from "../config-provider/context.js";
+const ie = [P.key, S.key, N.key, T.key], ae = {
   prefix: "@",
   split: " ",
   rows: 1,
   position: "bl",
   alignTextarea: !0
 };
-function ie(V, v) {
+function le(V, v) {
   const {
-    prefixCls: le,
+    prefixCls: ue,
     getPrefixCls: w,
-    componentConfig: E,
-    rtl: A
-  } = z(ne), c = Q(
+    componentConfig: I,
+    rtl: R
+  } = G(se), c = Y(
     V,
-    se,
-    E?.Mentions
+    ae,
+    I?.Mentions
   ), {
-    style: I,
+    style: A,
     className: W,
     options: b,
     prefix: B,
     split: u,
     position: D,
     alignTextarea: y,
-    filterOption: K,
-    triggerProps: O,
-    getPopupContainer: R,
+    filterOption: H,
+    triggerProps: K,
+    getPopupContainer: O,
     onChange: C,
     onSearch: j,
     notFoundContent: F,
-    ...H
-  } = c, a = w?.("mentions"), p = h(null), m = h(null), f = h(null), [l, k] = X("", {
+    ...L
+  } = c, a = w?.("mentions"), m = p(null), x = p(null), f = p(null), [l, k] = Z("", {
     value: c.value,
     defaultValue: c.defaultValue
-  }), [e, $] = G({
+  }), [e, $] = J({
     measuring: !1,
     location: 0,
     text: "",
     prefix: ""
   });
-  J(() => {
-    f.current && m.current && (m.current.scrollTop = f.current.dom.scrollTop);
-  });
-  const x = () => {
+  Q(() => (f.current && x.current && (x.current.scrollTop = f.current.getRootElement().scrollTop), () => {
+  }));
+  const g = () => {
     $({
       ...e,
       measuring: !1,
       location: 0,
       text: ""
     });
-  }, L = (t) => {
-    const n = e.location, g = e.location + e.text.length;
-    let o = l.slice(0, n), r = l.slice(g + 1);
+  }, U = (t) => {
+    const n = e.location, d = e.location + e.text.length;
+    let o = l.slice(0, n), r = l.slice(d + 1);
     o += !o || o.endsWith(u) || o.endsWith(`
 `) ? "" : u, r = (!r || r.startsWith(u) || r.startsWith(`
 `) ? "" : u) + r;
     const s = `${e.prefix}${t}`, i = `${o}${s}${r}`;
-    k(i), x(), C?.(i);
-  }, U = {
+    k(i), g(), C?.(i);
+  }, q = {
     onChange: (t) => {
       k(t), C?.(t);
     },
     onKeyDown: (t) => {
       const n = t.key;
-      n === P.key && f.current?.blur?.(), p.current && (p.current.hotkeyHandler(t), (n === S.key || n === N.key || n === T.key) && t.preventDefault());
+      n === P.key && f.current?.blur?.(), m.current && (m.current.hotkeyHandler(t), (n === S.key || n === N.key || n === T.key) && t.preventDefault());
     },
     onKeyUp: (t) => {
-      const { key: n, target: g } = t;
-      if (~oe.indexOf(n))
+      const { key: n, target: d } = t;
+      if (~ie.indexOf(n))
         return;
-      const o = ee(g), { location: r, prefix: s } = te(o, B), i = o.slice(
+      const o = re(d), { location: r, prefix: s } = ne(o, B), i = o.slice(
         r + s.length
       );
-      r > -1 && re(i, c) ? ((n === s || e.measuring || i !== e.text || o.includes(s)) && $({
+      r > -1 && oe(i, c) ? ((n === s || e.measuring || i !== e.text || o.includes(s)) && $({
         measuring: !0,
         text: i,
         prefix: s,
         location: r
-      }), j?.(i, s)) : e.measuring && x();
+      }), j?.(i, s)) : e.measuring && g();
     },
-    onBlur: x
-  };
-  return /* @__PURE__ */ M(
+    onBlur: g
+  }, M = p(null);
+  return X(v, () => ({
+    getRootElement() {
+      return M.current;
+    }
+  })), /* @__PURE__ */ E(
     "div",
     {
-      ref: v,
-      style: I,
-      className: _(
+      ref: M,
+      style: A,
+      className: te(
         `${a}`,
         {
           [`${a}-align-textarea`]: y,
-          [`${a}-rtl`]: A
+          [`${a}-rtl`]: R
         },
         W
       ),
       children: [
-        /* @__PURE__ */ d(
-          Y.TextArea,
+        /* @__PURE__ */ h(
+          _.TextArea,
           {
             ref: f,
             className: `${a}-textarea`,
             value: l,
-            ...U,
-            ...H
+            ...q,
+            ...L
           }
         ),
-        /* @__PURE__ */ M("div", { ref: m, className: `${a}-measure`, children: [
+        /* @__PURE__ */ E("div", { ref: x, className: `${a}-measure`, children: [
           l.slice(0, e.location),
-          /* @__PURE__ */ d(
-            Z,
+          /* @__PURE__ */ h(
+            ee,
             {
-              ref: p,
+              ref: m,
               options: b,
               inputValue: e.text,
               notFoundContent: F,
-              triggerElement: /* @__PURE__ */ d("span", { className: `${a}-measure-trigger`, children: e.prefix }),
+              triggerElement: /* @__PURE__ */ h("span", { className: `${a}-measure-trigger`, children: e.prefix }),
               triggerProps: {
                 popupVisible: e.measuring,
                 autoAlignPopupWidth: y,
                 position: D,
-                ...O
+                ...K
               },
-              filterOption: K,
-              getPopupContainer: R,
+              filterOption: H,
+              getPopupContainer: O,
               value: void 0,
-              onChange: L
+              onChange: U
             }
           ),
           l.slice(e.location + e.prefix.length)
@@ -145,8 +148,8 @@ function ie(V, v) {
     }
   );
 }
-const ae = q.forwardRef(ie);
-ae.displayName = "Mentions";
+const ce = z.forwardRef(le);
+ce.displayName = "Mentions";
 export {
-  ae as default
+  ce as default
 };

package/mentions/utils.js

@@ -1,20 +1,20 @@
-/* 2025-11-19 09:09:44 */
-import { isArray as i } from "@unicom-cloud/ui-common/utils/is";
-function u(n, { split: e }) {
+/* 2025-11-27 12:11:12 */
+import o from "lodash/castArray";
+function a(n, { split: e }) {
   return !e || n.indexOf(e) === -1;
 }
-function a({
+function s({
   value: n,
   selectionStart: e
 }) {
   return n.slice(0, e);
 }
-function f(n, e = "") {
-  return (i(e) ? e : [e]).reduce(
+function u(n, e = "") {
+  return o(e).reduce(
     (t, r) => {
-      const o = n.lastIndexOf(r);
-      return o > t.location ? {
-        location: o,
+      const i = n.lastIndexOf(r);
+      return i > t.location ? {
+        location: i,
         prefix: r
       } : t;
     },
@@ -22,7 +22,7 @@ function f(n, e = "") {
   );
 }
 export {
-  a as getBeforeSelectionText,
-  f as getLastMeasureIndex,
-  u as isValidSearch
+  s as getBeforeSelectionText,
+  u as getLastMeasureIndex,
+  a as isValidSearch
 };

package/menu/Indent.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 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 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 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 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 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,105 +1,105 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as c, jsxs as me, Fragment as de } from "react/jsx-runtime";
-import fe from "@unicom-cloud/icons/IconUiMenuFold";
-import Ce from "@unicom-cloud/icons/IconUiMenuUnfold";
-import { forwardRef as Me, useContext as x, useRef as $, useMemo as he, useEffect as xe } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsx as c, jsxs as fe, Fragment as de } from "react/jsx-runtime";
+import Ce from "@unicom-cloud/icons/IconUiMenuFold";
+import Me from "@unicom-cloud/icons/IconUiMenuUnfold";
+import { forwardRef as he, useContext as x, useRef as I, useMemo as xe, useEffect as Ie, useImperativeHandle as ge } from "react";
 import "../config-provider/ConfigProvider.js";
-import Ie from "@unicom-cloud/ui-common/hooks/use-force-update";
+import ve from "@unicom-cloud/ui-common/hooks/use-force-update";
 import be from "@unicom-cloud/ui-common/hooks/use-id";
-import ge from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import ve from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import I from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import { SiderContext as Ke } from "../layout/Sider.js";
-import ye from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as Se } from "@unicom-cloud/ui-common/utils/is";
-import Pe from "@unicom-cloud/ui-common/utils/omit";
+import Ke from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import ye from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import g from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import { SiderContext as Se } from "../layout/Sider.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 O from "./context.js";
-import $e from "./Item.js";
-import Oe from "./ItemGroup.js";
-import Ee from "./OverflowWrap.js";
-import we from "./sub-menu/index.js";
-import { generateInfoMap as Ne, processChildren as Be } from "./utils.js";
-import Ue from "../config-provider/context.js";
-const _e = "light", Fe = {
+import Oe from "./Item.js";
+import we from "./ItemGroup.js";
+import Ne from "./OverflowWrap.js";
+import Be from "./sub-menu/index.js";
+import { generateInfoMap as Ue, processChildren as _e } from "./utils.js";
+import Fe from "../config-provider/context.js";
+const Re = "light", ze = {
   mode: "vertical",
   selectable: !0,
   ellipsis: !0
 };
-function ze(E, w) {
+function He(w, N) {
   const {
     prefixCls: Ve,
-    getPrefixCls: N,
-    componentConfig: B,
-    rtl: U
-  } = x(Ue), _ = ve(
-    E,
-    Fe,
-    B?.Menu
+    getPrefixCls: B,
+    componentConfig: U,
+    rtl: _
+  } = x(Fe), F = ye(
+    w,
+    ze,
+    U?.Menu
   ), {
-    style: F,
-    children: f,
+    style: R,
+    children: d,
     className: z,
-    prefixCls: T,
+    prefixCls: H,
     mode: r,
-    theme: V,
+    theme: T,
     icons: p,
-    levelIndent: j,
-    collapse: A,
+    levelIndent: V,
+    collapse: j,
     inDropdown: u,
-    selectable: D,
-    triggerProps: G,
-    tooltipProps: H,
+    selectable: A,
+    triggerProps: D,
+    tooltipProps: G,
     ellipsis: C,
     accordion: M,
-    autoOpen: R,
-    autoScrollIntoView: L,
-    scrollConfig: k,
-    hasCollapseButton: Q,
-    defaultOpenKeys: W,
-    defaultSelectedKeys: q,
-    openKeys: J,
-    selectedKeys: X,
-    onClickSubMenu: Y,
-    onClickMenuItem: Z,
-    onCollapseChange: ee,
-    onEllipsisChange: oe,
-    ...b
-  } = _, [l, g] = I([], {
-    defaultValue: W,
-    value: J
-  }), [te, ne] = I([], {
+    autoOpen: L,
+    autoScrollIntoView: k,
+    scrollConfig: Q,
+    hasCollapseButton: W,
+    defaultOpenKeys: q,
+    defaultSelectedKeys: J,
+    openKeys: X,
+    selectedKeys: Y,
+    onClickSubMenu: Z,
+    onClickMenuItem: ee,
+    onCollapseChange: oe,
+    onEllipsisChange: te,
+    ...v
+  } = F, [l, b] = g([], {
     defaultValue: q,
     value: X
-  }), [m, re] = I(!1, {
-    value: A
-  }), se = x(O), { siderCollapsed: le } = x(Ke), t = T || N?.("menu"), d = le || m || u || r === "popButton", v = V || se.theme || _e, i = $([]), K = $([]), ie = Ie(), ce = ge(), y = he(() => Ne(f), [f]), pe = be(`${t}`), h = b.id || pe;
-  xe(() => {
+  }), [ne, re] = g([], {
+    defaultValue: J,
+    value: Y
+  }), [m, se] = g(!1, {
+    value: j
+  }), le = x(O), { siderCollapsed: ie } = x(Se), t = H || B?.("menu"), f = ie || m || u || r === "popButton", K = T || le.theme || Re, i = I([]), y = I([]), ce = ve(), pe = Ke(), S = xe(() => Ue(d), [d]), ae = be(`${t}`), h = v.id || ae;
+  Ie(() => {
     let e = l.filter(
       (o) => i.current.indexOf(o) !== -1
     );
-    if (R) {
+    if (L) {
       const o = i.current.filter(
-        (s) => K.current.indexOf(s) === -1
+        (s) => y.current.indexOf(s) === -1
       );
       e = l.concat(o);
     }
-    g(M ? e.slice(0, 1) : e), K.current = i.current.slice();
+    b(M ? e.slice(0, 1) : e), y.current = i.current.slice();
   }, [i.current.toString()]);
-  const S = r !== "horizontal" && r !== "popButton" && !u && Q, ae = () => {
-    const e = Be(f, { level: 1 }), o = m ? p && p.collapseActive || /* @__PURE__ */ c(Ce, {}) : p && p.collapseDefault || /* @__PURE__ */ c(fe, {}), s = () => {
+  const P = r !== "horizontal" && r !== "popButton" && !u && W, ue = () => {
+    const e = _e(d, { level: 1 }), o = m ? p && p.collapseActive || /* @__PURE__ */ c(Me, {}) : p && p.collapseDefault || /* @__PURE__ */ c(Ce, {}), s = () => {
       const n = !m;
-      re(n), ee?.(n);
+      se(n), oe?.(n);
     };
-    return /* @__PURE__ */ me(de, { children: [
+    return /* @__PURE__ */ fe(de, { children: [
       /* @__PURE__ */ c("div", { className: `${t}-inner`, children: r === "horizontal" && C !== !1 ? /* @__PURE__ */ c(
-        Ee,
+        Ne,
         {
-          ellipsisText: Se(C) ? C.text : "···",
-          onEllipsisChange: oe,
+          ellipsisText: $e(C) ? C.text : "···",
+          onEllipsisChange: te,
           children: e
         }
       ) : e }),
-      S && /* @__PURE__ */ c(
+      P && /* @__PURE__ */ c(
         "div",
         {
           tabIndex: 0,
@@ -108,30 +108,36 @@ function ze(E, w) {
           "aria-expanded": !m,
           className: `${t}-collapse-button`,
           onClick: s,
-          ...ce({ onPressEnter: s }),
+          ...pe({ onPressEnter: s }),
           children: o
         }
       )
     ] });
-  }, P = { ...F };
-  return d && !u && delete P.width, /* @__PURE__ */ c(
+  }, $ = { ...R };
+  f && !u && delete $.width;
+  const E = I(null);
+  return ge(N, () => ({
+    getRootElement() {
+      return E.current;
+    }
+  })), /* @__PURE__ */ c(
     "div",
     {
-      id: S ? h : void 0,
+      id: P ? h : void 0,
       role: "menu",
-      ...Pe(b, ["isMenu"]),
-      ref: w,
-      style: P,
-      className: ye(
+      ...Ee(v, ["isMenu"]),
+      ref: E,
+      style: $,
+      className: Pe(
         t,
-        `${t}-${v}`,
+        `${t}-${K}`,
         `${t}-${r === "horizontal" ? "horizontal" : "vertical"}`,
         {
-          [`${t}-collapse`]: d,
+          [`${t}-collapse`]: f,
           // 缩起状态自动变成 pop 模式
-          [`${t}-pop`]: r === "pop" || d,
+          [`${t}-pop`]: r === "pop" || f,
           [`${t}-pop-button`]: r === "popButton",
-          [`${t}-rtl`]: U
+          [`${t}-rtl`]: _
         },
         z
       ),
@@ -140,49 +146,49 @@ function ze(E, w) {
         {
           value: {
             mode: r,
-            theme: v,
-            collapse: d,
-            levelIndent: j,
+            theme: K,
+            collapse: f,
+            levelIndent: V,
             inDropdown: u,
-            selectedKeys: te,
+            selectedKeys: ne,
             openKeys: l,
             icons: p,
-            triggerProps: G,
-            tooltipProps: H,
-            autoScrollIntoView: L,
-            scrollConfig: k,
+            triggerProps: D,
+            tooltipProps: G,
+            autoScrollIntoView: k,
+            scrollConfig: Q,
             // pass props directly
             id: h,
             prefixCls: t,
             collectInlineMenuKeys: (e, o) => {
               o ? i.current = i.current.filter(
                 (s) => s !== e
-              ) : i.current.push(e), ie();
+              ) : i.current.push(e), ce();
             },
             onClickMenuItem: (e, o) => {
-              D && ne([e]), Z?.(e, o, y[e]?.keyPath);
+              A && re([e]), ee?.(e, o, S[e]?.keyPath);
             },
             onClickSubMenu: (e, o, s) => {
               let n = [...l];
-              s === "inline" && (l?.indexOf(e) > -1 ? M && o === 1 ? n = [] : n = l.filter((ue) => ue !== e) : M && o === 1 ? n = [e] : n = l.concat([e])), g(n), Y?.(e, n, y[e]?.keyPath);
+              s === "inline" && (l?.indexOf(e) > -1 ? 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()
+          children: ue()
         }
       )
     }
   );
 }
-const Te = Me(ze), a = Te;
+const Te = he(He), a = Te;
 a.displayName = "Menu";
-a.Item = $e;
-a.SubMenu = we;
-a.ItemGroup = Oe;
+a.Item = Oe;
+a.SubMenu = Be;
+a.ItemGroup = we;
 a.__PQB_MENU__ = !0;
 export {
-  $e as MenuItem,
-  Oe as MenuItemGroup,
-  we as MenuSubMenu,
-  we as SubMenu,
+  Oe as MenuItem,
+  we as MenuItemGroup,
+  Be as MenuSubMenu,
+  Be as SubMenu,
   a as default
 };

package/menu/OverflowWrap.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 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";
@@ -17,17 +17,17 @@ function x(r) {
 const K = (r) => {
   const { children: o, ellipsisText: O = "···", onEllipsisChange: R } = r, { prefixCls: f } = T(j), a = k(null), [u, E] = A(null), w = `${f}-overflow-sub-menu`, y = `${f}-overflow-hidden-menu-item`, b = `${f}-overflow-sub-menu-mirror`, M = (e) => {
     if (e !== u) {
-      const n = m.Children.toArray(o), t = e === null;
+      const t = m.Children.toArray(o), n = e === null;
       R?.({
-        lastVisibleIndex: t ? n.length - 1 : e,
-        overflowNodes: t ? [] : n.slice(e + 1)
+        lastVisibleIndex: n ? t.length - 1 : e,
+        overflowNodes: n ? [] : t.slice(e + 1)
       }), E(e);
     }
   };
   function I(e) {
     if (!a.current)
       return;
-    const n = a.current, t = g(n) - z, s = [].slice.call(n.children);
+    const t = a.current, n = g(t) - z, s = [].slice.call(t.children);
     let c = 0, l = 0, d = 0;
     for (let i = 0; i < s.length; i++) {
       const p = s[i], C = p.className.split(" "), W = C.indexOf(w) > -1, $ = C.indexOf(b) > -1;
@@ -38,10 +38,10 @@ const K = (r) => {
         d = h;
         continue;
       }
-      if (l += h, l > t) {
+      if (l += h, l > n) {
         M(
           // 判断如果将最后一个菜单项换为 ... 是否会超出宽度
-          c - (l - h + d <= t ? 1 : 2)
+          c - (l - h + d <= n ? 1 : 2)
         );
         return;
       }
@@ -49,17 +49,17 @@ const K = (r) => {
     }
     M(null);
   }
-  const N = (e, n = !1) => /* @__PURE__ */ v(
+  const N = (e, t = !1) => /* @__PURE__ */ v(
     q,
     {
       title: /* @__PURE__ */ v("span", { children: O }),
-      className: n ? b : w,
+      className: t ? b : w,
       children: e
     },
-    `pqb-menu-overflow-sub-menu${n ? "-mirror" : ""}`
+    `pqb-menu-overflow-sub-menu${t ? "-mirror" : ""}`
   ), L = () => {
     let e = null;
-    const n = N(null, !0), t = m.Children.map(o, (s, c) => {
+    const t = N(null, !0), n = m.Children.map(o, (s, c) => {
       let l = s;
       if (u !== null && (c > u && (l = m.cloneElement(s, {
         className: U(
@@ -76,13 +76,14 @@ const K = (r) => {
       }
       return l;
     }) ?? [];
-    return [n, ...t, e];
+    return [t, ...n, e];
   };
   return H(
     (e) => {
       I();
     },
-    [a.current]
+    [a.current],
+    { immediate: !0 }
   ), /* @__PURE__ */ v("div", { className: `${f}-overflow-wrap`, ref: a, children: L() });
 };
 export {

package/menu/context.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { createContext as t } from "react";
 const o = t({});
 export {