@unicom-cloud/ui 0.8.126 → 0.8.128

package/modal/Modal.js

@@ -1,450 +1,407 @@
-/* 2025-11-27 15:08:04 */
-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-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";
+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 y from "@unicom-cloud/ui-common/utils/className";
+import ar from "@unicom-cloud/ui-common/utils/findRootElement";
+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",
-  (o) => {
-    _ = {
-      left: o.clientX,
-      top: o.clientY
+  (n) => {
+    L = {
+      left: n.clientX,
+      top: n.clientY
     }, setTimeout(() => {
-      _ = null;
+      L = null;
     }, 100);
   },
   !0
 );
-const Dn = {
+const br = {
   mask: !0,
   maskClosable: !0,
   mountOnEnter: !0,
   escToExit: !0,
-  getPopupContainer: () => document.body,
-  alignCenter: !0
+  getPopupContainer: z,
+  alignCenter: !0,
+  draggable: !0
 };
-function Rn(o, N) {
-  const d = un(Pn), i = gn(o, Dn, d.componentConfig?.Modal), {
-    className: he,
-    style: be,
+function xr(n, M) {
+  const u = Ge(Cr), a = or(n, br, u.componentConfig?.Modal), {
+    className: ae,
+    style: ce,
     visible: l,
-    simple: K,
-    title: E,
-    subtitle: D,
-    children: xe,
-    cancelText: ve,
-    okText: Ee,
-    okButtonProps: ke,
-    cancelButtonProps: Me,
-    getPopupContainer: R = () => document.body,
+    simple: W,
+    title: b,
+    subtitle: P,
+    children: ue,
+    cancelText: fe,
+    okText: de,
+    okButtonProps: me,
+    cancelButtonProps: pe,
+    getPopupContainer: Z = z,
     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: 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: ye,
+    closeIcon: A,
+    fullscreenable: m,
+    cancelButton: p,
+    okButton: g,
+    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 O = s(!0);
+  l && O.current && (O.current = !1);
+  const v = s(void 0);
+  v.current || (v.current = hr++);
+  const [Oe, R] = 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: Ce
+  }), o = u.getPrefixCls?.("modal"), Re = u.getPrefixCls?.("modal-var"), { locale: B, rtl: oe } = u, Be = nr(
+    {
+      trigger: G,
+      target: I,
+      draggable: K
+    },
+    !0
+  ), Se = !W, De = m ? !0 : "closable" in a ? Me : Se;
+  lr(
+    () => ar(Z()),
+    { hidden: l && x }
+  );
+  function S(r) {
+    r.stopPropagation(), D();
   }
-  function H() {
-    i.onCancel?.();
+  function D() {
+    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 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));
-  }, _e = (e) => {
-    const n = (i.onOk ?? i.onConfirm)?.(e);
-    n?.then && (Y(!0), n.then(
+  }, He = (r) => {
+    const e = (a.onOk ?? a.onConfirm)?.(r);
+    ur(e) && (R(!0), e.then(
       () => {
-        Y(!1);
+        R(!1);
       },
-      (s) => {
-        Y(!1), console.error(s);
+      (i) => {
+        R(!1), console.error(i);
       }
     ));
   };
-  W(() => {
-    let e = null;
-    return B && (e = setTimeout(() => {
-      vn(document.body, h.current) && h.current?.focus();
+  Je(() => {
+    let r = null;
+    return w && (r = setTimeout(() => {
+      Xe(z(), C.current) && C.current?.focus();
     })), () => {
-      e && clearTimeout(e);
+      r && clearTimeout(r);
     };
-  }, [l, B]);
-  const Ae = () => {
-    if (l && oe === void 0 && h.current) {
-      const e = +window.getComputedStyle(h.current, null)?.zIndex;
-      Mn(e) || Se(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);
     }
-  }, Ke = () => {
-    if (f === !1 || f === null || "header" in i && f === void 0 || !(E || D)) return;
-    const e = !!E && /* @__PURE__ */ r(
+  }, Le = () => {
+    if (f === !1 || f === null || "header" in a && f === void 0 || !(b || P)) return;
+    const r = !!b && /* @__PURE__ */ t(
       "div",
       {
-        id: `pqb-dialog-${w.current}`,
-        className: `${t}-title`,
-        children: E
+        id: `pqb-dialog-${v.current}`,
+        className: `${o}-title`,
+        children: b
       }
-    ), n = !!D && /* @__PURE__ */ r("div", { className: `${t}-subtitle`, children: D }), s = j(f) ? f(e, n) : f || /* @__PURE__ */ y(pe, { children: [
-      e,
-      n
+    ), 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__ */ r("div", { className: `${t}-header`, children: s });
-  }, Ge = () => {
-    if (m === !1 || m === null || "footer" in i && m === void 0)
+    return /* @__PURE__ */ t("div", { className: `${o}-header`, children: i });
+  }, qe = () => {
+    if (d === !1 || d === null || "footer" in a && d === void 0)
       return;
-    const e = g?.visible !== !1 && /* @__PURE__ */ r(
-      ge,
+    const r = p?.visible !== !1 && /* @__PURE__ */ t(
+      se,
       {
         onClick: S,
-        ...Me,
-        ...g?.props,
-        children: g?.props?.children || g?.label || g?.text || ve || L?.Modal?.cancelText
+        ...pe,
+        ...p?.props,
+        children: p?.props?.children || p?.label || p?.text || fe || B?.Modal?.cancelText
       }
-    ), n = C?.visible !== !1 && /* @__PURE__ */ r(
-      ge,
+    ), e = g?.visible !== !1 && /* @__PURE__ */ t(
+      se,
       {
-        loading: Fe,
-        onClick: _e,
+        loading: Oe,
+        onClick: He,
         type: "primary",
-        ...ke,
-        ...C?.props,
-        children: C?.props?.children || C?.label || C?.text || Ee || L?.Modal?.okText
+        ...me,
+        ...g?.props,
+        children: g?.props?.children || g?.label || g?.text || de || B?.Modal?.okText
       }
-    ), s = j(m) ? m(e, n) : m || /* @__PURE__ */ y(pe, { children: [
-      !ye && e,
-      n
+    ), i = E(d) ? d(r, e) : d || /* @__PURE__ */ N(le, { children: [
+      !be && r,
+      e
     ] });
-    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__ */ t("div", { className: `${o}-footer`, children: i });
+  }, We = /* @__PURE__ */ N(
+    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: B,
+      zIndex: ee || 1050,
+      getPopupContainer: (r) => E(U) ? U(r) : X.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(
+        Le(),
+        /* @__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: `${t}-close-icon`,
+            className: `${o}-close-icon`,
             onClick: S,
-            children: Q
+            children: A
           }
-        ) : /* @__PURE__ */ r(
-          bn,
+        ) : /* @__PURE__ */ t(
+          sr,
           {
             tabIndex: -1,
-            className: `${t}-close-icon`,
+            className: `${o}-close-icon`,
             onClick: S,
             role: "button",
             "aria-label": "Close",
-            children: /* @__PURE__ */ r(ln, {})
+            children: /* @__PURE__ */ t(_e, {})
           }
         ))
       ]
     }
-  ), nn = E ? { "aria-labelledby": `pqb-dialog-${w.current}` } : {}, de = /* @__PURE__ */ r(
+  ), Ze = b ? { "aria-labelledby": `pqb-dialog-${v.current}` } : {}, F = /* @__PURE__ */ t(
     "div",
     {
       role: "dialog",
       "aria-modal": "true",
-      ...nn,
+      ...Ze,
       style: {
-        [`--${ze}-transform`]: He,
-        ...be,
-        ...p ? { width: "100%", height: "100%" } : {},
-        transformOrigin: Ve
+        [`--${Re}-transform`]: Be?.translate,
+        ...ce,
+        ...m ? { width: "100%", height: "100%" } : {},
+        transformOrigin: we
       },
-      className: Z(
-        t,
+      className: y(
+        o,
         {
-          [`${t}-simple`]: K,
-          [`${t}-rtl`]: ae,
-          [`${t}-fullscreenable`]: p
+          [`${o}-simple`]: W,
+          [`${o}-rtl`]: oe,
+          [`${o}-fullscreenable`]: m
         },
-        he
+        ae
       ),
-      ref: c,
+      ref: I,
       onMouseDown: () => {
-        b.current = !1;
+        h.current = !1;
       },
       onMouseUp: () => {
-        b.current = !1;
+        h.current = !1;
       },
-      children: en
-    }
-  ), $ = (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`;
-    }
-    se(n);
-  }, fe = X.current ? !I : !!c.current, me = a(null);
-  return fn(N, () => ({
-    getRootElement() {
-      return me.current;
+      children: We
     }
-  })), l || fe ? /* @__PURE__ */ r(
-    xn,
-    {
-      visible: l,
-      forceRender: fe,
-      getContainer: R,
-      children: /* @__PURE__ */ y(
-        "div",
-        {
-          ref: me,
-          className: Z(`${t}-container`),
-          children: [
-            k ? /* @__PURE__ */ r(
-              sn,
-              {
-                in: l,
-                timeout: 400,
-                appear: !0,
-                mountOnEnter: I,
-                classNames: `${t}-fade`,
-                unmountOnExit: G,
-                onEnter: (e) => {
-                  e && (e.style.display = "block");
-                },
-                onExited: (e) => {
-                  e && (e.style.display = "none");
-                },
-                refElement: ne,
-                children: /* @__PURE__ */ r(
-                  "div",
-                  {
-                    ref: ne,
-                    "aria-hidden": !0,
-                    className: `${t}-mask`,
-                    style: Be
-                  }
-                )
-              }
-            ) : null,
-            /* @__PURE__ */ r(
-              "div",
-              {
-                ...Tn(Le, [
-                  "content",
-                  "icon",
-                  "showIcon",
-                  "isNotice",
-                  "noticeType",
-                  "onCancel",
-                  "onOk",
-                  "onConfirm",
-                  "closable",
-                  "prefixCls"
-                ]),
-                tabIndex: -1,
-                ref: (e) => {
-                  h.current = e, Ae();
-                },
-                className: Z(
-                  `${t}-wrapper`,
-                  k ? `${t}-wrapper-mask` : `${t}-wrapper-no-mask`,
-                  {
-                    [`${t}-wrapper-align-center`]: De,
-                    [`${t}-wrapper-rtl`]: ae
+  );
+  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();
                   },
-                  Re
-                ),
-                style: {
-                  ...Oe || {},
-                  // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常
-                  display: l || te ? "block" : "none",
-                  overflow: !l && te ? "hidden" : ""
-                },
-                onKeyDown: Ze,
-                onMouseDown: (e) => {
-                  b.current = e.target === e.currentTarget;
-                },
-                onClick: je,
-                children: /* @__PURE__ */ r(
-                  an,
-                  {
-                    in: l,
-                    timeout: 400,
-                    appear: !0,
-                    classNames: `${t}-zoom`,
-                    unmountOnExit: G,
-                    mountOnEnter: I,
-                    onEnter: (e) => {
-                      e && (re(!0), M.current = _, $(e));
-                    },
-                    onEntered: (e) => {
-                      e && ($(e), M.current = null, $e?.());
-                    },
-                    onExit: (e) => {
-                      e && ($(e), V.current = !0);
-                    },
-                    onExited: (e) => {
-                      e && (re(!1), $(e), we?.(), V.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: Ie?.(de) ?? de
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
+                    $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 u = cn(
-  Rn
+const c = Ye(
+  xr
 );
-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 = 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: o
+    noticeType: n
   });
 });
-u.destroyAll = () => {
-  for (; Ce.length; ) {
-    const o = Ce.pop();
-    o && o();
+c.destroyAll = () => {
+  for (; ie.length; ) {
+    const n = ie.pop();
+    n && n();
   }
 };
 export {
-  u as default,
-  yn as useModal
+  c as default,
+  gr as useModal
 };