@unicom-cloud/ui 0.8.147 → 0.8.148

package/locale/zh-HK.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import "dayjs/locale/zh-hk";
 const e = {
   formatYear: "YYYY 年",

package/locale/zh-TW.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import "dayjs/locale/zh-tw";
 const e = {
   formatYear: "YYYY 年",

package/marquee/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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";

package/mask/Mask.js

@@ -1,62 +1,77 @@
-/* 2026-01-29 15:15:33 */
-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";
+/* 2026-02-26 14:47:16 */
+import { jsx as f } from "react/jsx-runtime";
+import S from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { forwardRef as v, useContext as P, useRef as R, useImperativeHandle as $ } 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, () => ({
+import b from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import h from "@unicom-cloud/ui-common/hooks/use-set-state";
+import y from "@unicom-cloud/ui-common/hooks/use-update-effect";
+import M from "@unicom-cloud/ui-common/utils/className";
+import O from "../config-provider/context.js";
+const j = { transition: !0 };
+function w(m, u) {
+  const c = P(O), {
+    locale: H,
+    prefixCls: p,
+    getPrefixCls: l,
+    componentConfig: d,
+    rtl: I
+  } = c, a = b(
+    m,
+    j,
+    d?.Mask
+  ), {
+    className: C,
+    style: x,
+    visible: e,
+    mountOnEnter: E,
+    unmountOnExit: g,
+    transition: r,
+    ...T
+  } = a, n = R(null), [N, o] = h({ enter: e }), s = l?.("mask");
+  y(() => (r || o({ enter: e }), () => {
+  }), [r, e]), $(u, () => ({
     getRootElement() {
-      return t.current;
+      return n.current;
     }
-  })), /* @__PURE__ */ s(
-    x,
+  }));
+  const k = !N.enter;
+  let t = /* @__PURE__ */ f(
+    "div",
     {
-      classNames: `${m}-fade-in-standard`,
-      in: r,
+      ref: n,
+      "aria-hidden": !0,
+      style: x,
+      className: M(
+        s,
+        e ? `${s}-visible` : `${s}-hidden`,
+        k && l?.("display-none"),
+        C
+      ),
+      onClick: a.onClick
+    }
+  );
+  return r ? t = /* @__PURE__ */ f(
+    S,
+    {
+      classNames: `${p}-fade-in-standard`,
+      in: e,
       timeout: 400,
       appear: !0,
-      mountOnEnter: d,
-      unmountOnExit: C,
-      onEnter: (e) => {
-        e && (e.style.display = "block");
+      mountOnEnter: E,
+      unmountOnExit: g,
+      onEnter: (i) => {
+        o({ enter: !0 });
       },
-      onExited: (e) => {
-        e && (e.style.display = "none");
+      onExited: (i) => {
+        o({ enter: !1 });
       },
-      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
-        }
-      )
+      refElement: n,
+      children: t
     }
-  );
+  ) : e ? t = t : t = null, t;
 }
-const z = E(R);
+const K = v(w);
 export {
-  z as default
+  K as default
 };

package/mask/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import o from "./Mask.js";
 export {
   o as default

package/masonry/Masonry.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import { jsx as R } from "react/jsx-runtime";
 import o, { useContext as Y, useImperativeHandle as Z } from "react";
 import "../config-provider/ConfigProvider.js";
@@ -20,7 +20,7 @@ import "dayjs";
 import "lodash/castArray";
 import { isNumber as ot, isEqual as v } from "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/ui-common/utils/dom";
-import "@unicom-cloud/ui-common/utils/emitter";
+import "../utils/emitter.js";
 import "@unicom-cloud/utils/file/fileRead";
 import "@unicom-cloud/utils/file/fileToDataURL";
 import "@unicom-cloud/ui-common/utils/fillNBSP";

package/masonry/MasonryItem.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import r from "./Masonry.js";
 export {
   r as default

package/mentions/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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";

package/mentions/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import { jsx as t } from "react/jsx-runtime";
 import { useContext as a } from "react";
 import i from "./context.js";

package/menu/Item.js

@@ -1,41 +1,41 @@
-/* 2026-01-29 15:15:33 */
-import { jsxs as N, jsx as r, Fragment as F } from "react/jsx-runtime";
-import { forwardRef as D, useContext as O, useRef as j, useEffect as B } from "react";
-import K from "@unicom-cloud/ui-common/hooks/use-is-first-render";
-import U from "../tooltip/Tooltip.js";
-import V from "@unicom-cloud/ui-common/utils/className";
+/* 2026-02-26 14:47:16 */
+import { jsxs as g, Fragment as F, jsx as r } from "react/jsx-runtime";
+import { forwardRef as D, useContext as O, useRef as V, useEffect as j } from "react";
+import B from "@unicom-cloud/ui-common/hooks/use-is-first-render";
+import K from "../tooltip/Tooltip.js";
+import U from "@unicom-cloud/ui-common/utils/className";
 import { isFunction as z } from "@unicom-cloud/ui-common/utils/is";
 import { Enter as A } from "@unicom-cloud/utils/constant/keyboardCode";
 import h from "@unicom-cloud/ui-common/utils/omit";
 import H from "./Indent.js";
 import W from "./context.js";
 import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as q } from "./utils.js";
-function G(x, c) {
+function G(C, c) {
   const {
     _key: a,
     children: i,
     level: s,
     disabled: l,
     className: E,
-    style: T,
-    wrapper: _ = "div",
-    onClick: $,
+    style: w,
+    wrapper: T = "div",
+    onClick: _,
     renderItemInTooltip: p,
-    ...b
-  } = x, {
+    ...$
+  } = C, {
     prefixCls: t,
     mode: d,
     collapse: m,
-    inDropdown: w,
+    inDropdown: b,
     levelIndent: P,
-    selectedKeys: f,
-    autoScrollIntoView: u,
-    scrollConfig: S,
+    selectedKeys: u,
+    autoScrollIntoView: f,
+    scrollIntoViewOptions: S,
     tooltipProps: I,
     onClickMenuItem: M
-  } = O(W), o = j(null), R = K(), y = d === "vertical" && s > 1, v = m && !w && s === 1, n = f && ~f.indexOf(a);
-  B(() => {
-    const e = n && u;
+  } = O(W), o = V(null), R = B(), y = d === "vertical" && s > 1, v = m && !b && s === 1, n = u && ~u.indexOf(a);
+  j(() => {
+    const e = n && f;
     o.current && e && setTimeout(
       () => {
         o.current && o.current.scrollIntoView({
@@ -47,19 +47,19 @@ function G(x, c) {
       },
       R ? 500 : 0
     );
-  }, [n, u, o.current]);
+  }, [n, f, o.current]);
   const k = (e) => {
-    l || (M?.(a, e), $?.(e));
-  }, g = /* @__PURE__ */ N(
-    _,
+    l || (M?.(a, e), _?.(e));
+  }, N = /* @__PURE__ */ g(
+    T,
     {
       tabIndex: l ? -1 : 0,
       role: "menuitem",
       ref: (e) => {
         c = e, o.current = c;
       },
-      style: T,
-      className: V(
+      style: w,
+      className: U(
         `${t}-item`,
         {
           [`${t}-disabled`]: l,
@@ -74,11 +74,11 @@ function G(x, c) {
         e.key === A.key && k(e);
       },
       ...h(
-        b,
+        $,
         ["key", "_key"].concat(q)
       ),
       children: [
-        y && !m ? /* @__PURE__ */ N(F, { children: [
+        y && !m ? /* @__PURE__ */ g(F, { children: [
           /* @__PURE__ */ r(
             H,
             {
@@ -103,7 +103,7 @@ function G(x, c) {
     }
   );
   return v ? /* @__PURE__ */ r(
-    U,
+    K,
     {
       trigger: "hover",
       position: "right",
@@ -113,13 +113,13 @@ function G(x, c) {
         ...I?.triggerProps || {}
       },
       ...h(I, ["triggerProps"]),
-      children: g
+      children: N
     }
-  ) : g;
+  ) : N;
 }
-const J = D(G), C = J;
-C.displayName = "MenuItem";
-C.menuType = "MenuItem";
+const J = D(G), x = J;
+x.displayName = "MenuItem";
+x.menuType = "MenuItem";
 export {
-  C as default
+  x as default
 };

package/menu/ItemGroup.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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,11 +1,11 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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 { forwardRef as he, useContext as I, useRef as b, useMemo as Ie, useEffect as be, useImperativeHandle as ve } from "react";
 import "../config-provider/ConfigProvider.js";
 import xe 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-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";
@@ -13,40 +13,45 @@ 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 w 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";
-import Oe from "./sub-menu/index.js";
+import O from "./context.js";
+import { default as ao } from "./Indent.js";
+import we from "./Item.js";
+import Oe from "./ItemGroup.js";
+import _e from "./OverflowWrap.js";
+import Ne from "./sub-menu/index.js";
 import { generateInfoMap as Be, processChildren as Ue } from "./utils.js";
-import Fe from "../config-provider/context.js";
-const Re = "light", ze = {
+import Ve from "../config-provider/context.js";
+const Fe = "light", Re = {
   mode: "vertical",
   selectable: !0,
-  ellipsis: !0
+  ellipsis: !0,
+  scrollIntoViewOptions: {
+    behavior: "smooth",
+    block: "nearest",
+    inline: "nearest"
+  }
 };
-function He(N, O) {
+function ze(_, N) {
   const {
-    prefixCls: Ve,
+    prefixCls: Te,
     getPrefixCls: B,
     componentConfig: U,
-    rtl: F
-  } = I(Fe), x = Ke(
-    N,
-    ze,
+    rtl: V
+  } = I(Ve), x = Ke(
+    _,
+    Re,
     U?.Menu
   ), {
-    style: R,
+    style: F,
     children: f,
-    className: z,
-    prefixCls: H,
+    className: R,
+    prefixCls: z,
     mode: r,
-    theme: T,
-    icons: u,
-    levelIndent: V,
+    theme: H,
+    icons: p,
+    levelIndent: T,
     collapse: j,
-    inDropdown: a,
+    inDropdown: u,
     selectable: A,
     triggerProps: D,
     tooltipProps: G,
@@ -54,7 +59,7 @@ function He(N, O) {
     accordion: M,
     autoOpen: L,
     autoScrollIntoView: k,
-    scrollConfig: Q,
+    scrollIntoViewOptions: Q,
     hasCollapseButton: W,
     defaultOpenKeys: q,
     defaultSelectedKeys: J,
@@ -64,7 +69,7 @@ function He(N, O) {
     onClickMenuItem: ee,
     onCollapseChange: oe,
     onEllipsisChange: te,
-    ...b
+    ...g
   } = x, [l, y] = v([], {
     defaultValue: q,
     value: X
@@ -73,8 +78,8 @@ function He(N, O) {
     value: Y
   }), [m, se] = v(!1, {
     value: j
-  }), le = I(w), { siderCollapsed: ie } = I(Se), t = H || B?.("menu"), d = ie || m || a || r === "popButton", K = T || le.theme || Re, i = g([]), S = g([]), ce = xe(), ue = ye(), P = Ie(() => Be(f), [f]), pe = be(`${t}`), h = b.id || pe;
-  ge(() => {
+  }), le = I(O), { siderCollapsed: ie } = I(Se), t = z || B?.("menu"), d = ie || m || u || r === "popButton", K = H || le.theme || Fe, i = b([]), S = b([]), ce = xe(), pe = ye(), P = Ie(() => Be(f), [f]), ae = ge(`${t}`), h = g.id || ae;
+  be(() => {
     let e = l.filter((o) => i.current.includes(o));
     if (L) {
       const o = i.current.filter(
@@ -84,14 +89,14 @@ function He(N, O) {
     }
     y(M ? e.slice(0, 1) : e), S.current = i.current.slice();
   }, [i.current.toString()]);
-  const $ = r !== "horizontal" && r !== "popButton" && !a && W, ae = () => {
-    const e = Ue(f, { level: 1 }), o = m ? u && u.collapseActive || /* @__PURE__ */ c(Me, {}) : u && u.collapseDefault || /* @__PURE__ */ c(Ce, {}), s = () => {
+  const $ = r !== "horizontal" && r !== "popButton" && !u && W, ue = () => {
+    const e = Ue(f, { level: 1 }), o = m ? p && p.collapseActive || /* @__PURE__ */ c(Me, {}) : p && p.collapseDefault || /* @__PURE__ */ c(Ce, {}), s = () => {
       const n = !m;
       se(n), oe?.(n);
     };
     return /* @__PURE__ */ de(fe, { children: [
       /* @__PURE__ */ c("div", { className: `${t}-inner`, children: r === "horizontal" && C !== !1 ? /* @__PURE__ */ c(
-        Ne,
+        _e,
         {
           ellipsisText: $e(C) ? C.text : "···",
           onEllipsisChange: te,
@@ -107,25 +112,25 @@ function He(N, O) {
           "aria-expanded": !m,
           className: `${t}-collapse-button`,
           onClick: s,
-          ...ue({ onPressEnter: s }),
+          ...pe({ onPressEnter: s }),
           children: o
         }
       )
     ] });
-  }, E = { ...R };
-  d && !a && delete E.width;
-  const _ = g(null);
-  return ve(O, () => ({
+  }, E = { ...F };
+  d && !u && delete E.width;
+  const w = b(null);
+  return ve(N, () => ({
     getRootElement() {
-      return _.current;
+      return w.current;
     }
   })), /* @__PURE__ */ c(
     "div",
     {
       id: $ ? h : void 0,
       role: "menu",
-      ...Ee(b, ["isMenu"]),
-      ref: _,
+      ...Ee(g, ["isMenu"]),
+      ref: w,
       style: E,
       className: Pe(
         t,
@@ -136,27 +141,27 @@ function He(N, O) {
           // 缩起状态自动变成 pop 模式
           [`${t}-pop`]: r === "pop" || d,
           [`${t}-pop-button`]: r === "popButton",
-          [`${t}-rtl`]: F
+          [`${t}-rtl`]: V
         },
-        z
+        R
       ),
       children: /* @__PURE__ */ c(
-        w.Provider,
+        O.Provider,
         {
           value: {
             ...x,
             mode: r,
             theme: K,
             collapse: d,
-            levelIndent: V,
-            inDropdown: a,
+            levelIndent: T,
+            inDropdown: u,
             selectedKeys: ne,
             openKeys: l,
-            icons: u,
+            icons: p,
             triggerProps: D,
             tooltipProps: G,
             autoScrollIntoView: k,
-            scrollConfig: Q,
+            scrollIntoViewOptions: Q,
             // pass props directly
             id: h,
             prefixCls: t,
@@ -173,24 +178,24 @@ function He(N, O) {
               s === "inline" && (l?.includes(e) ? M && o === 1 ? n = [] : n = l.filter((me) => me !== e) : M && o === 1 ? n = [e] : n = l.concat([e])), y(n), Z?.(e, n, P[e]?.keyPath);
             }
           },
-          children: ae()
+          children: ue()
         }
       )
     }
   );
 }
-const Te = he(He), p = Te;
-p.displayName = "Menu";
-p.Item = _e;
-p.SubMenu = Oe;
-p.ItemGroup = we;
-p.___PQB_MENU___ = !0;
+const He = he(ze), a = He;
+a.displayName = "Menu";
+a.Item = we;
+a.SubMenu = Ne;
+a.ItemGroup = Oe;
+a.___PQB_MENU___ = !0;
 export {
-  w as MenuContext,
-  po as MenuIndent,
-  _e as MenuItem,
-  we as MenuItemGroup,
-  Oe as MenuSubMenu,
-  Oe as SubMenu,
-  p as default
+  O as MenuContext,
+  ao as MenuIndent,
+  we as MenuItem,
+  Oe as MenuItemGroup,
+  Ne as MenuSubMenu,
+  Ne as SubMenu,
+  a as default
 };

package/menu/OverflowWrap.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import { createContext as t } from "react";
 const o = t({});
 export {

package/menu/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import t from "./Menu.js";
 import { default as a } from "./context.js";
 import { default as f } from "./Indent.js";

package/menu/sub-menu/Inline.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 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";

package/menu/sub-menu/Pop.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import { jsx as o, jsxs as T } from "react/jsx-runtime";
 import _ from "@unicom-cloud/icons/IconUiDown";
 import B from "@unicom-cloud/icons/IconUiLeft";

package/menu/sub-menu/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as l, useContext as s, useEffect as M } from "react";
 import { isFunction as a } from "@unicom-cloud/ui-common/utils/is";