@unicom-cloud/ui 0.8.161 → 0.8.163

package/image/ImagePreview.js

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

package/image/ImagePreviewArrow.d.ts

@@ -7,5 +7,5 @@ interface ImagePreviewArrowProps {
     onPrev?: () => void;
     onNext?: () => void;
 }
-declare function ImagePreviewArrow(props: ImagePreviewArrowProps): import("react/jsx-runtime").JSX.Element;
+declare function ImagePreviewArrow(props: ImagePreviewArrowProps): import("react").JSX.Element;
 export default ImagePreviewArrow;

package/image/ImagePreviewArrow.js

@@ -1,7 +1,6 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import e from "../utils/className.js";
-import t from "../config-provider/context.js";
-import "../config-provider/index.js";
+import { ConfigContext as t } from "../config-provider/context.js";
 import { useContext as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import a from "@unicom-cloud/icons/IconUiLeft";