@unicom-cloud/ui 0.8.127 → 0.8.128

package/modal/Modal.js

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