@unicom-cloud/ui 0.8.108 → 0.8.110

package/modal/Modal.js

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

package/modal/index.js

@@ -1,6 +1,6 @@
-import e from "./Modal.js";
-import { default as r } from "./use-modal/index.js";
+import { E as a } from "../chunk/DSqW_efI.js";
+import { u as t } from "../chunk/DSqW_efI.js";
 export {
-  e as default,
-  r as useModal
+  a as default,
+  t as useModal
 };