@unicom-cloud/ui 0.8.137 → 0.8.140

package/modal/Modal.js

@@ -1,270 +1,275 @@
-/* 2026-01-12 11:30:56 */
-import { jsxs as E, jsx as o, Fragment as ne } from "react/jsx-runtime";
-import Ae from "@unicom-cloud/icons/IconUiClose";
-import le from "@unicom-cloud/ui-common/transition-group/CSSTransition";
-import { getBodyContainer as H, contains as Ke } from "@unicom-cloud/ui-common/utils/dom";
-import { forwardRef as Xe, useContext as Ye, useRef as i, useState as F, useEffect as Ge, useImperativeHandle as Je } from "react";
-import se from "../button/Button.js";
-import Qe from "../config-provider/ConfigProvider.js";
-import er from "@unicom-cloud/ui-common/hooks/use-is-first-render";
-import rr from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import tr from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import or from "@unicom-cloud/ui-common/hooks/use-move";
-import nr from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
-import lr from "../icon-hover/index.js";
-import sr from "../portal/Portal.js";
-import y from "@unicom-cloud/ui-common/utils/className";
-import ir from "@unicom-cloud/ui-common/utils/findRootElement";
-import { isFunction as M, isNaN as ar, isPromise as cr, isServerRendering as ur } from "@unicom-cloud/ui-common/utils/is";
-import { Esc as fr } from "@unicom-cloud/utils/constant/keyboardCode";
-import dr from "@unicom-cloud/ui-common/utils/omit";
-import L from "./Confirm.js";
-import { setModalConfig as mr, destroyList as ie } from "./config.js";
-import pr from "./use-modal/index.js";
-import gr from "../config-provider/context.js";
-let z = null, Cr = 0;
-ur || document.documentElement.addEventListener(
+/* 2026-01-12 17:27:20 */
+import { jsxs as y, jsx as n, Fragment as le } from "react/jsx-runtime";
+import Xe from "@unicom-cloud/icons/IconUiClose";
+import se from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { getBodyContainer as z, contains as Ye } from "@unicom-cloud/ui-common/utils/dom";
+import { forwardRef as Ge, useContext as Je, useRef as i, useState as H, useEffect as Qe, useImperativeHandle as er } from "react";
+import ie from "../button/Button.js";
+import rr from "../config-provider/ConfigProvider.js";
+import tr from "@unicom-cloud/ui-common/hooks/use-is-first-render";
+import nr from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import or from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import lr from "@unicom-cloud/ui-common/hooks/use-move";
+import sr from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
+import ir from "../hooks/useUnmountOnExit.js";
+import ar from "../icon-hover/index.js";
+import cr from "../portal/Portal.js";
+import M from "@unicom-cloud/ui-common/utils/className";
+import ur from "@unicom-cloud/ui-common/utils/findRootElement";
+import { isFunction as P, isNaN as fr, isPromise as dr, isServerRendering as mr } from "@unicom-cloud/ui-common/utils/is";
+import { Esc as pr } from "@unicom-cloud/utils/constant/keyboardCode";
+import gr from "@unicom-cloud/ui-common/utils/omit";
+import _ from "./Confirm.js";
+import { setModalConfig as Cr, destroyList as ae } from "./config.js";
+import xr from "./use-modal/index.js";
+import hr from "../config-provider/context.js";
+let L = null, br = 0;
+mr || document.documentElement.addEventListener(
   "click",
   (l) => {
-    z = {
+    L = {
       left: l.clientX,
       top: l.clientY
     }, setTimeout(() => {
-      z = null;
+      L = null;
     }, 100);
   },
   !0
 );
-const hr = {
+const kr = {
   mask: !0,
   maskClosable: !0,
   mountOnEnter: !0,
   escToExit: !0,
-  getPopupContainer: H,
+  getPopupContainer: z,
   alignCenter: !0,
   draggable: !0
 };
-function xr(l, P) {
-  const u = Ye(gr), a = rr(l, hr, u.componentConfig?.Modal), {
-    className: ae,
-    style: ce,
+function vr(l, w) {
+  const u = Je(hr), a = nr(l, kr, u.componentConfig?.Modal), {
+    className: ce,
+    style: ue,
     visible: s,
-    simple: W,
-    title: x,
-    subtitle: w,
-    children: ue,
-    cancelText: fe,
-    okText: de,
-    okButtonProps: me,
-    cancelButtonProps: pe,
-    getPopupContainer: Z = H,
+    simple: U,
+    title: h,
+    subtitle: T,
+    children: fe,
+    cancelText: de,
+    okText: me,
+    okButtonProps: pe,
+    cancelButtonProps: ge,
+    getPopupContainer: W = z,
     header: f,
     // 潘启宝添加
     footer: d,
-    afterClose: ge,
-    confirmLoading: Ce,
-    mountOnEnter: T,
-    unmountOnExit: _,
+    afterClose: Ce,
+    confirmLoading: xe,
+    mountOnEnter: b,
+    unmountOnExit: I,
     afterOpen: he,
-    hideCancel: xe,
-    maskClosable: be,
-    mask: ke,
-    alignCenter: ve,
-    getChildrenPopupContainer: j,
-    wrapClassName: $e,
-    escToExit: I,
-    modalRender: q,
+    hideCancel: be,
+    maskClosable: ke,
+    mask: ve,
+    alignCenter: $e,
+    getChildrenPopupContainer: Z,
+    wrapClassName: Ee,
+    escToExit: O,
+    modalRender: j,
     maskStyle: Ne,
-    wrapStyle: Ee,
-    closeIcon: U,
+    wrapStyle: ye,
+    closeIcon: q,
     fullscreenable: m,
     cancelButton: p,
     okButton: g,
-    draggable: ye,
-    closable: Me,
-    ...Pe
-  } = a, b = m ? !1 : ke, A = m ? !1 : ye, C = i(null), K = i(null), k = i(null), X = i(null), Y = i(null), [G, J] = F(), [Q, we] = F(), v = i(null), h = i(!1), ee = i(null), [Te, Ie] = F(void 0);
-  er();
-  const O = i(!0);
-  s && O.current && (O.current = !1);
-  const $ = i(void 0);
-  $.current || ($.current = Cr++);
-  const [Oe, R] = tr(!1, {
+    draggable: Me,
+    closable: Pe,
+    ...we
+  } = a, k = m ? !1 : ve, A = m ? !1 : Me, C = i(null), K = i(null), v = i(null), X = i(null), Y = i(null), [G, J] = H(), [Q, Te] = H(), $ = i(null), x = i(!1), ee = i(null), [Ie, Oe] = H(void 0);
+  tr();
+  const R = i(!0);
+  s && R.current && (R.current = !1);
+  const E = i(void 0);
+  E.current || (E.current = br++);
+  const [Re, B] = or(!1, {
     defaultValue: !1,
-    value: Ce
-  }), t = u.getPrefixCls?.("modal"), Re = u.getPrefixCls?.("modal-var"), { locale: B, rtl: re } = u, Be = or(
+    value: xe
+  }), t = u.getPrefixCls?.("modal"), Be = u.getPrefixCls?.("modal-var"), { locale: S, rtl: re } = u, Se = lr(
     {
       trigger: Y,
-      target: k,
+      target: v,
       draggable: A
     },
     !0
-  ), Se = !W, De = m ? !0 : "closable" in a ? Me : Se;
-  nr(
-    () => ir(Z()),
-    { hidden: s && b }
+  ), De = !U, Ve = m ? !0 : "closable" in a ? Pe : De;
+  sr(
+    () => ur(W()),
+    { hidden: s && k }
   );
-  function S(r) {
-    r.stopPropagation(), D();
+  function D(r) {
+    r.stopPropagation(), V();
   }
-  function D() {
+  function V() {
     a.onCancel?.();
   }
-  const Ve = (r) => {
-    I && s && r.key === fr.key && (r.stopPropagation(), D());
+  const Fe = (r) => {
+    O && s && r.key === pr.key && (r.stopPropagation(), V());
   }, N = (r) => {
-    let n = "";
-    if (v.current) {
-      const e = r.getBoundingClientRect(), { left: qe, top: Ue } = v.current;
-      n = `${qe - e.left}px ${Ue - e.top}px`;
+    let o = "";
+    if ($.current) {
+      const e = r.getBoundingClientRect(), { left: Ae, top: Ke } = $.current;
+      o = `${Ae - e.left}px ${Ke - e.top}px`;
     }
-    Ie(n);
-  }, te = O.current ? !T : !!k.current, V = i(!1), Fe = (r) => {
-    h.current && (h.current = !1, !V.current && be && b && r.target === r.currentTarget && setTimeout(() => {
-      D();
+    Oe(o);
+  }, te = R.current ? !b : !!v.current, F = i(!1), He = (r) => {
+    x.current && (x.current = !1, !F.current && ke && k && r.target === r.currentTarget && setTimeout(() => {
+      V();
     }, 100));
-  }, He = (r) => {
-    const n = (a.onOk ?? a.onConfirm)?.(r);
-    cr(n) && (R(!0), n.then(
+  }, ze = (r) => {
+    const o = (a.onOk ?? a.onConfirm)?.(r);
+    dr(o) && (B(!0), o.then(
       () => {
-        R(!1);
+        B(!1);
       },
       (e) => {
-        R(!1), console.error(e);
+        B(!1), console.error(e);
       }
     ));
   };
-  Ge(() => {
+  Qe(() => {
     let r = null;
-    return I && (r = setTimeout(() => {
-      Ke(H(), C.current) && C.current?.focus();
+    return O && (r = setTimeout(() => {
+      Ye(z(), C.current) && C.current?.focus();
     })), () => {
       r && clearTimeout(r);
     };
-  }, [s, I]);
-  const ze = () => {
+  }, [s, O]), er(w, () => ({
+    getRootElement() {
+      return ee.current;
+    }
+  }));
+  const Le = () => {
     if (s && Q === void 0 && C.current) {
       const r = +window.getComputedStyle(C.current, null)?.zIndex;
-      ar(r) || we(r + 1);
+      fr(r) || Te(r + 1);
     }
-  }, Le = () => {
-    if (f === !1 || f === null || "header" in a && f === void 0 || !(x || w)) return;
-    const r = !!x && /* @__PURE__ */ o(
+  }, _e = () => {
+    if (f === !1 || f === null || "header" in a && f === void 0 || !(h || T)) return;
+    const r = !!h && /* @__PURE__ */ n(
       "div",
       {
-        id: `pqb-dialog-${$.current}`,
+        id: `pqb-dialog-${E.current}`,
         className: `${t}-title`,
-        children: x
+        children: h
       }
-    ), n = !!w && /* @__PURE__ */ o("div", { className: `${t}-subtitle`, children: w }), e = M(f) ? f(r, n) : f || /* @__PURE__ */ E(ne, { children: [
+    ), o = !!T && /* @__PURE__ */ n("div", { className: `${t}-subtitle`, children: T }), e = P(f) ? f(r, o) : f || /* @__PURE__ */ y(le, { children: [
       r,
-      n
+      o
     ] });
-    return /* @__PURE__ */ o("div", { className: `${t}-header`, children: e });
-  }, We = () => {
+    return /* @__PURE__ */ n("div", { className: `${t}-header`, children: e });
+  }, Ue = () => {
     if (d === !1 || d === null || "footer" in a && d === void 0)
       return;
-    const r = p?.visible !== !1 && /* @__PURE__ */ o(
-      se,
+    const r = p?.visible !== !1 && /* @__PURE__ */ n(
+      ie,
       {
-        onClick: S,
-        ...pe,
+        onClick: D,
+        ...ge,
         ...p?.props,
-        children: p?.props?.children || p?.label || p?.text || fe || B?.Modal?.cancelText
+        children: p?.props?.children || p?.label || p?.text || de || S?.Modal?.cancelText
       }
-    ), n = g?.visible !== !1 && /* @__PURE__ */ o(
-      se,
+    ), o = g?.visible !== !1 && /* @__PURE__ */ n(
+      ie,
       {
-        loading: Oe,
-        onClick: He,
+        loading: Re,
+        onClick: ze,
         type: "primary",
-        ...me,
+        ...pe,
         ...g?.props,
-        children: g?.props?.children || g?.label || g?.text || de || B?.Modal?.okText
+        children: g?.props?.children || g?.label || g?.text || me || S?.Modal?.okText
       }
-    ), e = M(d) ? d(r, n) : d || /* @__PURE__ */ E(ne, { children: [
-      !xe && r,
-      n
+    ), e = P(d) ? d(r, o) : d || /* @__PURE__ */ y(le, { children: [
+      !be && r,
+      o
     ] });
     if (e)
-      return /* @__PURE__ */ o("div", { className: `${t}-footer`, children: e });
-  }, Ze = /* @__PURE__ */ E(
-    Qe,
+      return /* @__PURE__ */ n("div", { className: `${t}-footer`, children: e });
+  }, We = /* @__PURE__ */ y(
+    rr,
     {
       ...u,
       childrenName: "Modal",
       prefixCls: u.prefixCls,
-      locale: B,
+      locale: S,
       zIndex: Q || 1050,
-      getPopupContainer: (r) => M(j) ? j(r) : K.current,
+      getPopupContainer: (r) => P(Z) ? Z(r) : K.current,
       children: [
-        Le(),
-        /* @__PURE__ */ o("div", { ref: K, className: `${t}-content`, children: ue }),
-        We(),
-        A && /* @__PURE__ */ o("div", { ref: Y, className: `${t}-drag-icon` }),
-        De && (U !== void 0 ? /* @__PURE__ */ o(
+        _e(),
+        /* @__PURE__ */ n("div", { ref: K, className: `${t}-content`, children: fe }),
+        Ue(),
+        A && /* @__PURE__ */ n("div", { ref: Y, className: `${t}-drag-icon` }),
+        Ve && (q !== void 0 ? /* @__PURE__ */ n(
           "span",
           {
             className: `${t}-close-icon`,
-            onClick: S,
-            children: U
+            onClick: D,
+            children: q
           }
-        ) : /* @__PURE__ */ o(
-          lr,
+        ) : /* @__PURE__ */ n(
+          ar,
           {
             tabIndex: -1,
             className: `${t}-close-icon`,
-            onClick: S,
+            onClick: D,
             role: "button",
             "aria-label": "Close",
-            children: /* @__PURE__ */ o(Ae, {})
+            children: /* @__PURE__ */ n(Xe, {})
           }
         ))
       ]
     }
-  ), _e = x ? { "aria-labelledby": `pqb-dialog-${$.current}` } : {}, je = /* @__PURE__ */ o(
+  ), Ze = h ? { "aria-labelledby": `pqb-dialog-${E.current}` } : {}, je = /* @__PURE__ */ n(
     "div",
     {
       role: "dialog",
       "aria-modal": "true",
-      ..._e,
+      ...Ze,
       style: {
-        [`--${Re}-transform`]: Be?.translate,
-        ...ce,
+        [`--${Be}-transform`]: Se?.translate,
+        ...ue,
         ...m ? { width: "100%", height: "100%" } : {},
-        transformOrigin: Te
+        transformOrigin: Ie
       },
-      className: y(
+      className: M(
         t,
         {
-          [`${t}-simple`]: W,
+          [`${t}-simple`]: U,
           [`${t}-rtl`]: re,
           [`${t}-fullscreenable`]: m
         },
-        ae
+        ce
       ),
-      ref: k,
+      ref: v,
       onMouseDown: () => {
-        h.current = !1;
+        x.current = !1;
       },
       onMouseUp: () => {
-        h.current = !1;
+        x.current = !1;
       },
-      children: Ze
+      children: We
     }
   );
-  let oe;
+  let ne;
   if (s || te) {
     let r;
-    b && (r = /* @__PURE__ */ o(
-      le,
+    k && (r = /* @__PURE__ */ n(
+      se,
       {
         in: s,
         timeout: 400,
         appear: !0,
-        mountOnEnter: T,
+        mountOnEnter: b,
         classNames: `${t}-fade`,
-        unmountOnExit: _,
+        unmountOnExit: I,
         onEnter: (e) => {
           e && (e.style.display = "block");
         },
@@ -272,13 +277,13 @@ function xr(l, P) {
           e && (e.style.display = "none");
         },
         refElement: X,
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ n(
           "div",
           {
             ref: X,
             "aria-hidden": !0,
             style: Ne,
-            className: y(
+            className: M(
               `${t}-mask`,
               s ? `${t}-mask-visible` : `${t}-mask-hidden`
             )
@@ -286,28 +291,28 @@ function xr(l, P) {
         )
       }
     ));
-    let n = je;
-    M(q) && (n = q(n) ?? n), oe = /* @__PURE__ */ o(
-      sr,
+    let o = je;
+    P(j) && (o = j(o) ?? o), ne = /* @__PURE__ */ n(
+      cr,
       {
         visible: s,
         forceRender: te,
-        getContainer: Z,
-        children: /* @__PURE__ */ E(
+        getContainer: W,
+        children: /* @__PURE__ */ y(
           "div",
           {
             ref: ee,
-            className: y(
+            className: M(
               `${t}-container`,
               // 潘启宝添加
               s ? `${t}-container-visible` : `${t}-container-hidden`
             ),
             children: [
               r,
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ n(
                 "div",
                 {
-                  ...dr(Pe, [
+                  ...gr(we, [
                     "content",
                     "icon",
                     "showIcon",
@@ -321,51 +326,51 @@ function xr(l, P) {
                   ]),
                   tabIndex: -1,
                   ref: (e) => {
-                    C.current = e, ze();
+                    C.current = e, Le();
                   },
                   style: {
-                    ...Ee || {},
+                    ...ye || {},
                     // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常
                     display: s || G ? "block" : "none",
                     overflow: !s && G ? "hidden" : ""
                   },
-                  className: y(
+                  className: M(
                     `${t}-wrapper`,
-                    b ? `${t}-wrapper-mask` : `${t}-wrapper-no-mask`,
+                    k ? `${t}-wrapper-mask` : `${t}-wrapper-no-mask`,
                     {
-                      [`${t}-wrapper-align-center`]: ve,
+                      [`${t}-wrapper-align-center`]: $e,
                       [`${t}-wrapper-rtl`]: re
                     },
-                    $e
+                    Ee
                   ),
-                  onKeyDown: Ve,
+                  onKeyDown: Fe,
                   onMouseDown: (e) => {
-                    h.current = e.target === e.currentTarget;
+                    x.current = e.target === e.currentTarget;
                   },
-                  onClick: Fe,
-                  children: /* @__PURE__ */ o(
-                    le,
+                  onClick: He,
+                  children: /* @__PURE__ */ n(
+                    se,
                     {
                       in: s,
                       timeout: 400,
                       appear: !0,
                       classNames: `${t}-zoom`,
-                      unmountOnExit: _,
-                      mountOnEnter: T,
+                      unmountOnExit: I,
+                      mountOnEnter: b,
                       onEnter: (e) => {
-                        e && (J(!0), v.current = z, N(e));
+                        e && (oe(!1), J(!0), $.current = L, N(e));
                       },
                       onEntered: (e) => {
-                        e && (N(e), v.current = null, he?.());
+                        e && (N(e), $.current = null, he?.());
                       },
                       onExit: (e) => {
-                        e && (N(e), V.current = !0);
+                        e && (N(e), F.current = !0);
                       },
                       onExited: (e) => {
-                        e && (J(!1), N(e), ge?.(), V.current = !1);
+                        e && (oe(!0), J(!1), N(e), Ce?.(), F.current = !1);
                       },
-                      refElement: k,
-                      children: n
+                      refElement: v,
+                      children: o
                     }
                   )
                 }
@@ -376,34 +381,36 @@ function xr(l, P) {
       }
     );
   }
-  return Je(P, () => ({
-    getRootElement() {
-      return ee.current;
-    }
-  })), oe;
+  const { element: qe, setExited: oe } = ir({
+    element: ne,
+    visible: s,
+    mountOnEnter: b,
+    unmountOnExit: I
+  });
+  return qe;
 }
-const c = Xe(
-  xr
+const c = Ge(
+  vr
 );
 c.displayName = "Modal";
-c.config = mr;
-c.show = (l) => L({ ...l, noticeType: "show" });
-c.confirm = (l) => L(l);
-c.useModal = pr;
+c.config = Cr;
+c.show = (l) => _({ ...l, noticeType: "show" });
+c.confirm = (l) => _(l);
+c.useModal = xr;
 ["info", "success", "warning", "error"].forEach((l) => {
-  c[l] = (P) => L({
-    ...P,
+  c[l] = (w) => _({
+    ...w,
     isNotice: !0,
     noticeType: l
   });
 });
 c.destroyAll = () => {
-  for (; ie.length; ) {
-    const l = ie.pop();
+  for (; ae.length; ) {
+    const l = ae.pop();
     l && l();
   }
 };
 export {
   c as default,
-  pr as useModal
+  xr as useModal
 };

package/modal/config.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 let e = {};
 function n(o) {
   e = {

package/modal/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 import e from "./Modal.js";
 import { default as r } from "./use-modal/index.js";
 export {

package/modal/use-modal/Hook.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as d, useState as i, useImperativeHandle as p } from "react";
 import g from "../Modal.js";

package/modal/use-modal/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 import { jsx as l } from "react/jsx-runtime";
 import { useRef as M } from "react";
 import { normalizeConfig as d } from "../Confirm.js";

package/notice/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 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";

package/notification/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 import { jsx as u } from "react/jsx-runtime";
 import T from "@unicom-cloud/ui-common/transition-group/CSSTransition";
 import j from "@unicom-cloud/ui-common/transition-group/TransitionGroup";

package/notification/useNotification.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as N } from "react";
 import v, { notificationTypes as H, getPosition as I } from "./index.js";