@unicom-cloud/ui 0.8.144 → 0.8.147

package/menu/Item.js

@@ -1,68 +1,65 @@
-/* 2026-01-21 11:03:35 */
-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";
-import U from "@unicom-cloud/ui-common/hooks/use-is-first-render";
-import V from "../tooltip/Tooltip.js";
-import z from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as A } from "@unicom-cloud/ui-common/utils/is";
-import { Enter as H } from "@unicom-cloud/utils/constant/keyboardCode";
+/* 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";
+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 W from "./Indent.js";
-import q from "./context.js";
-import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as G } from "./utils.js";
-function J(b, c) {
+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) {
   const {
-    _key: d,
+    _key: a,
     children: i,
     level: s,
     disabled: l,
-    className: x,
-    style: E,
-    wrapper: T = "div",
-    onClick: _,
-    renderItemInTooltip: a,
-    ...$
-  } = b, {
+    className: E,
+    style: T,
+    wrapper: _ = "div",
+    onClick: $,
+    renderItemInTooltip: p,
+    ...b
+  } = x, {
     prefixCls: t,
-    mode: p,
+    mode: d,
     collapse: m,
     inDropdown: w,
-    levelIndent: M,
+    levelIndent: P,
     selectedKeys: f,
     autoScrollIntoView: u,
-    scrollConfig: P,
+    scrollConfig: S,
     tooltipProps: I,
-    onClickMenuItem: S
-  } = j(q), o = B(null), R = U(), y = p === "vertical" && s > 1, v = m && !w && s === 1, n = f && ~f.indexOf(d);
-  K(() => {
+    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.current && e && setTimeout(
       () => {
-        o.current && D(o.current, {
+        o.current && o.current.scrollIntoView({
           behavior: "smooth",
-          block: "start",
-          inline: "start",
-          scrollMode: "if-needed",
-          boundary: document.body,
-          ...P
+          block: "nearest",
+          inline: "nearest",
+          ...S
         });
       },
       R ? 500 : 0
     );
   }, [n, u, o.current]);
   const k = (e) => {
-    l || (S?.(d, e), _?.(e));
-  }, N = /* @__PURE__ */ g(
-    T,
+    l || (M?.(a, e), $?.(e));
+  }, g = /* @__PURE__ */ N(
+    _,
     {
       tabIndex: l ? -1 : 0,
       role: "menuitem",
       ref: (e) => {
         c = e, o.current = c;
       },
-      style: E,
-      className: z(
+      style: T,
+      className: V(
         `${t}-item`,
         {
           [`${t}-disabled`]: l,
@@ -70,23 +67,23 @@ function J(b, c) {
           // 存在缩进dom
           [`${t}-item-indented`]: y && !m
         },
-        x
+        E
       ),
       onClick: k,
       onKeyDown: (e) => {
-        e.key === H.key && k(e);
+        e.key === A.key && k(e);
       },
       ...h(
-        $,
-        ["key", "_key"].concat(G)
+        b,
+        ["key", "_key"].concat(q)
       ),
       children: [
-        y && !m ? /* @__PURE__ */ g(F, { children: [
+        y && !m ? /* @__PURE__ */ N(F, { children: [
           /* @__PURE__ */ r(
-            W,
+            H,
             {
               prefixCls: t,
-              levelIndent: M,
+              levelIndent: P,
               level: s
             }
           ),
@@ -101,26 +98,26 @@ function J(b, c) {
             }
           )
         ] }) : i,
-        n && p === "horizontal" ? /* @__PURE__ */ r("div", { className: `${t}-selected-label` }) : null
+        n && d === "horizontal" ? /* @__PURE__ */ r("div", { className: `${t}-selected-label` }) : null
       ]
     }
   );
   return v ? /* @__PURE__ */ r(
-    V,
+    U,
     {
       trigger: "hover",
       position: "right",
-      content: A(a) ? a() : /* @__PURE__ */ r("span", { children: i }),
+      content: z(p) ? p() : /* @__PURE__ */ r("span", { children: i }),
       triggerProps: {
         className: `${t}-item-tooltip`,
         ...I?.triggerProps || {}
       },
       ...h(I, ["triggerProps"]),
-      children: N
+      children: g
     }
-  ) : N;
+  ) : g;
 }
-const L = O(J), C = L;
+const J = D(G), C = J;
 C.displayName = "MenuItem";
 C.menuType = "MenuItem";
 export {

package/menu/ItemGroup.js

@@ -1,4 +1,4 @@
-/* 2026-01-21 11:03:35 */
+/* 2026-01-29 15:15:33 */
 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,4 +1,4 @@
-/* 2026-01-21 11:03:35 */
+/* 2026-01-29 15:15:33 */
 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";
@@ -13,7 +13,7 @@ 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 w from "./context.js";
 import { default as po } from "./Indent.js";
 import _e from "./Item.js";
 import we from "./ItemGroup.js";
@@ -26,16 +26,16 @@ const Re = "light", ze = {
   selectable: !0,
   ellipsis: !0
 };
-function He(w, N) {
+function He(N, O) {
   const {
     prefixCls: Ve,
-    getPrefixCls: O,
-    componentConfig: B,
-    rtl: U
-  } = I(Fe), F = Ke(
-    w,
+    getPrefixCls: B,
+    componentConfig: U,
+    rtl: F
+  } = I(Fe), x = Ke(
+    N,
     ze,
-    B?.Menu
+    U?.Menu
   ), {
     style: R,
     children: f,
@@ -64,8 +64,8 @@ function He(w, N) {
     onClickMenuItem: ee,
     onCollapseChange: oe,
     onEllipsisChange: te,
-    ...x
-  } = F, [l, b] = v([], {
+    ...b
+  } = x, [l, y] = v([], {
     defaultValue: q,
     value: X
   }), [ne, re] = v([], {
@@ -73,18 +73,18 @@ 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", 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;
+  }), 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(() => {
     let e = l.filter((o) => i.current.includes(o));
     if (L) {
       const o = i.current.filter(
-        (s) => !K.current.includes(s)
+        (s) => !S.current.includes(s)
       );
       e = l.concat(o);
     }
-    b(M ? e.slice(0, 1) : e), K.current = i.current.slice();
+    y(M ? e.slice(0, 1) : e), S.current = i.current.slice();
   }, [i.current.toString()]);
-  const P = r !== "horizontal" && r !== "popButton" && !a && W, ae = () => {
+  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 n = !m;
       se(n), oe?.(n);
@@ -98,7 +98,7 @@ function He(w, N) {
           children: e
         }
       ) : e }),
-      P && /* @__PURE__ */ c(
+      $ && /* @__PURE__ */ c(
         "div",
         {
           tabIndex: 0,
@@ -112,40 +112,41 @@ function He(w, N) {
         }
       )
     ] });
-  }, $ = { ...R };
-  d && !a && delete $.width;
-  const E = g(null);
-  return ve(N, () => ({
+  }, E = { ...R };
+  d && !a && delete E.width;
+  const _ = g(null);
+  return ve(O, () => ({
     getRootElement() {
-      return E.current;
+      return _.current;
     }
   })), /* @__PURE__ */ c(
     "div",
     {
-      id: P ? h : void 0,
+      id: $ ? h : void 0,
       role: "menu",
-      ...Ee(x, ["isMenu"]),
-      ref: E,
-      style: $,
+      ...Ee(b, ["isMenu"]),
+      ref: _,
+      style: E,
       className: Pe(
         t,
-        `${t}-${y}`,
+        `${t}-${K}`,
         `${t}-${r === "horizontal" ? "horizontal" : "vertical"}`,
         {
           [`${t}-collapse`]: d,
           // 缩起状态自动变成 pop 模式
           [`${t}-pop`]: r === "pop" || d,
           [`${t}-pop-button`]: r === "popButton",
-          [`${t}-rtl`]: U
+          [`${t}-rtl`]: F
         },
         z
       ),
       children: /* @__PURE__ */ c(
-        _.Provider,
+        w.Provider,
         {
           value: {
+            ...x,
             mode: r,
-            theme: y,
+            theme: K,
             collapse: d,
             levelIndent: V,
             inDropdown: a,
@@ -165,11 +166,11 @@ function He(w, N) {
               ) : i.current.push(e), ce();
             },
             onClickMenuItem: (e, o) => {
-              A && re([e]), ee?.(e, o, S[e]?.keyPath);
+              A && re([e]), ee?.(e, o, P[e]?.keyPath);
             },
             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])), b(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])), y(n), Z?.(e, n, P[e]?.keyPath);
             }
           },
           children: ae()
@@ -185,7 +186,7 @@ p.SubMenu = Oe;
 p.ItemGroup = we;
 p.___PQB_MENU___ = !0;
 export {
-  _ as MenuContext,
+  w as MenuContext,
   po as MenuIndent,
   _e as MenuItem,
   we as MenuItemGroup,

package/menu/OverflowWrap.js

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

package/menu/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-21 11:03:35 */
+/* 2026-01-29 15:15:33 */
 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-21 11:03:35 */
+/* 2026-01-29 15:15:33 */
 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-21 11:03:35 */
+/* 2026-01-29 15:15:33 */
 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-21 11:03:35 */
+/* 2026-01-29 15:15:33 */
 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,4 +1,4 @@
-/* 2026-01-21 11:03:35 */
+/* 2026-01-29 15:15:33 */
 import u from "react";
 import { isString as f } from "@unicom-cloud/ui-common/utils/is";
 const C = [

package/message/Message.js

@@ -0,0 +1,169 @@
+/* 2026-01-29 15:15:33 */
+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 = [];
+let M, P, $, E, j, w;
+const Z = {};
+function ee(e) {
+  const r = Q(z), {
+    prefixCls: i,
+    getPrefixCls: d,
+    componentConfig: s,
+    rtl: _
+  } = r, t = A(
+    e,
+    Z,
+    s?.Message
+  ), {
+    prefixCls: f,
+    rtl: n,
+    closable: y,
+    notices: O,
+    position: R
+  } = t;
+  function S(l) {
+    const u = t.notices.find((m) => m.id === l);
+    u && t.update({
+      ...u,
+      style: { ...u.style, opacity: 0 }
+    }), setTimeout(() => {
+      t.remove(l);
+    }, 100);
+  }
+  X(() => (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(
+    `${C}-wrapper`,
+    `${C}-wrapper-${R}`
+  );
+  return /* @__PURE__ */ p("div", { className: U, children: /* @__PURE__ */ p(G, { component: null, children: O.map((l) => {
+    const {
+      transitionClassNames: u,
+      transitionTimeout: m,
+      rtl: re,
+      closable: se
+    } = l, k = {
+      enter: g(m?.enter) ? m?.enter : 100,
+      exit: g(m?.exit) ? m?.exit : 300
+    };
+    let v;
+    return /* @__PURE__ */ p(
+      B,
+      {
+        timeout: k,
+        classNames: u || `${C}-fade`,
+        refElement: () => v,
+        onExit: (o) => {
+          o && (o.style.height = `${o.scrollHeight}px`);
+        },
+        onExiting: (o) => {
+          o && (o.style.height = 0);
+        },
+        onExited: (o) => {
+          o && (o.style.height = 0, l.onClose?.());
+        },
+        children: /* @__PURE__ */ p(
+          D,
+          {
+            ...l,
+            ref: (o) => {
+              v = o;
+            },
+            prefixCls: C,
+            classPrefixCls: x,
+            iconPrefix: x,
+            onClose: S,
+            noticeType: "message",
+            rtl: F,
+            ...h(T) ? {} : { closable: T }
+          }
+        )
+      },
+      l.id
+    );
+  }) }) });
+}
+const c = K(ee);
+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)) {
+    const r = e.getContainer();
+    r === E || (E = r, Object.entries(a).forEach(([i, d], s, _) => (delete a[i], d?.clear())));
+  }
+};
+c.clear = () => {
+  Object.values(a).forEach((e) => {
+    e?.clear();
+  });
+};
+c.addInstance = (e) => {
+  const r = {
+    position: "top",
+    duration: $,
+    ...e
+  }, { position: i } = r;
+  let d;
+  const s = a[i];
+  if (s) {
+    const t = s.notices.find(
+      (n) => n.id === e.id
+    ), f = {
+      ...r,
+      update: t
+    };
+    s.notices.length >= M ? t ? s.add({
+      ...f,
+      id: t.id
+    }) : (s.shift(), s.add(f)) : d = s.add(f);
+  }
+  if (s === null && b.push(e), s === void 0) {
+    const t = document.createElement("div");
+    (E || document.body).appendChild(t), q(t).render(
+      /* @__PURE__ */ p(
+        c,
+        {
+          ...r,
+          ref: (n) => {
+            if (n) {
+              for (; b.length; )
+                n.add(b.shift());
+              a[i] = n;
+            }
+            return () => {
+            };
+          }
+        }
+      )
+    ), a[i] = null;
+  }
+  return () => {
+    a[i]?.remove?.(d);
+  };
+};
+const te = Y.map((e) => [
+  e,
+  (r) => {
+    const i = I(r) || g(r) ? { content: r } : r;
+    return c.addInstance({
+      ...i,
+      type: e
+    });
+  }
+]);
+Object.assign(c, Object.fromEntries(te));
+c.useMessage = W;
+export {
+  c as default
+};