@unicom-cloud/ui 0.8.156 → 0.8.158

package/color-picker/ColorPicker.js

@@ -1,23 +1,18 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { isArray as e, isFunction as t, isNil as n, isString as ee } from "../utils/is.js";
-import r from "../utils/className.js";
-import i from "../hooks/use-merge-props/index.js";
-import a from "../config-provider/context.js";
-import { FormContext as o, FormItemContext as te } from "../form/context.js";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+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 "../config-provider/index.js";
 import ne from "../trigger/index.js";
 import re from "../copy/index.js";
 import s from "./colors.js";
-import "./ControlBar.js";
 import "./interface.js";
 import { getGradientString as c, renderBackground as l } from "./utils.js";
 import u from "./hooks/useColorPicker.js";
-import "./InputAlpha.js";
-import "./InputHex.js";
-import "./InputRgb.js";
-import "./Palette.js";
 import d from "./Panel.js";
-import f, { useContext as p, useImperativeHandle as m, useRef as h, useState as g } from "react";
+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";
 //#region components/pc/color-picker/ColorPicker.tsx
 var y = {
@@ -25,19 +20,19 @@ var y = {
 	presetColors: s
 };
 function b(s, f) {
-	let { prefixCls: b, getPrefixCls: x, componentConfig: S, size: C, rtl: w } = p(a), T = p(o), E = p(te), D = i(s, {
+	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({
 		...D,
 		format: X
 	}), Q = h(null), $ = () => {
-		let i = t(W) ? W({ value: Z }) : W;
-		if (!n(i)) return i;
-		let a = ee(Z) ? Z : c(Z) ?? "";
+		let a = t(W) ? W({ value: Z }) : W;
+		if (!n(a)) return a;
+		let o = r(Z) ? Z : c(Z) ?? "";
 		return /* @__PURE__ */ v("div", {
 			style: O,
-			className: r(q, {
+			className: i(q, {
 				[`${q}-size-${A}`]: A,
 				[`${q}-disabled`]: M,
 				[`${q}-readonly`]: G,
@@ -52,14 +47,14 @@ function b(s, f) {
 				}),
 				!!I && /* @__PURE__ */ v("div", {
 					className: `${q}-value`,
-					children: [a, !G && !M && /* @__PURE__ */ _(re, {
-						text: a,
+					children: [o, !G && !M && /* @__PURE__ */ _(re, {
+						text: o,
 						className: `${q}-copy`
 					})]
 				}),
 				/* @__PURE__ */ _("input", {
 					className: `${q}-input`,
-					value: a,
+					value: o,
 					disabled: M,
 					readOnly: !0
 				}),
@@ -112,9 +107,8 @@ function b(s, f) {
 		children: $()
 	});
 }
-var x = f.forwardRef(b);
+var x = f(b);
 x.displayName = "ColorPicker";
-var S = x;
 //#endregion
-export { S as default };
+export { x as default };
 /* 独立思考，明辨是非 */

package/color-picker/ControlBar.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 "../config-provider/context.js";
 import "../config-provider/index.js";

package/color-picker/InputAlpha.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 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,50 +1,51 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../config-provider/context.js";
 import "../config-provider/index.js";
-import t from "../input/index.js";
-import n from "./InputAlpha.js";
-import { useContext as r, useEffect as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "@unicom-cloud/utils/tinycolor";
+import t from "../input/Group.js";
+import n from "../input/index.js";
+import r from "./InputAlpha.js";
+import { useContext as i, useEffect as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@unicom-cloud/utils/tinycolor";
 //#region components/pc/color-picker/InputHex.tsx
-var l = ({ color: l, alpha: u, onHsvChange: d, onAlphaChange: f, disabledAlpha: p }) => {
-	let { prefixCls: m, getPrefixCls: h } = r(e), g = h?.("color-picker"), [_, v] = a(l.hex);
-	i(() => {
-		l.hex !== _ && v(l.hex);
-	}, [l]);
-	let y = (e) => {
+var u = ({ color: u, alpha: d, onHsvChange: f, onAlphaChange: p, disabledAlpha: m }) => {
+	let { prefixCls: h, getPrefixCls: g } = i(e), _ = g?.("color-picker"), [v, y] = o(u.hex);
+	a(() => {
+		u.hex !== v && y(u.hex);
+	}, [u]);
+	let b = (e) => {
 		let t = e.match(/[a-fA-F0-9]*/g)?.join?.("") ?? "";
-		t !== _ && v(t.toUpperCase());
-	}, b = () => {
-		let e = new c(_);
-		e.ok || (e = new c({
+		t !== v && y(t.toUpperCase());
+	}, x = () => {
+		let e = new l(v);
+		e.ok || (e = new l({
 			r: 255,
 			g: 0,
 			b: 0
-		})), d(e.toHsv_());
+		})), f(e.toHsv_());
 	};
-	return /* @__PURE__ */ s(t.Group, {
-		className: `${g}-input-group`,
+	return /* @__PURE__ */ c(t, {
+		className: `${_}-input-group`,
 		compact: !0,
-		children: [/* @__PURE__ */ o(t, {
-			className: `${g}-input-hex`,
+		children: [/* @__PURE__ */ s(n, {
+			className: `${_}-input-hex`,
 			prefix: "#",
 			size: "mini",
 			maxLength: 6,
-			value: _,
-			onChange: y,
-			onBlur: b,
-			onPressEnter: b,
+			value: v,
+			onChange: b,
+			onBlur: x,
+			onPressEnter: x,
 			onPaste: (e) => {
 				let t = e.clipboardData.getData("Text");
-				t.startsWith("#") && (t = t.slice(1)), y(t), e.preventDefault();
+				t.startsWith("#") && (t = t.slice(1)), b(t), e.preventDefault();
 			}
-		}), !p && /* @__PURE__ */ o(n, {
-			value: u,
-			onChange: f
+		}), !m && /* @__PURE__ */ s(r, {
+			value: d,
+			onChange: p
 		})]
 	});
 };
 //#endregion
-export { l as default };
+export { u as default };
 /* 独立思考，明辨是非 */

package/color-picker/InputRgb.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../config-provider/context.js";
 import "../config-provider/index.js";
-import t from "../input-number/index.js";
-import n from "../input/index.js";
+import t from "../input/Group.js";
+import n from "../input-number/index.js";
 import r from "./InputAlpha.js";
 import { useContext as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -16,11 +16,11 @@ var c = ({ color: c, alpha: l, onHsvChange: u, onAlphaChange: d, disabledAlpha:
 			b: e.b ?? 0
 		}).toHsv_());
 	}, { r: _, g: v, b: y } = c.rgb;
-	return /* @__PURE__ */ o(n.Group, {
+	return /* @__PURE__ */ o(t, {
 		className: `${h}-input-group`,
 		compact: !0,
 		children: [
-			/* @__PURE__ */ a(t, {
+			/* @__PURE__ */ a(n, {
 				size: "mini",
 				min: 0,
 				max: 255,
@@ -32,7 +32,7 @@ var c = ({ color: c, alpha: l, onHsvChange: u, onAlphaChange: d, disabledAlpha:
 					b: y
 				})
 			}),
-			/* @__PURE__ */ a(t, {
+			/* @__PURE__ */ a(n, {
 				size: "mini",
 				min: 0,
 				max: 255,
@@ -44,7 +44,7 @@ var c = ({ color: c, alpha: l, onHsvChange: u, onAlphaChange: d, disabledAlpha:
 					b: y
 				})
 			}),
-			/* @__PURE__ */ a(t, {
+			/* @__PURE__ */ a(n, {
 				size: "mini",
 				min: 0,
 				max: 255,

package/color-picker/Mode.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 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-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../config-provider/context.js";
 import "../config-provider/index.js";
 import t from "./hooks/useControlBlock.js";

package/color-picker/Panel.js

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

package/color-picker/colors.d.ts

@@ -1,2 +1,2 @@
-declare const colors: FlatArray<string[], 0 | 2 | 1 | 3 | 6 | -1 | 20 | 4 | 5 | 7 | 12 | 15 | 19 | 10 | 8 | 9 | 11 | 16 | 18 | 14 | 17 | 13>[];
+declare const colors: string[];
 export default colors;

package/color-picker/colors.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 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

@@ -12,7 +12,7 @@ interface UseColorPickerProps {
     onVisibleChange?: (visible: boolean) => void;
 }
 declare const useColorPicker: (props: UseColorPickerProps) => {
-    value: string | GradientColor[] | undefined;
+    value: string;
     activeMode: ColorPickerMode;
     gradientColors: InternalGradientColor[];
     refGradientColors: import("react").RefObject<InternalGradientColor[]>;