@unicom-cloud/ui 0.8.157 → 0.8.158

package/icon/addIconFromCdn.js

@@ -1,32 +1,32 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isServerRendering as e, isString as t } from "../utils/is.js";
 import n from "./Icon.js";
-import r, { useImperativeHandle as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as r, useImperativeHandle as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region components/pc/icon/addIconFromCdn.tsx
-var o = [];
-function s(s = {}) {
-	let { src: c, extraProps: l = {} } = s;
-	if (!e && t(c) && c.length && !o.includes(c)) {
+var s = [];
+function c(c = {}) {
+	let { src: l, extraProps: u = {} } = c;
+	if (!e && t(l) && l.length && !s.includes(l)) {
 		let e = document.createElement("script");
-		e.setAttribute("src", c), e.setAttribute("data-namespace", c), o.push(c), document.body.appendChild(e);
+		e.setAttribute("src", l), e.setAttribute("data-namespace", l), s.push(l), document.body.appendChild(e);
 	}
-	function u(e, t) {
-		let { type: o, children: s, ...c } = e, u = r.useRef(null);
-		i(t, () => Object.assign({}, u.current, { getRootElement() {
-			return u.current.getRootElement();
+	function d(e, t) {
+		let { type: r, children: s, ...c } = e, l = a(null);
+		i(t, () => Object.assign({}, l.current, { getRootElement() {
+			return l.current.getRootElement();
 		} }));
 		let d;
-		return o && (d = /* @__PURE__ */ a("use", { xlinkHref: `#${o}` })), s && (d = s), /* @__PURE__ */ a(n, {
-			type: o,
+		return r && (d = /* @__PURE__ */ o("use", { xlinkHref: `#${r}` })), s && (d = s), /* @__PURE__ */ o(n, {
+			type: r,
 			...c,
-			...l,
-			ref: u,
+			...u,
+			ref: l,
 			children: d
 		});
 	}
-	return u.displayName = "Iconfont", r.forwardRef(u);
+	return d.displayName = "Iconfont", r(d);
 }
 //#endregion
-export { s as default };
+export { c as default };
 /* 独立思考，明辨是非 */

package/icon/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./Icon.js";
 import t from "./addIconFromCdn.js";
 import n from "@unicom-cloud/icons/context";

package/icon-hover/IconHover.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import { FormContext as n, FormItemContext as r } from "../form/context.js";

package/icon-hover/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./IconHover.js";
 //#region components/pc/icon-hover/index.tsx
 var t = Object.assign(e, {});

package/icons/file/File.js

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

package/icons/file/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./File.js";
 //#region components/pc/icons/file/index.tsx
 var t = Object.assign(e, {});

package/icons.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import * as e from "@unicom-cloud/icons/ui";
 export * from "@unicom-cloud/icons/ui";
 //#region components/pc/icons.ts

package/image/Image.d.ts

@@ -1,12 +1,6 @@
 import React from 'react';
-import ImagePreview from './ImagePreview';
-import ImagePreviewGroup from './ImagePreviewGroup';
 import type { ImageProps } from './interface';
-declare const RefImageComponent: React.ForwardRefExoticComponent<ImageProps & {
+declare const ImageComponent: React.ForwardRefExoticComponent<ImageProps & {
     _index?: number;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const ImageComponent: typeof RefImageComponent & {
-    Preview: typeof ImagePreview;
-    PreviewGroup: typeof ImagePreviewGroup;
-};
 export default ImageComponent;

package/image/Image.js

@@ -1,55 +1,56 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isNumber as e, isPlainObject as t, isUndefined as n } from "../utils/is.js";
-import ee from "../hooks/use-merge-value/index.js";
+import ee from "../hooks/use-controllable-value/index.js";
+import { useInViewport as te } from "../hooks/index.js";
 import r from "../utils/className.js";
-import te from "../hooks/use-merge-props/index.js";
-import ne from "../config-provider/context.js";
-import re from "../utils/omit.js";
+import ne from "../hooks/use-merge-props/index.js";
+import re from "../config-provider/context.js";
+import ie from "../utils/omit.js";
 import "../config-provider/index.js";
-import ie from "../hooks/use-keyboard-event/index.js";
-import { ImagePreviewGroupContext as ae } from "./context.js";
-import i from "../hooks/use-in-view/index.js";
-import oe from "./utils/hook/useShowFooter.js";
-import { ImageFooter as se } from "./ImageFooter.js";
-import ce from "./utils/hook/useImageStatus.js";
-import le from "./ImagePreview.js";
-import "./ImagePreviewGroup.js";
-import a, { useContext as o, useEffect as s, useImperativeHandle as ue, useMemo as c, useRef as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import de from "@unicom-cloud/icons/IconUiLoading";
-import fe from "@unicom-cloud/icons/IconUiImageClose";
+import ae from "../hooks/use-keyboard-event/index.js";
+import { ImagePreviewGroupContext as oe } from "./context.js";
+import se from "./utils/hook/useShowFooter.js";
+import { ImageFooter as i } from "./ImageFooter.js";
+import a from "./utils/hook/useImageStatus.js";
+import ce from "./ImagePreview.js";
+import { forwardRef as o, useContext as s, useEffect as c, useImperativeHandle as le, useMemo as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import ue from "@unicom-cloud/icons/IconUiLoading";
+import de from "@unicom-cloud/icons/IconUiImageClose";
 //#region components/pc/image/Image.tsx
-var f = 0, pe = {
+var p = 0, m = {
 	footerPosition: "inner",
 	preview: !0
 };
-function p(a, p) {
-	let { prefixCls: m, getPrefixCls: me, componentConfig: he, rtl: h } = o(ne), { style: g, className: ge, src: _, width: v, height: y, title: b, description: x, actions: S, footerPosition: C, simple: w, loader: T, loaderClassName: _e, loaderTip: ve, error: ye, preview: E, previewProps: D, alt: O, onClick: be, index: k, _index: A, onError: j, onLoad: M, lazyload: N, ...xe } = te(a, pe, he?.Image), Se = ie(), { previewGroup: P, handleVisibleChange: Ce, registerPreviewUrl: we, registerPreviewProps: Te, setCurrentIndex: Ee } = o(ae), F = c(() => t(D) ? D : {}, [D]), De = c(() => t(N) ? N : {}, [N]), I = c(() => e(k) || e(A) ? (f = e(k) ? k : A, f) : f++, []), L = F.src || _, [R] = oe({
+function h(o, h) {
+	let { prefixCls: g, getPrefixCls: fe, componentConfig: pe, rtl: me } = s(re), { style: he, className: ge, src: _, width: v, height: y, title: b, description: x, actions: S, footerPosition: C, simple: w, loader: T, loaderClassName: _e, loaderTip: ve, error: ye, preview: E, previewProps: D, alt: O, onClick: be, index: k, _index: A, onError: j, onLoad: M, lazyload: N, ...xe } = ne(o, m, pe?.Image), Se = ae(), { previewGroup: P, handleVisibleChange: Ce, registerPreviewUrl: we, registerPreviewProps: Te, setCurrentIndex: Ee } = s(oe), F = l(() => t(D) ? D : {}, [D]), De = l(() => t(N) ? N : {}, [N]), I = l(() => e(k) || e(A) ? (p = e(k) ? k : A, p) : p++, []), L = F.src || _, [R] = se({
 		title: b,
 		description: x,
 		actions: S
-	}), { isLoading: z, isError: B, isLoaded: V, isBeforeLoad: Oe, setStatus: H } = ce("beforeLoad"), U = l(!1), [W, ke] = ee(!1, {
-		defaultValue: F.defaultVisible,
-		value: F.visible
-	}), G = c(() => re(F, [
+	}), { isLoading: z, isError: B, isLoaded: V, isBeforeLoad: Oe, setStatus: H } = a("beforeLoad"), U = u(!1), [W, ke] = ee({ ...F }, {
+		defaultValue: !1,
+		defaultValuePropName: "defaultVisible",
+		valuePropName: "visible",
+		triggerPropName: !1
+	}), G = l(() => ie(F, [
 		"visible",
 		"defaultVisible",
 		"src",
 		"onVisibleChange"
-	]), [F]), K = me?.("image"), q = !n(F.visible), Ae = r(K, {
-		[`${K}-rtl`]: h,
+	]), [F]), K = fe?.("image"), Ae = !n(F.visible), je = r(K, {
+		[`${K}-rtl`]: me,
 		[`${K}-simple`]: w,
 		[`${K}-before-load`]: Oe,
 		[`${K}-loading`]: z,
 		[`${K}-loading-error`]: B,
 		[`${K}-with-footer-inner`]: V && R && C === "inner",
 		[`${K}-with-footer-outer`]: V && R && C === "outer",
-		[`${K}-with-preview`]: V && E && !B && !q
-	}, ge), J = l(void 0);
-	function je(e) {
+		[`${K}-with-preview`]: V && E && !B && !Ae
+	}, ge), q = u(null);
+	function Me(e) {
 		U.current = !0, H("loaded"), M?.(e);
 	}
-	function Me(e) {
+	function J(e) {
 		U.current = !0, H("error"), j?.(e);
 	}
 	function Y(e) {
@@ -58,16 +59,15 @@ function p(a, p) {
 	function X(e) {
 		F?.onVisibleChange?.(e, W), ke(e);
 	}
-	let { inView: Z } = i({
-		target: J.current,
+	let [Z] = te(q, {
 		defaultInView: !N,
 		...De
 	});
-	s(() => {
+	c(() => {
 		U.current = !1, _ || H("error");
-	}, [_]), s(() => {
-		J.current && (Z ? ((J.current.src || _) && J.current.src !== _ && (J.current.src = _), !U.current && !J.current.complete && H("loading")) : H("lazyload"));
-	}, [_, Z]), s(() => {
+	}, [_]), c(() => {
+		q.current && (Z ? ((q.current.src || _) && q.current.src !== _ && (q.current.src = _), !U.current && !q.current.complete && H("loading")) : H("lazyload"));
+	}, [_, Z]), c(() => {
 		if (!P) return;
 		let e = Te(I, G);
 		return () => e(I);
@@ -75,7 +75,7 @@ function p(a, p) {
 		I,
 		P,
 		G
-	]), s(() => {
+	]), c(() => {
 		if (!P) return;
 		let e = we(I, L, E);
 		return () => e(I);
@@ -84,38 +84,38 @@ function p(a, p) {
 		P,
 		L,
 		E
-	]), s(() => () => {}, [_]);
-	let Ne = /* @__PURE__ */ d("div", {
+	]), c(() => () => {}, [_]);
+	let Ne = /* @__PURE__ */ f("div", {
 		className: `${K}-error`,
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: `${K}-error-icon`,
-			children: /* @__PURE__ */ u(fe, {})
-		}), O && /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ d(de, {})
+		}), O && /* @__PURE__ */ d("div", {
 			className: `${K}-error-alt`,
 			children: O
 		})]
-	}), Q = /* @__PURE__ */ u("div", {
+	}), Q = /* @__PURE__ */ d("div", {
 		className: r(`${K}-loader`, _e),
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: `${K}-loader-spin`,
-			children: [/* @__PURE__ */ u(de, {}), /* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d(ue, {}), /* @__PURE__ */ d("div", {
 				className: `${K}-loader-spin-text`,
 				children: ve ?? "Loading"
 			})]
 		})
-	}), Pe = () => T === !0 ? Q : N || T ? T || Q : null, $ = l(null);
-	return ue(p, () => ({ getRootElement() {
+	}), Pe = () => T === !0 ? Q : N || T ? T || Q : null, $ = u(null);
+	return le(h, () => ({ getRootElement() {
 		return $.current;
-	} })), /* @__PURE__ */ d("div", {
-		className: Ae,
+	} })), /* @__PURE__ */ f("div", {
+		className: je,
 		style: Object.assign({
 			width: v,
 			height: y
-		}, g),
+		}, he),
 		ref: $,
 		children: [
-			/* @__PURE__ */ u("img", {
-				ref: J,
+			/* @__PURE__ */ d("img", {
+				ref: q,
 				className: `${K}-img`,
 				tabIndex: 0,
 				...Se({ onPressEnter: Y }),
@@ -124,23 +124,23 @@ function p(a, p) {
 				title: b,
 				width: v,
 				height: y,
-				onLoad: je,
-				onError: Me,
+				onLoad: Me,
+				onError: J,
 				onClick: Y,
 				alt: O
 			}),
-			!V && /* @__PURE__ */ d("div", {
+			!V && /* @__PURE__ */ f("div", {
 				className: `${K}-overlay`,
 				children: [B && (ye || Ne), z && Pe()]
 			}),
-			V && R && /* @__PURE__ */ u(se, {
+			V && R && /* @__PURE__ */ d(i, {
 				title: b,
 				description: x,
 				actions: S,
 				prefixCls: K,
 				simple: w
 			}),
-			V && E && /* @__PURE__ */ u(le, {
+			V && E && /* @__PURE__ */ d(ce, {
 				visible: W,
 				src: L,
 				...G,
@@ -149,8 +149,8 @@ function p(a, p) {
 		]
 	});
 }
-var m = a.forwardRef(p);
-m.displayName = "Image";
+var g = o(h);
+g.displayName = "Image";
 //#endregion
-export { m as default };
+export { g as default };
 /* 独立思考，明辨是非 */

package/image/ImageFooter.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/className.js";
 import { TriggerForToolbar as t } from "./TriggerForToolbar.js";
 import n from "./utils/hook/useShowFooter.js";

package/image/ImagePreview.js

@@ -1,28 +1,28 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 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 re from "../hooks/use-controllable-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 { TransitionCSS as se } from "../transition/index.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 be } from "./utils/getScale.js";
+import xe from "./utils/hook/useImageStatus.js";
+import { forwardRef as s, useCallback as Se, useContext as c, useEffect as l, useImperativeHandle as Ce, useMemo as we, 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";
@@ -54,43 +54,45 @@ var h = 90, Ie = "ImagePreview", Le = {
 	],
 	getPopupContainer: f,
 	escToExit: !0,
-	scales: ye,
+	scales: be,
 	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
+function g(be, s) {
+	let { previewGroup: g, previewUrlMap: _, currentIndex: v, setCurrentIndex: Re, infinite: y, previewPropsMap: ze } = c(he), b = ae(be, 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({ ...b }, {
+		defaultValue: !1,
+		defaultValuePropName: "defaultVisible",
+		valuePropName: "visible",
+		triggerPropName: !1
 	}), 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({
+	}, Be), O = u(null), lt = u(null), k = u(null), A = u(null), ut = u(null), j = u(!1), M = u({
 		pageX: 0,
 		pageY: 0,
 		originX: 0,
 		originY: 0
-	}), { isLoading: dt, isLoaded: ft, setStatus: N } = be("loading"), [pt, mt] = d(!1), [P, F] = d({
+	}), { isLoading: dt, isLoaded: ft, setStatus: N } = xe("loading"), [pt, mt] = d(!1), [P, F] = d({
 		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;
+	}), [I, L] = d(1), [ht, R] = d(!1), [z, B] = d(0), [V, H] = d(!1), U = we(() => new ye(x), []), { onLoad: gt, onError: _t, onMouseDown: vt, style: yt, className: bt, ...xt } = Qe, St = !y && v <= 0, Ct = !y && v >= _.size - 1;
 	function W() {
 		F({
 			x: 0,
 			y: 0
 		}), L(1), B(0);
 	}
-	Se(s, () => ({
+	Ce(s, () => ({
 		reset: W,
 		getRootElement() {
 			return A.current;
 		}
 	}));
-	let [G, wt] = d(), Tt = xe(() => G, [G]);
+	let [G, wt] = d(), Tt = Se(() => G, [G]);
 	l(() => {
 		let e = Ye?.();
-		wt(le(e) || f());
-	}, [Ye]), de(Tt, { hidden: w });
-	let Et = Ce(() => !t && G === f(), [G]);
+		wt(ue(e) || f());
+	}, [Ye]), fe(Tt, { hidden: w });
+	let Et = we(() => !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);
@@ -137,7 +139,7 @@ function g(ye, s) {
 		e.target === e.currentTarget && We && Q();
 	}
 	function Ft() {
-		ce(C);
+		le(C);
 	}
 	function It() {
 		Q();
@@ -153,7 +155,7 @@ function g(ye, s) {
 	}
 	let zt = () => {
 		if (!k.current || !O.current) return;
-		let [e, t] = _e(k.current.getBoundingClientRect(), O.current.getBoundingClientRect(), P.x, P.y, I);
+		let [e, t] = ve(k.current.getBoundingClientRect(), O.current.getBoundingClientRect(), P.x, P.y, I);
 		(e !== P.x || t !== P.y) && F({
 			x: e,
 			y: t
@@ -191,7 +193,7 @@ function g(ye, s) {
 		w && W();
 	}, [w]), l(() => {
 		nt(S), N(S ? "loading" : "loaded"), W();
-	}, [S]), fe(() => {
+	}, [S]), pe(() => {
 		U.updateScale(x), L(1);
 	}, [x]), l(() => {
 		let e = (e) => {
@@ -291,7 +293,7 @@ function g(ye, s) {
 			onClick: It
 		}
 	].filter(Boolean);
-	ue((e) => {
+	de((e) => {
 		Rt(e);
 	}, [k.current]);
 	let Gt = () => {
@@ -313,14 +315,14 @@ function g(ye, s) {
 		}, C);
 		return $e?.(e) ?? e;
 	};
-	return /* @__PURE__ */ p(pe, {
+	return /* @__PURE__ */ p(me, {
 		visible: w,
 		getContainer: Tt,
-		children: /* @__PURE__ */ p(se, {
+		children: /* @__PURE__ */ p(ce, {
 			...it,
 			childrenName: Ie,
 			getPopupContainer: () => k.current,
-			children: /* @__PURE__ */ p(we, {
+			children: /* @__PURE__ */ p(se, {
 				in: w,
 				duration: 400,
 				appear: !0,
@@ -373,7 +375,7 @@ function g(ye, s) {
 								className: `${D}-scale-value`,
 								children: [(I * 100).toFixed(0), "%"]
 							}),
-							ft && /* @__PURE__ */ p(ge, {
+							ft && /* @__PURE__ */ p(_e, {
 								prefixCls: E,
 								previewPrefixCls: D,
 								actions: qe,
@@ -386,7 +388,7 @@ function g(ye, s) {
 								onClick: It,
 								children: /* @__PURE__ */ p(Te, {})
 							}),
-							g && /* @__PURE__ */ p(he, {
+							g && /* @__PURE__ */ p(ge, {
 								previewCount: _.size,
 								current: v,
 								infinite: y,

package/image/ImagePreviewArrow.js

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

package/image/ImagePreviewGroup.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isArray as e, isPlainObject as t, isUndefined as n } from "../utils/is.js";
-import r from "../hooks/use-merge-value/index.js";
+import r from "../hooks/use-controllable-value/index.js";
 import i from "../hooks/use-is-first-render/index.js";
 import { ImagePreviewGroupContext as a } from "./context.js";
 import o from "./ImagePreview.js";
@@ -11,9 +11,11 @@ var g = "forceRender";
 function _(c, _) {
 	let { children: v, srcList: y, infinite: b, current: x, defaultCurrent: S, onChange: C, visible: w, defaultVisible: T, shouldPreloadImageList: E, [g]: D, onVisibleChange: O, ...k } = c, A = E;
 	g in c && (A = D);
-	let [j, M] = r(!1, {
-		value: w,
-		defaultValue: T
+	let [j, M] = r({ ...c }, {
+		defaultValue: !1,
+		defaultValuePropName: "defaultVisible",
+		valuePropName: "visible",
+		triggerPropName: !1
 	}), N = d(() => y ? new Map(y.map((e, t) => [t, {
 		url: e,
 		preview: !0
@@ -23,9 +25,11 @@ function _(c, _) {
 	l(() => {
 		P || L(F());
 	}, [N]);
-	let V = new Map(Array.from(I).filter(([, { preview: e }]) => e).map(([e, { url: t }]) => [e, t])), [H, U] = r(0, {
-		value: x,
-		defaultValue: S
+	let V = new Map(Array.from(I).filter(([, { preview: e }]) => e).map(([e, { url: t }]) => [e, t])), [H, U] = r({ ...c }, {
+		defaultValue: 0,
+		defaultValuePropName: "defaultCurrent",
+		valuePropName: "current",
+		triggerPropName: !1
 	});
 	function W(e, t, n) {
 		return N || L((r) => new Map(r).set(e, {

package/image/ImagePreviewToolbar.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/className.js";
 import t from "../tooltip/index.js";
 import { TriggerForToolbar as n } from "./TriggerForToolbar.js";

package/image/TriggerForToolbar.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/className.js";
 import t from "../trigger/index.js";
 import "react";

package/image/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { createContext as e } from "react";
 //#region components/pc/image/context.ts
 var t = e({

package/image/index.d.ts

@@ -4,9 +4,6 @@ import ImagePreviewGroup from './ImagePreviewGroup';
 declare const Image: import("react").ForwardRefExoticComponent<import("./interface").ImageProps & {
     _index?: number;
 } & import("react").RefAttributes<HTMLDivElement>> & {
-    Preview: typeof ImagePreview;
-    PreviewGroup: typeof ImagePreviewGroup;
-} & {
     Preview: import("react").ForwardRefExoticComponent<import("./interface").ImagePreviewProps & import("react").RefAttributes<import("./ImagePreview").ImagePreviewHandle>>;
     PreviewGroup: import("react").ForwardRefExoticComponent<import("./interface").ImagePreviewGroupProps & {
         children?: import("react").ReactNode | undefined;

package/image/index.js

@@ -1,13 +1,13 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { ImagePreviewGroupContext as e } from "./context.js";
 import t from "./ImagePreview.js";
-import n from "./ImagePreviewGroup.js";
-import r from "./Image.js";
+import n from "./Image.js";
+import r from "./ImagePreviewGroup.js";
 //#region components/pc/image/index.tsx
-var i = Object.assign(r, {
+var i = Object.assign(n, {
 	Preview: t,
-	PreviewGroup: n
+	PreviewGroup: r
 });
 //#endregion
-export { t as ImagePreview, n as ImagePreviewGroup, e as ImagePreviewGroupContext, i as default };
+export { t as ImagePreview, r as ImagePreviewGroup, e as ImagePreviewGroupContext, i as default };
 /* 独立思考，明辨是非 */

package/image/utils/getFixTranslate.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 //#region components/pc/image/utils/getFixTranslate.ts
 function e(e, t, n, r, i) {
 	let a = n, o = r;

package/image/utils/getScale.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isArray as e, isUndefined as t } from "../../utils/is.js";
 //#region components/pc/image/utils/getScale.ts
 var n = [

package/image/utils/hook/useImageStatus.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { useState as e } from "react";
 //#region components/pc/image/utils/hook/useImageStatus.ts
 function t(t) {

package/image/utils/hook/useShowFooter.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 //#region components/pc/image/utils/hook/useShowFooter.ts
 function e(e) {
 	let { title: t, description: n, actions: r } = e, i = t || n, a = r?.length;