@unicom-cloud/ui 0.8.144 → 0.8.147

package/modal/use-modal/index.js

@@ -1,66 +1,67 @@
-/* 2026-01-21 11:03:35 */
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as M } from "react";
-import { normalizeConfig as d } from "../Confirm.js";
-import { destroyList as x } from "../config.js";
-import { ContextHolderElement as v } from "../../utils/contextHolder.js";
-import w from "./Hook.js";
-function g() {
-  const r = M(void 0), m = /* @__PURE__ */ l(v, { ref: r });
-  let u = 0;
+/* 2026-01-29 15:15:33 */
+import { jsx as m } from "react/jsx-runtime";
+import { useRef as H } from "react";
+import { normalizeConfig as l } from "../Confirm.js";
+import { destroyList as h } from "../config.js";
+import { ContextHolderElement as j } from "../../utils/contextHolder.js";
+import v from "./Hook.js";
+function N() {
+  const t = H(void 0), d = /* @__PURE__ */ m(j, { ref: t });
+  let s = 0;
   function c(o) {
-    u += 1;
-    let e, t = { ...o };
-    function p() {
-      o.afterClose?.(), C();
+    s += 1;
+    let e, n = { ...o };
+    function C() {
+      o.afterClose?.(), x();
     }
-    const i = /* @__PURE__ */ l(
-      w,
+    const f = /* @__PURE__ */ m(
+      v,
       {
-        ref: (n) => {
-          e = n;
+        ref: (r) => {
+          e = r;
         },
-        ...d({ ...o }),
-        afterClose: p
+        ...l({ ...o }),
+        afterClose: C
       },
-      u
+      s
     );
-    r.current?.addInstance?.(i);
-    function C() {
-      r.current?.removeInstance?.(i);
+    t.current?.addInstance?.(f);
+    function x() {
+      t.current?.removeInstance?.(f);
     }
     function a() {
       e?.close();
     }
-    function h(n) {
-      t = {
-        ...t,
-        ...n
-      }, e?.update(d({ ...t }));
+    function M(r) {
+      n = {
+        ...n,
+        ...r
+      }, e?.update?.(l({ ...n }));
     }
-    return x.push(a), {
+    return h.push(a), {
       close: a,
-      update: h
+      update: M
     };
   }
-  function f(o) {
+  function i(o) {
     return c({
       ...o
     });
   }
-  const s = {
-    confirm: f,
-    show: f
+  const u = {
+    confirm: i,
+    show: i
     // 潘启宝添加于 2023年10月18日 星期三 10时31分58秒 CST
-  };
-  return ["info", "success", "warning", "error"].forEach((o) => {
-    s[o] = (e) => c({
+  }, p = ["info", "success", "warning", "error"].map((o) => [
+    o,
+    (e) => c({
       ...e,
       isNotice: !0,
       noticeType: o
-    });
-  }), [s, m];
+    })
+  ]);
+  return Object.assign(u, Object.fromEntries(p)), [u, d];
 }
 export {
-  g as default
+  N as default
 };

package/notice/Notice.js

@@ -0,0 +1,175 @@
+/* 2026-01-29 15:15:33 */
+import { jsx as e, jsxs as u, Fragment as R } from "react/jsx-runtime";
+import j from "@unicom-cloud/icons/context";
+import Y from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import Z from "@unicom-cloud/icons/IconUiClose";
+import ee from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import oe from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import ne from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import re from "@unicom-cloud/icons/IconUiLoading";
+import { forwardRef as ie, useContext as te, useRef as C, useEffect as G, useImperativeHandle as ce } from "react";
+import se from "../config-provider/ConfigProvider.js";
+import le from "../config-provider/context.js";
+import ae from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import fe from "../icon-hover/index.js";
+import me from "@unicom-cloud/ui-common/utils/className";
+const de = {
+  type: "info",
+  showIcon: !0,
+  noticeType: "message",
+  duration: 3e3
+};
+function pe(H, L) {
+  const h = te(le), {
+    prefixCls: ue,
+    getPrefixCls: _,
+    componentConfig: q,
+    rtl: z
+  } = h, n = ae(
+    H,
+    de,
+    q?.Notice
+  ), x = _?.("notice"), l = C(null), N = C(void 0), v = C(void 0), {
+    title: I,
+    content: b,
+    showIcon: A,
+    className: B,
+    style: D,
+    type: g,
+    btn: $,
+    icon: J,
+    prefixCls: K = x,
+    closable: P,
+    noticeType: f,
+    iconPrefix: w,
+    rtl: O = z,
+    closeIcon: k,
+    classPrefixCls: y
+  } = n, o = K, T = f === "message", Q = f === "notification", S = me(
+    o,
+    `${o}-${g}`,
+    {
+      [`${o}-closable`]: P,
+      [`${o}-rtl`]: O
+    },
+    B
+  ), V = "closable" in n || T ? P : !0;
+  let m = A;
+  g === "normal" && !J && (m = !1);
+  const U = { ...h };
+  y && (U.prefixCls = y);
+  function d() {
+    const { duration: i, onClose: s, id: p } = n;
+    i !== 0 && (l.current = window.setTimeout(() => {
+      s?.(p), c();
+    }, i));
+  }
+  function c() {
+    l.current && (window.clearTimeout(l.current), l.current = null);
+  }
+  function E(i) {
+    n.onClose?.(n.id);
+  }
+  function F() {
+    const { showIcon: i, icon: s, type: p, iconPrefix: M } = n;
+    if (s === !1)
+      return;
+    let r;
+    if (s)
+      r = s;
+    else if (i) {
+      switch (p) {
+        case "info":
+          r = /* @__PURE__ */ e(ne, {});
+          break;
+        case "success":
+          r = /* @__PURE__ */ e(Y, {});
+          break;
+        case "error":
+          r = /* @__PURE__ */ e(ee, {});
+          break;
+        case "warning":
+          r = /* @__PURE__ */ e(oe, {});
+          break;
+        case "loading":
+          r = /* @__PURE__ */ e(re, {});
+          break;
+      }
+      r = /* @__PURE__ */ e(
+        j.Provider,
+        {
+          value: M ? { prefixCls: M } : {},
+          children: r
+        }
+      );
+    }
+    return r && /* @__PURE__ */ e("span", { className: `${o}-icon`, children: r });
+  }
+  function W() {
+    c();
+  }
+  function X() {
+    c(), d();
+  }
+  G(() => {
+    const i = v.current;
+    return (i && i?.duration !== n.duration || n.update) && (c(), d()), v.current = n, () => {
+    };
+  }, [n.duration, n.update]), G(() => (d(), () => {
+    c();
+  }), []), ce(L, () => ({
+    getRootElement() {
+      return N.current;
+    }
+  }));
+  let t, a;
+  return V && (k === void 0 ? a = /* @__PURE__ */ e(
+    fe,
+    {
+      prefix: o,
+      className: `${o}-close-btn`,
+      onClick: E,
+      children: /* @__PURE__ */ e(
+        j.Provider,
+        {
+          value: w ? { prefixCls: w } : {},
+          children: /* @__PURE__ */ e(Z, {})
+        }
+      )
+    }
+  ) : a = /* @__PURE__ */ e("span", { onClick: E, className: `${o}-close-btn`, children: k })), T && (t = /* @__PURE__ */ u(R, { children: [
+    m && F(),
+    /* @__PURE__ */ e("span", { className: `${o}-content`, children: b }),
+    a
+  ] })), Q && (t = /* @__PURE__ */ u(R, { children: [
+    m && /* @__PURE__ */ e("div", { className: `${o}-left`, children: F() }),
+    /* @__PURE__ */ u("div", { className: `${o}-right`, children: [
+      I && /* @__PURE__ */ e("div", { className: `${o}-title`, children: I }),
+      /* @__PURE__ */ e("div", { className: `${o}-content`, children: b }),
+      $ && /* @__PURE__ */ e("div", { className: `${o}-btn-wrapper`, children: $ })
+    ] }),
+    a
+  ] })), t && (t = /* @__PURE__ */ e(
+    se,
+    {
+      ...U,
+      childrenName: "notice",
+      effectGlobalModal: !1,
+      effectGlobalNotice: !1,
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          ref: N,
+          className: `${x}-${f}`,
+          onMouseEnter: W,
+          onMouseLeave: X,
+          children: /* @__PURE__ */ e("div", { className: S, style: D, role: "alert", children: t })
+        }
+      )
+    }
+  )), t;
+}
+const Ee = ie(pe);
+export {
+  Ee as default
+};

package/notice/index.js

@@ -1,174 +1,5 @@
-/* 2026-01-21 11:03:35 */
-import { jsxs as x, Fragment as F, jsx as e } from "react/jsx-runtime";
-import R from "@unicom-cloud/icons/context";
-import W from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import M from "@unicom-cloud/icons/IconUiClose";
-import X from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import Y from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import Z from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import ee from "@unicom-cloud/icons/IconUiLoading";
-import { forwardRef as oe, useContext as ne, useRef as v, useEffect as j, useImperativeHandle as re } from "react";
-import ie from "../config-provider/ConfigProvider.js";
-import te from "../config-provider/context.js";
-import ce from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import H from "../icon-hover/index.js";
-import se from "@unicom-cloud/ui-common/utils/className";
-const le = {
-  type: "info",
-  showIcon: !0,
-  noticeType: "message",
-  duration: 3e3
-};
-function ae(L, _) {
-  const N = ne(te), {
-    prefixCls: fe,
-    getPrefixCls: q,
-    componentConfig: z,
-    rtl: A
-  } = N, n = ce(
-    L,
-    le,
-    z?.Notice
-  ), B = q?.("notice"), l = v(null), $ = v(void 0), I = v(void 0), {
-    title: b,
-    content: g,
-    showIcon: D,
-    className: G,
-    style: J,
-    type: P,
-    btn: w,
-    icon: K,
-    prefixCls: o,
-    closable: m,
-    noticeType: d,
-    iconPrefix: k,
-    rtl: O = A,
-    closeIcon: a,
-    classPrefixCls: y
-  } = n, Q = se(
-    o,
-    `${o}-${P}`,
-    {
-      [`${o}-closable`]: m,
-      [`${o}-rtl`]: O
-    },
-    G
-  );
-  let p = "closable" in n ? m : !0, u = D;
-  P === "normal" && !K && (u = !1);
-  const T = { ...N };
-  y && (T.prefixCls = y);
-  function C() {
-    const { duration: i, onClose: s, id: h } = n;
-    i !== 0 && (l.current = window.setTimeout(() => {
-      s?.(h), c();
-    }, i));
-  }
-  function c() {
-    l.current && (window.clearTimeout(l.current), l.current = null);
-  }
-  function f(i) {
-    n.onClose?.(n.id);
-  }
-  function U() {
-    const { showIcon: i, icon: s, type: h, iconPrefix: E } = n;
-    if (s === !1)
-      return;
-    let r;
-    if (s)
-      r = s;
-    else if (i) {
-      switch (h) {
-        case "info":
-          r = /* @__PURE__ */ e(Z, {});
-          break;
-        case "success":
-          r = /* @__PURE__ */ e(W, {});
-          break;
-        case "error":
-          r = /* @__PURE__ */ e(X, {});
-          break;
-        case "warning":
-          r = /* @__PURE__ */ e(Y, {});
-          break;
-        case "loading":
-          r = /* @__PURE__ */ e(ee, {});
-          break;
-      }
-      r = /* @__PURE__ */ e(
-        R.Provider,
-        {
-          value: E ? { prefixCls: E } : {},
-          children: r
-        }
-      );
-    }
-    return r && /* @__PURE__ */ e("span", { className: `${o}-icon`, children: r });
-  }
-  function S() {
-    c();
-  }
-  function V() {
-    c(), C();
-  }
-  j(() => {
-    const i = I.current;
-    return (i && i?.duration !== n.duration || n.update) && (c(), C()), I.current = n, () => {
-    };
-  }, [n.duration, n.update]), j(() => (C(), () => {
-    c();
-  }), []), re(_, () => ({
-    getRootElement() {
-      return $.current;
-    }
-  }));
-  let t;
-  return d === "message" && (p = m, t = /* @__PURE__ */ x(F, { children: [
-    u && U(),
-    /* @__PURE__ */ e("span", { className: `${o}-content`, children: g }),
-    p && (a !== void 0 ? /* @__PURE__ */ e("span", { onClick: f, className: `${o}-close-btn`, children: a }) : /* @__PURE__ */ e(
-      H,
-      {
-        prefix: o,
-        className: `${o}-close-btn`,
-        onClick: f,
-        children: /* @__PURE__ */ e(M, {})
-      }
-    ))
-  ] })), d === "notification" && (t = /* @__PURE__ */ x(F, { children: [
-    u && /* @__PURE__ */ e("div", { className: `${o}-left`, children: U() }),
-    /* @__PURE__ */ x("div", { className: `${o}-right`, children: [
-      b && /* @__PURE__ */ e("div", { className: `${o}-title`, children: b }),
-      /* @__PURE__ */ e("div", { className: `${o}-content`, children: g }),
-      w && /* @__PURE__ */ e("div", { className: `${o}-btn-wrapper`, children: w })
-    ] }),
-    p && (a !== void 0 ? /* @__PURE__ */ e("span", { onClick: f, className: `${o}-close-btn`, children: a }) : /* @__PURE__ */ e(
-      H,
-      {
-        prefix: o,
-        className: `${o}-close-btn`,
-        onClick: f,
-        children: /* @__PURE__ */ e(
-          R.Provider,
-          {
-            value: k ? { prefixCls: k } : {},
-            children: /* @__PURE__ */ e(M, {})
-          }
-        )
-      }
-    ))
-  ] })), t && (t = /* @__PURE__ */ e(ie, { ...T, childrenName: "notice", children: /* @__PURE__ */ e(
-    "div",
-    {
-      ref: $,
-      className: `${B}-${d}`,
-      onMouseEnter: S,
-      onMouseLeave: V,
-      children: /* @__PURE__ */ e("div", { className: Q, style: J, role: "alert", children: t })
-    }
-  ) })), t;
-}
-const ke = oe(ae);
+/* 2026-01-29 15:15:33 */
+import t from "./Notice.js";
 export {
-  ke as default
+  t as default
 };

package/notification/Notification.js

@@ -0,0 +1,164 @@
+/* 2026-01-29 15:15:33 */
+import { jsx as u } from "react/jsx-runtime";
+import F from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import U from "@unicom-cloud/ui-common/transition-group/TransitionGroup";
+import { UI_PC_PREFIX as k } from "@unicom-cloud/utils/constant/ui";
+import { useContext as B, useEffect as G } from "react";
+import { createPortal as H } from "react-dom";
+import { createRoot as M } from "react-dom/client";
+import Q from "../config-provider/context.js";
+import X from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import q from "../notice/Notice.js";
+import z from "@unicom-cloud/ui-common/utils/className";
+import { isString as A, isNumber as $, isBoolean as D, isFunction as J, isUndefined as j } from "@unicom-cloud/ui-common/utils/is";
+import K from "./useNotification.js";
+import V from "./withNotification.js";
+const W = [
+  "info",
+  "success",
+  "error",
+  "warning",
+  "loading",
+  "normal"
+], s = {}, x = [];
+let w, I, _, h, p;
+function O(t, e) {
+  return j(t) && (t = e || p ? "topLeft" : "topRight"), t;
+}
+const Y = {};
+function Z(t) {
+  const e = B(Q), {
+    prefixCls: r,
+    getPrefixCls: m,
+    componentConfig: n,
+    rtl: d
+  } = e, i = X(
+    t,
+    Y,
+    n?.Notification
+  ), { prefixCls: T, rtl: N, getContainer: R, notices: E } = i, v = j(N) ? p : N, P = O(i.position, v), g = T || I, c = `${g || k}-notification`, L = z(
+    `${c}-wrapper`,
+    `${c}-wrapper-${P}`,
+    { [`${c}-wrapper-rtl`]: p }
+  ), b = R?.();
+  function S(l) {
+    const a = E.find((C) => C.id === l);
+    a && i.update({
+      ...a,
+      style: { ...a.style, opacity: 0 }
+    }), setTimeout(() => {
+      i.remove(l);
+    }, 200);
+  }
+  G(() => (i.add(i), () => {
+    i.clear();
+  }), []);
+  const y = /* @__PURE__ */ u("div", { className: L, children: /* @__PURE__ */ u(U, { component: null, children: E.map((l) => {
+    let a = `${c}-slide-right`;
+    ["topLeft", "bottomLeft"].includes(P) && (a = `${c}-slide-left`);
+    let C;
+    return /* @__PURE__ */ u(
+      F,
+      {
+        timeout: {
+          enter: 400,
+          exit: 300
+        },
+        classNames: a,
+        refElement: () => C,
+        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__ */ u(
+          q,
+          {
+            ...l,
+            ref: (o) => {
+              C = o;
+            },
+            onClose: S,
+            prefixCls: c,
+            iconPrefix: g,
+            classPrefixCls: g,
+            noticeType: "notification",
+            rtl: v
+          }
+        )
+      },
+      l.id
+    );
+  }) }) });
+  return b ? H(y, b) : y;
+}
+const f = V(Z);
+f.useNotification = K;
+f.config = (t = {}) => {
+  if (A(t.prefixCls) && (I = t.prefixCls), $(t.maxCount) && (w = t.maxCount), $(t.duration) && (_ = t.duration), D(t.rtl) && (p = t.rtl), J(t.getContainer)) {
+    const e = t.getContainer();
+    e === h || (h = e, Object.entries(s).forEach(([r, m], n, d) => (delete s[r], m?.clear())));
+  }
+};
+f.clear = () => {
+  Object.values(s).forEach((t) => {
+    t?.clear();
+  });
+};
+f.remove = (t) => {
+  Object.values(s).forEach((e) => {
+    e?.remove(t);
+  });
+};
+f.addInstance = (t) => {
+  const e = O(t.position, p), r = s[e], m = {
+    duration: _,
+    ...t
+  };
+  if (r) {
+    const n = r.notices.find(
+      (i) => i.id === t.id
+    ), d = {
+      ...m,
+      update: n
+    };
+    r.notices.length >= w && (n ? d.id = n.id : r.shift()), r.add({ ...d });
+  }
+  if (r === null && x.push(t), r === void 0) {
+    const n = document.createElement("div");
+    (h || document.body).appendChild(n), M(n).render(
+      /* @__PURE__ */ u(
+        f,
+        {
+          ...m,
+          ref: (i) => {
+            if (i) {
+              for (; x.length; )
+                i.add(x.shift());
+              s[e] = i;
+            }
+          }
+        }
+      )
+    ), s[e] = null;
+  }
+  return s[e];
+};
+const tt = W.map((t) => [
+  t,
+  (e) => f.addInstance({
+    ...e,
+    type: t
+  })
+]);
+Object.assign(f, Object.fromEntries(tt));
+export {
+  f as default,
+  O as getPosition,
+  W as notificationTypes,
+  K as useNotification
+};