@unicom-cloud/ui 0.8.143 → 0.8.145

package/modal/Modal.js

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

package/modal/config.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 let e = {};
 function n(o) {
   e = {

package/modal/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 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-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 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";