@unicom-cloud/ui 0.8.82 → 0.8.84

package/chunk/{uKZyjtff.js → BNevupAU.js}

@@ -1,5 +1,4 @@
-import O from "lodash/isFunction";
-import M from "lodash/isString";
+import { isFunction as O, isString as M } from "@unicom-cloud/utils/is";
 const a = (t) => (i) => Math.pow(i, t), n = (t) => (i) => 1 - Math.abs(Math.pow(i - 1, t)), r = (t) => (i) => i < 0.5 ? a(t)(i * 2) / 2 : n(t)(i * 2 - 1) / 2 + 0.5, q = (t) => t, y = a(2), b = n(2), g = r(2), F = a(3), P = n(3), k = r(3), w = a(4), S = n(4), T = r(4), v = a(5), A = n(5), D = r(5), U = (t) => 1 + Math.sin(Math.PI / 2 * t - Math.PI / 2), x = (t) => Math.sin(Math.PI / 2 * t), B = (t) => (1 + Math.sin(Math.PI * t - Math.PI / 2)) / 2, u = (t) => t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? (t -= 1.5 / 2.75, 7.5625 * t * t + 0.75) : t < 2.5 / 2.75 ? (t -= 2.25 / 2.75, 7.5625 * t * t + 0.9375) : (t -= 2.625 / 2.75, 7.5625 * t * t + 0.984375), l = (t) => 1 - u(1 - t), $ = (t) => t < 0.5 ? l(t * 2) * 0.5 : u(t * 2 - 1) * 0.5 + 0.5, d = {
   linear: q,
   quadIn: y,
@@ -21,7 +20,7 @@ const a = (t) => (i) => Math.pow(i, t), n = (t) => (i) => 1 - Math.abs(Math.pow(
   bounceIn: l,
   bounceInOut: $
 };
-class C {
+class z {
   constructor(i) {
     const {
       from: e,
@@ -65,9 +64,9 @@ class C {
   }
 }
 export {
-  C as I,
   T as b,
   D as f,
   S as q,
-  d as x
+  d as x,
+  z as y
 };

package/chunk/BRPQJFSI.js

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

package/chunk/{D0338Pbq.js → BZJwzdhZ.js}

@@ -3,7 +3,7 @@ import Ke from "@unicom-cloud/icons/IconUiMenuFold";
 import Re from "@unicom-cloud/icons/IconUiMenuUnfold";
 import _e from "lodash/isPlainObject";
 import F, { useContext as A, useState as fe, forwardRef as he, useEffect as ne, useRef as te, useMemo as Ae } from "react";
-import { a as ge } from "./Cplu5dtQ.js";
+import { a as ge } from "./B44Hj5ad.js";
 import { u as Te } from "./CQ_WOOmf.js";
 import { u as oe } from "./B4YRLi8r.js";
 import { u as Ue } from "./BYdIoY50.js";