@unicom-cloud/ui 0.8.157 → 0.8.159

package/menu/Menu.js

@@ -1,7 +1,7 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isPlainObject as e } from "../utils/is.js";
 import t from "../hooks/use-force-update/index.js";
-import n from "../hooks/use-merge-value/index.js";
+import n from "../hooks/use-controllable-value/index.js";
 import r from "../utils/className.js";
 import ee from "../hooks/use-merge-props/index.js";
 import i from "../config-provider/context.js";
@@ -29,30 +29,37 @@ var le = "light", ue = {
 	}
 };
 function g(l, g) {
-	let { prefixCls: _, getPrefixCls: de, componentConfig: fe, rtl: pe } = u(i), v = ee(l, ue, fe?.Menu), { style: me, children: y, className: b, prefixCls: x, mode: S, theme: C, icons: w, levelIndent: T, collapse: E, inDropdown: D, selectable: O, triggerProps: k, tooltipProps: A, ellipsis: j, accordion: M, autoOpen: N, autoScrollIntoView: P, scrollIntoViewOptions: F, hasCollapseButton: I, defaultOpenKeys: L, defaultSelectedKeys: R, openKeys: z, selectedKeys: he, onClickSubMenu: ge, onClickMenuItem: _e, onCollapseChange: ve, onEllipsisChange: ye, ...B } = v, [V, H] = n([], {
-		defaultValue: L,
-		value: z
-	}), [be, xe] = n([], {
-		defaultValue: R,
-		value: he
-	}), [U, Se] = n(!1, { value: E }), Ce = u(o), { siderCollapsed: we } = u(s), W = x || de?.("menu"), G = we || U || D || S === "popButton", K = C || Ce.theme || le, q = m([]), J = m([]), Te = t(), Ee = ne(), Y = p(() => re(y), [y]), De = te(`${W}`), X = B.id || De;
+	let { prefixCls: _, getPrefixCls: de, componentConfig: fe, rtl: pe } = u(i), v = ee(l, ue, fe?.Menu), { style: y, children: b, className: x, prefixCls: S, mode: C, theme: w, icons: T, levelIndent: E, collapse: D, inDropdown: O, selectable: k, triggerProps: A, tooltipProps: j, ellipsis: M, accordion: N, autoOpen: P, autoScrollIntoView: F, scrollIntoViewOptions: I, hasCollapseButton: L, defaultOpenKeys: me, defaultSelectedKeys: he, openKeys: ge, selectedKeys: _e, onClickSubMenu: R, onClickMenuItem: ve, onCollapseChange: z, onEllipsisChange: ye, ...B } = v, [V, H] = n({ ...v }, {
+		defaultValue: [],
+		defaultValuePropName: "defaultOpenKeys",
+		valuePropName: "openKeys",
+		triggerPropName: !1
+	}), [be, xe] = n({ ...v }, {
+		defaultValue: [],
+		defaultValuePropName: "defaultSelectedKeys",
+		valuePropName: "selectedKeys",
+		triggerPropName: !1
+	}), [U, Se] = n({ value: D }, {
+		defaultValue: !1,
+		triggerPropName: !1
+	}), Ce = u(o), { siderCollapsed: we } = u(s), W = S || de?.("menu"), G = we || U || O || C === "popButton", K = w || Ce.theme || le, q = m([]), J = m([]), Te = t(), Ee = ne(), Y = p(() => re(b), [b]), De = te(`${W}`), X = B.id || De;
 	d(() => {
 		let e = V.filter((e) => q.current.includes(e));
-		if (N) {
+		if (P) {
 			let t = q.current.filter((e) => !J.current.includes(e));
 			e = V.concat(t);
 		}
-		H(M ? e.slice(0, 1) : e), J.current = q.current.slice();
+		H(N ? e.slice(0, 1) : e), J.current = q.current.slice();
 	}, [q.current.toString()]);
-	let Z = S !== "horizontal" && S !== "popButton" && !D && I, Oe = () => {
-		let t = ie(y, { level: 1 }), n = U ? w?.collapseActive || /* @__PURE__ */ h(ce, {}) : w?.collapseDefault || /* @__PURE__ */ h(se, {}), r = () => {
+	let Z = C !== "horizontal" && C !== "popButton" && !O && L, Oe = () => {
+		let t = ie(b, { level: 1 }), n = U ? T?.collapseActive || /* @__PURE__ */ h(ce, {}) : T?.collapseDefault || /* @__PURE__ */ h(se, {}), r = () => {
 			let e = !U;
-			Se(e), ve?.(e);
+			Se(e), z?.(e);
 		};
 		return /* @__PURE__ */ oe(ae, { children: [/* @__PURE__ */ h("div", {
 			className: `${W}-inner`,
-			children: S === "horizontal" && j !== !1 ? /* @__PURE__ */ h(c, {
-				ellipsisText: e(j) ? j.text : "···",
+			children: C === "horizontal" && M !== !1 ? /* @__PURE__ */ h(c, {
+				ellipsisText: e(M) ? M.text : "···",
 				onEllipsisChange: ye,
 				children: t
 			}) : t
@@ -66,51 +73,51 @@ function g(l, g) {
 			...Ee({ onPressEnter: r }),
 			children: n
 		})] });
-	}, Q = { ...me };
-	G && !D && delete Q.width;
+	}, Q = { ...y };
+	G && !O && delete Q.width;
 	let $ = m(null);
 	return f(g, () => ({ getRootElement() {
 		return $.current;
-	} })), /* @__PURE__ */ h("div", {
-		id: Z ? X : void 0,
-		role: "menu",
-		...a(B, ["isMenu"]),
-		ref: $,
-		style: Q,
-		className: r(W, `${W}-${K}`, `${W}-${S === "horizontal" ? "horizontal" : "vertical"}`, {
-			[`${W}-collapse`]: G,
-			[`${W}-pop`]: S === "pop" || G,
-			[`${W}-pop-button`]: S === "popButton",
-			[`${W}-rtl`]: pe
-		}, b),
-		children: /* @__PURE__ */ h(o.Provider, {
-			value: {
-				...v,
-				mode: S,
-				theme: K,
-				collapse: G,
-				levelIndent: T,
-				inDropdown: D,
-				selectedKeys: be,
-				openKeys: V,
-				icons: w,
-				triggerProps: k,
-				tooltipProps: A,
-				autoScrollIntoView: P,
-				scrollIntoViewOptions: F,
-				id: X,
-				prefixCls: W,
-				collectInlineMenuKeys: (e, t) => {
-					t ? q.current = q.current.filter((t) => t !== e) : q.current.push(e), Te();
-				},
-				onClickMenuItem: (e, t) => {
-					O && xe([e]), _e?.(e, t, Y[e]?.keyPath);
-				},
-				onClickSubMenu: (e, t, n) => {
-					let r = [...V];
-					n === "inline" && (r = V?.includes?.(e) ? M && t === 1 ? [] : V.filter((t) => t !== e) : M && t === 1 ? [e] : V.concat([e])), H(r), ge?.(e, r, Y[e]?.keyPath);
-				}
+	} })), /* @__PURE__ */ h(o.Provider, {
+		value: {
+			...v,
+			mode: C,
+			theme: K,
+			collapse: G,
+			levelIndent: E,
+			inDropdown: O,
+			selectedKeys: be,
+			openKeys: V,
+			icons: T,
+			triggerProps: A,
+			tooltipProps: j,
+			autoScrollIntoView: F,
+			scrollIntoViewOptions: I,
+			id: X,
+			prefixCls: W,
+			collectInlineMenuKeys: (e, t) => {
+				t ? q.current = q.current.filter((t) => t !== e) : q.current.push(e), Te();
 			},
+			onClickMenuItem: (e, t) => {
+				k && xe([e]), ve?.(e, t, Y[e]?.keyPath);
+			},
+			onClickSubMenu: (e, t, n) => {
+				let r = [...V];
+				n === "inline" && (r = V?.includes?.(e) ? N && t === 1 ? [] : V.filter((t) => t !== e) : N && t === 1 ? [e] : V.concat([e])), H(r), R?.(e, r, Y[e]?.keyPath);
+			}
+		},
+		children: /* @__PURE__ */ h("div", {
+			id: Z ? X : void 0,
+			role: "menu",
+			...a(B, ["isMenu"]),
+			ref: $,
+			style: Q,
+			className: r(W, `${W}-${K}`, `${W}-${C === "horizontal" ? "horizontal" : "vertical"}`, {
+				[`${W}-collapse`]: G,
+				[`${W}-pop`]: C === "pop" || G,
+				[`${W}-pop-button`]: C === "popButton",
+				[`${W}-rtl`]: pe
+			}, x),
 			children: Oe()
 		})
 	});

package/menu/OverflowWrap.js

@@ -1,67 +1,69 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isNull as e } from "../utils/is.js";
 import t from "../utils/className.js";
-import { getStyle as n } from "../utils/style.js";
-import r from "../hooks/use-resize-observers/index.js";
-import i from "./context.js";
-import a from "./sub-menu/index.js";
-import o, { useContext as s, useRef as c, useState as l } from "react";
-import { jsx as u } from "react/jsx-runtime";
+import n from "../hooks/use-memoized-fn/index.js";
+import { getStyle as r } from "../utils/style.js";
+import i from "../hooks/use-resize-observers/index.js";
+import a from "./context.js";
+import o from "./sub-menu/index.js";
+import s, { useContext as c, useRef as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
 //#region components/pc/menu/OverflowWrap.tsx
-var d = 5;
-function f(e) {
+var f = 5, p = 1;
+function m(e) {
 	return e && Math.ceil(+e.getBoundingClientRect().width);
 }
-function p(e) {
+function h(e) {
 	let t = Number(e.replace("px", ""));
 	return isNaN(t) ? 0 : t;
 }
-var m = (m) => {
-	let { children: h, ellipsisText: g = "···", onEllipsisChange: _ } = m, { prefixCls: v } = s(i), y = c(null), [b, x] = l(null), S = `${v}-overflow-sub-menu`, C = `${v}-overflow-hidden-menu-item`, w = `${v}-overflow-sub-menu-mirror`, T = (t) => {
-		if (t !== b) {
-			let n = o.Children.toArray(h), r = e(t);
-			_?.({
+var g = (g) => {
+	let { children: _, ellipsisText: v = "···", onEllipsisChange: y } = g, { prefixCls: b } = c(a), x = l(null), S = l(0), [C, w] = u(null), T = `${b}-overflow-sub-menu`, E = `${b}-overflow-hidden-menu-item`, D = `${b}-overflow-sub-menu-mirror`, O = (t) => {
+		if (t !== C) {
+			let n = s.Children.toArray(_), r = e(t);
+			y?.({
 				lastVisibleIndex: r ? n.length - 1 : t,
 				overflowNodes: r ? [] : n.slice(t + 1)
-			}), x(t);
+			}), w(t);
 		}
-	};
-	function E(e) {
-		if (!y.current) return;
-		let t = y.current, r = f(t) - d, i = [].slice.call(t.children), a = 0, o = 0, s = 0;
-		for (let e = 0; e < i.length; e++) {
-			let t = i[e], c = t.className.split(" "), l = c.includes(S), u = c.includes(w);
+	}, k = n((e) => {
+		if (!x.current) return;
+		let t = x.current, n = m(t);
+		if (S.current && Math.abs(n - S.current) < p) return;
+		S.current = n;
+		let i = n - f, a = [].slice.call(t.children), o = 0, s = 0, c = 0;
+		for (let e = 0; e < a.length; e++) {
+			let t = a[e], n = t.className.split(" "), l = n.includes(T), u = n.includes(D);
 			if (l) continue;
-			let d = f(t) + p(n(t, "marginLeft")) + p(n(t, "marginRight"));
+			let d = m(t) + h(r(t, "marginLeft")) + h(r(t, "marginRight"));
 			if (u) {
-				s = d;
+				c = d;
 				continue;
 			}
-			if (o += d, o > r) {
-				T(a - (o - d + s <= r ? 1 : 2));
+			if (s += d, s > i) {
+				O(o - (s - d + c <= i ? 1 : 2));
 				return;
 			}
-			a++;
+			o++;
 		}
-		T(null);
-	}
-	let D = (e, t = !1) => /* @__PURE__ */ u(a, {
-		title: /* @__PURE__ */ u("span", { children: g }),
-		className: t ? w : S,
+		O(null);
+	}), A = (e, t = !1) => /* @__PURE__ */ d(o, {
+		title: /* @__PURE__ */ d("span", { children: v }),
+		className: t ? D : T,
 		children: e
 	}, `pqb-menu-overflow-sub-menu${t ? "-mirror" : ""}`);
-	return r((e) => {
-		E(e);
-	}, [y.current], { immediate: !0 }), /* @__PURE__ */ u("div", {
-		className: `${v}-overflow-wrap`,
-		ref: y,
+	return i((e) => {
+		k(e);
+	}, [x.current], { immediate: !0 }), /* @__PURE__ */ d("div", {
+		className: `${b}-overflow-wrap`,
+		ref: x,
 		children: (() => {
 			let n = null;
 			return [
-				D(null, !0),
-				...o.Children.map(h, (r, i) => {
+				A(null, !0),
+				...s.Children.map(_, (r, i) => {
 					let a = r;
-					return e(b) || (i > b && (a = o.cloneElement(r, { className: t(C, r?.props?.className) })), i === b + 1 && (n = D(o.Children.toArray(h).slice(b + 1).map((e) => o.cloneElement(e, { key: e.props._key }))))), a;
+					return e(C) || (i > C && (a = s.cloneElement(r, { className: t(E, r?.props?.className) })), i === C + 1 && (n = A(s.Children.toArray(_).slice(C + 1).map((e) => s.cloneElement(e, { key: e.props._key }))))), a;
 				}) ?? [],
 				n
 			];
@@ -69,5 +71,5 @@ var m = (m) => {
 	});
 };
 //#endregion
-export { m as default };
+export { g as default };
 /* 独立思考，明辨是非 */

package/menu/context.d.ts

@@ -5,7 +5,7 @@ export type HotkeyInfo = {
     type: 'sibling' | 'generation' | 'enter';
 };
 export type ResetHotkeyInfo = (activeKey?: string) => void;
-declare const MenuContext: import("react").Context<Pick<MenuProps, "collapse" | "triggerProps" | "mode" | "icons" | "tooltipProps" | "theme" | "levelIndent" | "inDropdown" | "selectedKeys" | "openKeys" | "autoScrollIntoView" | "scrollIntoViewOptions"> & {
+declare const MenuContext: import("react").Context<Pick<MenuProps, "mode" | "collapse" | "triggerProps" | "tooltipProps" | "icons" | "theme" | "levelIndent" | "inDropdown" | "selectedKeys" | "openKeys" | "autoScrollIntoView" | "scrollIntoViewOptions"> & {
     id?: string;
     prefixCls?: string;
     onClickMenuItem?: (key: string, e: any) => void;

package/menu/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { createContext as e } from "react";
 //#region components/pc/menu/context.ts
 var t = e({});

package/menu/index.js

@@ -1,11 +1,11 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "./context.js";
 import t from "./Indent.js";
 import n from "./Item.js";
 import r from "./ItemGroup.js";
 import i from "./sub-menu/index.js";
 import a from "./Menu.js";
-//#region components/pc/menu/index.tsx
+//#region components/pc/menu/index.ts
 Object.assign(a, {
 	Item: n,
 	ItemGroup: r,

package/menu/sub-menu/Inline.js

@@ -1,17 +1,17 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isHTMLElement as e } from "../../utils/is.js";
 import { Enter as t } from "../../utils/keyboardCode.js";
 import n from "../../utils/className.js";
 import r from "../../utils/pick.js";
 import i from "../../utils/omit.js";
-import a from "../../hooks/use-state-with-promise/index.js";
-import o from "../../hooks/use-id/index.js";
-import s from "../context.js";
-import c from "../Indent.js";
-import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as l, isChildrenSelected as u, processChildren as d } from "../utils.js";
-import { useContext as f, useRef as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import g from "@unicom-cloud/ui-common/transition/TransitionCSS";
+import { TransitionCSS as a } from "../../transition/index.js";
+import o from "../../hooks/use-state-with-promise/index.js";
+import s from "../../hooks/use-id/index.js";
+import c from "../context.js";
+import l from "../Indent.js";
+import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as u, isChildrenSelected as d, processChildren as f } from "../utils.js";
+import { useContext as p, useRef as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import _ from "@unicom-cloud/icons/IconUiDown";
 //#region components/pc/menu/sub-menu/Inline.tsx
 var v = {
@@ -19,13 +19,13 @@ var v = {
 	visibility: "hidden"
 };
 function y(y) {
-	let { _key: b, children: x, style: S, className: C, title: w, level: T, forwardedRef: E, selectable: D, ...O } = y, { id: k, prefixCls: A, levelIndent: j, openKeys: M = [], selectedKeys: N = [], icons: P, onClickSubMenu: F, onClickMenuItem: I } = f(s), L = p(null), R = `${A}-inline`, z = M?.includes?.(b), B = D && N.includes(y._key) || u(x, N), [V, H] = a(z ? { height: "auto" } : v), U = (e) => {
+	let { _key: b, children: x, style: S, className: C, title: w, level: T, forwardedRef: E, selectable: D, ...O } = y, { id: k, prefixCls: A, levelIndent: j, openKeys: M = [], selectedKeys: N = [], icons: P, onClickSubMenu: F, onClickMenuItem: I } = p(c), L = m(null), R = `${A}-inline`, z = M?.includes?.(b), B = D && N.includes(y._key) || d(x, N), [V, H] = o(z ? { height: "auto" } : v), U = (e) => {
 		F(b, T, "inline"), D && I(b, e);
-	}, W = o(`${k}-submenu-inline`), G = d(x, {
-		...r(O, l),
+	}, W = s(`${k}-submenu-inline`), G = f(x, {
+		...r(O, u),
 		level: T + 1,
 		selectable: D
-	}), K = /* @__PURE__ */ h("div", {
+	}), K = /* @__PURE__ */ g("div", {
 		tabIndex: 0,
 		"aria-expanded": z,
 		"aria-controls": W,
@@ -35,19 +35,19 @@ function y(y) {
 			e.key === t.key && U(e);
 		},
 		children: [
-			/* @__PURE__ */ m(c, {
+			/* @__PURE__ */ h(l, {
 				level: T,
 				prefixCls: A,
 				levelIndent: j
 			}),
-			/* @__PURE__ */ m("span", { children: w }),
-			/* @__PURE__ */ m("span", {
+			/* @__PURE__ */ h("span", { children: w }),
+			/* @__PURE__ */ h("span", {
 				className: `${A}-icon-suffix ${z ? "is-open" : ""}`,
-				children: P?.horizontalArrowDown ? P.horizontalArrowDown : /* @__PURE__ */ m(_, {})
+				children: P?.horizontalArrowDown ? P.horizontalArrowDown : /* @__PURE__ */ h(_, {})
 			})
 		]
 	});
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ g("div", {
 		ref: E,
 		className: n(R, C),
 		style: S,
@@ -56,7 +56,7 @@ function y(y) {
 			"popup",
 			"triggerProps"
 		]),
-		children: [K, /* @__PURE__ */ m(g, {
+		children: [K, /* @__PURE__ */ h(a, {
 			in: z,
 			duration: 200,
 			classNames: R,
@@ -71,7 +71,7 @@ function y(y) {
 				t ||= L.current, e(t) && (await H({ height: t.scrollHeight }), await H(v));
 			},
 			refElement: L,
-			children: /* @__PURE__ */ m("div", {
+			children: /* @__PURE__ */ h("div", {
 				ref: L,
 				id: W,
 				className: n(`${R}-content`),

package/menu/sub-menu/Pop.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { ArrowLeft as e, ArrowRight as t, Enter as n } from "../../utils/keyboardCode.js";
 import r from "../../utils/className.js";
 import i from "../../config-provider/context.js";

package/menu/sub-menu/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isFunction as e } from "../../utils/is.js";
 import t from "../context.js";
 import n from "./Inline.js";

package/menu/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isNullOrUndefined as e, isString as t } from "../utils/is.js";
 import n from "react";
 //#region components/pc/menu/utils.ts

package/message/Message.d.ts

@@ -1,20 +1,4 @@
-import React from 'react';
-import { JSX } from 'react/jsx-runtime';
-import type { ConfigProps, MessageHookReturnType, MessageProps, MessageType } from './interface';
-interface ComponentStaticProps {
-    displayName?: string;
-    useMessage: (config?: ConfigProps) => [MessageHookReturnType, JSX.Element];
-    success: (config: MessageProps | string) => MessageType;
-    info: (config: MessageProps | string) => MessageType;
-    warning: (config: MessageProps | string) => MessageType;
-    error: (config: MessageProps | string) => MessageType;
-    loading: (config: MessageProps | string) => MessageType;
-    normal: (config: MessageProps | string) => MessageType;
-    config: (options: ConfigProps) => void;
-    clear: () => void;
-    remove: (id: string) => void;
-    addInstance: (config: MessageProps) => () => void;
-}
-declare const Message: React.FC<MessageProps> & ComponentStaticProps;
-export default Message;
+import type { ComponentStaticProps, MessageProps } from './interface';
+declare const MessageWrapper: ComponentStaticProps;
+export default MessageWrapper;
 export type { MessageProps };