@unicom-cloud/ui 0.8.159 → 0.8.161

package/image/ImagePreview.js

@@ -1,10 +1,11 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 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 i, on as a } from "../utils/dom.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";
@@ -21,9 +22,9 @@ 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 { 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";
@@ -36,7 +37,7 @@ 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 f = 90, p = "ImagePreview", Be = {
+var p = 90, Be = {
 	maskClosable: !0,
 	closable: !0,
 	breakPoint: 316,
@@ -53,13 +54,13 @@ var f = 90, p = "ImagePreview", Be = {
 		"extra",
 		"close"
 	],
-	getPopupContainer: l,
+	getPopupContainer: u,
 	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] = c(C), [T, rt] = ie({ ...v }, {
+	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 }, {
 		defaultValue: !1,
 		defaultValuePropName: "defaultVisible",
 		valuePropName: "visible",
@@ -67,15 +68,15 @@ function m(Se, we) {
 	}), 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({
+	}, Ue), A = c(null), ct = c(null), j = c(null), M = c(null), lt = c(null), N = c(!1), P = c({
 		pageX: 0,
 		pageY: 0,
 		originX: 0,
 		originY: 0
-	}), { isLoading: ut, isLoaded: dt, setStatus: F } = Ce("loading"), [ft, pt] = c(!1), [I, L] = c({
+	}), { isLoading: ut, isLoaded: dt, setStatus: F } = Ce("loading"), [ft, pt] = l(!1), [I, L] = l({
 		x: 0,
 		y: 0
-	}), [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;
+	}), [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({
 			x: 0,
@@ -88,12 +89,12 @@ function m(Se, we) {
 			return M.current;
 		}
 	}));
-	let [G, Tt] = c(), Et = Te(() => G, [G]);
-	o(() => {
+	let [G, Tt] = l(), Et = Te(() => G, [G]);
+	s(() => {
 		let e = y?.();
-		Tt(de(e) || l());
+		Tt(de(e) || u());
 	}, [y]), pe(Et, { hidden: T });
-	let Dt = Oe(() => !t && G === l(), [G]);
+	let Dt = Oe(() => !t && G === u(), [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);
@@ -105,12 +106,12 @@ function m(Se, we) {
 		Ot(g + 1);
 	}
 	function kt() {
-		V(B === 0 ? 360 - f : B - f);
+		V(B === 0 ? 360 - p : B - p);
 	}
 	function At() {
-		V((B + f) % 360);
+		V((B + p) % 360);
 	}
-	let J = s(null), jt = () => {
+	let J = c(null), jt = () => {
 		!mt && ht(!0), J.current && clearTimeout(J.current), J.current = setTimeout(() => {
 			ht(!1);
 		}, 1e3);
@@ -184,19 +185,19 @@ function m(Se, we) {
 		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);
 	};
-	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(() => (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]), o(() => {
+	}, [H, I]), s(() => {
 		S && Bt();
-	}, [R]), o(() => {
+	}, [R]), s(() => {
 		T && W();
-	}, [T]), o(() => {
+	}, [T]), s(() => {
 		nt(C), F(C ? "loading" : "loaded"), W();
 	}, [C]), me(() => {
 		U.updateScale(b), z(1);
-	}, [b]), o(() => {
+	}, [b]), s(() => {
 		let e = (e) => {
 			if (e) switch (e.key) {
 				case re.key:
@@ -217,8 +218,8 @@ function m(Se, we) {
 				default:
 			}
 		};
-		return T && !H && !N.current && (N.current = !0, a(document, "keydown", e)), () => {
-			N.current = !1, i(document, "keydown", e);
+		return T && !H && !N.current && (N.current = !0, o(document, "keydown", e)), () => {
+			N.current = !1, a(document, "keydown", e);
 		};
 	}, [
 		T,
@@ -232,65 +233,65 @@ function m(Se, we) {
 		{
 			key: "rotateRight",
 			name: D?.ImagePreview?.rotateRight,
-			content: /* @__PURE__ */ u(Le, {}),
+			content: /* @__PURE__ */ d(Le, {}),
 			onClick: At
 		},
 		{
 			key: "rotateLeft",
 			name: D?.ImagePreview?.rotateLeft,
-			content: /* @__PURE__ */ u(Ie, {}),
+			content: /* @__PURE__ */ d(Ie, {}),
 			onClick: kt
 		},
 		{
 			key: "zoomIn",
 			name: D?.ImagePreview?.zoomIn,
-			content: /* @__PURE__ */ u(Re, {}),
+			content: /* @__PURE__ */ d(Re, {}),
 			onClick: X,
 			disabled: R === U.maxScale
 		},
 		{
 			key: "zoomOut",
 			name: D?.ImagePreview?.zoomOut,
-			content: /* @__PURE__ */ u(ze, {}),
+			content: /* @__PURE__ */ d(ze, {}),
 			onClick: Z,
 			disabled: R === U.minScale
 		},
 		{
 			key: "originalSize",
 			name: D?.ImagePreview?.originalSize,
-			content: /* @__PURE__ */ u(Fe, {}),
+			content: /* @__PURE__ */ d(Fe, {}),
 			onClick: Nt
 		},
 		{
 			key: "maximize",
 			name: "最大化",
-			content: /* @__PURE__ */ u(Pe, {}),
+			content: /* @__PURE__ */ d(Pe, {}),
 			onClick: Pt
 		},
 		!!m && {
 			key: "next",
 			name: "下一张",
-			content: /* @__PURE__ */ u(Ne, {}),
+			content: /* @__PURE__ */ d(Ne, {}),
 			disabled: wt,
 			onClick: q
 		},
 		!!m && {
 			key: "prev",
 			name: "上一张",
-			content: /* @__PURE__ */ u(Me, {}),
+			content: /* @__PURE__ */ d(Me, {}),
 			disabled: Ct,
 			onClick: K
 		},
 		{
 			key: "copy",
 			name: "复制",
-			content: /* @__PURE__ */ u(je, {}),
+			content: /* @__PURE__ */ d(je, {}),
 			onClick: It
 		},
 		{
 			key: "close",
 			name: "关闭",
-			content: /* @__PURE__ */ u(ke, {}),
+			content: /* @__PURE__ */ d(ke, {}),
 			onClick: Lt
 		}
 	].filter(Boolean);
@@ -298,7 +299,7 @@ function m(Se, we) {
 		zt(e);
 	}, [j.current]);
 	let Kt = () => {
-		let e = /* @__PURE__ */ u("img", {
+		let e = /* @__PURE__ */ d("img", {
 			onWheel: Mt,
 			ref: A,
 			className: ae(xt, `${k}-img`, { [`${k}-img-moving`]: H }),
@@ -316,15 +317,15 @@ function m(Se, we) {
 		}, w);
 		return et?.(e) ?? e;
 	};
-	return /* @__PURE__ */ u(ge, {
-		name: p,
+	return /* @__PURE__ */ d(ge, {
+		name: i.displayName,
 		visible: T,
 		getContainer: Et,
-		children: /* @__PURE__ */ u(le, {
+		children: /* @__PURE__ */ d(le, {
 			...E,
-			childrenName: p,
+			childrenName: i.displayName,
 			getPopupContainer: () => j.current,
-			children: /* @__PURE__ */ u(ce, {
+			children: /* @__PURE__ */ d(ce, {
 				in: T,
 				duration: {
 					enter: 400,
@@ -347,7 +348,7 @@ function m(Se, we) {
 					}
 				},
 				refElement: M,
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ f("div", {
 					style: {
 						...We || {},
 						...Dt ? {} : {
@@ -357,32 +358,32 @@ function m(Se, we) {
 					},
 					className: st,
 					ref: M,
-					children: [/* @__PURE__ */ u(he, {
+					children: [/* @__PURE__ */ d(he, {
 						ref: lt,
 						className: `${k}-mask`,
 						visible: !0,
 						transition: !1,
 						onClick: Rt
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ f("div", {
 						ref: j,
 						className: `${k}-wrapper`,
 						onClick: Ft,
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								ref: ct,
 								className: `${k}-img-container`,
 								style: { transform: `scale(${R}, ${R})` },
 								onClick: Ft,
-								children: [Kt(), ut && /* @__PURE__ */ u("div", {
+								children: [Kt(), ut && /* @__PURE__ */ d("div", {
 									className: `${k}-loading`,
-									children: /* @__PURE__ */ u(Ae, {})
+									children: /* @__PURE__ */ d(Ae, {})
 								})]
 							}),
-							mt && /* @__PURE__ */ d("div", {
+							mt && /* @__PURE__ */ f("div", {
 								className: `${k}-scale-value`,
 								children: [(R * 100).toFixed(0), "%"]
 							}),
-							dt && /* @__PURE__ */ u(ye, {
+							dt && /* @__PURE__ */ d(ye, {
 								prefixCls: O,
 								previewPrefixCls: k,
 								actions: Xe,
@@ -390,12 +391,12 @@ function m(Se, we) {
 								defaultActions: Gt,
 								simple: ft
 							}),
-							Je && /* @__PURE__ */ u("div", {
+							Je && /* @__PURE__ */ d("div", {
 								className: `${k}-close-btn`,
 								onClick: Lt,
-								children: /* @__PURE__ */ u(ke, {})
+								children: /* @__PURE__ */ d(ke, {})
 							}),
-							m && /* @__PURE__ */ u(ve, {
+							m && /* @__PURE__ */ d(ve, {
 								previewCount: h.size,
 								current: g,
 								infinite: _,
@@ -413,7 +414,7 @@ function m(Se, we) {
 	});
 }
 var h = we(m);
-h.displayName = p;
+h.displayName = i.displayName;
 //#endregion
 export { h as default };
 /* 独立思考，明辨是非 */

package/image/ImagePreviewArrow.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";

package/image/ImagePreviewGroup.js

@@ -1,111 +1,112 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 import { isArray as e, isPlainObject as t, isUndefined as n } from "../utils/is.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";
-import s, { forwardRef as c, useEffect as l, useImperativeHandle as u, useMemo as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { IMAGE_COMPONENT_INFO as i, IMAGE_PREVIEW_GROUP_COMPONENT_INFO as a } from "../utils/names.js";
+import o from "../hooks/use-is-first-render/index.js";
+import { ImagePreviewGroupContext as s } from "./context.js";
+import c from "./ImagePreview.js";
+import l, { forwardRef as u, useEffect as d, useImperativeHandle as f, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region components/pc/image/ImagePreviewGroup.tsx
-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({ ...c }, {
+var v = "forceRender";
+function y(a, u) {
+	let { children: y, srcList: b, infinite: x, current: S, defaultCurrent: C, onChange: w, visible: T, defaultVisible: E, shouldPreloadImageList: D, [v]: O, onVisibleChange: k, ...A } = a, j = D;
+	v in a && (j = O);
+	let [M, N] = r({ ...a }, {
 		defaultValue: !1,
 		defaultValuePropName: "defaultVisible",
 		valuePropName: "visible",
 		triggerPropName: !1
-	}), N = d(() => y ? new Map(y.map((e, t) => [t, {
+	}), P = p(() => b ? new Map(b.map((e, t) => [t, {
 		url: e,
 		preview: !0
-	}])) : null, [y]), P = i(), F = () => N ? new Map(N) : /* @__PURE__ */ new Map(), [I, L] = p(F()), R = f(), z = R.current || /* @__PURE__ */ new Map(), B = (e) => {
-		R.current = e(R.current);
+	}])) : null, [b]), F = o(), I = () => P ? new Map(P) : /* @__PURE__ */ new Map(), [L, R] = h(I()), z = m(), B = z.current || /* @__PURE__ */ new Map(), V = (e) => {
+		z.current = e(z.current);
 	};
-	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({ ...c }, {
+	d(() => {
+		F || R(I());
+	}, [P]);
+	let H = new Map(Array.from(L).filter(([, { preview: e }]) => e).map(([e, { url: t }]) => [e, t])), [U, W] = r({ ...a }, {
 		defaultValue: 0,
 		defaultValuePropName: "defaultCurrent",
 		valuePropName: "current",
 		triggerPropName: !1
 	});
-	function W(e, t, n) {
-		return N || L((r) => new Map(r).set(e, {
+	function G(e, t, n) {
+		return P || R((r) => new Map(r).set(e, {
 			url: t,
 			preview: n
 		})), function() {
-			N || L((t) => {
+			P || R((t) => {
 				let n = new Map(t);
 				return n.delete(e) ? n : t;
 			});
 		};
 	}
-	function G(e, n) {
-		return B((r) => new Map(r).set(e, t(n) ? n : {})), function() {
-			B((t) => {
+	function K(e, n) {
+		return V((r) => new Map(r).set(e, t(n) ? n : {})), function() {
+			V((t) => {
 				let n = new Map(t);
 				return n.delete(e) ? n : t;
 			});
 		};
 	}
-	let K = f(void 0);
-	u(_, () => ({
+	let q = m(void 0);
+	f(u, () => ({
 		reset: () => {
-			K.current?.reset?.();
+			q.current?.reset?.();
 		},
 		getRootElement() {
-			return K.current.getRootElement();
+			return q.current.getRootElement();
 		}
 	}));
-	let q = (e, t) => {
-		let r = n(t) ? j : t;
-		O?.(e, r), M(e);
-	}, J = (e) => {
-		C?.(e), U(e);
-	}, Y = (t) => {
+	let J = (e, t) => {
+		let r = n(t) ? M : t;
+		k?.(e, r), N(e);
+	}, Y = (e) => {
+		w?.(e), W(e);
+	}, X = (t) => {
 		let n = 0, r = (t) => {
-			let i = s.Children.map(t, (e) => e?.props && e?.type && e.type.displayName === "Image" ? s.cloneElement(e, { _index: n++ }) : e?.props?.children ? s.cloneElement(e, { children: r(e.props.children) }) : e);
-			return !e(t) && s.Children.count(t) === 1 ? i[0] : i;
+			let a = l.Children.map(t, (e) => e?.props && e?.type && e.type?.displayName === i.displayName ? l.cloneElement(e, { _index: n++ }) : e?.props?.children ? l.cloneElement(e, { children: r(e.props.children) }) : e);
+			return !e(t) && l.Children.count(t) === 1 ? a[0] : a;
 		};
 		return r(t);
-	}, X = () => {
-		let e = Array.from(V.values());
-		return e.length > 0 ? /* @__PURE__ */ m("div", {
+	}, Z = () => {
+		let e = Array.from(H.values());
+		return e.length > 0 ? /* @__PURE__ */ g("div", {
 			style: { display: "none" },
-			children: e.map((e) => /* @__PURE__ */ m("img", { src: e }, e))
+			children: e.map((e) => /* @__PURE__ */ g("img", { src: e }, e))
 		}) : null;
 	};
-	return /* @__PURE__ */ h(a.Provider, {
+	return /* @__PURE__ */ _(s.Provider, {
 		value: {
 			previewGroup: !0,
-			previewUrlMap: V,
-			previewPropsMap: z,
-			infinite: b,
-			currentIndex: H,
-			setCurrentIndex: J,
-			setPreviewUrlMap: L,
-			registerPreviewUrl: W,
-			registerPreviewProps: G,
-			visible: j,
-			handleVisibleChange: q
+			previewUrlMap: H,
+			previewPropsMap: B,
+			infinite: x,
+			currentIndex: U,
+			setCurrentIndex: Y,
+			setPreviewUrlMap: R,
+			registerPreviewUrl: G,
+			registerPreviewProps: K,
+			visible: M,
+			handleVisibleChange: J
 		},
 		children: [
-			Y(v),
-			/* @__PURE__ */ m(o, {
-				ref: K,
+			X(y),
+			/* @__PURE__ */ g(c, {
+				ref: q,
 				src: "",
-				visible: j,
-				onVisibleChange: q,
-				...k
+				visible: M,
+				onVisibleChange: J,
+				...A
 			}),
-			A && X()
+			j && Z()
 		]
 	});
 }
-var v = c(_);
-v.displayName = "ImagePreviewGroup";
+var b = u(y);
+b.displayName = a.displayName;
 //#endregion
-export { v as default };
+export { b as default };
 /* 独立思考，明辨是非 */

package/image/ImagePreviewToolbar.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 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-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 import e from "../utils/className.js";
 import t from "../trigger/index.js";
 import "react";
@@ -10,7 +10,7 @@ var r = (r) => {
 		style: i,
 		className: e(`${o}-trigger`, a),
 		popup: s,
-		showArrow: !0,
+		arrow: !0,
 		children: c
 	});
 };

package/image/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 import { createContext as e } from "react";
 //#region components/pc/image/context.ts
 var t = e({

package/image/index.d.ts

@@ -4,6 +4,7 @@ import ImagePreviewGroup from './ImagePreviewGroup';
 declare const Image: import("react").ForwardRefExoticComponent<import("./interface").ImageProps & {
     _index?: number;
 } & import("react").RefAttributes<HTMLDivElement>> & {
+    id: string;
     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,15 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import { ImagePreviewGroupContext as e } from "./context.js";
-import t from "./ImagePreview.js";
-import n from "./Image.js";
-import r from "./ImagePreviewGroup.js";
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+import { IMAGE_COMPONENT_INFO as e } from "../utils/names.js";
+import { ImagePreviewGroupContext as t } from "./context.js";
+import n from "./ImagePreview.js";
+import r from "./Image.js";
+import i from "./ImagePreviewGroup.js";
 //#region components/pc/image/index.ts
-var i = Object.assign(n, {
-	Preview: t,
-	PreviewGroup: r
+var a = Object.assign(r, {
+	id: e.id,
+	Preview: n,
+	PreviewGroup: i
 });
 //#endregion
-export { t as ImagePreview, r as ImagePreviewGroup, e as ImagePreviewGroupContext, i as default };
+export { n as ImagePreview, i as ImagePreviewGroup, t as ImagePreviewGroupContext, a as default };
 /* 独立思考，明辨是非 */

package/image/utils/getFixTranslate.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 //#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-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 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-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 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-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
 //#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;

package/index.d.ts

@@ -18,6 +18,8 @@ export { default as BackTop } from './back-top';
 export type { BackTopProps } from './back-top/interface';
 export { default as Badge, BADGE_COLORS, BADGE_STATUS, BadgeCount, } from './badge';
 export type { BadgeProps } from './badge/interface';
+export { BORDER_BEAM_GRADIENT_PRESETS, default as BorderBeam, } from './border-beam';
+export type { BorderBeamProps } from './border-beam/interface';
 export { default as Breadcrumb, BreadcrumbContext, BreadcrumbItem, } from './breadcrumb';
 export type { BreadCrumbItemProps, BreadcrumbProps, } from './breadcrumb/interface';
 export { default as Button, BUTTON_STATUS, BUTTON_TYPE, ButtonGroup, ButtonToggle, } from './button';