@unicom-cloud/ui 0.8.67 → 0.8.68

package/chunk/CgurXnoy.js

@@ -0,0 +1,569 @@
+var ht = Object.defineProperty;
+var vt = (a, t, o) => t in a ? ht(a, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : a[t] = o;
+var ye = (a, t, o) => vt(a, typeof t != "symbol" ? t + "" : t, o);
+import { jsx as s, jsxs as T } from "react/jsx-runtime";
+import xe from "@unicom-cloud/icons/IconUiClose";
+import bt from "@unicom-cloud/icons/IconUiCopy";
+import yt from "@unicom-cloud/icons/IconUiFullscreen";
+import xt from "@unicom-cloud/icons/IconUiLeft";
+import kt from "@unicom-cloud/icons/IconUiLoading";
+import Ct from "@unicom-cloud/icons/IconUiOriginalSize";
+import It from "@unicom-cloud/icons/IconUiRight";
+import St from "@unicom-cloud/icons/IconUiRotateLeft";
+import wt from "@unicom-cloud/icons/IconUiRotateRight";
+import Pt from "@unicom-cloud/icons/IconUiZoomIn";
+import Lt from "@unicom-cloud/icons/IconUiZoomOut";
+import zt from "lodash/isUndefined";
+import { useState as g, forwardRef as Nt, useContext as ke, useRef as x, useMemo as Ce, useImperativeHandle as Mt, useCallback as Tt, useEffect as v } from "react";
+import { a as At, b as Ot } from "./ll867Bf3.js";
+import "lodash/isEqualWith";
+import { u as Et } from "./CdaT1b_F.js";
+import "./D-TPB2Do.js";
+import { r as $t, d as Ut, y as Rt, n as Yt, o as Xt } from "./BrOW642m.js";
+import "lodash/isNumber";
+import "lodash/merge";
+import { isServerRendering as Dt, on as J, off as Q } from "../utils/dom.js";
+import "./Biupwn8l.js";
+import { u as Vt } from "./BFTV6myl.js";
+import { u as Bt } from "./CbLaCJmG.js";
+import { f as Ft } from "./C48SmsN-.js";
+import "./Ce1j9KTi.js";
+import { u as Wt } from "./BSCrLtfQ.js";
+import "lodash/debounce";
+import Zt from "../portal/index.js";
+import { P as Ie } from "./DzVH9IBy.js";
+import { m as Se } from "./JPPo5nY_.js";
+import { s as jt } from "./Ey4YJCkX.js";
+import { r as Ht } from "./CIRG541s.js";
+import Gt from "../image/ImagePreviewArrow.js";
+import _t from "../image/ImagePreviewToolbar.js";
+import { PreviewGroupContext as qt } from "../image/previewGroupContext.js";
+import Kt from "lodash/isArray";
+function Jt(a, t, o, n, i) {
+  let m = o, f = n;
+  return o && (a.width > t.width ? m = 0 : (t.left > a.left && (m -= Math.abs(a.left - t.left) / i), t.right < a.right && (m += Math.abs(a.right - t.right) / i))), n && (a.height > t.height ? f = 0 : (t.top > a.top && (f -= Math.abs(a.top - t.top) / i), t.bottom < a.bottom && (f += Math.abs(a.bottom - t.bottom) / i))), [m, f];
+}
+const we = [
+  25,
+  33,
+  50,
+  67,
+  75,
+  80,
+  90,
+  100,
+  110,
+  125,
+  150,
+  175,
+  200,
+  250,
+  300,
+  400,
+  500
+];
+class Qt {
+  constructor(t) {
+    ye(this, "scaleAttr");
+    this.updateScale(t);
+  }
+  get scales() {
+    return this.scaleAttr;
+  }
+  get minScale() {
+    return this.scaleAttr[0];
+  }
+  get maxScale() {
+    return this.scaleAttr[this.scaleAttr.length - 1];
+  }
+  updateScale(t) {
+    let o = we;
+    if (Kt(t) && t.filter((n) => n > 0).length && (o = t.filter((n) => n > 0)), o = o.map((n) => +(n / 100).toFixed(2)), !o.includes(1)) {
+      const n = this.findClosestIndex(1, o), m = o[n] < 1 ? n + 1 : n;
+      o.splice(m, 0, 1);
+    }
+    this.scaleAttr = o;
+  }
+  findClosestIndex(t, o = this.scaleAttr) {
+    if (!o.length)
+      return;
+    if (o.length === 1)
+      return 0;
+    let n = o.length - 1;
+    for (let i = 0; i < o.length; i++) {
+      const m = o[i];
+      if (t === m) {
+        n = i;
+        break;
+      }
+      if (t < m) {
+        const f = o[i - 1];
+        n = f === void 0 || Math.abs(f - t) <= Math.abs(m - t) ? i - 1 : i;
+        break;
+      }
+    }
+    return n;
+  }
+  getNextScale(t, o = "zoomIn") {
+    let n = this.scaleAttr.indexOf(t);
+    return n === -1 && (n = this.findClosestIndex(t)), o === "zoomIn" ? n === this.scaleAttr.length - 1 ? t : this.scaleAttr[n + 1] : n === 0 ? t : this.scaleAttr[n - 1];
+  }
+}
+function eo(a) {
+  const [t, o] = g(a);
+  return {
+    status: t,
+    isBeforeLoad: t === "beforeLoad",
+    isLoading: t === "loading",
+    isError: t === "error",
+    isLoaded: t === "loaded",
+    isLazyLoad: t === "lazyload",
+    setStatus: o
+  };
+}
+const ee = 90, to = {
+  maskClosable: !0,
+  closable: !0,
+  breakPoint: 316,
+  actionsLayout: [
+    // 'fullScreen', // 潘启宝注释于2023年9月16日
+    "zoomOut",
+    "zoomIn",
+    "maximize",
+    "originalSize",
+    "rotateLeft",
+    "rotateRight",
+    "prev",
+    "next",
+    "copy",
+    "extra",
+    // 潘启宝更改
+    "close"
+  ],
+  getPopupContainer: () => document.body,
+  escToExit: !0,
+  scales: we,
+  resetTranslate: !0
+};
+function oo(a, t) {
+  const {
+    previewGroup: o,
+    previewUrlMap: n,
+    currentIndex: i,
+    setCurrentIndex: m,
+    infinite: f,
+    previewPropsMap: te
+  } = ke(qt), Pe = o ? te.get(i) : {}, A = Vt(
+    a,
+    to,
+    Pe
+  ), {
+    className: Le,
+    style: ze,
+    src: Ne,
+    defaultVisible: Me,
+    maskClosable: Te,
+    closable: Ae,
+    breakPoint: Oe,
+    actions: Ee,
+    actionsLayout: $e,
+    getPopupContainer: S,
+    onVisibleChange: O,
+    scales: E,
+    escToExit: oe,
+    imgAttributes: Ue = {},
+    imageRender: $,
+    extra: Re = null,
+    resetTranslate: ne
+  } = A, w = o ? n.get(i) : Ne, [U, Ye] = g(w), [l, Xe] = Et(!1, {
+    defaultValue: Me,
+    value: A.visible
+  }), re = ke(At), { getPrefixCls: De, locale: C, rtl: Ve } = re, ie = De("image"), u = `${ie}-preview`, Be = Se(
+    u,
+    {
+      [`${u}-hide`]: !l,
+      [`${u}-rtl`]: Ve
+    },
+    Le
+  ), P = x(), Fe = x(), b = x(), se = x(), R = x(!1), I = x({
+    pageX: 0,
+    pageY: 0,
+    originX: 0,
+    originY: 0
+  }), { isLoading: We, isLoaded: Ze, setStatus: Y } = eo("loading"), [je, He] = g(!1), [p, X] = g({ x: 0, y: 0 }), [c, D] = g(1), [ae, ce] = g(!1), [L, V] = g(0), [h, le] = g(!1), y = Ce(() => new Qt(E), []), {
+    onLoad: B,
+    onError: F,
+    onMouseDown: W,
+    style: Ge,
+    className: _e,
+    ...qe
+  } = Ue, me = !f && i <= 0, fe = !f && i >= n.size - 1;
+  function Z() {
+    X({ x: 0, y: 0 }), D(1), V(0);
+  }
+  Mt(t, () => ({
+    reset: Z,
+    getRootDOMNode: () => se.current
+  }));
+  const [z, Ke] = g(), ue = Tt(() => z, [z]);
+  v(() => {
+    const e = S == null ? void 0 : S(), r = Ft(e) || document.body;
+    Ke(r);
+  }, [S]), Bt(ue, { hidden: l });
+  const Je = Ce(
+    () => !Dt && z === document.body,
+    [z]
+  );
+  function de(e) {
+    const r = n.size;
+    f && (e %= r, e < 0 && (e = r - Math.abs(e))), e !== i && e >= 0 && e <= r - 1 && m(e);
+  }
+  function j() {
+    de(i - 1);
+  }
+  function H() {
+    de(i + 1);
+  }
+  function Qe() {
+    V(L === 0 ? 360 - ee : L - ee);
+  }
+  function et() {
+    V((L + ee) % 360);
+  }
+  const G = x(null), tt = () => {
+    !ae && ce(!0), G.current && clearTimeout(G.current), G.current = setTimeout(() => {
+      ce(!1);
+    }, 1e3);
+  }, N = (e) => {
+    c !== e && (D(e), tt());
+  };
+  function _() {
+    const e = y.getNextScale(c, "zoomIn");
+    N(e);
+  }
+  function q() {
+    const e = y.getNextScale(c, "zoomOut");
+    N(e);
+  }
+  function ot(e) {
+    e.deltaY > 0 ? c >= y.minScale && q() : c <= y.maxScale && _();
+  }
+  function nt() {
+    N(1);
+  }
+  function rt() {
+    const e = b.current.getBoundingClientRect(), r = P.current.getBoundingClientRect(), d = e.height / (r.height / c), k = e.width / (r.width / c), K = Math.max(d, k);
+    N(K);
+  }
+  function pe(e) {
+    e.target === e.currentTarget && Te && M();
+  }
+  function it() {
+    jt(U);
+  }
+  function ge() {
+    M();
+  }
+  function st(e) {
+    M();
+  }
+  function M() {
+    l && (O == null || O(!1, l), zt(A.visible) && Xe(!1));
+  }
+  function at(e) {
+    if (e && e.length) {
+      const d = e[0].contentRect.width < Oe;
+      He(d);
+    }
+  }
+  const he = () => {
+    if (!b.current || !P.current)
+      return;
+    const e = b.current.getBoundingClientRect(), r = P.current.getBoundingClientRect(), [d, k] = Jt(
+      e,
+      r,
+      p.x,
+      p.y,
+      c
+    );
+    (d !== p.x || k !== p.y) && X({
+      x: d,
+      y: k
+    });
+  }, ve = (e) => {
+    var r;
+    if (l && h) {
+      (r = e.preventDefault) == null || r.call(e);
+      const { originX: d, originY: k, pageX: K, pageY: dt } = I.current, pt = d + (e.pageX - K) / c, gt = k + (e.pageY - dt) / c;
+      X({
+        x: pt,
+        y: gt
+      });
+    }
+  }, be = (e) => {
+    var r;
+    (r = e.preventDefault) == null || r.call(e), le(!1);
+  };
+  function ct(e) {
+    Y("loaded"), B == null || B(e);
+  }
+  function lt(e) {
+    Y("error"), F == null || F(e);
+  }
+  const mt = (e) => {
+    var d;
+    (d = e.preventDefault) == null || d.call(e), le(!0);
+    const r = e.type === "touchstart" ? e.touches[0] : e;
+    I.current.pageX = r.pageX, I.current.pageY = r.pageY, I.current.originX = p.x, I.current.originY = p.y, W == null || W(e);
+  };
+  v(() => (l && h && (J(document, "mousemove", ve, !1), J(document, "mouseup", be, !1)), () => {
+    Q(document, "mousemove", ve, !1), Q(document, "mouseup", be, !1);
+  }), [l, h]), v(() => {
+    ne && !h && he();
+  }, [h, p]), v(() => {
+    ne && he();
+  }, [c]), v(() => {
+    l && Z();
+  }, [l]), v(() => {
+    Ye(w), Y(w ? "loading" : "loaded"), Z();
+  }, [w]), Wt(() => {
+    y.updateScale(E), D(1);
+  }, [E]), v(() => {
+    const e = (r) => {
+      if (r)
+        switch (r.key) {
+          case Xt.key:
+            oe && M();
+            break;
+          case Yt.key:
+            H();
+            break;
+          case Rt.key:
+            j();
+            break;
+          case Ut.key:
+            _();
+            break;
+          case $t.key:
+            q();
+            break;
+        }
+    };
+    return l && !h && !R.current && (R.current = !0, J(document, "keydown", e)), () => {
+      R.current = !1, Q(document, "keydown", e);
+    };
+  }, [l, oe, h, i, c]);
+  const ft = [
+    !1,
+    {
+      key: "rotateRight",
+      name: C.ImagePreview.rotateRight,
+      content: /* @__PURE__ */ s(wt, {}),
+      onClick: et
+    },
+    {
+      key: "rotateLeft",
+      name: C.ImagePreview.rotateLeft,
+      content: /* @__PURE__ */ s(St, {}),
+      onClick: Qe
+    },
+    {
+      key: "zoomIn",
+      name: C.ImagePreview.zoomIn,
+      content: /* @__PURE__ */ s(Pt, {}),
+      onClick: _,
+      disabled: c === y.maxScale
+    },
+    {
+      key: "zoomOut",
+      name: C.ImagePreview.zoomOut,
+      content: /* @__PURE__ */ s(Lt, {}),
+      onClick: q,
+      disabled: c === y.minScale
+    },
+    {
+      key: "originalSize",
+      name: C.ImagePreview.originalSize,
+      content: /* @__PURE__ */ s(Ct, {}),
+      onClick: nt
+    },
+    {
+      key: "maximize",
+      name: "最大化",
+      content: /* @__PURE__ */ s(yt, {}),
+      onClick: rt
+    },
+    !!o && {
+      key: "next",
+      name: "下一张",
+      content: /* @__PURE__ */ s(It, {}),
+      disabled: fe,
+      onClick: H
+    },
+    !!o && {
+      key: "prev",
+      name: "上一张",
+      content: /* @__PURE__ */ s(xt, {}),
+      disabled: me,
+      onClick: j
+    },
+    {
+      key: "copy",
+      name: "复制",
+      content: /* @__PURE__ */ s(bt, {}),
+      onClick: it
+    },
+    {
+      key: "close",
+      name: "关闭",
+      content: /* @__PURE__ */ s(xe, {}),
+      onClick: ge
+    }
+  ].filter(Boolean);
+  v(() => {
+    const e = Ht([b.current], at);
+    return () => {
+      e();
+    };
+  }, [b.current]);
+  const ut = () => {
+    const e = /* @__PURE__ */ s(
+      "img",
+      {
+        onWheel: ot,
+        ref: P,
+        className: Se(_e, `${u}-img`, {
+          [`${u}-img-moving`]: h
+        }),
+        style: {
+          ...Ge,
+          transform: `translate(${p.x}px, ${p.y}px) rotate(${L}deg)`
+        },
+        src: U,
+        ...qe,
+        onLoad: ct,
+        onError: lt,
+        onMouseDown: (r) => {
+          r.button === 0 && mt(r);
+        }
+      },
+      U
+    );
+    return ($ == null ? void 0 : $(e)) ?? e;
+  };
+  return /* @__PURE__ */ s(Zt, { visible: l, forceRender: !1, getContainer: ue, children: /* @__PURE__ */ s(
+    Ot,
+    {
+      ...re,
+      getPopupContainer: () => b.current,
+      children: /* @__PURE__ */ T(
+        "div",
+        {
+          className: Be,
+          style: {
+            ...ze || {},
+            ...Je ? {} : { zIndex: "inherit", position: "absolute" }
+          },
+          ref: se,
+          children: [
+            /* @__PURE__ */ s(
+              Ie,
+              {
+                in: l,
+                timeout: 400,
+                appear: !0,
+                classNames: "fadeImage",
+                mountOnEnter: !0,
+                unmountOnExit: !1,
+                onEnter: (e) => {
+                  e && (e.parentNode.style.display = "block", e.style.display = "block");
+                },
+                onExited: (e) => {
+                  e && (e.parentNode.style.display = "", e.style.display = "none");
+                },
+                children: /* @__PURE__ */ s("div", { className: `${u}-mask`, onClick: st })
+              }
+            ),
+            l && /* @__PURE__ */ T(
+              "div",
+              {
+                ref: b,
+                className: `${u}-wrapper`,
+                onClick: pe,
+                children: [
+                  /* @__PURE__ */ T(
+                    "div",
+                    {
+                      ref: Fe,
+                      className: `${u}-img-container`,
+                      style: { transform: `scale(${c}, ${c})` },
+                      onClick: pe,
+                      children: [
+                        ut(),
+                        We && /* @__PURE__ */ s("div", { className: `${u}-loading`, children: /* @__PURE__ */ s(kt, {}) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    Ie,
+                    {
+                      in: ae,
+                      timeout: 400,
+                      appear: !0,
+                      classNames: "fadeImage",
+                      unmountOnExit: !0,
+                      children: /* @__PURE__ */ T("div", { className: `${u}-scale-value`, children: [
+                        (c * 100).toFixed(0),
+                        "%"
+                      ] })
+                    }
+                  ),
+                  Ze && /* @__PURE__ */ s(
+                    _t,
+                    {
+                      prefixCls: ie,
+                      previewPrefixCls: u,
+                      actions: Ee,
+                      actionsLayout: $e,
+                      defaultActions: ft,
+                      simple: je
+                    }
+                  ),
+                  Ae && /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: `${u}-close-btn`,
+                      onClick: ge,
+                      children: /* @__PURE__ */ s(xe, {})
+                    }
+                  ),
+                  o && /* @__PURE__ */ s(
+                    Gt,
+                    {
+                      previewCount: n.size,
+                      current: i,
+                      infinite: f,
+                      disableLeft: me,
+                      disableRight: fe,
+                      onPrev: j,
+                      onNext: H
+                    }
+                  ),
+                  Re
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+const no = Nt(
+  oo
+);
+no.displayName = "ImagePreview";
+export {
+  no as P,
+  eo as u
+};

package/chunk/{DKr2_PYd.js → Clo26EcR.js}

@@ -1,11 +1,11 @@
-import w from "lodash/debounce";
-import { useState as c, useDeferredValue as h, useCallback as u, useEffect as a } from "react";
-const l = (r = !1) => {
-  const [i, o] = c({
+import u from "lodash/debounce";
+import { useState as w, useDeferredValue as a, useCallback as c, useEffect as h } from "react";
+const l = (i = !1) => {
+  const [r, o] = w({
     width: window.innerWidth,
     height: window.innerHeight
-  }), s = h(
-    i
+  }), s = a(
+    r
     // 延迟一个值与防抖和节流之间有什么不同？
     // 防抖 是指在用户停止输入一段时间（例如一秒钟）之后再更新列表。
     // 节流 是指每隔一段时间（例如最多每秒一次）更新列表。
@@ -21,14 +21,14 @@ const l = (r = !1) => {
       height: n.innerHeight
     });
   }
-  const d = u(w(t, 123), []);
-  return a(() => {
-    const e = r ? d : t;
+  const d = c(u(t, 123), []);
+  return h(() => {
+    const e = i ? d : t;
     return window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
   }, []), s;
 };
 export {
-  l
+  l as u
 };

package/chunk/ClqoGc3r.js

@@ -0,0 +1,17 @@
+function r(a, t) {
+  const n = {};
+  return t.forEach((i) => {
+    const c = i;
+    i in a && (n[c] = a[c]);
+  }), n;
+}
+function f(a) {
+  const t = {};
+  return Object.entries(a ?? {}).forEach(([n, i], c, e) => {
+    n.indexOf("data-") === 0 && (t[n] = i), n.indexOf("aria-") === 0 && (t[n] = i);
+  }), t;
+}
+export {
+  f as a,
+  r as p
+};

package/chunk/CmZzBtA4.js

@@ -0,0 +1,16 @@
+import { useRef as c } from "react";
+function o(t) {
+  const r = c(), e = () => {
+    r.current && (r.current.disconnect(), r.current = null);
+  }, s = (n) => {
+    n && (r.current && e(), r.current = new ResizeObserver(t), r.current.observe(n));
+  };
+  return {
+    currentOr: r.current,
+    cor: s,
+    dor: e
+  };
+}
+export {
+  o as u
+};