@unicom-cloud/ui 0.8.159 → 0.8.160

package/layout/Sider.js

@@ -1,15 +1,16 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 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 { LAYOUT_SIDER_COMPONENT_INFO as c } from "../utils/names.js";
+import 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 { UI_PC_PREFIX as _ } from "@unicom-cloud/utils/constant/ui";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
@@ -20,24 +21,24 @@ var S = o(() => {
 	let e = 0;
 	return (t = "") => (e += 1, `${t}${e}`);
 });
-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({
+function C(o, c) {
+	let { children: p, 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: I, onCollapse: L, resizeBoxProps: R = {}, triggerStyle: te } = o, z = S(`${_}-sider-`), { prefixCls: ne, getPrefixCls: B } = m(l), 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);
+	}), 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: F,
 		collapsed: H,
-		onCollapse: I,
-		onBreakpoint: te
+		onCollapse: L,
+		onBreakpoint: I
 	}, 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);
 		}
 	})), () => {
 		P?.(z), J.current && r.unsubscribe(J.current);
@@ -49,49 +50,49 @@ function C(o, p) {
 		W,
 		k
 	]);
-	let X = M && e(M) || L.directions?.length, Z = () => {
+	let X = M && e(M) || R.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 },
+			style: te ?? { width: K.siderWidth },
 			className: s(`${V}-trigger`, { [`${V}-trigger-light`]: E === "light" }),
 			onClick: (e) => {
-				U(!H), I?.(!H, "clickTrigger");
+				U(!H), L?.(!H, "clickTrigger");
 			},
 			children: e
 		}) : null;
 	}, Q = "aside", $ = {
-		id: w,
+		id: C,
 		style: {
 			width: K.siderWidth,
-			...T
+			...w
 		},
 		className: s(V, {
 			[`${V}-light`]: E === "light",
 			[`${V}-has-trigger`]: !t(D) && j,
 			[`${V}-collapsed`]: H
-		}, ee),
+		}, T),
 		onTransitionEnd(e) {}
 	};
 	return X && (Object.assign($, {
 		component: "aside",
-		...L,
+		...R,
 		width: K.siderWidth,
 		directions: M,
 		onMoving: (e, t) => {
-			q({ siderWidth: `${t.width}px` }), L?.onMoving?.(e, t);
+			q({ siderWidth: `${t.width}px` }), R?.onMoving?.(e, t);
 		}
-	}), Q = f), /* @__PURE__ */ v(d.Provider, {
+	}), Q = ee), /* @__PURE__ */ v(f.Provider, {
 		value: {
 			siderCollapsed: H,
 			collapsedWidth: k,
 			...K
 		},
 		children: /* @__PURE__ */ y(Q, {
-			ref: p,
+			ref: c,
 			...$,
 			children: [/* @__PURE__ */ v("div", {
 				className: `${V}-children`,
-				children: C
+				children: p
 			}), Z()]
 		})
 	});
@@ -100,7 +101,7 @@ var w = p(C), T = Object.assign(w, {
 	___PQB_SIDER___: !0,
 	___PQB_SIGN___: "sider"
 });
-T.displayName = "LayoutSider";
+T.displayName = c.displayName;
 //#endregion
 export { T as default };
 /* 独立思考，明辨是非 */

package/layout/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { createContext as e } from "react";
 //#region components/pc/layout/context.ts
 var t = e({

package/layout/index.d.ts

@@ -4,6 +4,7 @@ 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>> & {
+    id: string;
     Sider: import("react").ForwardRefExoticComponent<import("./interface").SiderProps & import("react").RefAttributes<unknown>> & {
         ___PQB_SIDER___: boolean;
         ___PQB_SIGN___: string;

package/layout/index.js

@@ -1,18 +1,20 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-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 "./Layout.js";
-import a from "./Sider.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { LAYOUT_COMPONENT_INFO as e } from "../utils/names.js";
+import { LayoutSiderContext as t } from "./context.js";
+import n from "./Content.js";
+import r from "./Footer.js";
+import i from "./Header.js";
+import a from "./Layout.js";
+import o from "./Sider.js";
 //#region components/pc/layout/index.ts
-var o = Object.assign(i, {
-	Sider: a,
-	Header: r,
-	Footer: n,
-	Content: t,
-	SiderContext: e
+var s = Object.assign(a, {
+	id: e.id,
+	Sider: o,
+	Header: i,
+	Footer: r,
+	Content: n,
+	SiderContext: t
 });
 //#endregion
-export { t as LayoutContent, n as LayoutFooter, r as LayoutHeader, a as LayoutSider, e as LayoutSiderContext, o as default };
+export { n as LayoutContent, r as LayoutFooter, i as LayoutHeader, o as LayoutSider, t as LayoutSiderContext, s as default };
 /* 独立思考，明辨是非 */

package/link/Link.js

@@ -1,21 +1,22 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../utils/className.js";
-import t from "../hooks/use-merge-props/index.js";
-import n from "../config-provider/context.js";
+import { LINK_COMPONENT_INFO as t } from "../utils/names.js";
+import n from "../hooks/use-merge-props/index.js";
+import r from "../config-provider/context.js";
 import "../config-provider/index.js";
-import r from "../hooks/use-keyboard-event/index.js";
-import { forwardRef as i, useContext as a, useImperativeHandle as o, useRef as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "@unicom-cloud/icons/IconUiLink";
+import i from "../hooks/use-keyboard-event/index.js";
+import { forwardRef as a, useContext as o, useImperativeHandle as s, useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "@unicom-cloud/icons/IconUiLink";
 //#region components/pc/link/Link.tsx
-var d = { hoverable: !0 };
-function f(i, f) {
-	let { prefixCls: p, getPrefixCls: m, componentConfig: h, rtl: g } = a(n), _ = t(i, d, h?.Link), { className: v, style: y, children: b, icon: x, status: S, disabled: C, hoverable: w, ...T } = _, E = r({ onKeyDown: _.onKeyDown }), D = m?.("link"), O = "href" in _ ? "a" : "span", k = (e) => {
+var f = { hoverable: !0 };
+function p(t, a) {
+	let { prefixCls: p, getPrefixCls: m, componentConfig: h, rtl: g } = o(r), _ = n(t, f, h?.Link), { className: v, style: y, children: b, icon: x, status: S, disabled: C, hoverable: w, ...T } = _, E = i({ onKeyDown: _.onKeyDown }), D = m?.("link"), O = "href" in _ ? "a" : "span", k = (e) => {
 		C ? (e.preventDefault(), e.stopPropagation()) : _.onClick?.(e);
-	}, A = s(null);
-	return o(f, () => ({ getRootElement() {
+	}, A = c(null);
+	return s(a, () => ({ getRootElement() {
 		return A.current;
-	} })), /* @__PURE__ */ l(O, {
+	} })), /* @__PURE__ */ u(O, {
 		className: e(D, {
 			[`${D}-disabled`]: C,
 			[`${D}-is-${S}`]: S,
@@ -29,14 +30,14 @@ function f(i, f) {
 		style: y,
 		onClick: k,
 		...E({ onPressEnter: k }),
-		children: [x ? /* @__PURE__ */ c("span", {
+		children: [x ? /* @__PURE__ */ l("span", {
 			className: `${D}-icon`,
-			children: x === !0 ? /* @__PURE__ */ c(u, {}) : x
+			children: x === !0 ? /* @__PURE__ */ l(d, {}) : x
 		}) : null, b]
 	});
 }
-var p = i(f);
-p.displayName = "Link";
+var m = a(p);
+m.displayName = t.displayName;
 //#endregion
-export { p as default };
+export { m as default };
 /* 独立思考，明辨是非 */

package/link/index.d.ts

@@ -1,6 +1,8 @@
 import type { LinkProps } from './interface';
 declare const Link: import("react").ForwardRefExoticComponent<LinkProps & {
     children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<unknown>>;
+} & import("react").RefAttributes<unknown>> & {
+    id: string;
+};
 export default Link;
 export type { LinkProps };

package/link/index.js

@@ -1,7 +1,8 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import e from "./Link.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { LINK_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./Link.js";
 //#region components/pc/link/index.ts
-var t = Object.assign(e, {});
+var n = Object.assign(t, { id: e.id });
 //#endregion
-export { t as default };
+export { n as default };
 /* 独立思考，明辨是非 */

package/liquid-fill/LiquidFill.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { LiquidFillProps } from './interface';
-declare const _default: React.ForwardRefExoticComponent<LiquidFillProps & React.RefAttributes<unknown>>;
-export default _default;
+declare const LiquidFill: React.ForwardRefExoticComponent<LiquidFillProps & React.RefAttributes<unknown>>;
+export default LiquidFill;

package/liquid-fill/LiquidFill.js

@@ -1,15 +1,17 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isNaN as e, isNumber as t, isString as n } from "../utils/is.js";
 import r from "../utils/uuid.js";
 import i from "../utils/className.js";
-import a from "../hooks/use-merge-props/index.js";
-import o from "../config-provider/context.js";
+import { LIQUID_FILL_COMPONENT_INFO as a } from "../utils/names.js";
+import o from "../hooks/use-merge-props/index.js";
+import s from "../config-provider/context.js";
 import "../config-provider/index.js";
-import s from "../hooks/use-update-effect/index.js";
-import { forwardRef as c, useContext as ee, useEffect as l, useImperativeHandle as u, useRef as d, useState as f } from "react";
+import ee from "../hooks/use-update-effect/index.js";
+import { forwardRef as c, useContext as l, useEffect as u, useImperativeHandle as te, useRef as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-var h = c((c, h) => {
-	let te = {
+//#region components/pc/liquid-fill/LiquidFill.tsx
+function h(a, c) {
+	let h = {
 		value: .5,
 		size: 200,
 		waveColor: "rgb(var(--pqb-blue-6))",
@@ -26,7 +28,7 @@ var h = c((c, h) => {
 		decimalPlaces: 0,
 		percentFontScale: .5,
 		waveSpeedVariation: .5
-	}, { prefixCls: ne, getPrefixCls: g, componentConfig: _ } = ee(o), v = g?.("liquid-fill"), { style: y, className: re, value: b, size: x, fontSize: S = `${x * .15}px`, waveColor: C, backgroundColor: w, textColor: ie, showPercent: T, duration: E, waveCount: D, waveAmplitude: O, borderColor: k, borderWidth: A, outerBorderColor: j, outerBorderWidth: M, borderGap: N, decimalPlaces: P, percentFontScale: F, waveSpeedVariation: I } = a(c, te, _?.LiquidFill), L = e(b) ? 0 : b, R = d({
+	}, { prefixCls: g, getPrefixCls: _, componentConfig: v } = l(s), y = _?.("liquid-fill"), { style: b, className: ne, value: x, size: S, fontSize: C = `${S * .15}px`, waveColor: w, backgroundColor: T, textColor: E, showPercent: re, duration: D, waveCount: O, waveAmplitude: ie, borderColor: k, borderWidth: A, outerBorderColor: j, outerBorderWidth: M, borderGap: N, decimalPlaces: P, percentFontScale: F, waveSpeedVariation: I } = o(a, h, v?.LiquidFill), L = e(x) ? 0 : x, R = d({
 		clipPath: r(),
 		waveGradient: r(),
 		bgGradient: r()
@@ -34,7 +36,7 @@ var h = c((c, h) => {
 		fill: 0,
 		wave: 0,
 		startTime: 0
-	}).current, [B, V] = f(0), [H, U] = f([]), W = x / 2 - M / 2, G = W - M / 2 - N - A / 2, K = G - A / 2, q = x / 2, J = K * 2, oe = B / 100 * J + A / 2, Y = (e, t) => {
+	}).current, [B, V] = f(0), [H, U] = f([]), W = S / 2 - M / 2, G = W - M / 2 - N - A / 2, K = G - A / 2, q = S / 2, J = K * 2, oe = B / 100 * J + A / 2, Y = (e, t) => {
 		if (n(t)) return null;
 		let { from: r, to: i, direction: a = "vertical" } = t, o = a === "horizontal";
 		return /* @__PURE__ */ m("linearGradient", {
@@ -58,59 +60,59 @@ var h = c((c, h) => {
 			r.push([o, s]);
 		}
 		return r.push([a, q + K]), r.push([i, q + K]), r.map(([e, t], n) => `${n === 0 ? "M" : "L"}${e} ${t}`).join(" ");
-	}, ce = () => Array.from({ length: D }).map((e, t) => {
-		let n = O * (D - t) / D, r = .02 * (t + 1), i = H[t] || 0;
+	}, ce = () => Array.from({ length: O }).map((e, t) => {
+		let n = ie * (O - t) / O, r = .02 * (t + 1), i = H[t] || 0;
 		return /* @__PURE__ */ p("path", {
-			className: `${v}-path`,
+			className: `${y}-path`,
 			d: se(n, r, i),
-			fill: X(C, R.waveGradient),
-			fillOpacity: .3 + .7 / D * t
+			fill: X(w, R.waveGradient),
+			fillOpacity: .3 + .7 / O * t
 		}, t);
 	}), Z = () => {
 		U((e) => e.map((e, t) => e + .02 * (t + 1) * (1 + I * Math.random()))), B < 100 && (z.wave = requestAnimationFrame(Z));
 	}, Q = (e) => {
 		z.startTime ||= e;
 		let t = e - z.startTime;
-		V(Math.min(t / E, 1) * L * 100), t < E && (z.fill = requestAnimationFrame(Q));
+		V(Math.min(t / D, 1) * L * 100), t < D && (z.fill = requestAnimationFrame(Q));
 	};
-	l(() => {
-		U(Array.from({ length: D }, (e, t) => t * Math.PI));
-	}, [D]), l(() => (cancelAnimationFrame(z.fill), cancelAnimationFrame(z.wave), z.startTime = 0, V(0), z.fill = requestAnimationFrame(Q), z.wave = requestAnimationFrame(Z), () => {
+	u(() => {
+		U(Array.from({ length: O }, (e, t) => t * Math.PI));
+	}, [O]), u(() => (cancelAnimationFrame(z.fill), cancelAnimationFrame(z.wave), z.startTime = 0, V(0), z.fill = requestAnimationFrame(Q), z.wave = requestAnimationFrame(Z), () => {
 		cancelAnimationFrame(z.fill), cancelAnimationFrame(z.wave);
 	}), [
 		L,
-		E,
-		D
-	]), s(() => (cancelAnimationFrame(z.wave), z.wave = requestAnimationFrame(Z), () => {
+		D,
+		O
+	]), ee(() => (cancelAnimationFrame(z.wave), z.wave = requestAnimationFrame(Z), () => {
 		cancelAnimationFrame(z.wave);
 	}), [I]);
 	let $ = d(null);
-	return u(h, () => ({ getRootElement() {
+	return te(c, () => ({ getRootElement() {
 		return $.current;
 	} })), /* @__PURE__ */ p("div", {
 		ref: $,
-		className: i(v, re),
+		className: i(y, ne),
 		style: {
-			width: x,
-			height: x,
-			...y
+			width: S,
+			height: S,
+			...b
 		},
 		children: /* @__PURE__ */ m("svg", {
-			className: `${v}-svg`,
+			className: `${y}-svg`,
 			ref: ae,
-			width: x,
-			height: x,
-			viewBox: `0 0 ${x} ${x}`,
+			width: S,
+			height: S,
+			viewBox: `0 0 ${S} ${S}`,
 			preserveAspectRatio: "xMidYMid meet",
 			children: [
 				/* @__PURE__ */ m("defs", { children: [
-					Y(R.waveGradient, C),
-					Y(R.bgGradient, w),
+					Y(R.waveGradient, w),
+					Y(R.bgGradient, T),
 					/* @__PURE__ */ p("clipPath", {
 						id: R.clipPath,
-						className: `${v}-clipPath`,
+						className: `${y}-clipPath`,
 						children: /* @__PURE__ */ p("circle", {
-							className: `${v}-clipPath-circle`,
+							className: `${y}-clipPath-circle`,
 							cx: q,
 							cy: q,
 							r: K
@@ -118,7 +120,7 @@ var h = c((c, h) => {
 					})
 				] }),
 				M > 0 && /* @__PURE__ */ p("circle", {
-					className: `${v}-outerBorder`,
+					className: `${y}-outerBorder`,
 					cx: q,
 					cy: q,
 					r: W,
@@ -128,32 +130,32 @@ var h = c((c, h) => {
 					strokeOpacity: j ? 1 : .5
 				}),
 				/* @__PURE__ */ p("circle", {
-					className: `${v}-border`,
+					className: `${y}-border`,
 					cx: q,
 					cy: q,
 					r: G,
-					fill: X(w, R.bgGradient),
+					fill: X(T, R.bgGradient),
 					stroke: k,
 					strokeWidth: A
 				}),
 				/* @__PURE__ */ p("g", {
-					className: `${v}-g`,
+					className: `${y}-g`,
 					clipPath: `url(#${R.clipPath})`,
 					children: ce()
 				}),
-				T && /* @__PURE__ */ m("text", {
+				re && /* @__PURE__ */ m("text", {
 					style: {},
-					className: `${v}-text`,
+					className: `${y}-text`,
 					x: q,
 					y: q,
-					fill: ie,
-					fontSize: S,
+					fill: E,
+					fontSize: C,
 					textAnchor: "middle",
 					dominantBaseline: "middle",
 					alignmentBaseline: "middle",
 					children: [B.toFixed(P), /* @__PURE__ */ p("tspan", {
-						style: { fontSize: `calc(${t(S) ? S + "px" : S} * ${F})` },
-						className: `${v}-text-tspan`,
+						style: { fontSize: `calc(${t(C) ? C + "px" : C} * ${F})` },
+						className: `${y}-text-tspan`,
 						alignmentBaseline: "middle",
 						dominantBaseline: "middle",
 						children: "%"
@@ -162,7 +164,9 @@ var h = c((c, h) => {
 			]
 		})
 	});
-});
+}
+var g = c(h);
+g.displayName = a.displayName;
 //#endregion
-export { h as default };
+export { g as default };
 /* 独立思考，明辨是非 */

package/liquid-fill/index.d.ts

@@ -1,4 +1,6 @@
 import type { ColorType, LiquidFillProps } from './interface';
-declare const LiquidFill: import("react").ForwardRefExoticComponent<LiquidFillProps & import("react").RefAttributes<unknown>>;
+declare const LiquidFill: import("react").ForwardRefExoticComponent<LiquidFillProps & import("react").RefAttributes<unknown>> & {
+    id: string;
+};
 export default LiquidFill;
 export type { ColorType, LiquidFillProps };

package/liquid-fill/index.js

@@ -1,7 +1,8 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import e from "./LiquidFill.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { LIQUID_FILL_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./LiquidFill.js";
 //#region components/pc/liquid-fill/index.ts
-var t = Object.assign(e, {});
+var n = Object.assign(t, { id: e.id });
 //#endregion
-export { t as default };
+export { n as default };
 /* 独立思考，明辨是非 */

package/list/Item.js

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