@unicom-cloud/ui 0.8.46 → 0.8.47

package/chunk/BXZYc88i.js

@@ -0,0 +1,829 @@
+var Mt = Object.defineProperty;
+var Nt = (s, t, o) => t in s ? Mt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[t] = o;
+var Xe = (s, t, o) => Nt(s, typeof t != "symbol" ? t + "" : t, o);
+import { jsx as i, jsxs as V } from "react/jsx-runtime";
+import We from "lodash/isArray";
+import Lt from "lodash/isPlainObject";
+import Ze from "lodash/isUndefined";
+import ie, { useContext as Pe, forwardRef as Ne, createContext as $t, useState as M, useRef as U, useMemo as Se, useImperativeHandle as je, useCallback as At, useEffect as A } from "react";
+import Ut from "../hooks/useIsFirstRender.js";
+import Me from "../hooks/useMergeValue.js";
+import Be from "@unicom-cloud/icons/IconUiClose";
+import Tt from "@unicom-cloud/icons/IconUiCopy";
+import Rt from "@unicom-cloud/icons/IconUiFullscreen";
+import He from "@unicom-cloud/icons/IconUiLeft";
+import zt from "@unicom-cloud/icons/IconUiLoading";
+import Et from "@unicom-cloud/icons/IconUiOriginalSize";
+import _e from "@unicom-cloud/icons/IconUiRight";
+import Dt from "@unicom-cloud/icons/IconUiRotateLeft";
+import Ot from "@unicom-cloud/icons/IconUiRotateRight";
+import Vt from "@unicom-cloud/icons/IconUiZoomIn";
+import Yt from "@unicom-cloud/icons/IconUiZoomOut";
+import { a as qe, b as Ft } from "./z7sBNzI4.js";
+import "lodash/isEqualWith";
+import "react-is";
+import { ArrowDown as Xt, ArrowUp as Bt, ArrowLeft as Gt, ArrowRight as Wt, Esc as Zt } from "../utils/keyCode.js";
+import "lodash/isNumber";
+import "lodash/merge";
+import { isServerRendering as jt, on as Ce, off as ke } from "../utils/dom.js";
+import Ht from "@unicom-cloud/utils/clipboard-copy";
+import "@unicom-cloud/utils/screenfull";
+import "lodash/throttle";
+import "../hooks/useIntersectionObserver.js";
+import _t from "../hooks/useUpdateEffect.js";
+import "../hooks/useLocation.js";
+import qt from "../hooks/useMergeProps.js";
+import "../hooks/useNetworkState.js";
+import Kt from "../hooks/useOverflowHidden.js";
+import { findDOMNode as Jt } from "../utils/reactDOM.js";
+import "@unicom-cloud/utils/tween/easing";
+import Qt from "../Portal.js";
+import { P as Ge } from "./uUGMUxt_.js";
+import Y from "@unicom-cloud/utils/class-name";
+import en from "@unicom-cloud/icons/IconUiMore";
+import tn from "../Tooltip.js";
+import nn from "../Trigger.js";
+const on = (s) => {
+  const { style: t, className: o, prefixCls: n, popup: r, children: u } = s, c = Y(`${n}-trigger`, o);
+  return /* @__PURE__ */ i(nn, { style: t, className: c, popup: r, showArrow: !0, children: u });
+};
+function rn(s) {
+  const {
+    current: t,
+    previewCount: o,
+    infinite: n = !1,
+    disableLeft: r,
+    disableRight: u,
+    onPrev: c,
+    onNext: y
+  } = s, { getPrefixCls: N } = Pe(qe), v = N("image-preview"), F = Y(`${v}-arrow`);
+  return /* @__PURE__ */ V("div", { className: F, children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: Y(`${v}-arrow-left`, {
+          [`${v}-arrow-disabled`]: r
+        }),
+        onClick: (b) => {
+          b.preventDefault(), !r && (c == null || c());
+        },
+        children: /* @__PURE__ */ i(He, {})
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: Y(`${v}-arrow-right`, {
+          [`${v}-arrow-disabled`]: u
+        }),
+        onClick: (b) => {
+          b.preventDefault(), !u && (y == null || y());
+        },
+        children: /* @__PURE__ */ i(_e, {})
+      }
+    )
+  ] });
+}
+const sn = (s, t) => {
+  const {
+    prefixCls: o,
+    previewPrefixCls: n,
+    simple: r = !1,
+    actions: u = [],
+    actionsLayout: c = [],
+    defaultActions: y = []
+  } = s, N = new Set(c), v = (f) => N.has(f.key), F = [
+    ...y.filter(v),
+    ...u.filter(v)
+  ], b = u.filter(
+    (f) => !N.has(f.key)
+  ), X = F.sort((f, I) => {
+    const L = c.indexOf(f.key), R = c.indexOf(I.key);
+    return L > R ? 1 : -1;
+  });
+  if (N.has("extra")) {
+    const f = c.indexOf("extra");
+    X.splice(f, 0, ...b);
+  }
+  const T = (f, I = !1) => {
+    const { content: L, disabled: R, key: C, name: P, getContainer: z, onClick: E, ...j } = f, D = /* @__PURE__ */ V(
+      "div",
+      {
+        className: Y(`${n}-toolbar-action`, {
+          [`${n}-toolbar-action-disabled`]: R
+        }),
+        onClick: (B) => {
+          !R && E && E(B);
+        },
+        onMouseDown: (B) => {
+          B.preventDefault();
+        },
+        ...j,
+        children: [
+          L && /* @__PURE__ */ i("span", { className: `${n}-toolbar-action-content`, children: L }),
+          I && P && /* @__PURE__ */ i("span", { className: `${n}-toolbar-action-name`, children: P })
+        ]
+      },
+      C
+    );
+    return z ? z(D) : D;
+  };
+  if (!X.length) return null;
+  const Z = X.map((f) => {
+    const I = T(f, r);
+    return !r && f.name && !f.getContainer ? /* @__PURE__ */ i(
+      tn,
+      {
+        content: f.name,
+        className: `${n}-toolbar-tooltip`,
+        children: I
+      },
+      f.key
+    ) : I;
+  });
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      ref: t,
+      className: Y(
+        `${n}-toolbar`,
+        {
+          [`${n}-toolbar-simple`]: r
+        },
+        s.className
+      ),
+      style: s.style,
+      children: [
+        r && /* @__PURE__ */ i(
+          on,
+          {
+            prefixCls: o,
+            className: `${n}-trigger`,
+            popup: () => /* @__PURE__ */ i("div", { children: Z }),
+            children: T({
+              key: "trigger",
+              content: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(en, {}) })
+            })
+          }
+        ),
+        !r && Z
+      ]
+    }
+  );
+}, an = Ne(
+  sn
+), Ke = $t({
+  previewGroup: !1,
+  previewUrlMap: /* @__PURE__ */ new Map(),
+  previewPropsMap: /* @__PURE__ */ new Map(),
+  infinite: !0,
+  currentIndex: 0,
+  setCurrentIndex: () => null,
+  setPreviewUrlMap: () => null,
+  registerPreviewUrl: () => null,
+  registerPreviewProps: () => null,
+  visible: !1,
+  handleVisibleChange: () => null
+});
+function cn(s, t, o, n, r) {
+  let u = o, c = n;
+  return o && (s.width > t.width ? u = 0 : (t.left > s.left && (u -= Math.abs(s.left - t.left) / r), t.right < s.right && (u += Math.abs(s.right - t.right) / r))), n && (s.height > t.height ? c = 0 : (t.top > s.top && (c -= Math.abs(s.top - t.top) / r), t.bottom < s.bottom && (c += Math.abs(s.bottom - t.bottom) / r))), [u, c];
+}
+const Je = [
+  25,
+  33,
+  50,
+  67,
+  75,
+  80,
+  90,
+  100,
+  110,
+  125,
+  150,
+  175,
+  200,
+  250,
+  300,
+  400,
+  500
+];
+class ln {
+  constructor(t) {
+    Xe(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 = Je;
+    if (We(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), u = o[n] < 1 ? n + 1 : n;
+      o.splice(u, 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 r = 0; r < o.length; r++) {
+      const u = o[r];
+      if (t === u) {
+        n = r;
+        break;
+      }
+      if (t < u) {
+        const c = o[r - 1];
+        n = c === void 0 || Math.abs(c - t) <= Math.abs(u - t) ? r - 1 : r;
+        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 un(s) {
+  const [t, o] = M(s);
+  return {
+    status: t,
+    isBeforeLoad: t === "beforeLoad",
+    isLoading: t === "loading",
+    isError: t === "error",
+    isLoaded: t === "loaded",
+    isLazyLoad: t === "lazyload",
+    setStatus: o
+  };
+}
+const Ie = 90, fn = {
+  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: Je,
+  resetTranslate: !0
+};
+function mn(s, t) {
+  const {
+    previewGroup: o,
+    previewUrlMap: n,
+    currentIndex: r,
+    setCurrentIndex: u,
+    infinite: c,
+    previewPropsMap: y
+  } = Pe(Ke), N = o ? y.get(r) : {}, v = qt(
+    s,
+    fn,
+    N
+  ), {
+    className: F,
+    style: b,
+    src: X,
+    defaultVisible: T,
+    maskClosable: Z,
+    closable: f,
+    breakPoint: I,
+    actions: L,
+    actionsLayout: R,
+    getPopupContainer: C,
+    onVisibleChange: P,
+    scales: z,
+    escToExit: E,
+    imgAttributes: j = {},
+    imageRender: D,
+    extra: B = null,
+    resetTranslate: J
+  } = v, H = o ? n.get(r) : X, [G, Q] = M(H), [h, se] = Me(!1, {
+    defaultValue: T,
+    value: v.visible
+  }), ee = Pe(qe), { getPrefixCls: l, locale: m, rtl: k } = ee, x = l("image"), p = `${x}-preview`, d = Y(
+    p,
+    {
+      [`${p}-hide`]: !h,
+      [`${p}-rtl`]: k
+    },
+    F
+  ), _ = U(), et = U(), S = U(), Le = U(), ae = U(!1), K = U({
+    pageX: 0,
+    pageY: 0,
+    originX: 0,
+    originY: 0
+  }), { isLoading: tt, isLoaded: nt, setStatus: ce } = un("loading"), [ot, rt] = M(!1), [$, le] = M({ x: 0, y: 0 }), [g, ue] = M(1), [$e, Ae] = M(!1), [te, fe] = M(0), [O, Ue] = M(!1), W = Se(() => new ln(z), []), {
+    onLoad: me,
+    onError: pe,
+    onMouseDown: de,
+    style: it,
+    className: st,
+    ...at
+  } = j, Te = !c && r <= 0, Re = !c && r >= n.size - 1;
+  function ge() {
+    le({ x: 0, y: 0 }), ue(1), fe(0);
+  }
+  je(t, () => ({
+    reset: ge,
+    getRootDOMNode: () => Le.current
+  }));
+  const [ne, ct] = M(), ze = At(() => ne, [ne]);
+  A(() => {
+    const e = C == null ? void 0 : C(), a = Jt(e) || document.body;
+    ct(a);
+  }, [C]), Kt(ze, { hidden: h });
+  const lt = Se(
+    () => !jt && ne === document.body,
+    [ne]
+  );
+  function Ee(e) {
+    const a = n.size;
+    c && (e %= a, e < 0 && (e = a - Math.abs(e))), e !== r && e >= 0 && e <= a - 1 && u(e);
+  }
+  function he() {
+    Ee(r - 1);
+  }
+  function ve() {
+    Ee(r + 1);
+  }
+  function ut() {
+    fe(te === 0 ? 360 - Ie : te - Ie);
+  }
+  function ft() {
+    fe((te + Ie) % 360);
+  }
+  const we = U(null), mt = () => {
+    !$e && Ae(!0), we.current && clearTimeout(we.current), we.current = setTimeout(() => {
+      Ae(!1);
+    }, 1e3);
+  }, oe = (e) => {
+    g !== e && (ue(e), mt());
+  };
+  function ye() {
+    const e = W.getNextScale(g, "zoomIn");
+    oe(e);
+  }
+  function xe() {
+    const e = W.getNextScale(g, "zoomOut");
+    oe(e);
+  }
+  function pt(e) {
+    e.deltaY > 0 ? g >= W.minScale && xe() : g <= W.maxScale && ye();
+  }
+  function dt() {
+    oe(1);
+  }
+  function gt() {
+    const e = S.current.getBoundingClientRect(), a = _.current.getBoundingClientRect(), w = e.height / (a.height / g), q = e.width / (a.width / g), be = Math.max(w, q);
+    oe(be);
+  }
+  function De(e) {
+    e.target === e.currentTarget && Z && re();
+  }
+  function ht() {
+    Ht(G);
+  }
+  function Oe() {
+    re();
+  }
+  function vt(e) {
+    re();
+  }
+  function re() {
+    h && (P == null || P(!1, h), Ze(v.visible) && se(!1));
+  }
+  function wt(e) {
+    if (e && e.length) {
+      const w = e[0].contentRect.width < I;
+      rt(w);
+    }
+  }
+  const Ve = () => {
+    if (!S.current || !_.current) return;
+    const e = S.current.getBoundingClientRect(), a = _.current.getBoundingClientRect(), [w, q] = cn(
+      e,
+      a,
+      $.x,
+      $.y,
+      g
+    );
+    (w !== $.x || q !== $.y) && le({
+      x: w,
+      y: q
+    });
+  }, Ye = (e) => {
+    var a;
+    if (h && O) {
+      (a = e.preventDefault) == null || a.call(e);
+      const { originX: w, originY: q, pageX: be, pageY: It } = K.current, Pt = w + (e.pageX - be) / g, St = q + (e.pageY - It) / g;
+      le({
+        x: Pt,
+        y: St
+      });
+    }
+  }, Fe = (e) => {
+    var a;
+    (a = e.preventDefault) == null || a.call(e), Ue(!1);
+  };
+  function yt(e) {
+    ce("loaded"), me == null || me(e);
+  }
+  function xt(e) {
+    ce("error"), pe == null || pe(e);
+  }
+  const bt = (e) => {
+    var w;
+    (w = e.preventDefault) == null || w.call(e), Ue(!0);
+    const a = e.type === "touchstart" ? e.touches[0] : e;
+    K.current.pageX = a.pageX, K.current.pageY = a.pageY, K.current.originX = $.x, K.current.originY = $.y, de == null || de(e);
+  };
+  A(() => (h && O && (Ce(document, "mousemove", Ye, !1), Ce(document, "mouseup", Fe, !1)), () => {
+    ke(document, "mousemove", Ye, !1), ke(document, "mouseup", Fe, !1);
+  }), [h, O]), A(() => {
+    J && !O && Ve();
+  }, [O, $]), A(() => {
+    J && Ve();
+  }, [g]), A(() => {
+    h && ge();
+  }, [h]), A(() => {
+    Q(H), ce(H ? "loading" : "loaded"), ge();
+  }, [H]), _t(() => {
+    W.updateScale(z), ue(1);
+  }, [z]), A(() => {
+    const e = (a) => {
+      if (a)
+        switch (a.key) {
+          case Zt.key:
+            E && re();
+            break;
+          case Wt.key:
+            ve();
+            break;
+          case Gt.key:
+            he();
+            break;
+          case Bt.key:
+            ye();
+            break;
+          case Xt.key:
+            xe();
+            break;
+        }
+    };
+    return h && !O && !ae.current && (ae.current = !0, Ce(document, "keydown", e)), () => {
+      ae.current = !1, ke(document, "keydown", e);
+    };
+  }, [h, E, O, r, g]);
+  const Ct = [
+    !1,
+    {
+      key: "rotateRight",
+      name: m.ImagePreview.rotateRight,
+      content: /* @__PURE__ */ i(Ot, {}),
+      onClick: ft
+    },
+    {
+      key: "rotateLeft",
+      name: m.ImagePreview.rotateLeft,
+      content: /* @__PURE__ */ i(Dt, {}),
+      onClick: ut
+    },
+    {
+      key: "zoomIn",
+      name: m.ImagePreview.zoomIn,
+      content: /* @__PURE__ */ i(Vt, {}),
+      onClick: ye,
+      disabled: g === W.maxScale
+    },
+    {
+      key: "zoomOut",
+      name: m.ImagePreview.zoomOut,
+      content: /* @__PURE__ */ i(Yt, {}),
+      onClick: xe,
+      disabled: g === W.minScale
+    },
+    {
+      key: "originalSize",
+      name: m.ImagePreview.originalSize,
+      content: /* @__PURE__ */ i(Et, {}),
+      onClick: dt
+    },
+    {
+      key: "maximize",
+      name: "最大化",
+      content: /* @__PURE__ */ i(Rt, {}),
+      onClick: gt
+    },
+    !!o && {
+      key: "next",
+      name: "下一张",
+      content: /* @__PURE__ */ i(_e, {}),
+      disabled: Re,
+      onClick: ve
+    },
+    !!o && {
+      key: "prev",
+      name: "上一张",
+      content: /* @__PURE__ */ i(He, {}),
+      disabled: Te,
+      onClick: he
+    },
+    {
+      key: "copy",
+      name: "复制",
+      content: /* @__PURE__ */ i(Tt, {}),
+      onClick: ht
+    },
+    {
+      key: "close",
+      name: "关闭",
+      content: /* @__PURE__ */ i(Be, {}),
+      onClick: Oe
+    }
+  ].filter(Boolean);
+  A(() => {
+    let e;
+    return S.current && (e = new ResizeObserver(wt), e.observe(S.current)), () => {
+      var a, w;
+      S.current && ((a = e == null ? void 0 : e.unobserve) == null || a.call(e, S.current)), (w = e == null ? void 0 : e.disconnect) == null || w.call(e), e = null;
+    };
+  }, [S.current]);
+  const kt = () => {
+    const e = /* @__PURE__ */ i(
+      "img",
+      {
+        onWheel: pt,
+        ref: _,
+        className: Y(st, `${p}-img`, {
+          [`${p}-img-moving`]: O
+        }),
+        style: {
+          ...it,
+          transform: `translate(${$.x}px, ${$.y}px) rotate(${te}deg)`
+        },
+        src: G,
+        ...at,
+        onLoad: yt,
+        onError: xt,
+        onMouseDown: (a) => {
+          a.button === 0 && bt(a);
+        }
+      },
+      G
+    );
+    return (D == null ? void 0 : D(e)) ?? e;
+  };
+  return /* @__PURE__ */ i(Qt, { visible: h, forceRender: !1, getContainer: ze, children: /* @__PURE__ */ i(
+    Ft,
+    {
+      ...ee,
+      getPopupContainer: () => S.current,
+      children: /* @__PURE__ */ V(
+        "div",
+        {
+          className: d,
+          style: {
+            ...b || {},
+            ...lt ? {} : { zIndex: "inherit", position: "absolute" }
+          },
+          ref: Le,
+          children: [
+            /* @__PURE__ */ i(
+              Ge,
+              {
+                in: h,
+                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__ */ i("div", { className: `${p}-mask`, onClick: vt })
+              }
+            ),
+            h && /* @__PURE__ */ V(
+              "div",
+              {
+                ref: S,
+                className: `${p}-wrapper`,
+                onClick: De,
+                children: [
+                  /* @__PURE__ */ V(
+                    "div",
+                    {
+                      ref: et,
+                      className: `${p}-img-container`,
+                      style: { transform: `scale(${g}, ${g})` },
+                      onClick: De,
+                      children: [
+                        kt(),
+                        tt && /* @__PURE__ */ i("div", { className: `${p}-loading`, children: /* @__PURE__ */ i(zt, {}) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    Ge,
+                    {
+                      in: $e,
+                      timeout: 400,
+                      appear: !0,
+                      classNames: "fadeImage",
+                      unmountOnExit: !0,
+                      children: /* @__PURE__ */ V("div", { className: `${p}-scale-value`, children: [
+                        (g * 100).toFixed(0),
+                        "%"
+                      ] })
+                    }
+                  ),
+                  nt && /* @__PURE__ */ i(
+                    an,
+                    {
+                      prefixCls: x,
+                      previewPrefixCls: p,
+                      actions: L,
+                      actionsLayout: R,
+                      defaultActions: Ct,
+                      simple: ot
+                    }
+                  ),
+                  f && /* @__PURE__ */ i(
+                    "div",
+                    {
+                      className: `${p}-close-btn`,
+                      onClick: Oe,
+                      children: /* @__PURE__ */ i(Be, {})
+                    }
+                  ),
+                  o && /* @__PURE__ */ i(
+                    rn,
+                    {
+                      previewCount: n.size,
+                      current: r,
+                      infinite: c,
+                      disableLeft: Te,
+                      disableRight: Re,
+                      onPrev: he,
+                      onNext: ve
+                    }
+                  ),
+                  B
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+const Qe = Ne(
+  mn
+);
+Qe.displayName = "ImagePreview";
+function pn(s, t) {
+  const {
+    children: o,
+    srcList: n,
+    infinite: r,
+    current: u,
+    defaultCurrent: c,
+    onChange: y,
+    visible: N,
+    defaultVisible: v,
+    forceRender: F,
+    onVisibleChange: b,
+    ...X
+  } = s, [T, Z] = Me(!1, {
+    value: N,
+    defaultValue: v
+  }), f = Se(
+    () => n ? new Map(n.map((l, m) => [m, { url: l, preview: !0 }])) : null,
+    [n]
+  ), I = Ut(), L = () => f ? new Map(f) : /* @__PURE__ */ new Map(), [R, C] = M(L()), P = U(), z = P.current || /* @__PURE__ */ new Map(), E = (l) => {
+    P.current = l(P.current);
+  };
+  A(() => {
+    I || C(L());
+  }, [f]);
+  const j = new Map(
+    Array.from(R).filter(([, { preview: l }]) => l).map(([l, { url: m }]) => [l, m])
+  ), [D, B] = Me(0, {
+    value: u,
+    defaultValue: c
+  });
+  function J(l, m, k) {
+    return f || C(
+      (x) => new Map(x).set(l, {
+        url: m,
+        preview: k
+      })
+    ), function() {
+      f || C((p) => {
+        const d = new Map(p);
+        return d.delete(l) ? d : p;
+      });
+    };
+  }
+  function H(l, m) {
+    return E(
+      (k) => new Map(k).set(l, Lt(m) ? m : {})
+    ), function() {
+      E((x) => {
+        const p = new Map(x);
+        return p.delete(l) ? p : x;
+      });
+    };
+  }
+  const G = U();
+  je(t, () => ({
+    reset: () => {
+      G.current && G.current.reset();
+    }
+  }));
+  const Q = (l, m) => {
+    const k = Ze(m) ? T : m;
+    b == null || b(l, k), Z(l);
+  }, h = (l) => {
+    y == null || y(l), B(l);
+  }, se = (l) => {
+    let m = 0;
+    const k = (x) => {
+      const p = ie.Children.map(x, (d) => d && d.props && d.type && d.type.displayName === "Image" ? ie.cloneElement(d, { _index: m++ }) : d && d.props && d.props.children ? ie.cloneElement(d, {
+        children: k(d.props.children)
+      }) : d);
+      return !We(x) && ie.Children.count(x) === 1 ? p[0] : p;
+    };
+    return k(l);
+  }, ee = () => {
+    const l = Array.from(j.values());
+    return l.length > 0 ? /* @__PURE__ */ i("div", { style: { display: "none" }, children: l.map((m) => /* @__PURE__ */ i("img", { src: m }, m)) }) : null;
+  };
+  return /* @__PURE__ */ V(
+    Ke.Provider,
+    {
+      value: {
+        previewGroup: !0,
+        previewUrlMap: j,
+        previewPropsMap: z,
+        infinite: r,
+        currentIndex: D,
+        setCurrentIndex: h,
+        setPreviewUrlMap: C,
+        registerPreviewUrl: J,
+        registerPreviewProps: H,
+        visible: T,
+        handleVisibleChange: Q
+      },
+      children: [
+        se(o),
+        /* @__PURE__ */ i(
+          Qe,
+          {
+            ref: G,
+            src: "",
+            visible: T,
+            onVisibleChange: Q,
+            ...X
+          }
+        ),
+        F && ee()
+      ]
+    }
+  );
+}
+const dn = Ne(pn);
+dn.displayName = "ImagePreviewGroup";
+export {
+  Qe as P,
+  on as T,
+  dn as a,
+  Ke as b,
+  un as u
+};