@unicom-cloud/ui 0.8.53 → 0.8.55

package/chunk/CZ8iz63Z.js

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

package/chunk/{DY9WA4bf.js → CqcZfQQ4.js}

@@ -1,7 +1,7 @@
 import { jsx as $, jsxs as Q, Fragment as Te } from "react/jsx-runtime";
 import { useRef as j, useEffect as X, useCallback as V, createContext as Oe, useContext as se } from "react";
 import ie from "../Button.js";
-import { a as Ce } from "./Lyg-9NEt.js";
+import { a as Ce } from "./xPzFRQJn.js";
 import ee from "@unicom-cloud/utils/class-name";
 import { dayjs as g, methods as Y, getDayjsValue as He, getNow as re, toLocal as ce } from "../utils/dayjs.js";
 import { padStart as O } from "../utils/pad.js";

package/chunk/{Cwp65v9h.js → CzTYWtfa.js}

@@ -3,7 +3,7 @@ import O from "@unicom-cloud/icons/IconUiClose";
 import tt from "lodash/isFunction";
 import ot, { useRef as b, useState as A, useImperativeHandle as et, useEffect as T } from "react";
 import nt from "../hooks/useKeyboardEvent.js";
-import { I as rt } from "./Lyg-9NEt.js";
+import { I as rt } from "./xPzFRQJn.js";
 import V from "@unicom-cloud/utils/class-name";
 import it from "../utils/fillNBSP.js";
 import "../utils/is.js";

package/chunk/{D3pUE3-b.js → DG7VgAhL.js}

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as _, Fragment as Je } from "react/jsx-runtime";
 import W, { useContext as O, useState as Oe, useRef as ge, useEffect as te, forwardRef as Ae, createElement as J } from "react";
-import { a as A } from "./Lyg-9NEt.js";
+import { a as A } from "./xPzFRQJn.js";
 import Fe from "../hooks/useMergeProps.js";
 import le from "../hooks/useMergeValue.js";
 import q from "@unicom-cloud/utils/class-name";
@@ -12,8 +12,8 @@ import pe from "../hooks/useKeyboardEvent.js";
 import Be from "lodash/isFunction";
 import Ke from "lodash/isPlainObject";
 import ce from "lodash/isUndefined";
-import { I as Ve } from "./CyVLxv_U.js";
-import { S as fe } from "./BEVtQ2QL.js";
+import { I as Ve } from "./BUQBof6z.js";
+import { S as fe } from "./PuuHmqnW.js";
 var E = /* @__PURE__ */ ((e) => (e[e.previous = 0] = "previous", e[e.next = 1] = "next", e))(E || {});
 function De(e) {
   var M, h, t;

package/chunk/{DdVbiC4t.js → DTgc2wl4.js}

@@ -5,7 +5,7 @@ import _ from "lodash/isNumber";
 import ee from "lodash/isPlainObject";
 import Ie from "lodash/isUndefined";
 import xe, { useContext as re, useMemo as R, useRef as oe, useEffect as G } from "react";
-import { a as Ve } from "./Lyg-9NEt.js";
+import { a as Ve } from "./xPzFRQJn.js";
 import Le from "../hooks/useInView.js";
 import ye from "../hooks/useKeyboardEvent.js";
 import Ee from "../hooks/useMergeProps.js";
@@ -13,7 +13,7 @@ import Fe from "../hooks/useMergeValue.js";
 import h from "@unicom-cloud/utils/class-name";
 import Re from "../utils/omit.js";
 import Ge from "@unicom-cloud/icons/IconUiMore";
-import { T as Ue, P as ie, a as je, b as Me, u as Se } from "./PRN8SqRA.js";
+import { T as Ue, P as ie, a as je, b as Me, u as Se } from "./CTSIr-Pr.js";
 function te(v) {
   const { title: w, description: $, actions: t } = v, a = w || $, l = t && t.length;
   return [a || l, a, l];

package/chunk/{D6BMh1k4.js → DZGcv_9A.js}

@@ -2,7 +2,7 @@ import { jsx as z } from "react/jsx-runtime";
 import Q from "lodash/isNumber";
 import U from "lodash/isPlainObject";
 import { createContext as L, forwardRef as T, useContext as H, useMemo as W, useState as X, useRef as Y, useEffect as Z } from "react";
-import { a as D } from "./Lyg-9NEt.js";
+import { a as D } from "./xPzFRQJn.js";
 import F from "../hooks/useMergeProps.js";
 import q from "@unicom-cloud/utils/class-name";
 import _ from "../utils/omit.js";