@unicom-cloud/ui 0.8.107 → 0.8.109

package/image/ImagePreview.js

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

package/image/ImagePreviewArrow.js

@@ -2,19 +2,18 @@ import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import d from "@unicom-cloud/icons/IconUiLeft";
 import p from "@unicom-cloud/icons/IconUiRight";
 import { useContext as v } from "react";
-import "../config-provider/ConfigProvider.js";
+import { a as w } from "../chunk/DXlwLh0Y.js";
 import o from "@unicom-cloud/utils/class-name";
-import w from "../config-provider/context.js";
-function j(a) {
+function P(s) {
   const {
     current: u,
     previewCount: x,
     infinite: C = !1,
     disableLeft: t,
-    disableRight: s,
+    disableRight: a,
     onPrev: n,
     onNext: l
-  } = a, { getPrefixCls: m } = v(w), e = m?.("image-preview"), c = o(`${e}-arrow`);
+  } = s, { getPrefixCls: m } = v(w), e = m?.("image-preview"), c = o(`${e}-arrow`);
   return /* @__PURE__ */ f("div", { className: c, children: [
     /* @__PURE__ */ r(
       "div",
@@ -32,10 +31,10 @@ function j(a) {
       "div",
       {
         className: o(`${e}-arrow-right`, {
-          [`${e}-arrow-disabled`]: s
+          [`${e}-arrow-disabled`]: a
         }),
         onClick: (i) => {
-          i.preventDefault(), !s && l?.();
+          i.preventDefault(), !a && l?.();
         },
         children: /* @__PURE__ */ r(p, {})
       }
@@ -43,5 +42,5 @@ function j(a) {
   ] });
 }
 export {
-  j as default
+  P as default
 };

package/image/ImagePreviewGroup.js

@@ -2,10 +2,10 @@ import { jsxs as B, jsx as m } from "react/jsx-runtime";
 import J from "lodash/isArray";
 import K from "lodash/isPlainObject";
 import Q from "lodash/isUndefined";
-import a, { forwardRef as T, useMemo as W, useState as X, useRef as P, useEffect as Y, useImperativeHandle as Z } from "react";
-import $ from "../components/common/hooks/useIsFirstRender.js";
-import g from "../components/common/hooks/useMergeValue.js";
-import ee from "./ImagePreview.js";
+import p, { forwardRef as T, useMemo as W, useState as X, useRef as M, useEffect as Y, useImperativeHandle as Z } from "react";
+import { u as $ } from "../chunk/oopARUrq.js";
+import { u as g } from "../chunk/2vdCeheu.js";
+import { P as ee } from "../chunk/Bz3KT4sO.js";
 import { PreviewGroupContext as re } from "./previewGroupContext.js";
 function ne(C, y) {
   const {
@@ -26,11 +26,11 @@ function ne(C, y) {
   }), i = W(
     () => u ? new Map(u.map((e, r) => [r, { url: e, preview: !0 }])) : null,
     [u]
-  ), A = $(), w = () => i ? new Map(i) : /* @__PURE__ */ new Map(), [E, p] = X(w()), c = P(), F = c.current || /* @__PURE__ */ new Map(), v = (e) => {
+  ), A = $(), v = () => i ? new Map(i) : /* @__PURE__ */ new Map(), [E, a] = X(v()), c = M(), F = c.current || /* @__PURE__ */ new Map(), w = (e) => {
     c.current = e(c.current);
   };
   Y(() => {
-    A || p(w());
+    A || a(v());
   }, [i]);
   const d = new Map(
     Array.from(E).filter(([, { preview: e }]) => e).map(([e, { url: r }]) => [e, r])
@@ -39,46 +39,46 @@ function ne(C, y) {
     defaultValue: U
   });
   function _(e, r, t) {
-    return i || p(
-      (o) => new Map(o).set(e, {
+    return i || a(
+      (s) => new Map(s).set(e, {
         url: r,
         preview: t
       })
     ), function() {
-      i || p((s) => {
-        const n = new Map(s);
-        return n.delete(e) ? n : s;
+      i || a((o) => {
+        const n = new Map(o);
+        return n.delete(e) ? n : o;
       });
     };
   }
   function H(e, r) {
-    return v(
+    return w(
       (t) => new Map(t).set(e, K(r) ? r : {})
     ), function() {
-      v((o) => {
-        const s = new Map(o);
-        return s.delete(e) ? s : o;
+      w((s) => {
+        const o = new Map(s);
+        return o.delete(e) ? o : s;
       });
     };
   }
-  const f = P();
+  const f = M(void 0);
   Z(y, () => ({
     reset: () => {
       f.current && f.current.reset();
     }
   }));
-  const M = (e, r) => {
+  const P = (e, r) => {
     const t = Q(r) ? l : r;
     D?.(e, t), j(e);
   }, O = (e) => {
     b?.(e), S(e);
   }, k = (e) => {
     let r = 0;
-    const t = (o) => {
-      const s = a.Children.map(o, (n) => n && n.props && n.type && n.type.displayName === "Image" ? a.cloneElement(n, { _index: r++ }) : n && n.props && n.props.children ? a.cloneElement(n, {
+    const t = (s) => {
+      const o = p.Children.map(s, (n) => n && n.props && n.type && n.type.displayName === "Image" ? p.cloneElement(n, { _index: r++ }) : n && n.props && n.props.children ? p.cloneElement(n, {
         children: t(n.props.children)
       }) : n);
-      return !J(o) && a.Children.count(o) === 1 ? s[0] : s;
+      return !J(s) && p.Children.count(s) === 1 ? o[0] : o;
     };
     return t(e);
   }, q = () => {
@@ -95,11 +95,11 @@ function ne(C, y) {
         infinite: I,
         currentIndex: L,
         setCurrentIndex: O,
-        setPreviewUrlMap: p,
+        setPreviewUrlMap: a,
         registerPreviewUrl: _,
         registerPreviewProps: H,
         visible: l,
-        handleVisibleChange: M
+        handleVisibleChange: P
       },
       children: [
         k(x),
@@ -109,7 +109,7 @@ function ne(C, y) {
             ref: f,
             src: "",
             visible: l,
-            onVisibleChange: M,
+            onVisibleChange: P,
             ...N
           }
         ),

package/image/index.js

@@ -1,8 +1,8 @@
 import o from "./Image.js";
-import { default as m } from "./ImagePreview.js";
-import { default as f } from "./ImagePreviewGroup.js";
+import { P as m } from "../chunk/Bz3KT4sO.js";
+import { default as p } from "./ImagePreviewGroup.js";
 export {
   m as ImagePreview,
-  f as ImagePreviewGroup,
+  p as ImagePreviewGroup,
   o as default
 };