@unicom-cloud/ui 0.8.46 → 0.8.47

package/chunk/DMeJAY1S.js

@@ -0,0 +1,606 @@
+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
+};