@unicom-cloud/ui 0.8.125 → 0.8.127

package/modal/Modal.js

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