@unicom-cloud/ui 0.8.108 → 0.8.110

package/chunk/DSqW_efI.js

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

package/{components/common/suspense-fallback-test/index.js → chunk/DX1O8GPj.js}

@@ -12,5 +12,5 @@ const a = (n, r) => {
 }, t = e.forwardRef(a);
 t.displayName = "SuspenseFallbackTest";
 export {
-  t as default
+  t as S
 };