@unicom-cloud/ui 0.8.41

package/chunk/CICfjLap.js

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