@unicom-cloud/ui 0.8.155 → 0.8.157

package/icon/interface.d.ts

@@ -3,7 +3,7 @@ export interface IconProps extends Omit<SVGAttributes<SVGElement>, 'className'>
     style?: CSSProperties;
     type?: string;
     spin?: boolean;
-    className?: string | string[];
+    className?: string;
 }
 export interface IconfontOptions {
     src?: string;

package/icon-hover/IconHover.js

@@ -1,29 +1,29 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import { FormContext as n, FormItemContext as r } from "../form/context.js";
+import i from "../utils/omit.js";
 import "../config-provider/index.js";
-import { forwardRef as i, useContext as a, useImperativeHandle as o, useRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as a, useContext as o, useImperativeHandle as s, useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region components/pc/icon-hover/IconHover.tsx
-function l(i, l) {
-	let { prefixCls: u, getPrefixCls: d } = a(t), f = a(n), p = a(r), m = d?.("icon-hover"), { children: h, className: g, disabled: _, prefix: v, size: y = "default", readOnly: b = p?.readOnly ?? f?.readOnly, onClick: x, ...S } = i, C = s(void 0);
-	return o(l, () => ({ getRootElement() {
+function u(a, u) {
+	let { prefixCls: d, getPrefixCls: f } = o(t), p = o(n), m = o(r), h = f?.("icon-hover"), { children: g, className: _, disabled: v, prefix: y, size: b = "default", readOnly: x = m?.readOnly ?? p?.readOnly, ...S } = a, C = c(null);
+	return s(u, () => ({ getRootElement() {
 		return C.current;
-	} })), /* @__PURE__ */ c("span", {
+	} })), /* @__PURE__ */ l("span", {
 		ref: C,
-		className: e(m, {
-			[`${v}-icon-hover`]: v,
-			[`${m}-size-${y}`]: y && y !== "default",
-			[`${m}-disabled`]: _,
-			[`${m}-readonly`]: b
-		}, g),
-		onClick: _ ? void 0 : x,
-		...S,
-		children: h
+		className: e(h, {
+			[`${y}-icon-hover`]: y,
+			[`${h}-size-${b}`]: b && b !== "default",
+			[`${h}-disabled`]: v,
+			[`${h}-readonly`]: x
+		}, _),
+		...v ? i(S, ["onClick"]) : S,
+		children: g
 	});
 }
-var u = i(l);
+var d = a(u);
 //#endregion
-export { u as default };
+export { d as default };
 /* 独立思考，明辨是非 */

package/icon-hover/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 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-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "../../utils/className.js";
 import t from "../../config-provider/context.js";
 import "../../config-provider/index.js";
@@ -8,12 +8,9 @@ import s from "@unicom-cloud/ui-common/icons/file";
 //#region components/pc/icons/file/File.tsx
 function c(n, c) {
 	let { prefixCls: l, getPrefixCls: u, locale: d, componentConfig: f } = r(t), { className: p, ...m } = n, h = u?.("icons-file"), g = a(null);
-	return i(c, () => ({
-		...g.current,
-		getRootElement() {
-			return g.current.getRootElement();
-		}
-	})), /* @__PURE__ */ o(s, {
+	return i(c, () => Object.assign({}, g.current, { getRootElement() {
+		return g.current.getRootElement();
+	} })), /* @__PURE__ */ o(s, {
 		ref: g,
 		...m,
 		className: e(h, p)

package/icons/file/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 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-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import * as e from "@unicom-cloud/icons/ui";
 export * from "@unicom-cloud/icons/ui";
 //#region components/pc/icons.ts

package/image/Image.js

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

package/image/ImageFooter.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties } from 'react';
 import type { ImageProps } from './interface';
 interface ImageFooterProps {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     title?: ImageProps['title'];
     description?: ImageProps['description'];
     actions?: ImageProps['actions'];

package/image/ImageFooter.js

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