@unicom-cloud/ui 0.8.52 → 0.8.54

package/chunk/DMeJAY1S.js

@@ -1,606 +0,0 @@
-import { jsx as s, jsxs as R, Fragment as _e } from "react/jsx-runtime";
-import en from "@unicom-cloud/icons/IconUiClose";
-import we from "lodash/isFunction";
-import nn, { forwardRef as Pe, useState as P, useImperativeHandle as tn, useRef as x, useContext as rn, useCallback as S, useEffect as te } from "react";
-import Me from "../Button.js";
-import { d as T, b as Ie, g as on, e as ln, f as sn, s as an, a as cn, I as un } from "./z7sBNzI4.js";
-import dn from "../hooks/useMergeProps.js";
-import fn from "../hooks/useMergeValue.js";
-import mn from "../hooks/useOverflowHidden.js";
-import pn from "../Portal.js";
-import { P as Te } from "./uUGMUxt_.js";
-import ye from "@unicom-cloud/utils/class-name";
-import { isServerRendering as Cn, contains as hn } from "../utils/dom.js";
-import { Esc as bn } from "../utils/keyCode.js";
-import gn from "../utils/omit.js";
-import { render as xn, findDOMNode as vn } from "../utils/reactDOM.js";
-import kn from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import En from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import Ne from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import wn from "@unicom-cloud/icons/IconUiInfoCircleFill";
-function Mn(n) {
-  const { prefixCls: a, simple: c } = ln();
-  return /* @__PURE__ */ s(E, { prefixCls: a, simple: c, ...n, children: n.content });
-}
-const U = (n) => {
-  let a = n.icon;
-  if (!a && a !== null && (a = /* @__PURE__ */ s(Ne, {}), n.isNotice))
-    switch (n.noticeType) {
-      case "info":
-        a = /* @__PURE__ */ s(wn, {});
-        break;
-      case "success":
-        a = /* @__PURE__ */ s(kn, {});
-        break;
-      case "warning":
-        a = /* @__PURE__ */ s(Ne, {});
-        break;
-      case "error":
-        a = /* @__PURE__ */ s(En, {});
-        break;
-    }
-  return n.noticeType === "show" && (a = n.icon), n.isNotice && (n.hideCancel = !0), n.title = a === null && n.title === null ? null : /* @__PURE__ */ R("span", { children: [
-    a,
-    n.title
-  ] }), n;
-};
-function oe(n, a) {
-  let c;
-  const l = document.createElement("div");
-  document.body.appendChild(l);
-  const f = on();
-  function b(i) {
-    const p = /* @__PURE__ */ s(Ie, { ...f, children: /* @__PURE__ */ s(Mn, { ...i, onCancel: h }) });
-    c ? c.render(p) : c = xn(p, l);
-  }
-  const o = b;
-  let r = {
-    ...n,
-    visible: !1
-  };
-  const u = () => {
-    let i;
-    const p = n.onOk;
-    p && (i = p(h)), i && i.then && (r.confirmLoading = !0, o(r), i.then(
-      () => {
-        h(!0);
-      },
-      (m) => {
-        console.error(m), r.confirmLoading = !1, o(r);
-      }
-    )), i || h(!0);
-  };
-  r.onOk = u, r = U(r), r.visible = !0, o(r);
-  function g() {
-    c = c == null ? void 0 : c._unmount(), l.parentNode && l.parentNode.removeChild(l);
-    for (let i = 0; i < T.length; i++)
-      if (T[i] === v) {
-        T.splice(i, 1);
-        break;
-      }
-  }
-  function h(i) {
-    var p;
-    !i && ((p = n.onCancel) == null || p.call(n)), v();
-  }
-  function M(i) {
-    r = {
-      ...r,
-      title: n.title,
-      // 避免 newConfig 未传递 title 时，icon 出现多个的问题
-      ...i
-    }, r = U(r), o(r);
-  }
-  function v() {
-    r.visible = !1, r.afterClose = () => {
-      var i;
-      (i = n.afterClose) == null || i.call(n), g();
-    }, o(r);
-  }
-  return T.push(v), {
-    close: v,
-    update: M
-  };
-}
-function Tn(n, a) {
-  const [c, l] = P(!0), [f, b] = P(n);
-  tn(a, () => ({
-    update: (u) => {
-      b(u);
-    },
-    close: () => {
-      l(!1);
-    }
-  }));
-  function o() {
-    var g;
-    const u = (g = f.onOk) == null ? void 0 : g.call(f);
-    u && u.then && (b((h) => ({
-      ...h,
-      confirmLoading: !0
-    })), u.then(
-      () => {
-        l(!1);
-      },
-      (h) => {
-        console.error(h), b((M) => ({
-          ...M,
-          confirmLoading: !1
-        }));
-      }
-    )), u || l(!1);
-  }
-  function r() {
-    var u;
-    (u = f.onCancel) == null || u.call(f), l(!1);
-  }
-  return /* @__PURE__ */ s(
-    E,
-    {
-      unmountOnExit: !0,
-      simple: !0,
-      ...f,
-      visible: c,
-      onOk: o,
-      onCancel: r,
-      children: f.content
-    }
-  );
-}
-const yn = Pe(Tn);
-function Nn() {
-  const n = x(), a = /* @__PURE__ */ s(sn, { ref: n });
-  let c = 0;
-  function l(o) {
-    var p;
-    c += 1;
-    let r, u = { ...o };
-    function g() {
-      var m;
-      (m = o.afterClose) == null || m.call(o), M();
-    }
-    const h = /* @__PURE__ */ s(
-      yn,
-      {
-        ref: (m) => {
-          r = m;
-        },
-        ...U({ ...o }),
-        afterClose: g
-      },
-      c
-    );
-    (p = n.current) == null || p.addInstance(h);
-    function M() {
-      var m;
-      (m = n.current) == null || m.removeInstance(h);
-    }
-    function v() {
-      r == null || r.close();
-    }
-    function i(m) {
-      u = {
-        ...u,
-        ...m
-      }, r == null || r.update(U({ ...u }));
-    }
-    return T.push(v), {
-      close: v,
-      update: i
-    };
-  }
-  function f(o) {
-    return l({
-      ...o
-    });
-  }
-  const b = {
-    confirm: f,
-    show: f
-    // 潘启宝添加于 2023年10月18日 星期三 10时31分58秒 CST
-  };
-  return ["info", "success", "warning", "error"].forEach((o) => {
-    b[o] = (r) => l({
-      ...r,
-      isNotice: !0,
-      noticeType: o
-    });
-  }), [b, a];
-}
-let re = null, Pn = 0;
-Cn || document.documentElement.addEventListener(
-  "click",
-  (n) => {
-    re = {
-      left: n.clientX,
-      top: n.clientY
-    }, setTimeout(() => {
-      re = null;
-    }, 100);
-  },
-  !0
-);
-const In = {
-  mask: !0,
-  maskClosable: !0,
-  mountOnEnter: !0,
-  escToExit: !0,
-  getPopupContainer: () => document.body,
-  alignCenter: !0
-};
-function $n(n, a) {
-  var Ee;
-  const c = rn(cn), l = dn(
-    n,
-    In,
-    (Ee = c.componentConfig) == null ? void 0 : Ee.Modal
-  ), {
-    className: f,
-    style: b,
-    visible: o,
-    simple: r,
-    title: u,
-    subtitle: g,
-    children: h,
-    cancelText: M,
-    okText: v,
-    okButtonProps: i,
-    cancelButtonProps: p,
-    getPopupContainer: m = () => document.body,
-    footer: L,
-    afterClose: V,
-    confirmLoading: $e,
-    mountOnEnter: z,
-    unmountOnExit: q,
-    afterOpen: W,
-    hideCancel: De,
-    maskClosable: Oe,
-    mask: X,
-    alignCenter: Re,
-    getChildrenPopupContainer: le,
-    wrapClassName: Le,
-    escToExit: Z,
-    modalRender: se,
-    maskStyle: Xe,
-    wrapStyle: Ye,
-    closeIcon: ie,
-    fullscreenable: Dn,
-    ...ae
-  } = l, I = x(null), ce = x(null), k = x(null), [ue, de] = P(), [fe, Be] = P(), Y = x(null), $ = x(!1), [Fe, me] = P(""), [pe, Ce] = P(""), j = x(!0);
-  o && j.current && (j.current = !1);
-  const B = x();
-  B.current || (B.current = Pn++);
-  const [He, A] = fn(!1, {
-    defaultValue: !1,
-    value: $e
-  }), d = c.getPrefixCls("modal", l.prefixCls), { locale: K, rtl: he } = c, Se = !r || ae.noticeType === "show", Ue = "closable" in l ? l.closable : Se, Ve = S(() => vn(m()), [m]);
-  mn(Ve, { hidden: o && X });
-  function G(e) {
-    e.stopPropagation(), J();
-  }
-  function J() {
-    var e;
-    (e = l.onCancel) == null || e.call(l);
-  }
-  const ze = (e) => {
-    Z && o && e.key === bn.key && (e.stopPropagation(), J());
-  }, Q = x(!1), qe = (e) => {
-    $.current && ($.current = !1, !Q.current && Oe && X && e.target === e.currentTarget && setTimeout(() => {
-      J();
-    }, 100));
-  }, We = (e) => {
-    var C;
-    let t = (C = l.onOk ?? l.onConfirm) == null ? void 0 : C(e);
-    t != null && t.then && (A(!0), t.then(
-      () => {
-        A(!1);
-      },
-      (w) => {
-        A(!1), console.error(w);
-      }
-    ));
-  };
-  te(() => {
-    let e = null;
-    return Z && (e = setTimeout(() => {
-      var t;
-      hn(document.body, I.current) && ((t = I.current) == null || t.focus());
-    })), () => {
-      e && clearTimeout(e);
-    };
-  }, [o, Z]);
-  const Ze = () => {
-    var e;
-    if (o && fe === void 0 && I.current) {
-      const t = +((e = window.getComputedStyle(I.current, null)) == null ? void 0 : e.zIndex);
-      isNaN(t) || Be(t + 1);
-    }
-  }, je = () => {
-    if (L === null) return;
-    const e = /* @__PURE__ */ s(Me, { onClick: G, ...p, children: M || K.Modal.cancelText }), t = /* @__PURE__ */ s(
-      Me,
-      {
-        loading: He,
-        onClick: We,
-        type: "primary",
-        ...i,
-        children: v || K.Modal.okText
-      }
-    ), C = we(L) ? L(e, t) : L || /* @__PURE__ */ R(_e, { children: [
-      !De && e,
-      t
-    ] });
-    return /* @__PURE__ */ s("div", { className: `${d}-footer`, children: C });
-  }, _ = x(
-    xe()
-  ), Ae = S((e) => {
-    var C, w, y, N, H;
-    if (!k.current)
-      return;
-    e.preventDefault();
-    let t = _.current;
-    t.screenX = e.screenX, t.screenY = e.screenY, t.prewTranslateX = t.translateX, t.prewTranslateY = t.translateY, t.boundingClientRect = ((w = (C = k.current) == null ? void 0 : C.getBoundingClientRect) == null ? void 0 : w.call(C)) ?? {}, t.offsetParentBoundingClientRect = ((H = (N = (y = k.current) == null ? void 0 : y.offsetParent) == null ? void 0 : N.getBoundingClientRect) == null ? void 0 : H.call(N)) ?? {}, F(), Ke();
-  }, []), be = S((e) => {
-    e.preventDefault();
-    let t = _.current, { left: C, right: w, top: y, bottom: N } = t.boundingClientRect ?? {}, { width: H, height: Qe } = t.offsetParentBoundingClientRect ?? {}, D = Math.max(e.screenX - t.screenX, -C);
-    D = Math.min(D, H - w);
-    let O = Math.max(e.screenY - t.screenY, -y);
-    O = Math.min(O, Qe - N), D += t.prewTranslateX, O += t.prewTranslateY, t.translateX = D, t.translateY = O, me(`translate(${D}px, ${O}px)`);
-  }, []), ge = S((e) => {
-    e.preventDefault(), F();
-  }, []);
-  function Ke() {
-    document.documentElement.addEventListener(
-      "mousemove",
-      be
-    ), document.documentElement.addEventListener(
-      "mouseup",
-      ge
-    );
-  }
-  function F() {
-    document.documentElement.removeEventListener(
-      "mousemove",
-      be
-    ), document.documentElement.removeEventListener(
-      "mouseup",
-      ge
-    );
-  }
-  function xe() {
-    return {
-      screenX: 0,
-      screenY: 0,
-      prewTranslateX: 0,
-      prewTranslateY: 0,
-      translateX: 0,
-      translateY: 0,
-      boundingClientRect: null,
-      offsetParentBoundingClientRect: null
-    };
-  }
-  function ee() {
-    _.current = xe(), me(""), Ce("");
-  }
-  te(() => () => {
-    ee(), F();
-  }, []), te(() => (k.current || (ee(), F()), () => {
-  }), [k.current]);
-  const Ge = /* @__PURE__ */ R(
-    Ie,
-    {
-      ...c,
-      prefixCls: l.prefixCls || c.prefixCls,
-      locale: K,
-      zIndex: fe || 1050,
-      getPopupContainer: (e) => typeof le == "function" ? le(e) : ce.current,
-      children: [
-        (!!u || !!g) && /* @__PURE__ */ R("div", { className: `${d}-header`, children: [
-          !!u && /* @__PURE__ */ s(
-            "div",
-            {
-              className: `${d}-title`,
-              id: `pqb-dialog-${B.current}`,
-              children: u
-            }
-          ),
-          !!g && /* @__PURE__ */ s("div", { className: `${d}-subtitle`, children: g })
-        ] }),
-        /* @__PURE__ */ s("div", { ref: ce, className: `${d}-content`, children: h }),
-        je(),
-        !l.fullscreenable && l.draggable !== !1 && /* @__PURE__ */ s(
-          "div",
-          {
-            className: `${d}-drag-icon`,
-            onMouseDown: Ae,
-            onDoubleClick: ee
-          }
-        ),
-        (Ue || !!l.fullscreenable) && (ie !== void 0 ? /* @__PURE__ */ s(
-          "span",
-          {
-            className: `${d}-close-icon`,
-            onClick: G,
-            children: ie
-          }
-        ) : /* @__PURE__ */ s(
-          un,
-          {
-            tabIndex: -1,
-            className: `${d}-close-icon`,
-            onClick: G,
-            role: "button",
-            "aria-label": "Close",
-            children: /* @__PURE__ */ s(en, {})
-          }
-        ))
-      ]
-    }
-  ), Je = u ? { "aria-labelledby": `pqb-dialog-${B.current}` } : {}, ve = /* @__PURE__ */ s(
-    "div",
-    {
-      role: "dialog",
-      "aria-modal": "true",
-      ...Je,
-      className: ye(
-        d,
-        {
-          [`${d}-simple`]: r,
-          [`${d}-rtl`]: he,
-          [`${d}-fullscreenable`]: l.fullscreenable
-        },
-        f
-      ),
-      style: {
-        ...b,
-        transform: Fe,
-        transformOrigin: pe
-      },
-      ref: k,
-      children: Ge
-    }
-  ), ne = (e) => {
-    if (pe)
-      return;
-    let t = "";
-    if (Y.current) {
-      const C = e.getBoundingClientRect(), { left: w, top: y } = Y.current;
-      t = `${w - C.left}px ${y - C.top}px`;
-    }
-    Ce(t);
-  }, ke = j.current ? !z : !!k.current;
-  return o || ke ? /* @__PURE__ */ s(
-    pn,
-    {
-      visible: o,
-      forceRender: ke,
-      getContainer: m,
-      children: /* @__PURE__ */ R("div", { ref: a, children: [
-        X ? /* @__PURE__ */ s(
-          Te,
-          {
-            in: o,
-            timeout: 400,
-            appear: !0,
-            mountOnEnter: z,
-            classNames: "fadeModal",
-            unmountOnExit: q,
-            onEnter: (e) => {
-              e && (e.style.display = "block");
-            },
-            onExited: (e) => {
-              e && (e.style.display = "none");
-            },
-            children: /* @__PURE__ */ s(
-              "div",
-              {
-                "aria-hidden": !0,
-                className: `${d}-mask`,
-                style: Xe
-              }
-            )
-          }
-        ) : null,
-        /* @__PURE__ */ s(
-          "div",
-          {
-            ...gn(ae, [
-              "content",
-              "icon",
-              "showIcon",
-              "isNotice",
-              "noticeType",
-              "onCancel",
-              "onOk",
-              "onConfirm",
-              "closable",
-              "prefixCls"
-            ]),
-            tabIndex: -1,
-            ref: (e) => {
-              I.current = e, Ze();
-            },
-            className: ye(
-              `${d}-wrapper`,
-              {
-                [`${d}-wrapper-no-mask`]: !X,
-                [`${d}-wrapper-align-center`]: Re,
-                [`${d}-wrapper-rtl`]: he
-              },
-              Le
-            ),
-            style: {
-              ...Ye || {},
-              // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常
-              display: o || ue ? "block" : "none",
-              overflow: !o && ue ? "hidden" : ""
-            },
-            onKeyDown: ze,
-            onMouseDown: (e) => {
-              $.current = e.target === e.currentTarget;
-            },
-            onClick: qe,
-            children: /* @__PURE__ */ s(
-              Te,
-              {
-                in: o,
-                timeout: 400,
-                appear: !0,
-                classNames: "zoomModal",
-                unmountOnExit: q,
-                mountOnEnter: z,
-                onEnter: (e) => {
-                  e && (de(!0), Y.current = re, ne(e), k.current = e);
-                },
-                onEntered: (e) => {
-                  e && (ne(e), Y.current = null, W == null || W());
-                },
-                onExit: () => {
-                  Q.current = !0;
-                },
-                onExited: (e) => {
-                  e && (de(!1), ne(e), V == null || V(), Q.current = !1, q && (k.current = null));
-                },
-                children: nn.cloneElement(
-                  we(se) ? se(ve) : ve,
-                  {
-                    onMouseDown: () => {
-                      $.current = !1;
-                    },
-                    onMouseUp: () => {
-                      $.current = !1;
-                    }
-                  }
-                )
-              }
-            )
-          }
-        )
-      ] })
-    }
-  ) : null;
-}
-const E = Pe(
-  $n
-);
-E.displayName = "Modal";
-E.config = an;
-E.show = (n) => oe({ ...n, noticeType: "show" });
-E.confirm = (n) => oe(n);
-E.useModal = Nn;
-["info", "success", "warning", "error"].forEach((n) => {
-  E[n] = (a) => oe({
-    ...a,
-    isNotice: !0,
-    noticeType: n
-  });
-});
-E.destroyAll = () => {
-  for (; T.length; ) {
-    const n = T.pop();
-    n && n();
-  }
-};
-export {
-  E
-};