@unicom-cloud/ui 0.8.72 → 0.8.73

package/chunk/CiY7w1ZO.js

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