@unicom-cloud/ui 0.8.157 → 0.8.158

package/input-tag/InputTag.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isArray as e, isArrayAndNotEmpty as t, isFunction as n, isNumber as r, isObjectLike as i, isPlainObject as a, isString as o, isUndefinedOrNull as s } from "../utils/is.js";
 import c from "../utils/uuid.js";
 import { Backspace as l } from "../utils/keyboardCode.js";
-import u from "../hooks/use-merge-value/index.js";
+import u from "../hooks/use-controllable-value/index.js";
 import d from "../utils/className.js";
 import ee from "../hooks/use-merge-props/index.js";
 import te from "../config-provider/context.js";
@@ -13,7 +13,7 @@ import "../config-provider/index.js";
 import oe from "../utils/fillNBSP.js";
 import se from "../utils/getHotkeyHandler.js";
 import { HYPHEN as ce } from "../utils/string.js";
-import le from "../input/InputElement.js";
+import le from "../input/InputComponent.js";
 import "../constant/index.js";
 import ue from "../draggable/index.js";
 import de from "../flex/index.js";
@@ -22,13 +22,13 @@ import pe from "../popover/index.js";
 import me from "../tag/index.js";
 import { PREFIX_INPUT_TAG as he } from "./constant.js";
 import ge from "./hook/useComputeAutoWidthDelay.js";
-import f, { useContext as p, useImperativeHandle as _e, useMemo as ve, useRef as m, useState as ye } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import be from "@unicom-cloud/icons/IconUiClose";
+import _e, { Fragment as ve, forwardRef as ye, useContext as f, useImperativeHandle as be, useMemo as xe, useRef as p, useState as Se } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import Ce from "@unicom-cloud/icons/IconUiClose";
 //#region components/pc/input-tag/InputTag.tsx
-var xe = `__input_${c()}`, _ = (e) => s(e), v = (e) => {
+var we = `__input_${c()}`, g = (e) => s(e), _ = (e) => {
 	e.target.tagName !== "INPUT" && e.preventDefault();
-}, y = (t) => e(t) ? t.map((e) => a(e) ? {
+}, v = (t) => e(t) ? t.map((e) => a(e) ? {
 	...e,
 	label: "label" in e ? e.label : e.value,
 	value: e.value,
@@ -36,177 +36,184 @@ var xe = `__input_${c()}`, _ = (e) => s(e), v = (e) => {
 } : {
 	label: e,
 	value: e
-}) : [], Se = { validate: (e, t) => e && t.every((t) => t.value !== e) };
-function b(e, s) {
-	let { prefixCls: c, getPrefixCls: b, size: x, componentConfig: Ce, rtl: S } = p(te), we = p(ne), Te = p(re), C = ee(e, Se, Ce?.InputTag), { className: Ee, style: De, placeholder: Oe, error: ke, disabled: w, readOnly: T = Te?.readOnly ?? we?.readOnly, allowClear: Ae, autoFocus: je, labelInValue: Me, disableInput: Ne, saveOnBlur: Pe, dragToSort: Fe, icon: E, prefix: D, suffix: O, addBefore: k, addAfter: A, tokenSeparators: j, validate: M, renderTag: N, tagClassName: P, maxTagCount: F, onInputChange: Ie, onKeyDown: Le, onPaste: Re, onChange: ze, onFocus: Be, onBlur: Ve, onPressEnter: He, onRemove: Ue, onClear: We, onClick: I, ...Ge } = C, L = b?.(he), R = "size" in C ? C.size : x, Ke = T ? ce : Oe, z = i(F) ? F.count : F, B = m(void 0), V = m(void 0), H = m(void 0), [U, qe] = ye(!1), [W, Je] = u([], {
-		defaultValue: "defaultValue" in C ? y(C.defaultValue) : void 0,
-		value: "value" in C ? y(C.value) : void 0
-	}), [G, K] = u("", { value: C.inputValue }), Ye = ge(W), Xe = !!(Fe && !T && !w);
-	_e(s, () => Object.assign({}, B.current, {
-		select: B.current?.select,
-		blur: B.current?.blur,
-		focus: B.current?.focus,
+}) : [], Te = { validate: (e, t) => e && t.every((t) => t.value !== e) };
+function y(e, s) {
+	let { prefixCls: c, getPrefixCls: ye, size: y, componentConfig: b, rtl: x } = f(te), Ee = f(ne), De = f(re), S = ee(e, Te, b?.InputTag), { className: Oe, style: ke, placeholder: Ae, error: je, disabled: C, readOnly: w = De?.readOnly ?? Ee?.readOnly, allowClear: Me, autoFocus: Ne, labelInValue: Pe, disableInput: Fe, saveOnBlur: Ie, dragToSort: Le, icon: T, prefix: E, suffix: D, addBefore: O, addAfter: k, tokenSeparators: A, validate: j, renderTag: M, tagClassName: N, maxTagCount: P, onInputChange: Re, onKeyDown: ze, onPaste: Be, onChange: Ve, onFocus: He, onBlur: Ue, onPressEnter: We, onRemove: Ge, onClear: Ke, onClick: F, ...qe } = S, I = ye?.(he), L = "size" in S ? S.size : y, Je = w ? ce : Ae, R = i(P) ? P.count : P, z = p(void 0), B = p(void 0), V = p(null), [H, Ye] = Se(!1), [U, Xe] = u({
+		defaultValue: "defaultValue" in S ? v(S.defaultValue) : void 0,
+		value: "value" in S ? v(S.value) : void 0
+	}, {
+		defaultValue: [],
+		triggerPropName: !1
+	}), [W, G] = u({ value: S.inputValue }, {
+		defaultValue: "",
+		triggerPropName: !1
+	}), Ze = ge(U), Qe = !!(Le && !w && !C);
+	be(s, () => Object.assign({}, z.current, {
+		select: z.current?.select,
+		blur: z.current?.blur,
+		focus: z.current?.focus,
+		addValueToTag: q,
 		getInputElement() {
-			return B.current?.getRootElement?.();
+			return z.current?.getRootElement?.();
 		},
 		getRootElement() {
-			return H.current;
+			return V.current;
 		}
 	}));
-	let q = (e, t) => {
-		w || T || ("value" in C || Je(e), ze?.(Me ? e : e.map((e) => e?.value), t));
-	}, Ze = (e, t, n) => {
-		w || T || (Ue?.(e, t, n), q([...W.slice(0, t), ...W.slice(t + 1)], "remove"));
-	}, Qe = se(new Map([[l.key, (e) => {
-		if (!e.target.value && W.length) for (let t = W.length - 1; t >= 0; t--) {
-			let n = W[t];
+	let K = (e, t) => {
+		C || w || ("value" in S || Xe(e), Ve?.(Pe ? e : e.map((e) => e?.value), t));
+	}, $e = (e, t, n) => {
+		C || w || (Ge?.(e, t, n), K([...U.slice(0, t), ...U.slice(t + 1)], "remove"));
+	}, et = se(new Map([[l.key, (e) => {
+		if (!e.target.value && U.length) for (let t = U.length - 1; t >= 0; t--) {
+			let n = U[t];
 			if (n.closable !== !1) {
-				Ze(n, t, e);
+				$e(n, t, e);
 				return;
 			}
 		}
-	}]])), $e = async () => {
+	}]])), q = async () => {
 		try {
-			let e = n(M) ? await M(G, W) : !0;
-			e && (q(W.concat({
-				value: e === !0 ? G : e,
-				label: G
-			}), "add"), K(""));
+			let e = n(j) ? await j(W, U) : !0;
+			e && (K(U.concat({
+				value: e === !0 ? W : e,
+				label: W
+			}), "add"), G(""));
 		} catch (e) {
 			console.error(e);
 		}
-	}, et = (e, t, n = !1) => {
-		let a = e.value, s = e.label, c = !T && !w && e.closable !== !1, l = i(a) ? t : a, u = (n) => {
-			Ze(e, t, n);
+	}, tt = (e, t, n = !1) => {
+		let a = e.value, s = e.label, c = !w && !C && e.closable !== !1, l = i(a) ? t : a, u = (n) => {
+			$e(e, t, n);
 		};
-		return !n && r(z) && t >= z ? t === W.length - 1 ? (s = tt(W.length - Number(z)), c = !1, {
+		return !n && r(R) && t >= R ? t === U.length - 1 ? (s = nt(U.length - Number(R)), c = !1, {
 			valueKey: l,
 			dom: s
 		}) : {
 			valueKey: l,
 			dom: null
-		} : N ? {
+		} : M ? {
 			valueKey: l,
-			dom: N({
+			dom: M({
 				value: a,
 				label: s,
 				closable: c,
 				onClose: u
-			}, t, W)
+			}, t, U)
 		} : {
 			valueKey: l,
-			dom: /* @__PURE__ */ h(me, {
+			dom: /* @__PURE__ */ m(me, {
 				closable: c,
 				onClose: u,
 				visible: !0,
 				children: oe(s),
-				closeIcon: E?.removeIcon,
-				__closeIconProps: { onMouseDown: v },
-				className: d(`${L}-tag`, { [P]: P }),
+				closeIcon: T?.removeIcon,
+				__closeIconProps: { onMouseDown: _ },
+				className: d(`${I}-tag`, { [N]: N }),
 				title: o(s) ? s : void 0
 			}, `${l}-tag`)
 		};
 	};
-	function tt(e) {
-		let t = i(F) && F.render ? F.render : () => /* @__PURE__ */ g("span", {
-			className: `${L}-tag-ellipsis`,
+	function nt(e) {
+		let t = i(P) && P.render ? P.render : () => /* @__PURE__ */ h("span", {
+			className: `${I}-tag-ellipsis`,
 			children: ["+", e]
-		}), n = a(F) && F.popoverProps;
-		return /* @__PURE__ */ h(pe, {
-			content: /* @__PURE__ */ h(de, {
+		}), n = a(P) && P.popoverProps;
+		return /* @__PURE__ */ m(pe, {
+			content: /* @__PURE__ */ m(de, {
 				wrap: !0,
 				gap: "1x",
-				children: W.map((e, t, n) => ({
+				children: U.map((e, t, n) => ({
 					tagValue: e,
 					tagIndex: t
-				})).slice(-e).map(({ tagValue: e, tagIndex: t }) => et(e, t, !0)?.dom)
+				})).slice(-e).map(({ tagValue: e, tagIndex: t }) => tt(e, t, !0)?.dom)
 			}),
 			...n || {},
-			children: t(e, W)
+			children: t(e, U)
 		});
 	}
-	let nt = async (e) => {
-		if (V.current = null, t(j)) {
-			let t = e.split(RegExp(`[${j.join("")}]`));
+	let J = async (e) => {
+		if (B.current = null, t(A)) {
+			let t = e.split(RegExp(`[${A.join("")}]`));
 			if (t.length > 1) {
-				V.current = Date.now();
+				B.current = Date.now();
 				let e = [];
 				await Promise.all(t.map(async (t) => {
-					let r = t ? n(M) ? await M(t, W) : !0 : !1;
+					let r = t ? n(j) ? await j(t, U) : !0 : !1;
 					r && e.push({
 						value: r === !0 ? t : r,
 						label: t
 					});
-				})), e.length && q(W.concat(e), "add");
+				})), e.length && K(U.concat(e), "add");
 			}
 		}
-	}, J = Ae && !w && !T && W.length ? /* @__PURE__ */ h(ae, {
-		prefix: L,
-		size: R,
-		className: `${L}-clear-icon`,
+	}, rt = Me && !C && !w && U.length ? /* @__PURE__ */ m(ae, {
+		prefix: I,
+		size: L,
+		className: `${I}-clear-icon`,
 		onClick: (e) => {
-			e.stopPropagation(), q([], "clear"), U || B.current?.focus?.(), We?.();
+			e.stopPropagation(), K([], "clear"), H || z.current?.focus?.(), Ke?.();
 		},
-		children: E?.clearIcon || /* @__PURE__ */ h(be, {})
-	}, "clearIcon") : null, rt = w || Ne, Y = ve(() => {
+		children: T?.clearIcon || /* @__PURE__ */ m(Ce, {})
+	}, "clearIcon") : null, it = C || Fe, Y = xe(() => {
 		let e = {};
-		return W.map((t, n, r) => {
+		return U.map((t, n, r) => {
 			let i = e[t.value] || 0, a = i >= 1;
 			e[t.value] = i + 1;
-			let { dom: o, valueKey: s } = et(t, n);
-			return f.isValidElement(o) ? /* @__PURE__ */ h(f.Fragment, { children: o }, a ? [s, n].join("-") : s) : o;
+			let { dom: o, valueKey: s } = tt(t, n);
+			return _e.isValidElement(o) ? /* @__PURE__ */ m(ve, { children: o }, a ? [s, n].join("-") : s) : o;
 		});
 	}, [
-		W,
-		w,
-		T
-	]), X = [/* @__PURE__ */ h(le, {
+		U,
+		C,
+		w
+	]), X = [/* @__PURE__ */ m(le, {
 		autoComplete: "off",
-		size: R,
-		disabled: rt,
-		readOnly: T,
-		ref: B,
-		autoFocus: je,
-		placeholder: W.length ? "" : Ke,
-		prefixCls: `${L}-input`,
-		...W.length ? {} : { style: { order: -1 } },
+		size: L,
+		disabled: it,
+		readOnly: w,
+		ref: z,
+		autoFocus: Ne,
+		placeholder: U.length ? "" : Je,
+		prefixCls: `${I}-input`,
+		...U.length ? {} : { style: { order: -1 } },
 		autoFitWidth: {
-			delay: () => Ye.current,
+			delay: () => Ze.current,
 			pure: !0
 		},
 		onPressEnter: async (e) => {
-			G && e.preventDefault(), He?.(e), await $e();
+			W && e.preventDefault(), We?.(e), await q();
 		},
 		onFocus: (e) => {
-			!rt && !T && (qe(!0), Be?.(e));
+			!it && !w && (Ye(!0), He?.(e));
 		},
 		onBlur: async (e) => {
-			qe(!1), Ve?.(e), Pe && await $e(), K("");
+			Ye(!1), Ue?.(e), Ie && await q(), G("");
 		},
-		value: G,
+		value: W,
 		onChange: (e, t) => {
-			Ie?.(e, t), t.nativeEvent.inputType !== "insertFromPaste" && nt(e), V.current ? K("") : K(e);
+			Re?.(e, t), t.nativeEvent.inputType !== "insertFromPaste" && J(e), B.current ? G("") : G(e);
 		},
 		onKeyDown: (e) => {
-			Qe(e), Le?.(e);
+			et(e), ze?.(e);
 		},
 		onPaste: (e) => {
-			Re?.(e), nt(e.clipboardData.getData("text"));
+			Be?.(e), J(e.clipboardData.getData("text"));
 		}
-	}, xe)], it = !T && !_(D), at = !T && (!_(O) || !_(J)), ot = !T && !_(k), st = !T && !_(A), Z = ot || st, ct = C.status || (ke ? "error" : void 0), lt = d(L, {
-		[`${L}-size-${R}`]: R,
-		[`${L}-disabled`]: w,
-		[`${L}-${ct}`]: ct,
-		[`${L}-focus`]: U,
-		[`${L}-readonly`]: T,
-		[`${L}-has-suffix`]: at,
-		[`${L}-has-placeholder`]: !W.length,
-		[`${L}-rtl`]: S
+	}, we)], at = !w && !g(E), ot = !w && (!g(D) || !g(rt)), st = !w && !g(O), ct = !w && !g(k), Z = st || ct, lt = S.status || (je ? "error" : void 0), ut = d(I, {
+		[`${I}-size-${L}`]: L,
+		[`${I}-disabled`]: C,
+		[`${I}-${lt}`]: lt,
+		[`${I}-focus`]: H,
+		[`${I}-readonly`]: w,
+		[`${I}-has-suffix`]: ot,
+		[`${I}-has-placeholder`]: !U.length,
+		[`${I}-rtl`]: x
 	}), Q = {
-		style: De,
-		className: Ee
-	}, $ = /* @__PURE__ */ h("div", {
-		...ie(Ge, [
+		style: ke,
+		className: Oe
+	}, $ = /* @__PURE__ */ m("div", {
+		...ie(qe, [
 			"status",
 			"size",
 			"defaultValue",
@@ -214,68 +221,68 @@ function b(e, s) {
 			"inputValue"
 		]),
 		...Z ? {} : Q,
-		className: Z ? lt : d(lt, Q.className),
+		className: Z ? ut : d(ut, Q.className),
 		onMouseDown: (e) => {
-			U && v(e);
+			H && _(e);
 		},
 		onClick: (e) => {
-			!U && B.current?.focus?.(), I && I(e);
+			!H && z.current?.focus?.(), F && F(e);
 		},
-		ref: Z ? void 0 : H,
-		children: /* @__PURE__ */ g("div", {
-			className: d(`${L}-view`, T && `${L}-view-readonly`),
+		ref: Z ? void 0 : V,
+		children: /* @__PURE__ */ h("div", {
+			className: d(`${I}-view`, w && `${I}-view-readonly`),
 			children: [
-				it && /* @__PURE__ */ h("div", {
-					className: `${L}-prefix`,
-					onMouseDown: v,
-					children: D
+				at && /* @__PURE__ */ m("div", {
+					className: `${I}-prefix`,
+					onMouseDown: _,
+					children: E
 				}),
-				/* @__PURE__ */ h("div", {
-					className: `${L}-inner`,
-					children: Xe ? /* @__PURE__ */ h(ue, {
+				/* @__PURE__ */ m("div", {
+					className: `${I}-inner`,
+					children: Qe ? /* @__PURE__ */ m(ue, {
 						itemWrapperStyle: { display: "inline-block" },
 						direction: "horizontal",
 						onIndexChange: (e, t) => {
-							q(function(e, t, n) {
+							K(function(e, t, n) {
 								e = e.slice();
 								let r = t > n, [i] = e.splice(t, 1);
 								return e.splice(r ? n : n - 1, 0, i), e;
-							}(W, t, e), "sort");
+							}(U, t, e), "sort");
 						},
 						children: Y.concat(X)
-					}, "draggable") : z === "responsive" ? /* @__PURE__ */ h(fe, {
+					}, "draggable") : R === "responsive" ? /* @__PURE__ */ m(fe, {
 						items: Y,
 						suffixItems: X,
-						ellipsisNode: ({ ellipsisCount: e }) => tt(e)
-					}, `max_tag_group_${z}`) : Y.concat(X)
+						ellipsisNode: ({ ellipsisCount: e }) => nt(e)
+					}, `max_tag_group_${R}`) : Y.concat(X)
 				}, "transitionGroupWithDrag"),
-				at && /* @__PURE__ */ g("div", {
-					className: `${L}-suffix`,
-					onMouseDown: v,
-					children: [J, O]
+				ot && /* @__PURE__ */ h("div", {
+					className: `${I}-suffix`,
+					onMouseDown: _,
+					children: [rt, D]
 				})
 			]
 		})
 	});
-	return Z ? /* @__PURE__ */ g("div", {
+	return Z ? /* @__PURE__ */ h("div", {
 		...Q,
-		className: d(`${L}-wrapper`, { [`${L}-wrapper-rtl`]: S }, Q.className),
-		ref: H,
+		className: d(`${I}-wrapper`, { [`${I}-wrapper-rtl`]: x }, Q.className),
+		ref: V,
 		children: [
-			ot && /* @__PURE__ */ h("div", {
-				className: `${L}-addbefore`,
-				children: k
+			st && /* @__PURE__ */ m("div", {
+				className: `${I}-addbefore`,
+				children: O
 			}),
 			$,
-			st && /* @__PURE__ */ h("div", {
-				className: `${L}-addafter`,
-				children: A
+			ct && /* @__PURE__ */ m("div", {
+				className: `${I}-addafter`,
+				children: k
 			})
 		]
 	}) : $;
 }
-var x = f.forwardRef(b);
-x.displayName = "InputTag";
+var b = ye(y);
+b.displayName = "InputTag";
 //#endregion
-export { x as default };
+export { b as default };
 /* 独立思考，明辨是非 */

package/input-tag/constant.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 //#region components/pc/input-tag/constant.ts
 var e = "input-tag";
 //#endregion

package/input-tag/hook/useComputeAutoWidthDelay.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { useEffect as e, useRef as t } from "react";
 //#region components/pc/input-tag/hook/useComputeAutoWidthDelay.tsx
 var n = 300, r = (r) => {

package/input-tag/index.d.ts

@@ -1,4 +1,4 @@
 import type { InputTagProps } from './InputTag';
-declare const InputTag: import("react").ForwardRefExoticComponent<InputTagProps<any> & import("react").RefAttributes<import("../interface").FocusAndBlur & import("../interface").GetRootElement>>;
+declare const InputTag: import("react").ForwardRefExoticComponent<InputTagProps<string | import("./interface").ObjectValueType> & import("react").RefAttributes<import("../interface").FocusAndBlur & import("../interface").GetRootElement>>;
 export default InputTag;
 export type { InputTagProps };

package/input-tag/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./InputTag.js";
 //#region components/pc/input-tag/index.tsx
 var t = Object.assign(e, {});

package/layout/Content.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 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/layout/Footer.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 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/layout/Header.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 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/layout/Layout.d.ts

@@ -1,14 +1,4 @@
 import React from 'react';
-import Content from './Content';
-import Footer from './Footer';
-import Header from './Header';
-import Sider from './Sider';
 import type { LayoutProps } from './interface';
-declare const ForwardRefLayout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<unknown>>;
-declare const LayoutComponent: typeof ForwardRefLayout & {
-    Sider: typeof Sider;
-    Header: typeof Header;
-    Footer: typeof Footer;
-    Content: typeof Content;
-};
+declare const LayoutComponent: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<unknown>>;
 export default LayoutComponent;

package/layout/Layout.js

@@ -1,13 +1,9 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isBoolean as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import n from "../hooks/use-merge-props/index.js";
 import r from "../config-provider/context.js";
 import "../config-provider/index.js";
-import "./Content.js";
-import "./Footer.js";
-import "./Header.js";
-import "./Sider.js";
 import i, { forwardRef as a, useContext as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
 import { jsx as u } from "react/jsx-runtime";
 import d from "lodash/get";

package/layout/Sider.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import type { SiderProps } from './interface';
-declare const ForwardRefSider: React.ForwardRefExoticComponent<SiderProps & React.RefAttributes<unknown>>;
-declare const SiderComponent: typeof ForwardRefSider & {
+declare const SiderComponent: React.ForwardRefExoticComponent<SiderProps & React.RefAttributes<unknown>> & {
     ___PQB_SIDER___: boolean;
-    ___PQB_SIGN___: "sider";
+    ___PQB_SIGN___: string;
 };
 export default SiderComponent;

package/layout/Sider.js

@@ -1,29 +1,33 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isArray as e, isNull as t, isNumber as n } from "../utils/is.js";
 import r, { responsiveMap as i } from "../utils/responsiveObserve.js";
-import a from "../hooks/use-merge-value/index.js";
+import a from "../hooks/use-controllable-value/index.js";
 import o from "../utils/callOrReturn.js";
 import s from "../utils/className.js";
-import c, { PREFIX_CLS as l } from "../config-provider/context.js";
+import c from "../config-provider/context.js";
 import "../config-provider/index.js";
-import { STRING_RESPONSIVE as u } from "../constant/index.js";
-import d from "../hooks/use-set-state/index.js";
-import { LayoutSiderContext as f } from "./context.js";
-import ee from "../resize-box/index.js";
+import { STRING_RESPONSIVE as l } from "../constant/index.js";
+import u from "../hooks/use-set-state/index.js";
+import { LayoutSiderContext as d } from "./context.js";
+import f from "../resize-box/index.js";
 import { forwardRef as p, useContext as m, useEffect as h, useRef as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import y from "@unicom-cloud/icons/IconUiLeft";
-import b from "@unicom-cloud/icons/IconUiRight";
+import { UI_PC_PREFIX as _ } from "@unicom-cloud/utils/constant/ui";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import b from "@unicom-cloud/icons/IconUiLeft";
+import x from "@unicom-cloud/icons/IconUiRight";
 //#region components/pc/layout/Sider.tsx
-var x = o(() => {
+var S = o(() => {
 	let e = 0;
 	return (t = "") => (e += 1, `${t}${e}`);
 });
-function S(o, p) {
-	let { children: S, id: C, style: w, className: T, theme: E = "light", trigger: D, reverseArrow: O, collapsedWidth: k = 48, width: A = 200, collapsible: j, resizeDirections: M, onSiderMount: N, onSiderUnmount: P, breakpoint: F, onBreakpoint: te, onCollapse: I, resizeBoxProps: L = {}, triggerStyle: R } = o, z = x(`${l}-sider-`), { prefixCls: ne, getPrefixCls: B } = m(c), V = B?.("layout-sider"), [H, U] = a(!1, {
+function C(o, p) {
+	let { children: C, id: w, style: T, className: ee, theme: E = "light", trigger: D, reverseArrow: O, collapsedWidth: k = 48, width: A = 200, collapsible: j, resizeDirections: M, onSiderMount: N, onSiderUnmount: P, breakpoint: F, onBreakpoint: te, onCollapse: I, resizeBoxProps: L = {}, triggerStyle: R } = o, z = S(`${_}-sider-`), { prefixCls: ne, getPrefixCls: B } = m(c), V = B?.("layout-sider"), [H, U] = a({
 		value: "collapsed" in o ? o.collapsed : void 0,
 		defaultValue: o.defaultCollapsed
-	}), W = n(A) ? `${A}px` : String(A), G = n(k) ? `${k}` : String(k), [K, q] = d({ siderWidth: H ? G : W }), J = g(void 0), Y = g(void 0);
+	}, {
+		defaultValue: !1,
+		triggerPropName: !1
+	}), W = n(A) ? `${A}px` : String(A), G = n(k) ? `${k}` : String(k), [K, q] = u({ siderWidth: H ? G : W }), J = g(void 0), Y = g(void 0);
 	Y.current = {
 		breakpoint: F,
 		collapsed: H,
@@ -33,7 +37,7 @@ function S(o, p) {
 		let { breakpoint: n, collapsed: r, onCollapse: i, onBreakpoint: a } = Y.current;
 		if (!t || t === n) {
 			let t = !e[n];
-			t !== r && (U(t), i?.(t, u)), a?.(t);
+			t !== r && (U(t), i?.(t, l)), a?.(t);
 		}
 	})), () => {
 		P?.(z), J.current && r.unsubscribe(J.current);
@@ -46,8 +50,8 @@ function S(o, p) {
 		k
 	]);
 	let X = M && e(M) || L.directions?.length, Z = () => {
-		let e = D || _(H ? O ? y : b : O ? b : y, {});
-		return j && !t(D) ? /* @__PURE__ */ _("div", {
+		let e = D || v(H ? O ? b : x : O ? x : b, {});
+		return j && !t(D) ? /* @__PURE__ */ v("div", {
 			style: R ?? { width: K.siderWidth },
 			className: s(`${V}-trigger`, { [`${V}-trigger-light`]: E === "light" }),
 			onClick: (e) => {
@@ -56,16 +60,16 @@ function S(o, p) {
 			children: e
 		}) : null;
 	}, Q = "aside", $ = {
-		id: C,
+		id: w,
 		style: {
 			width: K.siderWidth,
-			...w
+			...T
 		},
 		className: s(V, {
 			[`${V}-light`]: E === "light",
 			[`${V}-has-trigger`]: !t(D) && j,
 			[`${V}-collapsed`]: H
-		}, T),
+		}, ee),
 		onTransitionEnd(e) {}
 	};
 	return X && (Object.assign($, {
@@ -76,24 +80,27 @@ function S(o, p) {
 		onMoving: (e, t) => {
 			q({ siderWidth: `${t.width}px` }), L?.onMoving?.(e, t);
 		}
-	}), Q = ee), /* @__PURE__ */ _(f.Provider, {
+	}), Q = f), /* @__PURE__ */ v(d.Provider, {
 		value: {
 			siderCollapsed: H,
 			collapsedWidth: k,
 			...K
 		},
-		children: /* @__PURE__ */ v(Q, {
+		children: /* @__PURE__ */ y(Q, {
 			ref: p,
 			...$,
-			children: [/* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: `${V}-children`,
-				children: S
+				children: C
 			}), Z()]
 		})
 	});
 }
-var C = p(S);
-C.displayName = "LayoutSider", C.___PQB_SIDER___ = !0, C.___PQB_SIGN___ = "sider";
+var w = p(C), T = Object.assign(w, {
+	___PQB_SIDER___: !0,
+	___PQB_SIGN___: "sider"
+});
+T.displayName = "LayoutSider";
 //#endregion
-export { C as default };
+export { T as default };
 /* 独立思考，明辨是非 */