@unicom-cloud/ui 0.8.155 → 0.8.157

package/image/ImagePreviewGroup.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isArray as e, isPlainObject as t, isUndefined as n } from "../utils/is.js";
 import r from "../hooks/use-merge-value/index.js";
 import i from "../hooks/use-is-first-render/index.js";
@@ -7,64 +7,67 @@ 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";
 //#region components/pc/image/ImagePreviewGroup.tsx
-function g(c, g) {
-	let { children: _, srcList: v, infinite: y, current: b, defaultCurrent: x, onChange: S, visible: C, defaultVisible: w, forceRender: T, onVisibleChange: E, ...D } = c, [O, k] = r(!1, {
-		value: C,
-		defaultValue: w
-	}), A = d(() => v ? new Map(v.map((e, t) => [t, {
+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
+	}), N = d(() => y ? new Map(y.map((e, t) => [t, {
 		url: e,
 		preview: !0
-	}])) : null, [v]), j = i(), M = () => A ? new Map(A) : /* @__PURE__ */ new Map(), [N, P] = p(M()), F = f(), I = F.current || /* @__PURE__ */ new Map(), L = (e) => {
-		F.current = e(F.current);
+	}])) : 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);
 	};
 	l(() => {
-		j || P(M());
-	}, [A]);
-	let R = new Map(Array.from(N).filter(([, { preview: e }]) => e).map(([e, { url: t }]) => [e, t])), [z, B] = r(0, {
-		value: b,
-		defaultValue: x
+		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
 	});
-	function V(e, t, n) {
-		return A || P((r) => new Map(r).set(e, {
+	function W(e, t, n) {
+		return N || L((r) => new Map(r).set(e, {
 			url: t,
 			preview: n
 		})), function() {
-			A || P((t) => {
+			N || L((t) => {
 				let n = new Map(t);
 				return n.delete(e) ? n : t;
 			});
 		};
 	}
-	function H(e, n) {
-		return L((r) => new Map(r).set(e, t(n) ? n : {})), function() {
-			L((t) => {
+	function G(e, n) {
+		return B((r) => new Map(r).set(e, t(n) ? n : {})), function() {
+			B((t) => {
 				let n = new Map(t);
 				return n.delete(e) ? n : t;
 			});
 		};
 	}
-	let U = f(void 0);
-	u(g, () => ({
+	let K = f(void 0);
+	u(_, () => ({
 		reset: () => {
-			U.current && U.current.reset();
+			K.current?.reset?.();
 		},
 		getRootElement() {
-			return U.current.getRootElement();
+			return K.current.getRootElement();
 		}
 	}));
-	let W = (e, t) => {
-		let r = n(t) ? O : t;
-		E?.(e, r), k(e);
-	}, G = (e) => {
-		S?.(e), B(e);
-	}, K = (t) => {
+	let q = (e, t) => {
+		let r = n(t) ? j : t;
+		O?.(e, r), M(e);
+	}, J = (e) => {
+		C?.(e), U(e);
+	}, Y = (t) => {
 		let n = 0, r = (t) => {
-			let i = s.Children.map(t, (e) => e && e.props && e.type && e.type.displayName === "Image" ? s.cloneElement(e, { _index: n++ }) : e && e.props && e.props.children ? s.cloneElement(e, { children: r(e.props.children) }) : e);
+			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;
 		};
 		return r(t);
-	}, q = () => {
-		let e = Array.from(R.values());
+	}, X = () => {
+		let e = Array.from(V.values());
 		return e.length > 0 ? /* @__PURE__ */ m("div", {
 			style: { display: "none" },
 			children: e.map((e) => /* @__PURE__ */ m("img", { src: e }, e))
@@ -73,32 +76,32 @@ function g(c, g) {
 	return /* @__PURE__ */ h(a.Provider, {
 		value: {
 			previewGroup: !0,
-			previewUrlMap: R,
-			previewPropsMap: I,
-			infinite: y,
-			currentIndex: z,
-			setCurrentIndex: G,
-			setPreviewUrlMap: P,
-			registerPreviewUrl: V,
-			registerPreviewProps: H,
-			visible: O,
-			handleVisibleChange: W
+			previewUrlMap: V,
+			previewPropsMap: z,
+			infinite: b,
+			currentIndex: H,
+			setCurrentIndex: J,
+			setPreviewUrlMap: L,
+			registerPreviewUrl: W,
+			registerPreviewProps: G,
+			visible: j,
+			handleVisibleChange: q
 		},
 		children: [
-			K(_),
+			Y(v),
 			/* @__PURE__ */ m(o, {
-				ref: U,
+				ref: K,
 				src: "",
-				visible: O,
-				onVisibleChange: W,
-				...D
+				visible: j,
+				onVisibleChange: q,
+				...k
 			}),
-			T && q()
+			A && X()
 		]
 	});
 }
-var _ = c(g);
-_.displayName = "ImagePreviewGroup";
+var v = c(_);
+v.displayName = "ImagePreviewGroup";
 //#endregion
-export { _ as default };
+export { v as default };
 /* 独立思考，明辨是非 */

package/image/ImagePreviewToolbar.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties } from 'react';
 import type { ImagePreviewActionProps } from './interface';
 interface ImagePreviewToolbarProps {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     prefixCls: string | undefined;
     previewPrefixCls: string;
     simple: boolean;

package/image/ImagePreviewToolbar.js

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

package/image/TriggerForToolbar.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties, PropsWithChildren } from 'react';
 import type { TriggerProps } from '../trigger';
 interface TriggerForToolbarProps {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     prefixCls: string | undefined;
     popup: TriggerProps['popup'];
 }

package/image/TriggerForToolbar.js

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

package/image/context.js

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

package/image/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { ImagePreviewGroupContext as e } from "./context.js";
 import t from "./ImagePreview.js";
 import n from "./ImagePreviewGroup.js";

package/image/interface.d.ts

@@ -5,7 +5,7 @@ import type { GetPopupContainer } from '../interface';
  */
 export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'className'> {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 图片获取地址
      * @en Image path
@@ -100,7 +100,7 @@ export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'c
  */
 export interface ImagePreviewProps extends GetPopupContainer {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 图片获取地址, 在 Image 中默认是 Image 的 src
      * @en Image path, The default in Image is the src of Image
@@ -213,6 +213,12 @@ export interface ImagePreviewGroupProps extends Omit<PartialImagePreviewProps, '
      * @zh 是否渲染图片列表，用于提前加载图片
      * @en Whether to render the image list for loading images in advance
      */
+    shouldPreloadImageList?: boolean;
+    /**
+     * @zh 是否渲染图片列表，用于提前加载图片
+     * @en Whether to render the image list for loading images in advance
+     * @deprecated 请使用 shouldPreloadImageList 属性
+     */
     forceRender?: boolean;
     /**
      * @zh 切换图片触发的事件

package/image/utils/getFixTranslate.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 //#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,7 +1,7 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
-import { isArray as e } from "../../utils/is.js";
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
+import { isArray as e, isUndefined as t } from "../../utils/is.js";
 //#region components/pc/image/utils/getScale.ts
-var t = [
+var n = [
 	25,
 	33,
 	50,
@@ -19,7 +19,7 @@ var t = [
 	300,
 	400,
 	500
-], n = class {
+], r = class {
 	#e;
 	constructor(e) {
 		this.updateScale(e);
@@ -33,31 +33,31 @@ var t = [
 	get maxScale() {
 		return this.#e[this.#e.length - 1];
 	}
-	updateScale(n) {
-		let r = t;
-		if (e(n) && n.filter((e) => e > 0).length && (r = n.filter((e) => e > 0)), r = r.map((e) => +(e / 100).toFixed(2)), !r.includes(1)) {
+	updateScale(t) {
+		let r = n;
+		if (e(t) && t.filter((e) => e > 0).length && (r = t.filter((e) => e > 0)), r = r.map((e) => +(e / 100).toFixed(2)), !r.includes(1)) {
 			let e = this.#t(1, r), t = r[e] < 1 ? e + 1 : e;
 			r.splice(t, 0, 1);
 		}
 		this.#e = r;
 	}
-	#t(e, t = this.#e) {
-		if (!t.length) return;
-		if (t.length === 1) return 0;
-		let n = t.length - 1;
-		for (let r = 0; r < t.length; r++) {
-			let i = t[r];
-			if (e === i) {
-				n = r;
+	#t(e, n = this.#e) {
+		if (!n.length) return;
+		if (n.length === 1) return 0;
+		let r = n.length - 1;
+		for (let i = 0; i < n.length; i++) {
+			let a = n[i];
+			if (e === a) {
+				r = i;
 				break;
 			}
-			if (e < i) {
-				let a = t[r - 1];
-				n = a === void 0 || Math.abs(a - e) <= Math.abs(i - e) ? r - 1 : r;
+			if (e < a) {
+				let o = n[i - 1];
+				r = t(o) || Math.abs(o - e) <= Math.abs(a - e) ? i - 1 : i;
 				break;
 			}
 		}
-		return n;
+		return r;
 	}
 	getNextScale(e, t = "zoomIn") {
 		let n = this.#e.indexOf(e);
@@ -65,5 +65,5 @@ var t = [
 	}
 };
 //#endregion
-export { n as default, t as defaultScales };
+export { r as default, n as defaultScales };
 /* 独立思考，明辨是非 */

package/image/utils/hook/useImageStatus.js

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

package/image/utils/hook/useShowFooter.d.ts

@@ -1,4 +1,4 @@
-import type { ImageProps } from '../../../image/interface';
+import type { ImageProps } from '../../interface';
 interface ShowFooterProps {
     title: ImageProps['title'];
     description: ImageProps['description'];

package/image/utils/hook/useShowFooter.js

@@ -1,7 +1,7 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 //#region components/pc/image/utils/hook/useShowFooter.ts
 function e(e) {
-	let { title: t, description: n, actions: r } = e, i = t || n, a = r && r.length;
+	let { title: t, description: n, actions: r } = e, i = t || n, a = r?.length;
 	return [
 		i || a,
 		i,

package/index.d.ts

@@ -1,4 +1,5 @@
 import './style.less';
+export * from '@unicom-cloud/ui-common/transition';
 export * from './hooks';
 export * from './utils';
 export { default as Affix } from './affix';
@@ -61,7 +62,7 @@ export { default as Empty } from './empty';
 export type { EmptyProps } from './empty/interface';
 export { default as Flex, FlexVertical } from './flex';
 export type { FlexProps, GapType } from './flex/interface';
-export { default as Form, FormContext, FormControl, FormItem, FormItemContext, FormItemTip, FormLabel, FormLabelSymbol, FormList, FormListContext, FormProvider, FormProviderContext, useForm, useFormContext, useFormState, useFormWatch, ValidateError, } from './form';
+export { default as Form, FormContext, FormControl, FormItem, FormItemContext, FormItemLabel, FormItemTip, FormLabelSymbol, FormList, FormListContext, FormProvider, FormProviderContext, useForm, useFormContext, useFormState, useFormWatch, ValidateError, } from './form';
 export type { FormInstance, FormItemProps, FormListProps, FormProps, RulesProps, } from './form/interface';
 export { GlobalConsumer, GlobalContext, default as GlobalProvider, } from './global-provider';
 export type { GlobalProviderProps } from './global-provider/interface';