@unicom-cloud/ui 0.8.170 → 0.8.172

package/image/Preview.js

@@ -1,145 +1,145 @@
-/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+/* 潘启宝 2026-06-29 10:53:33 星期一 山东省济南市 */
 import { isFunction as e } from "../utils/is.js";
 import { ArrowDown as t, ArrowLeft as n, ArrowRight as r, ArrowUp as ee, Esc as te } from "../utils/keyboardCode.js";
 import ne from "../hooks/use-controllable-value/index.js";
-import { getBodyContainer as re, off as i, on as a } from "../utils/dom.js";
-import ie from "../utils/className.js";
-import { IMAGE_PREVIEW_COMPONENT_INFO as ae } from "../utils/names.js";
-import oe from "../hooks/use-merge-props/index.js";
-import { ConfigContext as se } from "../config-provider/context.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 "../icon-hover/IconHover.js";
-import fe from "../config-provider/ConfigProvider.js";
-import pe from "../hooks/use-update-effect/index.js";
-import me from "../modal/Modal.js";
-import he from "../spin/Spin.js";
-import ge from "./utils/getScale.js";
-import { ImagePreviewGroupContext as _e, PropsPreviewContext as ve, defaultPreviewProps as ye } from "./context.js";
-import be from "./hooks/useImageStatus.js";
-import xe from "./PreviewArrow.js";
-import Se from "./PreviewToolbar.js";
-import Ce from "./utils/getFixTranslate.js";
-import { forwardRef as we, useContext as o, useEffect as s, useImperativeHandle as Te, useMemo as Ee, useRef as c, useState as l } from "react";
-import { UI_PC_PREFIX as De } from "@unicom-cloud/utils/constants/ui";
+import { dom_exports as i } from "../utils/dom.js";
+import re from "../utils/className.js";
+import { IMAGE_PREVIEW_COMPONENT_INFO as ie } from "../utils/names.js";
+import ae from "../hooks/use-merge-props/index.js";
+import { ConfigContext as oe } from "../config-provider/context.js";
+import se from "../utils/copy.js";
+import ce from "../utils/findRootElement.js";
+import le from "../hooks/use-resize-observers/index.js";
+import ue from "../icon-hover/IconHover.js";
+import de from "../config-provider/ConfigProvider.js";
+import fe from "../hooks/use-update-effect/index.js";
+import pe from "../modal/Modal.js";
+import me from "../spin/Spin.js";
+import he from "./utils/getScale.js";
+import { ImagePreviewGroupContext as ge, PropsPreviewContext as _e, defaultPreviewProps as ve } from "./context.js";
+import ye from "./hooks/useImageStatus.js";
+import be from "./PreviewArrow.js";
+import xe from "./PreviewToolbar.js";
+import Se from "./utils/getFixTranslate.js";
+import { forwardRef as a, useContext as o, useEffect as s, useImperativeHandle as Ce, useMemo as we, useRef as c, useState as l } from "react";
+import { UI_PC_PREFIX as Te } from "@unicom-cloud/utils/constants/ui";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import Oe from "@unicom-cloud/icons/IconUiClose";
-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 Ee from "@unicom-cloud/icons/IconUiClose";
+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/Preview.tsx
 var f = 90;
-function p(we, p) {
-	let { previewGroup: m, previewUrlMap: h, currentIndex: g, setCurrentIndex: Re, infinite: _, previewPropsMap: ze } = o(_e), Be = o(ve), v = oe(we, {
-		...m ? ze.get(g) : {},
-		...Be
-	}, ye), { 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] = ne({ ...v }, {
+function p(a, p) {
+	let { previewGroup: m, previewUrlMap: h, currentIndex: g, setCurrentIndex: Ie, infinite: _, previewPropsMap: Le } = o(ge), Re = o(_e), v = ae(a, {
+		...m ? Le.get(g) : {},
+		...Re
+	}, ve), { className: ze, style: Be, src: Ve, defaultVisible: He, maskClosable: Ue, closable: We, breakPoint: Ge, actions: Ke, actionsLayout: qe, getPopupContainer: y, onVisibleChange: Je, scales: b, escToExit: x, imgAttributes: Ye = {}, imageRender: Xe, extra: Ze = null, resetTranslate: S } = v, C = m ? h.get(g) : Ve, [w, Qe] = l(C), [T, $e] = ne({ ...v }, {
 		defaultValue: !1,
 		defaultValuePropName: "defaultVisible",
 		valuePropName: "visible",
 		triggerPropName: !1
-	}), E = o(se), { prefixCls: nt, getPrefixCls: rt, locale: D, rtl: it } = E, O = rt?.("image"), k = `${O}-preview`, at = ie(k, {
+	}), E = o(oe), { prefixCls: et, getPrefixCls: tt, locale: D, rtl: nt } = E, O = tt?.("image"), k = `${O}-preview`, rt = re(k, {
 		[`${k}-hide`]: !T,
-		[`${k}-rtl`]: it
-	}, Ve), A = c(null), ot = c(null), j = c(null), M = c(null);
+		[`${k}-rtl`]: nt
+	}, ze), A = c(null), it = c(null), j = c(null), M = c(null);
 	c(null);
 	let N = c(!1), P = c({
 		pageX: 0,
 		pageY: 0,
 		originX: 0,
 		originY: 0
-	}), { isLoading: st, isLoaded: ct, setStatus: F } = be("loading"), [lt, ut] = l(!1), [I, L] = l({
+	}), { isLoading: at, isLoaded: ot, setStatus: F } = ye("loading"), [st, ct] = l(!1), [I, L] = l({
 		x: 0,
 		y: 0
-	}), [R, z] = l(1), [dt, ft] = l(!1), [B, V] = l(0), [H, pt] = l(!1), U = Ee(() => new ge(b), []), { onLoad: mt, onError: ht, onMouseDown: gt, style: _t, className: vt, ...yt } = Ze, bt = !_ && g <= 0, xt = !_ && g >= h.size - 1;
-	function W() {
+	}), [R, z] = l(1), [B, lt] = l(!1), [V, H] = l(0), [U, ut] = l(!1), W = we(() => new he(b), []), { onLoad: dt, onError: ft, onMouseDown: pt, style: mt, className: ht, ...gt } = Ye, _t = !_ && g <= 0, vt = !_ && g >= h.size - 1;
+	function G() {
 		L({
 			x: 0,
 			y: 0
-		}), z(1), V(0);
+		}), z(1), H(0);
 	}
-	Te(p, () => ({
-		reset: W,
+	Ce(p, () => ({
+		reset: G,
 		getRootElement() {
 			return M.current;
 		}
-	})), le(y?.()), re();
-	function St(e) {
+	})), ce(y?.()), (0, i.getBodyContainer)();
+	function yt(e) {
 		let t = h.size;
-		_ && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== g && e >= 0 && e <= t - 1 && Re(e);
-	}
-	function G() {
-		St(g - 1);
+		_ && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== g && e >= 0 && e <= t - 1 && Ie(e);
 	}
 	function K() {
-		St(g + 1);
+		yt(g - 1);
 	}
-	function Ct() {
-		V(B === 0 ? 360 - f : B - f);
+	function q() {
+		yt(g + 1);
 	}
-	function wt() {
-		V((B + f) % 360);
+	function bt() {
+		H(V === 0 ? 360 - f : V - f);
+	}
+	function xt() {
+		H((V + f) % 360);
 	}
-	let q = c(null), Tt = () => {
-		!dt && ft(!0), q.current && clearTimeout(q.current), q.current = setTimeout(() => {
-			ft(!1);
+	let J = c(null), St = () => {
+		!B && lt(!0), J.current && clearTimeout(J.current), J.current = setTimeout(() => {
+			lt(!1);
 		}, 1e3);
-	}, J = (e) => {
-		R !== e && (z(e), Tt());
+	}, Y = (e) => {
+		R !== e && (z(e), St());
 	};
-	function Y() {
-		J(U.getNextScale(R, "zoomIn"));
-	}
 	function X() {
-		J(U.getNextScale(R, "zoomOut"));
+		Y(W.getNextScale(R, "zoomIn"));
 	}
-	function Et(e) {
-		e.deltaY > 0 ? R >= U.minScale && X() : R <= U.maxScale && Y();
+	function Z() {
+		Y(W.getNextScale(R, "zoomOut"));
 	}
-	function Dt() {
-		J(1);
+	function Ct(e) {
+		e.deltaY > 0 ? R >= W.minScale && Z() : R <= W.maxScale && X();
 	}
-	function Ot() {
+	function wt() {
+		Y(1);
+	}
+	function Tt() {
 		let e = j.current?.getBoundingClientRect?.(), t = A.current?.getBoundingClientRect?.();
 		if (e instanceof DOMRect && t instanceof DOMRect) {
 			let n = e.height / (t.height / R), r = e.width / (t.width / R);
-			J(Math.max(n, r));
+			Y(Math.max(n, r));
 		}
 	}
-	function kt(e) {
-		e.target === e.currentTarget && Ge && Z();
+	function Et(e) {
+		e.target === e.currentTarget && Ue && Q();
 	}
-	function At() {
-		ce(w);
+	function Dt() {
+		se(w);
 	}
-	function jt(e) {
-		e.stopPropagation(), Z();
+	function Ot(e) {
+		e.stopPropagation(), Q();
 	}
-	function Z() {
+	function Q() {
 		if (T) {
-			let t = Xe;
-			e(t) && t(!1, T), tt(!1);
+			let t = Je;
+			e(t) && t(!1, T), $e(!1);
 		}
 	}
-	function Mt(e) {
-		e?.length && ut(e[0].contentRect.width < qe);
+	function kt(e) {
+		e?.length && ct(e[0].contentRect.width < Ge);
 	}
-	let Nt = () => {
+	let At = () => {
 		if (!j.current || !A.current) return;
-		let [e, t] = Ce(j.current.getBoundingClientRect(), A.current.getBoundingClientRect(), I.x, I.y, R);
+		let [e, t] = Se(j.current.getBoundingClientRect(), A.current.getBoundingClientRect(), I.x, I.y, R);
 		(e !== I.x || t !== I.y) && L({
 			x: e,
 			y: t
 		});
-	}, Q = (e) => {
-		if (T && H) {
+	}, jt = (e) => {
+		if (T && U) {
 			e.preventDefault?.();
 			let { originX: t, originY: n, pageX: r, pageY: ee } = P.current;
 			L({
@@ -148,224 +148,224 @@ function p(we, p) {
 			});
 		}
 	}, $ = (e) => {
-		e.preventDefault?.(), pt(!1);
+		e.preventDefault?.(), ut(!1);
 	};
-	function Pt(e) {
-		F("loaded"), mt?.(e);
+	function Mt(e) {
+		F("loaded"), dt?.(e);
 	}
-	function Ft(e) {
-		F("error"), ht?.(e);
+	function Nt(e) {
+		F("error"), ft?.(e);
 	}
-	let It = (e) => {
-		e.preventDefault?.(), pt(!0);
+	let Pt = (e) => {
+		e.preventDefault?.(), ut(!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, gt?.(e);
+		P.current.pageX = t.pageX, P.current.pageY = t.pageY, P.current.originX = I.x, P.current.originY = I.y, pt?.(e);
 	};
-	s(() => (T && H && (a(document, "mousemove", Q, !1), a(document, "mouseup", $, !1)), () => {
-		i(document, "mousemove", Q, !1), i(document, "mouseup", $, !1);
-	}), [T, H]), s(() => {
-		S && !H && Nt();
-	}, [H, I]), s(() => {
-		S && Nt();
+	s(() => (T && U && ((0, i.on)(document, "mousemove", jt, !1), (0, i.on)(document, "mouseup", $, !1)), () => {
+		(0, i.off)(document, "mousemove", jt, !1), (0, i.off)(document, "mouseup", $, !1);
+	}), [T, U]), s(() => {
+		S && !U && At();
+	}, [U, I]), s(() => {
+		S && At();
 	}, [R]), s(() => {
-		T && W();
+		T && G();
 	}, [T]), s(() => {
-		et(C), F(C ? "loading" : "loaded"), W();
-	}, [C]), pe(() => {
-		U.updateScale(b), z(1);
+		Qe(C), F(C ? "loading" : "loaded"), G();
+	}, [C]), fe(() => {
+		W.updateScale(b), z(1);
 	}, [b]), s(() => {
 		let e = (e) => {
 			if (e) switch (e.key) {
 				case te.key:
-					x && Z();
+					x && Q();
 					break;
 				case r.key:
-					K();
+					q();
 					break;
 				case n.key:
-					G();
+					K();
 					break;
 				case ee.key:
-					Y();
+					X();
 					break;
 				case t.key:
-					X();
+					Z();
 					break;
 				default:
 			}
 		};
-		return T && !H && !N.current && (N.current = !0, a(document, "keydown", e)), () => {
-			N.current = !1, i(document, "keydown", e);
+		return T && !U && !N.current && (N.current = !0, (0, i.on)(document, "keydown", e)), () => {
+			N.current = !1, (0, i.off)(document, "keydown", e);
 		};
 	}, [
 		T,
 		x,
-		H,
+		U,
 		g,
 		R
 	]);
-	let Lt = [
+	let Ft = [
 		!1,
 		{
 			key: "rotateRight",
 			name: D?.ImagePreview?.rotateRight,
-			content: /* @__PURE__ */ u(Fe, {}),
-			onClick: wt
+			content: /* @__PURE__ */ u(Ne, {}),
+			onClick: xt
 		},
 		{
 			key: "rotateLeft",
 			name: D?.ImagePreview?.rotateLeft,
-			content: /* @__PURE__ */ u(Pe, {}),
-			onClick: Ct
+			content: /* @__PURE__ */ u(Me, {}),
+			onClick: bt
 		},
 		{
 			key: "zoomIn",
 			name: D?.ImagePreview?.zoomIn,
-			content: /* @__PURE__ */ u(Ie, {}),
-			onClick: Y,
-			disabled: R === U.maxScale
+			content: /* @__PURE__ */ u(Pe, {}),
+			onClick: X,
+			disabled: R === W.maxScale
 		},
 		{
 			key: "zoomOut",
 			name: D?.ImagePreview?.zoomOut,
-			content: /* @__PURE__ */ u(Le, {}),
-			onClick: X,
-			disabled: R === U.minScale
+			content: /* @__PURE__ */ u(Fe, {}),
+			onClick: Z,
+			disabled: R === W.minScale
 		},
 		{
 			key: "originalSize",
 			name: D?.ImagePreview?.originalSize,
-			content: /* @__PURE__ */ u(Ne, {}),
-			onClick: Dt
+			content: /* @__PURE__ */ u(je, {}),
+			onClick: wt
 		},
 		{
 			key: "maximize",
 			name: "最大化",
-			content: /* @__PURE__ */ u(Me, {}),
-			onClick: Ot
+			content: /* @__PURE__ */ u(Ae, {}),
+			onClick: Tt
 		},
 		!!m && {
 			key: "next",
 			name: "下一张",
-			content: /* @__PURE__ */ u(je, {}),
-			disabled: xt,
-			onClick: K
+			content: /* @__PURE__ */ u(ke, {}),
+			disabled: vt,
+			onClick: q
 		},
 		!!m && {
 			key: "prev",
 			name: "上一张",
-			content: /* @__PURE__ */ u(Ae, {}),
-			disabled: bt,
-			onClick: G
+			content: /* @__PURE__ */ u(Oe, {}),
+			disabled: _t,
+			onClick: K
 		},
 		{
 			key: "copy",
 			name: "复制",
-			content: /* @__PURE__ */ u(ke, {}),
-			onClick: At
+			content: /* @__PURE__ */ u(De, {}),
+			onClick: Dt
 		},
 		{
 			key: "close",
 			name: "关闭",
-			content: /* @__PURE__ */ u(Oe, {}),
-			onClick: jt
+			content: /* @__PURE__ */ u(Ee, {}),
+			onClick: Ot
 		}
 	].filter(Boolean);
-	ue((e) => {
-		Mt(e);
+	le((e) => {
+		kt(e);
 	}, [j.current]);
-	let Rt = () => {
+	let It = () => {
 		let e = /* @__PURE__ */ u("img", {
-			onWheel: Et,
+			onWheel: Ct,
 			ref: A,
-			className: ie(vt, `${k}-img`, { [`${k}-img-moving`]: H }),
+			className: re(ht, `${k}-img`, { [`${k}-img-moving`]: U }),
 			style: {
-				..._t,
-				transform: `translate(${I.x}px, ${I.y}px) rotate(${B}deg)`
+				...mt,
+				transform: `translate(${I.x}px, ${I.y}px) rotate(${V}deg)`
 			},
 			src: w,
-			...yt,
-			onLoad: Pt,
-			onError: Ft,
+			...gt,
+			onLoad: Mt,
+			onError: Nt,
 			onMouseDown: (e) => {
-				e.button === 0 && It(e);
+				e.button === 0 && Pt(e);
 			}
 		}, w);
-		return Qe?.(e) ?? e;
+		return Xe?.(e) ?? e;
 	};
-	return /* @__PURE__ */ u(me, {
+	return /* @__PURE__ */ u(pe, {
 		className: `${k}-modal`,
 		transitionDuration: 400,
-		transitionClassNames: `${De}-fade`,
+		transitionClassNames: `${Te}-fade`,
 		visible: T,
 		closable: !1,
 		draggable: !1,
 		header: !1,
 		footer: !1,
 		getPopupContainer: y,
-		onCancel: Z,
-		children: /* @__PURE__ */ u(fe, {
+		onCancel: Q,
+		children: /* @__PURE__ */ u(de, {
 			...E,
-			childrenName: ae.displayName,
+			childrenId: ie.id,
 			getPopupContainer: () => j.current,
 			children: /* @__PURE__ */ u("div", {
-				style: { ...He },
-				className: at,
+				style: { ...Be },
+				className: rt,
 				ref: M,
 				children: /* @__PURE__ */ d("div", {
 					ref: j,
 					className: `${k}-wrapper`,
-					onClick: kt,
+					onClick: Et,
 					children: [
 						/* @__PURE__ */ d("div", {
-							ref: ot,
+							ref: it,
 							className: `${k}-img-container`,
 							style: { transform: `scale(${R}, ${R})` },
-							onClick: kt,
-							children: [Rt(), st && /* @__PURE__ */ u("div", {
+							onClick: Et,
+							children: [It(), at && /* @__PURE__ */ u("div", {
 								className: `${k}-loading`,
-								children: /* @__PURE__ */ u(he, {
+								children: /* @__PURE__ */ u(me, {
 									size: 40,
 									type: "circle"
 								})
 							})]
 						}),
-						dt && /* @__PURE__ */ d("div", {
+						B && /* @__PURE__ */ d("div", {
 							className: `${k}-scale-value`,
 							children: [(R * 100).toFixed(0), "%"]
 						}),
-						ct && /* @__PURE__ */ u(Se, {
+						ot && /* @__PURE__ */ u(xe, {
 							prefixCls: O,
 							previewPrefixCls: k,
-							actions: Je,
-							actionsLayout: Ye,
-							defaultActions: Lt,
-							simple: lt
+							actions: Ke,
+							actionsLayout: qe,
+							defaultActions: Ft,
+							simple: st
 						}),
-						Ke && /* @__PURE__ */ u(de, {
+						We && /* @__PURE__ */ u(ue, {
 							className: `${k}-close-btn`,
 							size: "large",
-							onClick: jt,
-							children: /* @__PURE__ */ u(Oe, {})
+							onClick: Ot,
+							children: /* @__PURE__ */ u(Ee, {})
 						}),
-						m && /* @__PURE__ */ u(xe, {
+						m && /* @__PURE__ */ u(be, {
 							previewCount: h.size,
 							current: g,
 							infinite: _,
-							disableLeft: bt,
-							disableRight: xt,
-							onPrev: G,
-							onNext: K
+							disableLeft: _t,
+							disableRight: vt,
+							onPrev: K,
+							onNext: q
 						}),
-						$e
+						Ze
 					]
 				})
 			})
 		})
 	});
 }
-var m = we(p);
-m.displayName = ae.displayName;
+var m = a(p);
+Object.assign(m, { ...ie });
 //#endregion
 export { m as default };
 /* 独立思考，明辨是非 */

package/image/PreviewArrow.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+/* 潘启宝 2026-06-29 10:53:33 星期一 山东省济南市 */
 import e from "../utils/className.js";
 import { ConfigContext as t } from "../config-provider/context.js";
 import { useContext as n } from "react";