@unicom-cloud/ui 0.8.41

package/chunk/CEMQTMlX.js

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