@unicom-cloud/ui 0.8.156 → 0.8.157

package/input-number/interface.d.ts

@@ -6,7 +6,7 @@ export type InputNumberValueChangeReason = 'manual' | 'increase' | 'decrease' |
  */
 export interface InputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'className' | 'size' | 'onChange' | 'onKeyDown'>, ReadOnly, Size {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 数字变化步长
      * @en The value of each step. It can be an integer or decimal

package/input-number/useSelectionRange.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isNumber as e } from "../utils/is.js";
 import t from "../hooks/use-isomorphic-layout-effect/index.js";
 import { useRef as n } from "react";

package/input-number/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isFunction as e, isNaN as t, isNumber as n } from "../utils/is.js";
 //#region components/pc/input-number/utils.ts
 function r(e) {

package/input-tag/InputTag.js

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

package/input-tag/constant.js

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

package/input-tag/hook/useComputeAutoWidthDelay.js

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

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

package/input-tag/interface.d.ts

@@ -11,7 +11,7 @@ export type ValueChangeReason = 'add' | 'remove' | 'clear' | 'sort';
  * @title InputTag
  */
 export interface InputTagProps<T = unknown> extends ReadOnly, Size {
-    className?: string | string[];
+    className?: string;
     style?: CSSProperties;
     /**
      * @zh 预设文案

package/interface.d.ts

@@ -1,3 +1,6 @@
+export type RootElementRef = {
+    getRootElement: () => HTMLElement | null;
+};
 export type FocusAndBlur = {
     /**
      * @zh 使元素聚焦

package/layout/Content.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 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-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 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-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";

package/layout/Layout.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isBoolean as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import n from "../hooks/use-merge-props/index.js";

package/layout/Sider.js

@@ -1,84 +1,85 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { isArray as e, isNumber as t } from "../utils/is.js";
-import n, { responsiveMap as r } from "../utils/responsiveObserve.js";
-import i from "../hooks/use-merge-value/index.js";
-import a from "../utils/callOrReturn.js";
-import o from "../utils/className.js";
-import s, { PREFIX_CLS as c } from "../config-provider/context.js";
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
+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 o from "../utils/callOrReturn.js";
+import s from "../utils/className.js";
+import c, { PREFIX_CLS as l } from "../config-provider/context.js";
 import "../config-provider/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 { 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 { 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";
 //#region components/pc/layout/Sider.tsx
-var x = a(() => {
+var x = o(() => {
 	let e = 0;
 	return (t = "") => (e += 1, `${t}${e}`);
 });
-function S(a, p) {
-	let { children: S, className: C, style: w, theme: T = "light", trigger: E, reverseArrow: D, collapsedWidth: O = 48, width: k = 200, collapsible: A, resizeDirections: j, onSiderMount: M, onSiderUnmount: N, breakpoint: P, onBreakpoint: F, onCollapse: I, resizeBoxProps: L = {}, triggerStyle: R } = a, z = x(`${c}-sider-`), { prefixCls: ee, getPrefixCls: B } = m(s), V = B?.("layout-sider"), [H, U] = i(!1, {
-		value: "collapsed" in a ? a.collapsed : void 0,
-		defaultValue: a.defaultCollapsed
-	}), W = t(k) ? `${k}px` : String(k), G = t(O) ? `${O}` : String(O), [K, q] = u({ siderWidth: H ? G : W }), J = g(void 0), Y = g(void 0);
+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, {
+		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);
 	Y.current = {
-		breakpoint: P,
+		breakpoint: F,
 		collapsed: H,
 		onCollapse: I,
-		onBreakpoint: F
-	}, h(() => (M?.(z), A && P in r && (J.current = n.subscribe((e, t) => {
+		onBreakpoint: te
+	}, h(() => (N?.(z), j && F in i && (J.current = r.subscribe((e, t) => {
 		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, l)), a?.(t);
+			t !== r && (U(t), i?.(t, u)), a?.(t);
 		}
 	})), () => {
-		N?.(z), J.current && n.unsubscribe(J.current);
+		P?.(z), J.current && r.unsubscribe(J.current);
 	}), []), h(() => {
-		let e = t(O) ? `${O}px` : String(O);
+		let e = n(k) ? `${k}px` : String(k);
 		q({ siderWidth: H ? e : W });
 	}, [
 		H,
 		W,
-		O
+		k
 	]);
-	let X = j && e(j) || L.directions?.length, Z = () => {
-		let e = E || _(H ? D ? y : b : D ? b : y, {});
-		return A && E !== null ? /* @__PURE__ */ _("div", {
+	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", {
 			style: R ?? { width: K.siderWidth },
-			className: o(`${V}-trigger`, { [`${V}-trigger-light`]: T === "light" }),
+			className: s(`${V}-trigger`, { [`${V}-trigger-light`]: E === "light" }),
 			onClick: (e) => {
 				U(!H), I?.(!H, "clickTrigger");
 			},
 			children: e
 		}) : null;
 	}, Q = "aside", $ = {
+		id: C,
 		style: {
 			width: K.siderWidth,
 			...w
 		},
-		className: o(V, {
-			[`${V}-light`]: T === "light",
-			[`${V}-has-trigger`]: E !== null && A,
+		className: s(V, {
+			[`${V}-light`]: E === "light",
+			[`${V}-has-trigger`]: !t(D) && j,
 			[`${V}-collapsed`]: H
-		}, C),
+		}, T),
 		onTransitionEnd(e) {}
 	};
 	return X && (Object.assign($, {
 		component: "aside",
 		...L,
 		width: K.siderWidth,
-		directions: j,
+		directions: M,
 		onMoving: (e, t) => {
 			q({ siderWidth: `${t.width}px` }), L?.onMoving?.(e, t);
 		}
-	}), Q = f), /* @__PURE__ */ _(d.Provider, {
+	}), Q = ee), /* @__PURE__ */ _(f.Provider, {
 		value: {
 			siderCollapsed: H,
-			collapsedWidth: O,
+			collapsedWidth: k,
 			...K
 		},
 		children: /* @__PURE__ */ v(Q, {