@unicom-cloud/ui 0.8.156 → 0.8.158

package/hooks/use-watermark/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isNaN as e, isNumber as t, isServerRendering as n } from "../../utils/is.js";
 import { getPixelRatio as r } from "./utils.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
@@ -89,7 +89,7 @@ var l = (n, r) => {
 	return n.offset = [l(n.offset?.[0], n.gap[0] / 2), l(n.offset?.[1] || n.offset?.[0], n.gap[0] / 2)], n;
 };
 function m(e) {
-	let [t, r] = o(e || {}), s = a(void 0), l = a(void 0), d = p(t), { zIndex: m, gap: h } = d, g = n ? null : t?.getContainer ? t.getContainer() : u.getContainer(), _ = (e, t) => {
+	let [t, r] = o(e || {}), s = a(null), l = a(null), d = p(t), { zIndex: m, gap: h } = d, g = n ? null : t?.getContainer ? t.getContainer() : u.getContainer(), _ = (e, t) => {
 		if (!g || !e) return;
 		let n = "data-pqb-watermark-origin-position";
 		t === "set" ? (g.append(e), g.setAttribute(n, g.style?.position || ""), g.style.position = "relative") : (e.parentNode?.removeChild?.(e), g.style.position = g.getAttribute(n), g.removeAttribute(n));

package/hooks/use-watermark/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 //#region components/pc/hooks/use-watermark/utils.ts
 function e(e) {
 	if (!e) return 1;

package/hooks/use-window-size/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "@unicom-cloud/ui-common/hooks/use-window-size";
 //#region components/pc/hooks/use-window-size/index.ts
 var t = e;

package/hooks/useUnmountOnExit.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from 'react';
 declare function useUnmountOnExit(props: Record<string, unknown>): {
-    element: unknown;
+    element: ReactNode;
     setExited: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };
 export default useUnmountOnExit;

package/hooks/useUnmountOnExit.js

@@ -1,14 +1,15 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import e from "./use-is-first-render/index.js";
-import { useState as t } from "react";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { isUndefined as e } from "../utils/is.js";
+import t from "./use-is-first-render/index.js";
+import { useState as n } from "react";
 //#region components/pc/hooks/useUnmountOnExit.ts
-function n(n) {
-	let { element: r, visible: i, mountOnEnter: a, unmountOnExit: o } = n, [s, c] = t(!1), l = e(), u = r;
-	return i || !a && l || o && s && (u = null), {
-		element: u,
-		setExited: c
+function r(r) {
+	let { element: i, visible: a, mountOnEnter: o, unmountOnExit: s } = r, [c, l] = n(!1), u = t(), d = i;
+	return a || !o && u || c && (e(s) || s) && (d = null), {
+		element: d,
+		setExited: l
 	};
 }
 //#endregion
-export { n as default };
+export { r as default };
 /* 独立思考，明辨是非 */

package/icon/Icon.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 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/icon/addIconFromCdn.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC, RefAttributes } from 'react';
 import type { IconfontOptions, IconProps } from './interface';
-declare function addIconFromCdn(options?: IconfontOptions): React.FC<IconProps & React.RefAttributes<unknown>>;
+declare function addIconFromCdn(options?: IconfontOptions): FC<IconProps & RefAttributes<unknown>>;
 export default addIconFromCdn;

package/icon/addIconFromCdn.js

@@ -1,32 +1,32 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 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-14 16:51:07 星期二 */
+/* 潘启宝 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/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,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 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-14 16:51:07 星期二 */
+/* 潘启宝 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-14 16:51:07 星期二 */
+/* 潘启宝 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-14 16:51:07 星期二 */
+/* 潘启宝 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-14 16:51:07 星期二 */
+/* 潘启宝 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,73 +1,73 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-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";
+/* 潘启宝 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-controllable-value/index.js";
+import { useInViewport as te } from "../hooks/index.js";
+import r from "../utils/className.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 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 "./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 { 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 d = 0, me = {
+var p = 0, m = {
 	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, {
-		defaultValue: F.defaultVisible,
-		value: F.visible
-	}), G = s(() => ie(F, [
+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 } = 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 = he?.("image"), q = !ee(F.visible), Ae = n(K, {
-		[`${K}-rtl`]: m,
-		[`${K}-simple`]: C,
+	]), [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 && S === "inner",
-		[`${K}-with-footer-outer`]: V && R && S === "outer",
-		[`${K}-with-preview`]: V && T && !B && !q
-	}, _e), J = c(void 0);
-	function je(e) {
+		[`${K}-with-footer-inner`]: V && R && C === "inner",
+		[`${K}-with-footer-outer`]: V && R && C === "outer",
+		[`${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) {
-		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({
-		target: J.current,
+	let [Z] = te(q, {
 		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(() => {
+	c(() => {
+		U.current = !1, _ || H("error");
+	}, [_]), 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,72 +75,72 @@ function f(i, f) {
 		I,
 		P,
 		G
-	]), o(() => {
+	]), c(() => {
 		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
+	]), c(() => () => {}, [_]);
+	let Ne = /* @__PURE__ */ f("div", {
 		className: `${K}-error`,
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: `${K}-error-icon`,
-			children: /* @__PURE__ */ l(pe, {})
-		}), D && /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ d(de, {})
+		}), O && /* @__PURE__ */ d("div", {
 			className: `${K}-error-alt`,
-			children: D
+			children: O
 		})]
-	}), Q = /* @__PURE__ */ l("div", {
-		className: n(`${K}-loader`, ve),
-		children: /* @__PURE__ */ u("div", {
+	}), Q = /* @__PURE__ */ d("div", {
+		className: r(`${K}-loader`, _e),
+		children: /* @__PURE__ */ f("div", {
 			className: `${K}-loader-spin`,
-			children: [/* @__PURE__ */ l(fe, {}), /* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ d(ue, {}), /* @__PURE__ */ d("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, $ = u(null);
+	return le(h, () => ({ getRootElement() {
 		return $.current;
-	} })), /* @__PURE__ */ u("div", {
-		className: Ae,
+	} })), /* @__PURE__ */ f("div", {
+		className: je,
 		style: Object.assign({
-			width: _,
-			height: v
-		}, h),
+			width: v,
+			height: y
+		}, he),
 		ref: $,
 		children: [
-			/* @__PURE__ */ l("img", {
-				ref: J,
+			/* @__PURE__ */ d("img", {
+				ref: q,
 				className: `${K}-img`,
 				tabIndex: 0,
 				...Se({ onPressEnter: Y }),
 				...xe,
-				...N || g === void 0 ? {} : { src: g },
-				title: y,
-				width: _,
-				height: v,
-				onLoad: je,
-				onError: Me,
+				...N || n(_) ? {} : { src: _ },
+				title: b,
+				width: v,
+				height: y,
+				onLoad: Me,
+				onError: J,
 				onClick: Y,
-				alt: D
+				alt: O
 			}),
-			!V && /* @__PURE__ */ u("div", {
+			!V && /* @__PURE__ */ f("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__ */ d(i, {
+				title: b,
+				description: x,
+				actions: S,
 				prefixCls: K,
-				simple: C
+				simple: w
 			}),
-			V && T && /* @__PURE__ */ l(ue, {
+			V && E && /* @__PURE__ */ d(ce, {
 				visible: W,
 				src: L,
 				...G,
@@ -149,8 +149,8 @@ function f(i, f) {
 		]
 	});
 }
-var p = i.forwardRef(f);
-p.displayName = "Image";
+var g = o(h);
+g.displayName = "Image";
 //#endregion
-export { p as default };
+export { g 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-14 16:51:07 星期二 */
+/* 潘启宝 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";