@unicom-cloud/ui 0.8.158 → 0.8.160

package/color-picker/Panel.js

@@ -1,72 +1,82 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import { getBodyContainer as n } from "../utils/dom.js";
 import r from "../config-provider/context.js";
 import "../config-provider/index.js";
 import i from "../tooltip/index.js";
-import a from "../select/index.js";
-import o from "../radio/Group.js";
-import { ColorPickerMode as s } from "./interface.js";
-import { isGradientMode as c, isMultiMode as l } from "./Mode.js";
-import { getColorByGradients as u, renderBackground as d, sortGradientColors as f } from "./utils.js";
-import p from "../radio/index.js";
-import m from "./ControlBar.js";
-import h from "./InputHex.js";
-import ee from "./InputRgb.js";
-import te from "./Palette.js";
+import ee from "../select/index.js";
+import a from "../radio/Group.js";
+import { ColorPickerMode as o } from "./interface.js";
+import { isGradientMode as s, isMultiMode as c } from "./Mode.js";
+import { getColorByGradients as l, renderBackground as te, sortGradientColors as u } from "./utils.js";
+import d from "../radio/index.js";
+import f from "./ControlBar.js";
+import p from "./InputHex.js";
+import m from "./InputRgb.js";
+import h from "./Palette.js";
 import { useContext as ne, useMemo as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import y from "@unicom-cloud/utils/tinycolor";
 //#region components/pc/color-picker/Panel.tsx
-var b = ({ value: b, mode: x, format: S, activeMode: C, gradientColors: w, activeColorId: T, refActiveColorId: E, color: D, alpha: O, disabledAlpha: k, historyColors: A, presetColors: re, showHistory: j, showPreset: M, renderPreset: N, renderHistory: P, renderPickSection: F, renderFooter: I, onHsvChange: L, onAlphaChange: R, onActiveModeChange: z, onGradientColorsChange: B, onActiveColorIdChange: V, onFormatChange: H }) => {
-	let { prefixCls: ie, getPrefixCls: U, locale: W, rtl: G } = ne(r), K = U?.("color-picker"), q = g(() => {
-		let e = new Set(A ?? []);
+var b = ({ value: b, mode: x, format: S, activeMode: C, gradientColors: w, activeColorId: T, refActiveColorId: re, color: E, alpha: D, disabledAlpha: O, historyColors: k, presetColors: A, showHistory: j, showPreset: M, renderPreset: N, renderHistory: P, renderPickSection: F, renderFooter: I, onHsvChange: L, onAlphaChange: R, onActiveModeChange: ie, onGradientColorsChange: z, onActiveColorIdChange: B, onFormatChange: V }) => {
+	let { prefixCls: ae, getPrefixCls: H, locale: U, rtl: W } = ne(r), G = H?.("color-picker"), K = g(() => {
+		let e = new Set(k ?? []);
 		return Array.from(e);
-	}, [A]), { h: J, s: Y, v: ae } = D.hsv, { r: X, g: Z, b: Q } = D.rgb, oe = (e) => {
+	}, [k]), { h: q, s: J, v: oe } = E.hsv, { r: Y, g: X, b: Z } = E.rgb, Q = g(() => new y({
+		r: Y,
+		g: X,
+		b: Z,
+		a: D
+	}), [
+		Y,
+		X,
+		Z,
+		D
+	]), se = (e) => {
 		let t = new y(e);
 		t.ok || (t = new y({
 			r: 255,
 			g: 0,
 			b: 0
 		})), L(t.toHsv_());
-	}, se = () => /* @__PURE__ */ v(o, {
-		className: `${K}-panel-control-gradient-tag`,
+	}, ce = () => /* @__PURE__ */ v(a, {
+		className: `${G}-panel-control-gradient-tag`,
 		type: "button",
 		size: "small",
 		value: C,
-		onChange: z,
-		children: [/* @__PURE__ */ _(p, {
-			value: s.Single,
-			children: W?.ColorPicker?.singleColor
-		}), /* @__PURE__ */ _(p, {
-			value: s.Gradient,
-			children: W?.ColorPicker?.gradientColor
+		onChange: ie,
+		children: [/* @__PURE__ */ _(d, {
+			value: o.Single,
+			children: U?.ColorPicker?.singleColor
+		}), /* @__PURE__ */ _(d, {
+			value: o.Gradient,
+			children: U?.ColorPicker?.gradientColor
 		})]
-	}), ce = (e) => {
+	}), le = (e) => {
 		let t = Math.round(e * 100);
-		B((e) => f(e.map((e) => e.id === E.current ? {
+		z((e) => u(e.map((e) => e.id === re.current ? {
 			...e,
 			percent: t
 		} : e)));
-	}, le = () => /* @__PURE__ */ _("div", {
-		className: `${K}-control-bar-gradient`,
-		children: /* @__PURE__ */ _(m, {
+	}, ue = () => /* @__PURE__ */ _("div", {
+		className: `${G}-control-bar-gradient`,
+		children: /* @__PURE__ */ _(f, {
 			multiple: !0,
 			value: w.map(({ percent: e, id: t }) => ({
 				value: e / 100,
 				key: t
 			})),
 			onAdd: (e) => {
-				let t = u(w, Math.round(e * 100));
-				B(f(w.concat(t))), V(t.id), L(t.color.hsv), R(t.alpha);
+				let t = l(w, Math.round(e * 100));
+				z(u(w.concat(t))), B(t.id), L(t.color.hsv), R(t.alpha);
 			},
-			onChange: ce,
+			onChange: le,
 			onActive: (e) => {
 				let t = w.find((t) => t.id === e);
-				V(e), L(t.color.hsv), R(t.alpha);
+				B(e), L(t.color.hsv), R(t.alpha);
 			},
-			style: { background: d(b) },
+			style: { background: te(b) },
 			renderHandlerStyle: (e) => T === e ? { outline: "1px solid rgb(var(--pqb-primary-6))" } : {},
 			renderHandlerCenterStyle: (e) => {
 				let { color: { rgb: { r: t, g: n, b: r } }, alpha: i } = w.find((t) => t.id === e);
@@ -78,40 +88,40 @@ var b = ({ value: b, mode: x, format: S, activeMode: C, gradientColors: w, activ
 				}).toRgbaString() };
 			}
 		})
-	}), ue = () => _(S === "rgb" ? ee : h, {
-		color: D,
-		alpha: O,
+	}), de = () => _(S === "rgb" ? m : p, {
+		color: E,
+		alpha: D,
 		onHsvChange: L,
 		onAlphaChange: R,
-		disabledAlpha: k
+		disabledAlpha: O
 	}), $ = (e) => /* @__PURE__ */ _(i, {
 		mini: !0,
 		content: e,
 		color: e,
 		children: /* @__PURE__ */ _("div", {
-			className: `${K}-color-block`,
+			className: `${G}-color-block`,
 			onClick: (t) => {
-				oe(e);
+				R(new y(e).getAlpha()), se(e);
 			},
 			children: /* @__PURE__ */ _("div", {
-				className: `${K}-block`,
+				className: `${G}-block`,
 				style: { backgroundColor: e }
 			})
 		}, e)
 	}, e);
 	return /* @__PURE__ */ v("div", {
-		className: t(`${K}-panel`, G && `${K}-panel-rtl`),
+		className: t(`${G}-panel`, W && `${G}-panel-rtl`, O && `${G}-panel-disabled-alpha`),
 		children: [
 			/* @__PURE__ */ v("div", {
-				className: t((l(x) || c(C)) && `${K}-panel-control-gradient`),
+				className: t((c(x) || s(C)) && `${G}-panel-control-gradient`),
 				children: [
-					l(x) && se(),
-					c(C) && le(),
-					/* @__PURE__ */ _(te, {
-						color: D,
+					c(x) && ce(),
+					s(C) && ue(),
+					/* @__PURE__ */ _(h, {
+						color: E,
 						onChange: (e, t) => {
 							L({
-								h: J,
+								h: q,
 								s: e,
 								v: t
 							});
@@ -120,54 +130,40 @@ var b = ({ value: b, mode: x, format: S, activeMode: C, gradientColors: w, activ
 				]
 			}),
 			/* @__PURE__ */ v("div", {
-				className: `${K}-panel-control`,
+				className: `${G}-panel-control`,
 				children: [/* @__PURE__ */ v("div", {
-					className: `${K}-control-wrapper`,
-					children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _(m, {
-						className: `${K}-control-bar-hue`,
-						value: J,
+					className: `${G}-control-wrapper`,
+					children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _(f, {
+						className: `${G}-control-bar-hue`,
+						value: q,
 						onChange: (e) => L({
 							h: e,
-							s: Y,
-							v: ae
+							s: J,
+							v: oe
 						}),
-						renderHandlerCenterStyle: () => ({ background: new y({
-							r: X,
-							g: Z,
-							b: Q
-						}).toRgbString() })
-					}), !k && /* @__PURE__ */ _("div", {
-						className: `${K}-control-bar-bg`,
-						children: /* @__PURE__ */ _(m, {
-							className: `${K}-control-bar-alpha`,
-							style: { background: `linear-gradient(to right, rgba(0, 0, 0, 0), rgb(${X}, ${Z}, ${Q}))` },
-							value: O,
+						renderHandlerCenterStyle: () => ({ background: Q.toRgbString() })
+					}), O ? null : /* @__PURE__ */ _("div", {
+						className: `${G}-control-bar-bg`,
+						children: /* @__PURE__ */ _(f, {
+							className: `${G}-control-bar-alpha`,
+							style: { background: `linear-gradient(to right, rgba(0, 0, 0, 0), rgb(${Y}, ${X}, ${Z}))` },
+							value: D,
 							onChange: R,
-							renderHandlerCenterStyle: () => ({ background: new y({
-								r: X,
-								g: Z,
-								b: Q,
-								a: O
-							}).toRgbaString() })
+							renderHandlerCenterStyle: () => ({ background: Q.toRgbaString() })
 						})
 					})] }), /* @__PURE__ */ _(i, {
 						mini: !0,
-						content: D.hex8String,
-						color: D.string,
+						content: Q.toHex8String(),
+						color: Q.toHex8String(),
 						children: /* @__PURE__ */ _("div", {
-							className: `${K}-preview`,
-							style: { backgroundColor: new y({
-								r: X,
-								g: Z,
-								b: Q,
-								a: O
-							}).toRgbaString() }
+							style: { backgroundColor: Q.toRgbaString() },
+							className: `${G}-preview`
 						})
 					})]
 				}), /* @__PURE__ */ v("div", {
-					className: `${K}-input-wrapper`,
-					children: [/* @__PURE__ */ _(a, {
-						className: `${K}-select-type`,
+					className: `${G}-input-wrapper`,
+					children: [/* @__PURE__ */ _(ee, {
+						className: `${G}-select-type`,
 						size: "mini",
 						options: [{
 							value: "hex",
@@ -178,43 +174,43 @@ var b = ({ value: b, mode: x, format: S, activeMode: C, gradientColors: w, activ
 						}],
 						value: S,
 						triggerProps: {
-							className: `${K}-type-dropdown`,
+							className: `${G}-type-dropdown`,
 							getPopupContainer: n
 						},
-						onChange: H
+						onChange: V
 					}), /* @__PURE__ */ _("div", {
-						className: `${K}-group-wrapper`,
-						children: ue()
+						className: `${G}-group-wrapper`,
+						children: de()
 					})]
 				})]
 			}),
 			F ? F() : j || M ? /* @__PURE__ */ v("div", {
-				className: `${K}-panel-colors`,
+				className: `${G}-panel-colors`,
 				children: [P ? P() : j ? /* @__PURE__ */ v("div", {
-					className: `${K}-colors-section`,
+					className: `${G}-colors-section`,
 					children: [/* @__PURE__ */ _("div", {
-						className: `${K}-colors-text`,
-						children: W?.ColorPicker?.history
+						className: `${G}-colors-text`,
+						children: U?.ColorPicker?.history
 					}), /* @__PURE__ */ _("div", {
-						className: `${K}-colors-wrapper`,
-						children: q?.length ? /* @__PURE__ */ _("div", {
-							className: `${K}-colors-list`,
-							children: q.map($)
+						className: `${G}-colors-wrapper`,
+						children: K?.length ? /* @__PURE__ */ _("div", {
+							className: `${G}-colors-list`,
+							children: K.map($)
 						}) : /* @__PURE__ */ _("span", {
-							className: `${K}-colors-empty`,
-							children: W?.ColorPicker?.empty
+							className: `${G}-colors-empty`,
+							children: U?.ColorPicker?.empty
 						})
 					})]
 				}) : null, N ? N() : M ? /* @__PURE__ */ v("div", {
-					className: `${K}-colors-section`,
+					className: `${G}-colors-section`,
 					children: [/* @__PURE__ */ _("div", {
-						className: `${K}-colors-text`,
-						children: W?.ColorPicker?.preset
+						className: `${G}-colors-text`,
+						children: U?.ColorPicker?.preset
 					}), /* @__PURE__ */ _("div", {
-						className: `${K}-colors-wrapper`,
+						className: `${G}-colors-wrapper`,
 						children: /* @__PURE__ */ _("div", {
-							className: `${K}-colors-list`,
-							children: re?.map?.($)
+							className: `${G}-colors-list`,
+							children: A?.map?.($)
 						})
 					})]
 				}) : null]

package/color-picker/colors.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "@unicom-cloud/utils/tinycolor";
 import * as t from "@unicom-cloud/utils/ui-color";
 //#region components/pc/color-picker/colors.ts

package/color-picker/hooks/useColorPicker.d.ts

@@ -21,7 +21,7 @@ declare const useColorPicker: (props: UseColorPickerProps) => {
     popupVisible: boolean;
     color: {
         hsv: HSV;
-        rgb: import("@unicom-cloud/utils/tinycolor").Numberify<import("@unicom-cloud/utils/tinycolor").RGBA>;
+        rgb: import("@unicom-cloud/ui").Numberify<import("@unicom-cloud/ui").RGBA>;
         hex: string;
     };
     alpha: number;

package/color-picker/hooks/useColorPicker.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isFunction as t } from "../../utils/is.js";
 import n from "../../hooks/use-controllable-value/index.js";
 import r from "../../utils/callOrReturn.js";

package/color-picker/hooks/useControlBlock.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isUndefined as e } from "../../utils/is.js";
 import { useEffect as t, useRef as n, useState as r } from "react";
 //#region components/pc/color-picker/hooks/useControlBlock.ts

package/color-picker/index.js

@@ -1,20 +1,22 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import e from "./ControlBar.js";
-import t from "./InputAlpha.js";
-import n from "./InputHex.js";
-import r from "./InputRgb.js";
-import i from "./Palette.js";
-import a from "./Panel.js";
-import o from "./ColorPicker.js";
-//#region components/pc/color-picker/index.tsx
-var s = Object.assign(o, {
-	ControlBar: e,
-	InputAlpha: t,
-	InputHex: n,
-	InputRgb: r,
-	Palette: i,
-	Panel: a
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { COLOR_PICKER_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./ControlBar.js";
+import n from "./InputAlpha.js";
+import r from "./InputHex.js";
+import i from "./InputRgb.js";
+import a from "./Palette.js";
+import o from "./Panel.js";
+import s from "./ColorPicker.js";
+//#region components/pc/color-picker/index.ts
+var c = Object.assign(s, {
+	id: e.id,
+	ControlBar: t,
+	InputAlpha: n,
+	InputHex: r,
+	InputRgb: i,
+	Palette: a,
+	Panel: o
 });
 //#endregion
-export { e as ColorPickerControlBar, t as ColorPickerInputAlpha, n as ColorPickerInputHex, r as ColorPickerInputRgb, i as ColorPickerPalette, a as ColorPickerPanel, s as default };
+export { t as ColorPickerControlBar, n as ColorPickerInputAlpha, r as ColorPickerInputHex, i as ColorPickerInputRgb, a as ColorPickerPalette, o as ColorPickerPanel, c as default };
 /* 独立思考，明辨是非 */

package/color-picker/interface.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import "react";
 //#region components/pc/color-picker/interface.ts
 var e = /* @__PURE__ */ function(e) {

package/color-picker/utils.d.ts

@@ -11,7 +11,7 @@ export declare const formatRgba: (r: number, g: number, b: number, a: number) =>
 export declare const formatHex: (r: number, g: number, b: number, a: number) => string;
 export declare const getColorFromHsv: (hsv: HSV) => {
     hsv: HSV;
-    rgb: import("@unicom-cloud/utils/tinycolor").Numberify<import("@unicom-cloud/utils/tinycolor").RGBA>;
+    rgb: import("@unicom-cloud/ui").Numberify<import("@unicom-cloud/ui").RGBA>;
     hex: string;
 };
 export declare const getRandomId: () => string;

package/color-picker/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isString as t } from "../utils/is.js";
 import n from "@unicom-cloud/utils/tinycolor";
 //#region components/pc/color-picker/utils.ts

package/comment/Comment.js

@@ -1,71 +1,72 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isPlainObject as e, isString as t } from "../utils/is.js";
 import n from "../utils/className.js";
 import { pickDataAttributes as r } from "../utils/pick.js";
-import i from "../hooks/use-merge-props/index.js";
-import a from "../config-provider/context.js";
+import { COMMENT_COMPONENT_INFO as i } from "../utils/names.js";
+import a from "../hooks/use-merge-props/index.js";
+import o from "../config-provider/context.js";
 import "../config-provider/index.js";
-import { forwardRef as o, useContext as s, useImperativeHandle as c, useRef as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as s, useContext as c, useImperativeHandle as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region components/pc/comment/Comment.tsx
-var f = {
+var p = {
 	datetime: "left",
 	actions: "left"
-}, p = { align: "left" };
-function m(o, m) {
-	let { prefixCls: h, getPrefixCls: g, componentConfig: _, rtl: v } = s(a), y = i(o, p, _?.Comment), b = g?.("comment"), { actions: x, author: S, avatar: C, content: w, datetime: T } = y, E = {
-		...f,
+}, m = { align: "left" };
+function h(i, s) {
+	let { prefixCls: h, getPrefixCls: g, componentConfig: _, rtl: v } = c(o), y = a(i, m, _?.Comment), b = g?.("comment"), { actions: x, author: S, avatar: C, content: w, datetime: T } = y, E = {
+		...p,
 		...e(y.align) ? y.align : {
 			datetime: y.align,
 			actions: y.align
 		}
-	}, D = l(null);
-	return c(m, () => ({ getRootElement() {
+	}, D = u(null);
+	return l(s, () => ({ getRootElement() {
 		return D.current;
-	} })), /* @__PURE__ */ d("div", {
+	} })), /* @__PURE__ */ f("div", {
 		ref: D,
 		className: n(`${b}`, { [`${b}-rtl`]: v }, y.className),
 		style: y.style,
 		...r(y),
-		children: [C && /* @__PURE__ */ u("div", {
+		children: [C && /* @__PURE__ */ d("div", {
 			className: n(`${b}-avatar`),
-			children: t(C) ? /* @__PURE__ */ u("img", {
+			children: t(C) ? /* @__PURE__ */ d("img", {
 				src: C,
 				alt: "comment-avatar"
 			}) : C
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: `${b}-inner`,
-			children: [/* @__PURE__ */ d("div", {
+			children: [/* @__PURE__ */ f("div", {
 				className: `${b}-inner-content`,
 				children: [
-					(S || T) && /* @__PURE__ */ d("div", {
+					(S || T) && /* @__PURE__ */ f("div", {
 						className: `${b}-title ${b}-title-align-${E.datetime}`,
-						children: [S && /* @__PURE__ */ u("span", {
+						children: [S && /* @__PURE__ */ d("span", {
 							className: `${b}-author`,
 							children: S
-						}), T && /* @__PURE__ */ u("span", {
+						}), T && /* @__PURE__ */ d("span", {
 							className: `${b}-datetime`,
 							children: T
 						})]
 					}),
-					w && /* @__PURE__ */ u("div", {
+					w && /* @__PURE__ */ d("div", {
 						className: `${b}-content`,
 						children: w
 					}),
-					x && /* @__PURE__ */ u("div", {
+					x && /* @__PURE__ */ d("div", {
 						className: `${b}-actions ${b}-actions-align-${E.actions}`,
 						children: x
 					})
 				]
-			}), y.children && /* @__PURE__ */ u("div", {
+			}), y.children && /* @__PURE__ */ d("div", {
 				className: `${b}-inner-comment`,
 				children: y.children
 			})]
 		})]
 	});
 }
-var h = o(m);
-h.displayName = "Comment";
+var g = s(h);
+g.displayName = i.displayName;
 //#endregion
-export { h as default };
+export { g as default };
 /* 独立思考，明辨是非 */

package/comment/index.d.ts

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

package/comment/index.js

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

package/config-provider/ConfigProvider.js

@@ -1,40 +1,41 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import e from "../hooks/use-merge-props/index.js";
-import { getPrefixCls as t } from "./utils.js";
-import n, { ConfigProviderDefaultValue as r } from "./context.js";
-import i from "./initUI.js";
-import a from "./useConfigProvider.js";
-import { useContext as o, useEffect as s, useLayoutEffect as c } from "react";
-import l from "lodash/merge";
-import u from "@unicom-cloud/icons/context";
-import { UI_PC_PREFIX as d } from "@unicom-cloud/utils/constant/ui";
-import { jsx as f } from "react/jsx-runtime";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { CONFIG_PROVIDER_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "../hooks/use-merge-props/index.js";
+import { getPrefixCls as n } from "./utils.js";
+import r, { ConfigProviderDefaultValue as i } from "./context.js";
+import a from "./initUI.js";
+import o from "./useConfigProvider.js";
+import { useContext as s, useEffect as c, useLayoutEffect as l } from "react";
+import u from "lodash/merge";
+import d from "@unicom-cloud/icons/context";
+import { UI_PC_PREFIX as f } from "@unicom-cloud/utils/constant/ui";
+import { jsx as p } from "react/jsx-runtime";
 //#region components/pc/config-provider/ConfigProvider.tsx
-i();
-var p = { ...r }, m = {};
-function h(r) {
-	let i = o(n), h = e(r, p, m), { childrenName: g, theme: _, prefixCls: v = d, locale: y, rtl: b, effectGlobalNotice: x = !0, effectGlobalModal: S = !0, children: C, getPrefixCls: w } = h;
-	function T(e, n) {
-		return t(e, n || v || d);
+a();
+var m = { ...i }, h = {};
+function g(e) {
+	let i = s(r), a = t(e, m, h), { childrenName: g, theme: _, prefixCls: v = f, locale: y, rtl: b, effectGlobalNotice: x = !0, effectGlobalModal: S = !0, children: C, getPrefixCls: w } = a;
+	function T(e, t) {
+		return n(e, t || v || f);
 	}
 	let E = C;
-	v && (v === d || (E = /* @__PURE__ */ f(u.Provider, {
+	v && (v === f || (E = /* @__PURE__ */ p(d.Provider, {
 		value: { prefixCls: v },
 		children: C
-	}))), a({
-		...h,
+	}))), o({
+		...a,
 		isRootConfig: i.isRootConfig
-	}), c(() => () => {}, []), s(() => () => {}, []);
-	let D = l({}, i, h, {
+	}), l(() => () => {}, []), c(() => () => {}, []);
+	let D = u({}, i, a, {
 		getPrefixCls: T,
 		isRootConfig: !1
 	});
-	return /* @__PURE__ */ f(n.Provider, {
+	return /* @__PURE__ */ p(r.Provider, {
 		value: D,
 		children: E
 	});
 }
-h.displayName = "ConfigProvider";
+g.displayName = e.displayName;
 //#endregion
-export { h as default };
+export { g as default };
 /* 独立思考，明辨是非 */

package/config-provider/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../empty/index.js";
 import t from "../locale/default.js";
 import { getPopupContainer as n, getPrefixCls as r } from "./utils.js";

package/config-provider/index.d.ts

@@ -1,6 +1,7 @@
 import Component from './ConfigProvider';
 import ConfigContext, { ConfigProviderDefaultValue } from './context';
 declare const ConfigProvider: typeof Component & {
+    id: string;
     ConfigContext: import("react").Context<import("./interface").ConfigProviderProps>;
 };
 export { ConfigContext, ConfigProviderDefaultValue };

package/config-provider/index.js

@@ -1,8 +1,12 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import e, { ConfigProviderDefaultValue as t } from "./context.js";
-import n from "./ConfigProvider.js";
-//#region components/pc/config-provider/index.tsx
-var r = Object.assign(n, { ConfigContext: e });
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { CONFIG_PROVIDER_COMPONENT_INFO as e } from "../utils/names.js";
+import t, { ConfigProviderDefaultValue as n } from "./context.js";
+import r from "./ConfigProvider.js";
+//#region components/pc/config-provider/index.ts
+var i = Object.assign(r, {
+	id: e.id,
+	ConfigContext: t
+});
 //#endregion
-export { e as ConfigContext, t as ConfigProviderDefaultValue, r as default };
+export { t as ConfigContext, n as ConfigProviderDefaultValue, i as default };
 /* 独立思考，明辨是非 */