@unicom-cloud/ui 0.8.159 → 0.8.160

package/color-picker/ColorPicker.js

@@ -1,36 +1,37 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isFunction as t, isNil as n, isString as r } from "../utils/is.js";
 import i from "../utils/className.js";
-import a from "../hooks/use-merge-props/index.js";
-import o from "../config-provider/context.js";
-import { FormContext as ee, FormItemContext as te } from "../form/context.js";
+import { COLOR_PICKER_COMPONENT_INFO as a } from "../utils/names.js";
+import o 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 "../config-provider/index.js";
-import ne from "../trigger/index.js";
-import re from "../copy/index.js";
-import s from "./colors.js";
+import s from "../trigger/index.js";
+import c from "../copy/index.js";
+import l from "./colors.js";
 import "./interface.js";
-import { getGradientString as c, renderBackground as l } from "./utils.js";
-import u from "./hooks/useColorPicker.js";
-import d from "./Panel.js";
-import { forwardRef as f, useContext as p, useImperativeHandle as m, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { getGradientString as u, renderBackground as d } from "./utils.js";
+import f from "./hooks/useColorPicker.js";
+import p from "./Panel.js";
+import { forwardRef as m, useContext as h, useImperativeHandle as g, useRef as _, useState as re } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region components/pc/color-picker/ColorPicker.tsx
-var y = {
+var b = {
 	size: "default",
-	presetColors: s
+	presetColors: l
 };
-function b(s, f) {
-	let { prefixCls: b, getPrefixCls: x, componentConfig: S, size: C, rtl: w } = p(o), T = p(ee), E = p(te), D = a(s, {
-		...y,
-		size: C || y.size
-	}, S?.ColorPicker), { style: O, className: k, size: A, mode: j, disabled: M, disabledAlpha: N = !1, triggerProps: P = {}, unmountOnExit: F, showText: I, historyColors: L, presetColors: R, showHistory: z, showPreset: B, renderFooter: V, extra: H, defaultValue: ie, value: ae, format: U, defaultPopupVisible: oe, popupVisible: se, triggerElement: W, readOnly: G = E?.readOnly ?? T?.readOnly, onChange: ce, onVisibleChange: le, ...K } = D, q = x?.("color-picker"), [J, Y] = g(U || "hex"), X = U || J, { value: Z, activeMode: ue, gradientColors: de, activeColorId: fe, refActiveColorId: pe, popupVisible: me, color: he, alpha: ge, onHsvChange: _e, onAlphaChange: ve, onVisibleChange: ye, onActiveModeChange: be, onGradientColorsChange: xe, onActiveColorIdChange: Se } = u({
+function x(a, l) {
+	let { prefixCls: m, getPrefixCls: x, componentConfig: S, size: C, rtl: w } = h(ee), T = h(te), E = h(ne), D = o(a, {
+		...b,
+		size: C || b.size
+	}, S?.ColorPicker), { style: O, className: k, size: A, mode: j, disabled: M, disabledAlpha: N = !1, triggerProps: P = {}, unmountOnExit: F, showText: I, historyColors: L, presetColors: R, showHistory: z, showPreset: B, renderFooter: V, extra: H, defaultValue: ie, value: ae, format: U, defaultPopupVisible: oe, popupVisible: se, triggerElement: W, readOnly: G = E?.readOnly ?? T?.readOnly, onChange: ce, onVisibleChange: le, ...K } = D, q = x?.("color-picker"), [J, Y] = re(U || "hex"), X = U || J, { value: Z, activeMode: ue, gradientColors: de, activeColorId: fe, refActiveColorId: pe, popupVisible: me, color: he, alpha: ge, onHsvChange: _e, onAlphaChange: ve, onVisibleChange: ye, onActiveModeChange: be, onGradientColorsChange: xe, onActiveColorIdChange: Se } = f({
 		...D,
 		format: X
-	}), Q = h(null), $ = () => {
+	}), Q = _(null), $ = () => {
 		let a = t(W) ? W({ value: Z }) : W;
 		if (!n(a)) return a;
-		let o = r(Z) ? Z : c(Z) ?? "";
-		return /* @__PURE__ */ v("div", {
+		let o = r(Z) ? Z : u(Z) ?? "";
+		return /* @__PURE__ */ y("div", {
 			style: O,
 			className: i(q, {
 				[`${q}-size-${A}`]: A,
@@ -41,18 +42,18 @@ function b(s, f) {
 			ref: Q,
 			...K,
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: `${q}-preview`,
-					style: e(Z) ? { background: l(Z) } : { backgroundColor: Z }
+					style: e(Z) ? { background: d(Z) } : { backgroundColor: Z }
 				}),
-				!!I && /* @__PURE__ */ v("div", {
+				!!I && /* @__PURE__ */ y("div", {
 					className: `${q}-value`,
-					children: [o, !G && !M && /* @__PURE__ */ _(re, {
+					children: [o, !G && !M && /* @__PURE__ */ v(c, {
 						text: o,
 						className: `${q}-copy`
 					})]
 				}),
-				/* @__PURE__ */ _("input", {
+				/* @__PURE__ */ v("input", {
 					className: `${q}-input`,
 					value: o,
 					disabled: M,
@@ -62,10 +63,10 @@ function b(s, f) {
 			]
 		});
 	};
-	return m(f, () => ({ getRootElement() {
+	return g(l, () => ({ getRootElement() {
 		return Q.current;
-	} })), G ? $() : /* @__PURE__ */ _(ne, {
-		popup: () => /* @__PURE__ */ _(d, {
+	} })), G ? $() : /* @__PURE__ */ v(s, {
+		popup: () => /* @__PURE__ */ v(p, {
 			value: Z,
 			mode: j,
 			activeMode: ue,
@@ -98,7 +99,7 @@ function b(s, f) {
 		},
 		disabled: M,
 		popupVisible: me,
-		classNames: `${b}-slide-dynamic-origin`,
+		classNames: `${m}-slide-dynamic-origin`,
 		className: q,
 		childrenPrefix: q,
 		unmountOnExit: F,
@@ -107,8 +108,8 @@ function b(s, f) {
 		children: $()
 	});
 }
-var x = f(b);
-x.displayName = "ColorPicker";
+var S = m(x);
+S.displayName = a.displayName;
 //#endregion
-export { x as default };
+export { S as default };
 /* 独立思考，明辨是非 */

package/color-picker/ControlBar.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";

package/color-picker/InputAlpha.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../config-provider/context.js";
 import "../config-provider/index.js";
 import t from "../input-number/index.js";

package/color-picker/InputHex.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../config-provider/context.js";
 import "../config-provider/index.js";
 import t from "../input/Group.js";

package/color-picker/InputRgb.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../config-provider/context.js";
 import "../config-provider/index.js";
 import t from "../input/Group.js";

package/color-picker/Mode.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isString as t } from "../utils/is.js";
 import { ColorPickerMode as n } from "./interface.js";
 //#region components/pc/color-picker/Mode.ts

package/color-picker/Palette.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../config-provider/context.js";
 import "../config-provider/index.js";
 import t from "./hooks/useControlBlock.js";

package/color-picker/Panel.js

@@ -1,72 +1,82 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 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-15 17:45:52 星期五 */
+/* 潘启宝 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-15 17:45:52 星期五 */
+/* 潘启宝 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-15 17:45:52 星期五 */
+/* 潘启宝 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-15 17:45:52 星期五 */
-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";
+/* 潘启宝 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 s = Object.assign(o, {
-	ControlBar: e,
-	InputAlpha: t,
-	InputHex: n,
-	InputRgb: r,
-	Palette: i,
-	Panel: a
+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-15 17:45:52 星期五 */
+/* 潘启宝 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-15 17:45:52 星期五 */
+/* 潘启宝 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