@unicom-cloud/ui 0.8.157 → 0.8.159

package/image/ImagePreview.js

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

package/image/ImagePreviewArrow.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";