@unicom-cloud/ui 0.8.147 → 0.8.149

package/menu/Menu.js

@@ -1,11 +1,11 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-03-02 09:28:59 */
 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-03-02 09:28:59 */
 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-03-02 09:28:59 */
 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-03-02 09:28:59 */
 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-03-02 09:28:59 */
 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-03-02 09:28:59 */
 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-03-02 09:28:59 */
 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";

package/menu/utils.js

@@ -1,52 +1,54 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-03-02 09:28:59 */
 import u from "react";
-import { isString as f } from "@unicom-cloud/ui-common/utils/is";
-const C = [
+import { isString as h, isNullOrUndefined as d } from "@unicom-cloud/ui-common/utils/is";
+const E = [
   "popup",
   "triggerProps",
   "selectable"
-], i = (s) => {
+], a = (s) => {
   let r = [];
   return u.Children.forEach(s, (e) => {
-    const o = e?.type?.menuType;
+    if (d(e))
+      return;
+    const o = e.type?.menuType;
     o === "MenuItem" || o === "SubMenu" ? r.push(e) : o === "MenuGroup" && (r = r.concat(
-      i(e.props.children)
+      a(e.props?.children)
     ));
   }), r;
-}, d = (s, r = [], e = {}) => {
-  const o = i(s);
+}, k = (s, r = [], e = {}) => {
+  const o = a(s);
   return o.forEach((p, n) => {
-    const t = p.key, l = p.type.menuType, c = [t, ...r], y = {
+    const t = p.key, l = p.type.menuType, c = [t, ...r], i = {
       keyPath: [],
       prev: o[n - 1]?.key || null,
       next: o[n + 1]?.key || null
     };
     if (n === 0 || n === o.length - 1) {
-      const a = c[1], h = n === 0 ? "firstChild" : "lastChild";
-      a && (e[a] = {
-        ...e[a],
-        [h]: t
+      const y = c[1], f = n === 0 ? "firstChild" : "lastChild";
+      y && (e[y] = {
+        ...e[y],
+        [f]: t
       });
     }
     switch (l) {
       case "SubMenu":
-        y.keyPath = c, d(p.props.children, c, e);
+        i.keyPath = c, k(p.props.children, c, e);
         break;
       case "MenuItem":
-        y.keyPath = c, y.disabled = p.props.disabled;
+        i.keyPath = c, i.disabled = p.props.disabled;
         break;
     }
     e[t] = {
       ...e[t],
-      ...y
+      ...i
     };
   }), e;
-}, k = (s, r) => u.Children.map(s, (e, o) => {
+}, M = (s, r) => u.Children.map(s, (e, o) => {
   if (!e || !e.props)
     return e;
-  const p = f(e.type);
+  const p = h(e.type);
   if (!(e.type && e.type.menuType) && e.props.children) {
-    const t = p ? {} : r, l = k(e.props.children, r);
+    const t = p ? {} : r, l = M(e.props.children, r);
     return u.cloneElement(e, {
       ...t,
       _key: e.key,
@@ -60,7 +62,7 @@ const C = [
     _key: e.key || `$menu-${o}`
   });
 });
-function E(s, r) {
+function S(s, r) {
   let e = !1;
   function o(p) {
     !p || e || u.Children.forEach(p, (n) => {
@@ -73,8 +75,8 @@ function E(s, r) {
   return o(s), e;
 }
 export {
-  C as PROPS_NEED_TO_BE_PASSED_IN_SUBMENU,
-  d as generateInfoMap,
-  E as isChildrenSelected,
-  k as processChildren
+  E as PROPS_NEED_TO_BE_PASSED_IN_SUBMENU,
+  k as generateInfoMap,
+  S as isChildrenSelected,
+  M as processChildren
 };

package/message/Message.js

@@ -1,30 +1,30 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-03-02 09:28:59 */
 import { jsx as p } from "react/jsx-runtime";
-import B from "@unicom-cloud/ui-common/transition-group/CSSTransition";
-import G from "@unicom-cloud/ui-common/transition-group/TransitionGroup";
-import { UI_PC_PREFIX as H } from "@unicom-cloud/utils/constant/ui";
-import { useContext as Q, useEffect as X } from "react";
-import { createRoot as q } from "react-dom/client";
-import z from "../config-provider/context.js";
-import A from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import D from "../notice/Notice.js";
-import { notificationTypes as J } from "../notification/Notification.js";
-import K from "../notification/withNotification.js";
-import L from "@unicom-cloud/ui-common/utils/className";
-import { isString as I, isNumber as g, isBoolean as N, isFunction as V, isUndefined as h } from "@unicom-cloud/ui-common/utils/is";
-import W from "./useMessage.js";
-const Y = [...J], a = {}, b = [];
+import H from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import Q from "@unicom-cloud/ui-common/transition-group/TransitionGroup";
+import { UI_PC_PREFIX as X } from "@unicom-cloud/utils/constant/ui";
+import { useContext as q, useEffect as z } from "react";
+import { createRoot as A } from "react-dom/client";
+import D from "../config-provider/context.js";
+import J from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import K from "../notice/Notice.js";
+import { notificationTypes as L } from "../notification/Notification.js";
+import V from "../notification/withNotification.js";
+import W from "@unicom-cloud/ui-common/utils/className";
+import { isString as I, isNumber as g, isBoolean as N, isFunction as Y, isUndefined as h } from "@unicom-cloud/ui-common/utils/is";
+import Z from "./useMessage.js";
+const ee = [...L], a = {}, b = [];
 let M, P, $, E, j, w;
-const Z = {};
-function ee(e) {
-  const r = Q(z), {
+const te = {};
+function re(e) {
+  const r = q(D), {
     prefixCls: i,
     getPrefixCls: d,
     componentConfig: s,
     rtl: _
-  } = r, t = A(
+  } = r, t = J(
     e,
-    Z,
+    te,
     s?.Message
   ), {
     prefixCls: f,
@@ -34,7 +34,7 @@ function ee(e) {
     position: R
   } = t;
   function S(l) {
-    const u = t.notices.find((m) => m.id === l);
+    const u = t.notices.find((m, k, B) => m.id === l);
     u && t.update({
       ...u,
       style: { ...u.style, opacity: 0 }
@@ -42,28 +42,28 @@ function ee(e) {
       t.remove(l);
     }, 100);
   }
-  X(() => (t.add(t), () => {
+  z(() => (t.add(t), () => {
     t.clear();
   }), []);
-  const x = f || P, F = h(n) ? j : n, T = h(y) ? w : y, C = `${x || H}-message`, U = L(
+  const x = f || P, F = h(n) ? j : n, T = h(y) ? w : y, C = `${x || X}-message`, U = W(
     `${C}-wrapper`,
     `${C}-wrapper-${R}`
   );
-  return /* @__PURE__ */ p("div", { className: U, children: /* @__PURE__ */ p(G, { component: null, children: O.map((l) => {
+  return /* @__PURE__ */ p("div", { className: U, children: /* @__PURE__ */ p(Q, { component: null, children: O.map((l) => {
     const {
       transitionClassNames: u,
       transitionTimeout: m,
-      rtl: re,
-      closable: se
-    } = l, k = {
+      rtl: k,
+      closable: B
+    } = l, G = {
       enter: g(m?.enter) ? m?.enter : 100,
       exit: g(m?.exit) ? m?.exit : 300
     };
     let v;
     return /* @__PURE__ */ p(
-      B,
+      H,
       {
-        timeout: k,
+        timeout: G,
         classNames: u || `${C}-fade`,
         refElement: () => v,
         onExit: (o) => {
@@ -76,7 +76,7 @@ function ee(e) {
           o && (o.style.height = 0, l.onClose?.());
         },
         children: /* @__PURE__ */ p(
-          D,
+          K,
           {
             ...l,
             ref: (o) => {
@@ -96,9 +96,9 @@ function ee(e) {
     );
   }) }) });
 }
-const c = K(ee);
+const c = V(re);
 c.config = (e = {}) => {
-  if (I(e.prefixCls) && (P = e.prefixCls), g(e.maxCount) && (M = e.maxCount), g(e.duration) && ($ = e.duration), N(e.rtl) && (j = e.rtl), N(e.closable) && (w = e.closable), V(e.getContainer)) {
+  if (I(e.prefixCls) && (P = e.prefixCls), g(e.maxCount) && (M = e.maxCount), g(e.duration) && ($ = e.duration), N(e.rtl) && (j = e.rtl), N(e.closable) && (w = e.closable), Y(e.getContainer)) {
     const r = e.getContainer();
     r === E || (E = r, Object.entries(a).forEach(([i, d], s, _) => (delete a[i], d?.clear())));
   }
@@ -130,7 +130,7 @@ c.addInstance = (e) => {
   }
   if (s === null && b.push(e), s === void 0) {
     const t = document.createElement("div");
-    (E || document.body).appendChild(t), q(t).render(
+    (E || document.body).appendChild(t), A(t).render(
       /* @__PURE__ */ p(
         c,
         {
@@ -152,7 +152,7 @@ c.addInstance = (e) => {
     a[i]?.remove?.(d);
   };
 };
-const te = Y.map((e) => [
+const se = ee.map((e) => [
   e,
   (r) => {
     const i = I(r) || g(r) ? { content: r } : r;
@@ -162,8 +162,8 @@ const te = Y.map((e) => [
     });
   }
 ]);
-Object.assign(c, Object.fromEntries(te));
-c.useMessage = W;
+Object.assign(c, Object.fromEntries(se));
+c.useMessage = Z;
 export {
   c as default
 };

package/message/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-03-02 09:28:59 */
 import s from "./Message.js";
 import { default as r } from "./useMessage.js";
 export {

package/message/useMessage.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-03-02 09:28:59 */
 import { jsx as l } from "react/jsx-runtime";
 import { useRef as H } from "react";
 import { notificationTypes as N } from "../notification/Notification.js";
@@ -16,7 +16,7 @@ import "dayjs";
 import "lodash/castArray";
 import { isString as h, isNumber as I } 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";