@unicom-cloud/ui 0.8.156 → 0.8.157

package/image/ImagePreview.js

@@ -1,41 +1,41 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isHTMLElement as e, isServerRendering as t, isUndefined as n } from "../utils/is.js";
-import { ArrowDown as r, ArrowLeft as ee, ArrowRight as te, ArrowUp as ne, Esc as re } from "../utils/keyboardCode.js";
-import ie from "../hooks/use-merge-value/index.js";
-import ae from "../utils/className.js";
-import oe from "../hooks/use-merge-props/index.js";
-import { off as i, on as a } from "../utils/dom.js";
-import se from "../config-provider/context.js";
-import ce from "../config-provider/index.js";
-import le from "../utils/copy.js";
-import ue from "../utils/findRootElement.js";
-import de from "../hooks/use-resize-observers/index.js";
-import fe from "../hooks/use-overflow-hidden/index.js";
-import pe from "../hooks/use-update-effect/index.js";
-import me from "../portal/index.js";
-import { ImagePreviewGroupContext as he } from "./context.js";
-import ge from "./ImagePreviewArrow.js";
-import _e from "./ImagePreviewToolbar.js";
-import ve from "./utils/getFixTranslate.js";
-import ye, { defaultScales as o } from "./utils/getScale.js";
+import { ArrowDown as r, ArrowLeft as i, ArrowRight as ee, ArrowUp as te, Esc as ne } from "../utils/keyboardCode.js";
+import re from "../hooks/use-merge-value/index.js";
+import ie from "../utils/className.js";
+import ae from "../hooks/use-merge-props/index.js";
+import { off as a, on as o } from "../utils/dom.js";
+import oe from "../config-provider/context.js";
+import se from "../config-provider/index.js";
+import ce from "../utils/copy.js";
+import le from "../utils/findRootElement.js";
+import ue from "../hooks/use-resize-observers/index.js";
+import de from "../hooks/use-overflow-hidden/index.js";
+import fe from "../hooks/use-update-effect/index.js";
+import pe from "../portal/index.js";
+import { ImagePreviewGroupContext as me } from "./context.js";
+import he from "./ImagePreviewArrow.js";
+import ge from "./ImagePreviewToolbar.js";
+import _e from "./utils/getFixTranslate.js";
+import ve, { defaultScales as ye } from "./utils/getScale.js";
 import be from "./utils/hook/useImageStatus.js";
-import { forwardRef as xe, useCallback as Se, useContext as Ce, useEffect as s, useImperativeHandle as we, useMemo as Te, useRef as c, useState as l } from "react";
-import { getBodyContainer as u } from "@unicom-cloud/ui-common/utils/dom";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import Ee from "@unicom-cloud/ui-common/transition/TransitionCSS";
-import De from "@unicom-cloud/icons/IconUiClose";
-import Oe from "@unicom-cloud/icons/IconUiLoading";
-import ke from "@unicom-cloud/icons/IconUiCopy";
-import Ae from "@unicom-cloud/icons/IconUiLeft";
-import je from "@unicom-cloud/icons/IconUiRight";
-import Me from "@unicom-cloud/icons/IconUiFullscreen";
-import Ne from "@unicom-cloud/icons/IconUiOriginalSize";
-import Pe from "@unicom-cloud/icons/IconUiRotateLeft";
-import Fe from "@unicom-cloud/icons/IconUiRotateRight";
-import Ie from "@unicom-cloud/icons/IconUiZoomIn";
-import Le from "@unicom-cloud/icons/IconUiZoomOut";
+import { forwardRef as s, useCallback as xe, useContext as c, useEffect as l, useImperativeHandle as Se, useMemo as Ce, useRef as u, useState as d } from "react";
+import { getBodyContainer as f } from "@unicom-cloud/ui-common/utils/dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import we from "@unicom-cloud/ui-common/transition/TransitionCSS";
+import Te from "@unicom-cloud/icons/IconUiClose";
+import Ee from "@unicom-cloud/icons/IconUiLoading";
+import De from "@unicom-cloud/icons/IconUiCopy";
+import Oe from "@unicom-cloud/icons/IconUiLeft";
+import ke from "@unicom-cloud/icons/IconUiRight";
+import Ae from "@unicom-cloud/icons/IconUiFullscreen";
+import je from "@unicom-cloud/icons/IconUiOriginalSize";
+import Me from "@unicom-cloud/icons/IconUiRotateLeft";
+import Ne from "@unicom-cloud/icons/IconUiRotateRight";
+import Pe from "@unicom-cloud/icons/IconUiZoomIn";
+import Fe from "@unicom-cloud/icons/IconUiZoomOut";
 //#region components/pc/image/ImagePreview.tsx
-var p = 90, Re = {
+var h = 90, Ie = "ImagePreview", Le = {
 	maskClosable: !0,
 	closable: !0,
 	breakPoint: 316,
@@ -52,160 +52,160 @@ var p = 90, Re = {
 		"extra",
 		"close"
 	],
-	getPopupContainer: u,
+	getPopupContainer: f,
 	escToExit: !0,
-	scales: o,
+	scales: ye,
 	resetTranslate: !0
 };
-function m(o, xe) {
-	let { previewGroup: m, previewUrlMap: h, currentIndex: g, setCurrentIndex: ze, infinite: _, previewPropsMap: Be } = Ce(he), v = oe(o, Re, m ? Be.get(g) : {}), { className: Ve, style: He, src: Ue, defaultVisible: We, maskClosable: Ge, closable: Ke, breakPoint: qe, actions: Je, actionsLayout: Ye, getPopupContainer: y, onVisibleChange: Xe, scales: b, escToExit: x, imgAttributes: Ze = {}, imageRender: Qe, extra: $e = null, resetTranslate: S } = v, C = m ? h.get(g) : Ue, [w, et] = l(C), [T, tt] = ie(!1, {
-		defaultValue: We,
-		value: v.visible
-	}), E = Ce(se), { prefixCls: nt, getPrefixCls: rt, locale: D, rtl: it } = E, O = rt?.("image"), k = `${O}-preview`, at = ae(k, {
-		[`${k}-hide`]: !T,
-		[`${k}-rtl`]: it
-	}, Ve), A = c(void 0), ot = c(void 0), j = c(void 0), M = c(void 0), st = c(void 0), N = c(!1), P = c({
+function g(ye, s) {
+	let { previewGroup: g, previewUrlMap: _, currentIndex: v, setCurrentIndex: Re, infinite: y, previewPropsMap: ze } = c(me), b = ae(ye, Le, g ? ze.get(v) : {}), { className: Be, style: Ve, src: He, defaultVisible: Ue, maskClosable: We, closable: Ge, breakPoint: Ke, actions: qe, actionsLayout: Je, getPopupContainer: Ye, onVisibleChange: Xe, scales: x, escToExit: Ze, imgAttributes: Qe = {}, imageRender: $e, extra: et = null, resetTranslate: tt } = b, S = g ? _.get(v) : He, [C, nt] = d(S), [w, rt] = re(!1, {
+		defaultValue: Ue,
+		value: b.visible
+	}), it = c(oe), { prefixCls: at, getPrefixCls: ot, locale: T, rtl: st } = it, E = ot?.("image"), D = `${E}-preview`, ct = ie(D, {
+		[`${D}-hide`]: !w,
+		[`${D}-rtl`]: st
+	}, Be), O = u(void 0), lt = u(void 0), k = u(void 0), A = u(void 0), ut = u(void 0), j = u(!1), M = u({
 		pageX: 0,
 		pageY: 0,
 		originX: 0,
 		originY: 0
-	}), { isLoading: ct, isLoaded: lt, setStatus: F } = be("loading"), [ut, dt] = l(!1), [I, L] = l({
+	}), { isLoading: dt, isLoaded: ft, setStatus: N } = be("loading"), [pt, mt] = d(!1), [P, F] = d({
 		x: 0,
 		y: 0
-	}), [R, z] = l(1), [ft, pt] = l(!1), [B, V] = l(0), [H, mt] = l(!1), U = Te(() => new ye(b), []), { onLoad: ht, onError: gt, onMouseDown: _t, style: vt, className: yt, ...bt } = Ze, xt = !_ && g <= 0, St = !_ && g >= h.size - 1;
+	}), [I, L] = d(1), [ht, R] = d(!1), [z, B] = d(0), [V, H] = d(!1), U = Ce(() => new ve(x), []), { onLoad: gt, onError: _t, onMouseDown: vt, style: yt, className: bt, ...xt } = Qe, St = !y && v <= 0, Ct = !y && v >= _.size - 1;
 	function W() {
-		L({
+		F({
 			x: 0,
 			y: 0
-		}), z(1), V(0);
+		}), L(1), B(0);
 	}
-	we(xe, () => ({
+	Se(s, () => ({
 		reset: W,
 		getRootElement() {
-			return M.current;
+			return A.current;
 		}
 	}));
-	let [G, Ct] = l(), wt = Se(() => G, [G]);
-	s(() => {
-		let e = y?.();
-		Ct(ue(e) || u());
-	}, [y]), fe(wt, { hidden: T });
-	let Tt = Te(() => !t && G === u(), [G]);
-	function Et(e) {
-		let t = h.size;
-		_ && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== g && e >= 0 && e <= t - 1 && ze(e);
+	let [G, wt] = d(), Tt = xe(() => G, [G]);
+	l(() => {
+		let e = Ye?.();
+		wt(le(e) || f());
+	}, [Ye]), de(Tt, { hidden: w });
+	let Et = Ce(() => !t && G === f(), [G]);
+	function Dt(e) {
+		let t = _.size;
+		y && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== v && e >= 0 && e <= t - 1 && Re(e);
 	}
 	function K() {
-		Et(g - 1);
+		Dt(v - 1);
 	}
 	function q() {
-		Et(g + 1);
-	}
-	function Dt() {
-		V(B === 0 ? 360 - p : B - p);
+		Dt(v + 1);
 	}
 	function Ot() {
-		V((B + p) % 360);
+		B(z === 0 ? 360 - h : z - h);
+	}
+	function kt() {
+		B((z + h) % 360);
 	}
-	let J = c(null), kt = () => {
-		!ft && pt(!0), J.current && clearTimeout(J.current), J.current = setTimeout(() => {
-			pt(!1);
+	let J = u(null), At = () => {
+		!ht && R(!0), J.current && clearTimeout(J.current), J.current = setTimeout(() => {
+			R(!1);
 		}, 1e3);
 	}, Y = (e) => {
-		R !== e && (z(e), kt());
+		I !== e && (L(e), At());
 	};
 	function X() {
-		Y(U.getNextScale(R, "zoomIn"));
+		Y(U.getNextScale(I, "zoomIn"));
 	}
 	function Z() {
-		Y(U.getNextScale(R, "zoomOut"));
+		Y(U.getNextScale(I, "zoomOut"));
 	}
-	function At(e) {
-		e.deltaY > 0 ? R >= U.minScale && Z() : R <= U.maxScale && X();
+	function jt(e) {
+		e.deltaY > 0 ? I >= U.minScale && Z() : I <= U.maxScale && X();
 	}
-	function jt() {
+	function Mt() {
 		Y(1);
 	}
-	function Mt() {
-		let e = j.current?.getBoundingClientRect?.(), t = A.current?.getBoundingClientRect?.();
+	function Nt() {
+		let e = k.current?.getBoundingClientRect?.(), t = O.current?.getBoundingClientRect?.();
 		if (e instanceof DOMRect && t instanceof DOMRect) {
-			let n = e.height / (t.height / R), r = e.width / (t.width / R);
+			let n = e.height / (t.height / I), r = e.width / (t.width / I);
 			Y(Math.max(n, r));
 		}
 	}
-	function Nt(e) {
-		e.target === e.currentTarget && Ge && Q();
-	}
-	function Pt() {
-		le(w);
+	function Pt(e) {
+		e.target === e.currentTarget && We && Q();
 	}
 	function Ft() {
+		ce(C);
+	}
+	function It() {
 		Q();
 	}
-	function It(e) {
+	function Lt(e) {
 		Q();
 	}
 	function Q() {
-		T && (Xe?.(!1, T), n(v.visible) && tt(!1));
+		w && (Xe?.(!1, w), n(b.visible) && rt(!1));
 	}
-	function Lt(e) {
-		e && e.length && dt(e[0].contentRect.width < qe);
+	function Rt(e) {
+		e?.length && mt(e[0].contentRect.width < Ke);
 	}
-	let Rt = () => {
-		if (!j.current || !A.current) return;
-		let [e, t] = ve(j.current.getBoundingClientRect(), A.current.getBoundingClientRect(), I.x, I.y, R);
-		(e !== I.x || t !== I.y) && L({
+	let zt = () => {
+		if (!k.current || !O.current) return;
+		let [e, t] = _e(k.current.getBoundingClientRect(), O.current.getBoundingClientRect(), P.x, P.y, I);
+		(e !== P.x || t !== P.y) && F({
 			x: e,
 			y: t
 		});
-	}, zt = (e) => {
-		if (T && H) {
+	}, $ = (e) => {
+		if (w && V) {
 			e.preventDefault?.();
-			let { originX: t, originY: n, pageX: r, pageY: ee } = P.current;
-			L({
-				x: t + (e.pageX - r) / R,
-				y: n + (e.pageY - ee) / R
+			let { originX: t, originY: n, pageX: r, pageY: i } = M.current;
+			F({
+				x: t + (e.pageX - r) / I,
+				y: n + (e.pageY - i) / I
 			});
 		}
-	}, $ = (e) => {
-		e.preventDefault?.(), mt(!1);
+	}, Bt = (e) => {
+		e.preventDefault?.(), H(!1);
 	};
-	function Bt(e) {
-		F("loaded"), ht?.(e);
-	}
 	function Vt(e) {
-		F("error"), gt?.(e);
+		N("loaded"), gt?.(e);
+	}
+	function Ht(e) {
+		N("error"), _t?.(e);
 	}
-	let Ht = (e) => {
-		e.preventDefault?.(), mt(!0);
+	let Ut = (e) => {
+		e.preventDefault?.(), H(!0);
 		let t = e.type === "touchstart" ? e.touches[0] : e;
-		P.current.pageX = t.pageX, P.current.pageY = t.pageY, P.current.originX = I.x, P.current.originY = I.y, _t?.(e);
+		M.current.pageX = t.pageX, M.current.pageY = t.pageY, M.current.originX = P.x, M.current.originY = P.y, vt?.(e);
 	};
-	s(() => (T && H && (a(document, "mousemove", zt, !1), a(document, "mouseup", $, !1)), () => {
-		i(document, "mousemove", zt, !1), i(document, "mouseup", $, !1);
-	}), [T, H]), s(() => {
-		S && !H && Rt();
-	}, [H, I]), s(() => {
-		S && Rt();
-	}, [R]), s(() => {
-		T && W();
-	}, [T]), s(() => {
-		et(C), F(C ? "loading" : "loaded"), W();
-	}, [C]), pe(() => {
-		U.updateScale(b), z(1);
-	}, [b]), s(() => {
+	l(() => (w && V && (o(document, "mousemove", $, !1), o(document, "mouseup", Bt, !1)), () => {
+		a(document, "mousemove", $, !1), a(document, "mouseup", Bt, !1);
+	}), [w, V]), l(() => {
+		tt && !V && zt();
+	}, [V, P]), l(() => {
+		tt && zt();
+	}, [I]), l(() => {
+		w && W();
+	}, [w]), l(() => {
+		nt(S), N(S ? "loading" : "loaded"), W();
+	}, [S]), fe(() => {
+		U.updateScale(x), L(1);
+	}, [x]), l(() => {
 		let e = (e) => {
 			if (e) switch (e.key) {
-				case re.key:
-					x && Q();
+				case ne.key:
+					Ze && Q();
 					break;
-				case te.key:
+				case ee.key:
 					q();
 					break;
-				case ee.key:
+				case i.key:
 					K();
 					break;
-				case ne.key:
+				case te.key:
 					X();
 					break;
 				case r.key:
@@ -214,188 +214,188 @@ function m(o, xe) {
 				default:
 			}
 		};
-		return T && !H && !N.current && (N.current = !0, a(document, "keydown", e)), () => {
-			N.current = !1, i(document, "keydown", e);
+		return w && !V && !j.current && (j.current = !0, o(document, "keydown", e)), () => {
+			j.current = !1, a(document, "keydown", e);
 		};
 	}, [
-		T,
-		x,
-		H,
-		g,
-		R
+		w,
+		Ze,
+		V,
+		v,
+		I
 	]);
-	let Ut = [
+	let Wt = [
 		!1,
 		{
 			key: "rotateRight",
-			name: D?.ImagePreview?.rotateRight,
-			content: /* @__PURE__ */ d(Fe, {}),
-			onClick: Ot
+			name: T?.ImagePreview?.rotateRight,
+			content: /* @__PURE__ */ p(Ne, {}),
+			onClick: kt
 		},
 		{
 			key: "rotateLeft",
-			name: D?.ImagePreview?.rotateLeft,
-			content: /* @__PURE__ */ d(Pe, {}),
-			onClick: Dt
+			name: T?.ImagePreview?.rotateLeft,
+			content: /* @__PURE__ */ p(Me, {}),
+			onClick: Ot
 		},
 		{
 			key: "zoomIn",
-			name: D?.ImagePreview?.zoomIn,
-			content: /* @__PURE__ */ d(Ie, {}),
+			name: T?.ImagePreview?.zoomIn,
+			content: /* @__PURE__ */ p(Pe, {}),
 			onClick: X,
-			disabled: R === U.maxScale
+			disabled: I === U.maxScale
 		},
 		{
 			key: "zoomOut",
-			name: D?.ImagePreview?.zoomOut,
-			content: /* @__PURE__ */ d(Le, {}),
+			name: T?.ImagePreview?.zoomOut,
+			content: /* @__PURE__ */ p(Fe, {}),
 			onClick: Z,
-			disabled: R === U.minScale
+			disabled: I === U.minScale
 		},
 		{
 			key: "originalSize",
-			name: D?.ImagePreview?.originalSize,
-			content: /* @__PURE__ */ d(Ne, {}),
-			onClick: jt
+			name: T?.ImagePreview?.originalSize,
+			content: /* @__PURE__ */ p(je, {}),
+			onClick: Mt
 		},
 		{
 			key: "maximize",
 			name: "最大化",
-			content: /* @__PURE__ */ d(Me, {}),
-			onClick: Mt
+			content: /* @__PURE__ */ p(Ae, {}),
+			onClick: Nt
 		},
-		!!m && {
+		!!g && {
 			key: "next",
 			name: "下一张",
-			content: /* @__PURE__ */ d(je, {}),
-			disabled: St,
+			content: /* @__PURE__ */ p(ke, {}),
+			disabled: Ct,
 			onClick: q
 		},
-		!!m && {
+		!!g && {
 			key: "prev",
 			name: "上一张",
-			content: /* @__PURE__ */ d(Ae, {}),
-			disabled: xt,
+			content: /* @__PURE__ */ p(Oe, {}),
+			disabled: St,
 			onClick: K
 		},
 		{
 			key: "copy",
 			name: "复制",
-			content: /* @__PURE__ */ d(ke, {}),
-			onClick: Pt
+			content: /* @__PURE__ */ p(De, {}),
+			onClick: Ft
 		},
 		{
 			key: "close",
 			name: "关闭",
-			content: /* @__PURE__ */ d(De, {}),
-			onClick: Ft
+			content: /* @__PURE__ */ p(Te, {}),
+			onClick: It
 		}
 	].filter(Boolean);
-	de((e) => {
-		Lt(e);
-	}, [j.current]);
-	let Wt = () => {
-		let e = /* @__PURE__ */ d("img", {
-			onWheel: At,
-			ref: A,
-			className: ae(yt, `${k}-img`, { [`${k}-img-moving`]: H }),
+	ue((e) => {
+		Rt(e);
+	}, [k.current]);
+	let Gt = () => {
+		let e = /* @__PURE__ */ p("img", {
+			onWheel: jt,
+			ref: O,
+			className: ie(bt, `${D}-img`, { [`${D}-img-moving`]: V }),
 			style: {
-				...vt,
-				transform: `translate(${I.x}px, ${I.y}px) rotate(${B}deg)`
+				...yt,
+				transform: `translate(${P.x}px, ${P.y}px) rotate(${z}deg)`
 			},
-			src: w,
-			...bt,
-			onLoad: Bt,
-			onError: Vt,
+			src: C,
+			...xt,
+			onLoad: Vt,
+			onError: Ht,
 			onMouseDown: (e) => {
-				e.button === 0 && Ht(e);
+				e.button === 0 && Ut(e);
 			}
-		}, w);
-		return Qe?.(e) ?? e;
+		}, C);
+		return $e?.(e) ?? e;
 	};
-	return /* @__PURE__ */ d(me, {
-		visible: T,
-		getContainer: wt,
-		children: /* @__PURE__ */ d(ce, {
-			...E,
-			childrenName: "ImagePreview",
-			getPopupContainer: () => j.current,
-			children: /* @__PURE__ */ d(Ee, {
-				in: T,
+	return /* @__PURE__ */ p(pe, {
+		visible: w,
+		getContainer: Tt,
+		children: /* @__PURE__ */ p(se, {
+			...it,
+			childrenName: Ie,
+			getPopupContainer: () => k.current,
+			children: /* @__PURE__ */ p(we, {
+				in: w,
 				duration: 400,
 				appear: !0,
-				classNames: `${k}-fade`,
+				classNames: `${D}-fade`,
 				mountOnEnter: !0,
 				unmountOnExit: !1,
 				onEnter: (t) => {
-					if (t ||= M.current, e(t)) {
+					if (t ||= A.current, e(t)) {
 						let n = t.parentNode;
 						e(n) && (n.style.display = "block"), t.style.display = "block";
 					}
 				},
 				onExited: (t) => {
-					if (t ||= M.current, e(t)) {
+					if (t ||= A.current, e(t)) {
 						let n = t.parentNode;
 						e(n) && (n.style.display = ""), t.style.display = "none";
 					}
 				},
-				refElement: M,
-				children: /* @__PURE__ */ f("div", {
+				refElement: A,
+				children: /* @__PURE__ */ m("div", {
 					style: {
-						...He || {},
-						...Tt ? {} : {
+						...Ve || {},
+						...Et ? {} : {
 							zIndex: "inherit",
 							position: "absolute"
 						}
 					},
-					className: at,
-					ref: M,
-					children: [/* @__PURE__ */ d("div", {
-						ref: st,
-						className: `${k}-mask`,
-						onClick: It
-					}), /* @__PURE__ */ f("div", {
-						ref: j,
-						className: `${k}-wrapper`,
-						onClick: Nt,
+					className: ct,
+					ref: A,
+					children: [/* @__PURE__ */ p("div", {
+						ref: ut,
+						className: `${D}-mask`,
+						onClick: Lt
+					}), /* @__PURE__ */ m("div", {
+						ref: k,
+						className: `${D}-wrapper`,
+						onClick: Pt,
 						children: [
-							/* @__PURE__ */ f("div", {
-								ref: ot,
-								className: `${k}-img-container`,
-								style: { transform: `scale(${R}, ${R})` },
-								onClick: Nt,
-								children: [Wt(), ct && /* @__PURE__ */ d("div", {
-									className: `${k}-loading`,
-									children: /* @__PURE__ */ d(Oe, {})
+							/* @__PURE__ */ m("div", {
+								ref: lt,
+								className: `${D}-img-container`,
+								style: { transform: `scale(${I}, ${I})` },
+								onClick: Pt,
+								children: [Gt(), dt && /* @__PURE__ */ p("div", {
+									className: `${D}-loading`,
+									children: /* @__PURE__ */ p(Ee, {})
 								})]
 							}),
-							ft && /* @__PURE__ */ f("div", {
-								className: `${k}-scale-value`,
-								children: [(R * 100).toFixed(0), "%"]
+							ht && /* @__PURE__ */ m("div", {
+								className: `${D}-scale-value`,
+								children: [(I * 100).toFixed(0), "%"]
 							}),
-							lt && /* @__PURE__ */ d(_e, {
-								prefixCls: O,
-								previewPrefixCls: k,
-								actions: Je,
-								actionsLayout: Ye,
-								defaultActions: Ut,
-								simple: ut
+							ft && /* @__PURE__ */ p(ge, {
+								prefixCls: E,
+								previewPrefixCls: D,
+								actions: qe,
+								actionsLayout: Je,
+								defaultActions: Wt,
+								simple: pt
 							}),
-							Ke && /* @__PURE__ */ d("div", {
-								className: `${k}-close-btn`,
-								onClick: Ft,
-								children: /* @__PURE__ */ d(De, {})
+							Ge && /* @__PURE__ */ p("div", {
+								className: `${D}-close-btn`,
+								onClick: It,
+								children: /* @__PURE__ */ p(Te, {})
 							}),
-							m && /* @__PURE__ */ d(ge, {
-								previewCount: h.size,
-								current: g,
-								infinite: _,
-								disableLeft: xt,
-								disableRight: St,
+							g && /* @__PURE__ */ p(he, {
+								previewCount: _.size,
+								current: v,
+								infinite: y,
+								disableLeft: St,
+								disableRight: Ct,
 								onPrev: K,
 								onNext: q
 							}),
-							$e
+							et
 						]
 					})]
 				})
@@ -403,8 +403,8 @@ function m(o, xe) {
 		})
 	});
 }
-var h = xe(m);
-h.displayName = "ImagePreview";
+var _ = s(g);
+_.displayName = Ie;
 //#endregion
-export { h as default };
+export { _ as default };
 /* 独立思考，明辨是非 */

package/image/ImagePreviewArrow.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";