@unicom-cloud/ui 0.8.156 → 0.8.158

package/layout/Sider.js

@@ -1,98 +1,106 @@
-/* 潘启宝 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-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-controllable-value/index.js";
+import o from "../utils/callOrReturn.js";
+import s from "../utils/className.js";
+import c 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 { 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 = a(() => {
+var S = 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 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
+	}, {
+		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: 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);
 		}
 	})), () => {
-		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 || v(H ? O ? b : x : O ? x : b, {});
+		return j && !t(D) ? /* @__PURE__ */ v("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: w,
 		style: {
 			width: K.siderWidth,
-			...w
+			...T
 		},
-		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),
+		}, ee),
 		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 = f), /* @__PURE__ */ v(d.Provider, {
 		value: {
 			siderCollapsed: H,
-			collapsedWidth: O,
+			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 };
 /* 独立思考，明辨是非 */

package/layout/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { createContext as e } from "react";
 //#region components/pc/layout/context.ts
 var t = e({

package/layout/index.d.ts

@@ -4,14 +4,9 @@ import Header from './Header';
 import Sider from './Sider';
 import { LayoutSiderContext } from './context';
 declare const Layout: import("react").ForwardRefExoticComponent<import("./interface").LayoutProps & import("react").RefAttributes<unknown>> & {
-    Sider: typeof Sider;
-    Header: typeof Header;
-    Footer: typeof Footer;
-    Content: typeof Content;
-} & {
     Sider: import("react").ForwardRefExoticComponent<import("./interface").SiderProps & import("react").RefAttributes<unknown>> & {
         ___PQB_SIDER___: boolean;
-        ___PQB_SIGN___: "sider";
+        ___PQB_SIGN___: string;
     };
     Header: import("react").ForwardRefExoticComponent<import("./interface").HeaderProps & import("react").RefAttributes<unknown>>;
     Footer: import("react").ForwardRefExoticComponent<import("./interface").FooterProps & import("react").RefAttributes<unknown>>;

package/layout/index.js

@@ -1,18 +1,18 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { LayoutSiderContext as e } from "./context.js";
 import t from "./Content.js";
 import n from "./Footer.js";
 import r from "./Header.js";
-import i from "./Sider.js";
-import a from "./Layout.js";
+import i from "./Layout.js";
+import a from "./Sider.js";
 //#region components/pc/layout/index.tsx
-var o = Object.assign(a, {
-	Sider: i,
+var o = Object.assign(i, {
+	Sider: a,
 	Header: r,
 	Footer: n,
 	Content: t,
 	SiderContext: e
 });
 //#endregion
-export { t as LayoutContent, n as LayoutFooter, r as LayoutHeader, i as LayoutSider, e as LayoutSiderContext, o as default };
+export { t as LayoutContent, n as LayoutFooter, r as LayoutHeader, a as LayoutSider, e as LayoutSiderContext, o as default };
 /* 独立思考，明辨是非 */

package/layout/interface.d.ts

@@ -9,7 +9,7 @@ export interface LayoutState {
  */
 export interface LayoutProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'className' | 'ref'> {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh
      * 表示子元素里有 Sider，一般不用指定。可用于服务端渲染时避免样式闪动
@@ -23,27 +23,27 @@ export interface LayoutProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLE
  * @title Layout.Header
  */
 export interface HeaderProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'className' | 'ref'> {
-    className?: string | string[];
+    className?: string;
 }
 /**
  * @title Layout.Footer
  */
 export interface FooterProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'className' | 'ref'> {
-    className?: string | string[];
+    className?: string;
 }
 /**
  * @title Layout.Content
  */
 export interface ContentProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'className' | 'ref'> {
-    className?: string | string[];
+    className?: string;
 }
 /**
  * @title Layout.Sider
  */
-export interface SiderProps {
+export interface SiderProps extends Pick<HTMLAttributes<HTMLElement>, 'id' | 'style' | 'className'> {
     children?: ReactNode;
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     sign?: 'sider';
     /**
      * @zh 主题颜色

package/link/Link.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 "../hooks/use-merge-props/index.js";
 import n from "../config-provider/context.js";

package/link/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./Link.js";
 //#region components/pc/link/index.tsx
 var t = Object.assign(e, {});

package/link/interface.d.ts

@@ -3,7 +3,7 @@ import { AnchorHTMLAttributes, CSSProperties, ReactNode } from 'react';
  * @title Link
  */
 export interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'className'> {
-    className?: string | string[];
+    className?: string;
     style?: CSSProperties;
     /**
      * @zh 显示图标，设置为 `true` 时展示默认图标。

package/liquid-fill/LiquidFill.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isNaN as e, isNumber as t, isString as n } from "../utils/is.js";
 import { uuid as r } from "../utils/uuid.js";
 import i from "../utils/className.js";

package/liquid-fill/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./LiquidFill.js";
 //#region components/pc/liquid-fill/index.tsx
 var t = Object.assign(e, {});

package/liquid-fill/interface.d.ts

@@ -20,7 +20,7 @@ export interface LiquidFillProps {
     /** 自定义容器样式 */
     style?: CSSProperties;
     /** 自定义类名 */
-    className?: string | string[];
+    className?: string;
     /**
      * 当前填充比例 (0-1)
      * @default 0.5

package/list/Item.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import Meta from './Meta';
 import type { ListItemProps } from './interface';
-declare const ForwardRefItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
-declare const ItemComponent: typeof ForwardRefItem & {
-    Meta: typeof Meta;
+declare const ItemComponent: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>> & {
+    Meta: React.ForwardRefExoticComponent<import("./interface").ListItemMetaProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default ItemComponent;

package/list/Item.js

@@ -1,36 +1,36 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isNullOrUndefined 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 i from "./Meta.js";
-import a, { useContext as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import a, { forwardRef as o, useContext as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region components/pc/list/Item.tsx
-var l = { actionLayout: "horizontal" };
-function u(u, d) {
-	let { prefixCls: f, getPrefixCls: p, componentConfig: m } = o(r), { children: h, className: g, actions: _, extra: v, actionLayout: y, ...b } = n(u, l, m?.ListItem), x = `${p?.("list")}-item`, S = [], C = [];
+var u = { actionLayout: "horizontal" };
+function d(o, d) {
+	let { prefixCls: f, getPrefixCls: p, componentConfig: m } = s(r), { children: h, className: g, actions: _, extra: v, actionLayout: y, ...b } = n(o, u, m?.ListItem), x = `${p?.("list")}-item`, S = [], C = [];
 	a.Children.forEach(h, (t) => {
 		e(t) || (t?.type === i ? S.push(t) : C.push(t));
 	});
-	let w = C.length ? /* @__PURE__ */ s("div", {
+	let w = C.length ? /* @__PURE__ */ c("div", {
 		className: `${x}-content`,
 		children: C
-	}) : null, T = v ? /* @__PURE__ */ s("div", {
+	}) : null, T = v ? /* @__PURE__ */ c("div", {
 		className: `${x}-extra-content`,
 		children: v
-	}) : null, E = _ && _.length ? /* @__PURE__ */ s("div", {
+	}) : null, E = _?.length ? /* @__PURE__ */ c("div", {
 		className: `${x}-action`,
-		children: _.map((e, t) => /* @__PURE__ */ s("li", { children: e }, `${x}-action-${t}`))
+		children: _.map((e, t) => /* @__PURE__ */ c("li", { children: e }, `${x}-action-${t}`))
 	}) : null;
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		role: "listitem",
 		ref: d,
 		className: t(x, g),
 		...b,
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: `${x}-main`,
 				children: [
 					S,
@@ -43,8 +43,8 @@ function u(u, d) {
 		]
 	});
 }
-var d = a.forwardRef(u);
-d.displayName = "ListItem", d.Meta = i;
+var f = o(d), p = Object.assign(f, { Meta: i });
+p.displayName = "ListItem";
 //#endregion
-export { d as default };
+export { p as default };
 /* 独立思考，明辨是非 */