@unicom-cloud/ui 0.8.66 → 0.8.67

package/chunk/BCftTxEy.js

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