@unicom-cloud/ui 0.8.108 → 0.8.109

package/{components/common/hooks/useOverflowHidden.js → chunk/BqWBaRtM.js}

@@ -22,5 +22,5 @@ function a(o, { hidden: s }) {
   }), [o, s]), [i, l];
 }
 export {
-  a as default
+  a as u
 };

package/chunk/Bz3KT4sO.js

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

package/{components/common/utils/mutationObserver.js → chunk/C0pqKVwu.js}

@@ -1,19 +1,18 @@
 import s from "lodash/isFunction";
-import u from "lodash/throttle";
-function m(i, e) {
+import c from "lodash/throttle";
+function l(i, e) {
   const r = [].concat(i).filter(Boolean);
   if (!(r.length && s(e))) return () => {
   };
-  const o = u((...t) => {
+  const o = c((...t) => {
     e(...t);
-  }), n = new MutationObserver(o);
-  return r.forEach((t, c, a) => {
+  }, 227), n = new MutationObserver(o);
+  return r.forEach((t, u, a) => {
     n.observe(t, { attributes: !0, childList: !0, subtree: !0 });
   }), () => {
     n.disconnect(), o.cancel();
   };
 }
 export {
-  m as default,
-  m as mutationObserver
+  l as m
 };

package/chunk/C6A94b7f.js

@@ -0,0 +1,31 @@
+import { useState as I, useCallback as w, useEffect as m } from "react";
+import { s as p, u as O } from "./RjJoagzL.js";
+function k(u) {
+  const {
+    defaultInView: r,
+    unobserverOnEnter: s = !0,
+    onChange: o,
+    target: t,
+    ...a
+  } = u, [b, f] = I(
+    p ? r : !0
+  ), l = w(
+    ([e], c) => {
+      const n = c.thresholds.some(
+        (v) => e.intersectionRatio >= v
+      ) && e.isIntersecting;
+      f(n), o?.(n, e), n && s && c.unobserve(e.target);
+    },
+    [o, s]
+  ), { cor: d, dor: i, observer: h } = O(
+    l,
+    a
+  );
+  return m(() => (r && s ? i() : t && d(t), i), [t, r, s]), {
+    inView: b,
+    observer: h
+  };
+}
+export {
+  k as u
+};

package/chunk/C6Aw3qIJ.js

@@ -0,0 +1,16 @@
+import { Enter as t, ArrowDown as i, ArrowLeft as w, ArrowRight as f, ArrowUp as y } from "@unicom-cloud/utils/constant/keyboardCode";
+import { useCallback as A } from "react";
+function E(e) {
+  return A(
+    (o) => ({
+      onKeyDown(r) {
+        const n = r.key;
+        n === t.key && o.onPressEnter?.(r), n === i.key && o.onArrowDown?.(r), n === w.key && o.onArrowLeft?.(r), n === f.key && o.onArrowRight?.(r), n === y.key && o.onArrowUp?.(r), e?.onKeyDown?.(r);
+      }
+    }),
+    []
+  );
+}
+export {
+  E as u
+};

package/chunk/CMl7m9nA.js

@@ -0,0 +1,6 @@
+import { useEffect as e, useLayoutEffect as o } from "react";
+import { a as r } from "./d1c9z8T1.js";
+const s = r ? e : o;
+export {
+  s as u
+};

package/chunk/COqvRD0G.js

@@ -0,0 +1,11 @@
+import { useState as s, useEffect as u } from "react";
+const o = {};
+function c(t) {
+  const [e, n] = s();
+  return u(() => {
+    o[t] ??= 0, n(o[t]), o[t] += 1;
+  }, []), typeof e == "number" ? `${t}${e}` : void 0;
+}
+export {
+  c as u
+};