@unicom-cloud/ui 0.8.149 → 0.8.151

package/color-picker/InputAlpha.js

@@ -1,24 +1,22 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as n } from "react/jsx-runtime";
-import { useContext as m } from "react";
-import "../config-provider/ConfigProvider.js";
-import p from "../input-number/index.js";
-import s from "../config-provider/context.js";
-const c = ({ value: o, onChange: r }) => {
-  const { prefixCls: f, getPrefixCls: t } = m(s), e = t?.("color-picker");
-  return /* @__PURE__ */ n(
-    p,
-    {
-      className: `${e}-input-alpha`,
-      size: "mini",
-      min: 0,
-      max: 100,
-      value: Math.round(o * 100),
-      suffix: "%",
-      onChange: (i) => r(i / 100)
-    }
-  );
-};
-export {
-  c as InputAlpha
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "../config-provider/context.js";
+import "../config-provider/index.js";
+import t from "../input-number/index.js";
+import { useContext as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region components/pc/color-picker/InputAlpha.tsx
+var i = ({ value: i, onChange: a }) => {
+	let { prefixCls: o, getPrefixCls: s } = n(e), c = s?.("color-picker");
+	return /* @__PURE__ */ r(t, {
+		className: `${c}-input-alpha`,
+		size: "mini",
+		min: 0,
+		max: 100,
+		value: Math.round(i * 100),
+		suffix: "%",
+		onChange: (e) => a(e / 100)
+	});
 };
+//#endregion
+export { i as default };
+/* 独立思考，明辨是非 */

package/color-picker/InputHex.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Color, HSV } from './interface';
+interface InputHexProps {
+    color: Color;
+    alpha: number;
+    onHsvChange: (value: HSV) => void;
+    onAlphaChange: (value: number) => void;
+    disabledAlpha?: boolean;
+}
+declare const InputHex: React.FC<InputHexProps>;
+export default InputHex;

package/color-picker/InputHex.js

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

package/color-picker/InputRgb.d.ts

@@ -0,0 +1,10 @@
+import type { Color, HSV } from './interface';
+interface InputRgbProps {
+    color: Color;
+    alpha: number;
+    onHsvChange: (value: HSV) => void;
+    onAlphaChange: (value: number) => void;
+    disabledAlpha?: boolean;
+}
+declare const InputRgb: ({ color, alpha, onHsvChange, onAlphaChange, disabledAlpha, }: InputRgbProps) => import("react/jsx-runtime").JSX.Element;
+export default InputRgb;

package/color-picker/InputRgb.js

@@ -1,64 +1,68 @@
-/* 2026-03-02 09:28:59 */
-import { jsxs as b, jsx as n } from "react/jsx-runtime";
-import I from "@unicom-cloud/utils/tinycolor";
-import { useContext as d } from "react";
-import "../config-provider/ConfigProvider.js";
-import v from "../input/Input.js";
-import m from "../input-number/index.js";
-import { InputAlpha as z } from "./InputAlpha.js";
-import j from "../config-provider/context.js";
-const $ = ({
-  color: s,
-  alpha: p,
-  onHsvChange: c,
-  onAlphaChange: u,
-  disabledAlpha: C
-}) => {
-  const { prefixCls: N, getPrefixCls: g } = d(j), l = g?.("color-picker"), r = (o) => {
-    const a = o.r ?? 0, f = o.g ?? 0, x = o.b ?? 0, h = new I({
-      r: a,
-      g: f,
-      b: x
-    }).toHsv_();
-    c(h);
-  }, { r: t, g: e, b: i } = s.rgb;
-  return /* @__PURE__ */ b(v.Group, { className: `${l}-input-group`, compact: !0, children: [
-    /* @__PURE__ */ n(
-      m,
-      {
-        size: "mini",
-        min: 0,
-        max: 255,
-        hideControl: !0,
-        value: t,
-        onChange: (o) => r({ r: o, g: e, b: i })
-      }
-    ),
-    /* @__PURE__ */ n(
-      m,
-      {
-        size: "mini",
-        min: 0,
-        max: 255,
-        hideControl: !0,
-        value: e,
-        onChange: (o) => r({ r: t, g: o, b: i })
-      }
-    ),
-    /* @__PURE__ */ n(
-      m,
-      {
-        size: "mini",
-        min: 0,
-        max: 255,
-        hideControl: !0,
-        value: i,
-        onChange: (o) => r({ r: t, g: e, b: o })
-      }
-    ),
-    !C && /* @__PURE__ */ n(z, { value: p, onChange: u })
-  ] });
-};
-export {
-  $ as InputRgb
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+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 r from "./InputAlpha.js";
+import { useContext as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@unicom-cloud/utils/tinycolor";
+//#region components/pc/color-picker/InputRgb.tsx
+var c = ({ color: c, alpha: l, onHsvChange: u, onAlphaChange: d, disabledAlpha: f }) => {
+	let { prefixCls: p, getPrefixCls: m } = i(e), h = m?.("color-picker"), g = (e) => {
+		u(new s({
+			r: e.r ?? 0,
+			g: e.g ?? 0,
+			b: e.b ?? 0
+		}).toHsv_());
+	}, { r: _, g: v, b: y } = c.rgb;
+	return /* @__PURE__ */ o(n.Group, {
+		className: `${h}-input-group`,
+		compact: !0,
+		children: [
+			/* @__PURE__ */ a(t, {
+				size: "mini",
+				min: 0,
+				max: 255,
+				hideControl: !0,
+				value: _,
+				onChange: (e) => g({
+					r: e,
+					g: v,
+					b: y
+				})
+			}),
+			/* @__PURE__ */ a(t, {
+				size: "mini",
+				min: 0,
+				max: 255,
+				hideControl: !0,
+				value: v,
+				onChange: (e) => g({
+					r: _,
+					g: e,
+					b: y
+				})
+			}),
+			/* @__PURE__ */ a(t, {
+				size: "mini",
+				min: 0,
+				max: 255,
+				hideControl: !0,
+				value: y,
+				onChange: (e) => g({
+					r: _,
+					g: v,
+					b: e
+				})
+			}),
+			!f && /* @__PURE__ */ a(r, {
+				value: l,
+				onChange: d
+			})
+		]
+	});
 };
+//#endregion
+export { c as default };
+/* 独立思考，明辨是非 */

package/color-picker/Mode.d.ts

@@ -0,0 +1,8 @@
+import type { GradientColor } from './interface';
+import { ColorPickerMode } from './interface';
+export declare const getMode: (mode: ColorPickerMode | ColorPickerMode[]) => ColorPickerMode | ColorPickerMode[];
+export declare const isSingleMode: (mode: ColorPickerMode | ColorPickerMode[]) => mode is ColorPickerMode.Single;
+export declare const isGradientMode: (mode: ColorPickerMode | ColorPickerMode[]) => mode is ColorPickerMode.Gradient;
+export declare const isMultiMode: (mode: ColorPickerMode | ColorPickerMode[]) => mode is ColorPickerMode[];
+export declare const getInitialActiveMode: (mode: ColorPickerMode | ColorPickerMode[]) => ColorPickerMode;
+export declare const getModeByValue: (value: string | GradientColor[], defaultValue: string | GradientColor[], mode: ColorPickerMode | ColorPickerMode[]) => ColorPickerMode;

package/color-picker/Mode.js

@@ -1,12 +1,8 @@
-/* 2026-03-02 09:28:59 */
-import { isArray as i, isString as o } from "@unicom-cloud/ui-common/utils/is";
-import { ColorPickerMode as t } from "./interface.js";
-const e = (r) => i(r) && r.length === 1 ? r[0] : r, f = (r) => e(r) === t.Single, u = (r) => e(r) === t.Gradient, g = (r) => i(e(r)), c = (r) => g(r) ? t.Gradient : r, G = (r, n, s) => r && i(r) ? t.Gradient : r && o(r) ? t.Single : n && i(n) ? t.Gradient : n && o(n) ? t.Single : c(s);
-export {
-  c as getInitialActiveMode,
-  e as getMode,
-  G as getModeByValue,
-  u as isGradientMode,
-  g as isMultiMode,
-  f as isSingleMode
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+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
+var r = (t) => e(t) && t.length === 1 ? t[0] : t, i = (e) => r(e) === n.Single, a = (e) => r(e) === n.Gradient, o = (t) => e(r(t)), s = (e) => o(e) ? n.Gradient : e, c = (r, i, a) => r && e(r) ? n.Gradient : r && t(r) ? n.Single : i && e(i) ? n.Gradient : i && t(i) ? n.Single : s(a);
+//#endregion
+export { s as getInitialActiveMode, r as getMode, c as getModeByValue, a as isGradientMode, o as isMultiMode, i as isSingleMode };
+/* 独立思考，明辨是非 */

package/color-picker/Palette.d.ts

@@ -0,0 +1,7 @@
+import type { Color } from './interface';
+interface PaletteProps {
+    color: Color;
+    onChange: (s: number, v: number) => void;
+}
+declare const Palette: ({ color, onChange }: PaletteProps) => import("react/jsx-runtime").JSX.Element;
+export default Palette;

package/color-picker/Palette.js

@@ -1,36 +1,35 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as s } from "react/jsx-runtime";
-import u from "@unicom-cloud/utils/tinycolor";
-import { useContext as d, useMemo as x } from "react";
-import "../config-provider/ConfigProvider.js";
-import { useControlBlock as g } from "./hooks/useControlBlock.js";
-import h from "../config-provider/context.js";
-const B = ({ color: l, onChange: c }) => {
-  const { prefixCls: v, getPrefixCls: i } = d(h), r = i?.("color-picker"), { h: e, s: t, v: n } = l.hsv, { refBlock: f, refHandler: m, onMouseDown: a } = g({
-    value: [t, 1 - n],
-    onChange: (o) => c(o[0], 1 - o[1])
-  }), p = x(() => new u({ h: e * 360, s: 100, v: 100 }).toRgbString(), [e]), C = () => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: m,
-      className: `${r}-handler`,
-      style: {
-        top: `${(1 - n) * 100}%`,
-        left: `${t * 100}%`
-      }
-    }
-  );
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      ref: f,
-      className: `${r}-palette`,
-      style: { backgroundColor: p },
-      onMouseDown: a,
-      children: C()
-    }
-  );
-};
-export {
-  B as Palette
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "../config-provider/context.js";
+import "../config-provider/index.js";
+import t from "./hooks/useControlBlock.js";
+import { useContext as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import a from "@unicom-cloud/utils/tinycolor";
+//#region components/pc/color-picker/Palette.tsx
+var o = ({ color: o, onChange: s }) => {
+	let { prefixCls: c, getPrefixCls: l } = n(e), u = l?.("color-picker"), { h: d, s: f, v: p } = o.hsv, { refBlock: m, refHandler: h, onMouseDown: g } = t({
+		value: [f, 1 - p],
+		onChange: (e) => s(e[0], 1 - e[1])
+	}), _ = r(() => new a({
+		h: d * 360,
+		s: 100,
+		v: 100
+	}).toRgbString(), [d]);
+	return /* @__PURE__ */ i("div", {
+		ref: m,
+		className: `${u}-palette`,
+		style: { backgroundColor: _ },
+		onMouseDown: g,
+		children: /* @__PURE__ */ i("div", {
+			ref: h,
+			className: `${u}-handler`,
+			style: {
+				top: `${(1 - p) * 100}%`,
+				left: `${f * 100}%`
+			}
+		})
+	});
 };
+//#endregion
+export { o as default };
+/* 独立思考，明辨是非 */

package/color-picker/Panel.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode } from 'react';
+import type { Color, GradientColor, HSV, InternalGradientColor } from './interface';
+import { ColorPickerMode } from './interface';
+interface PanelProps {
+    value: string | GradientColor[];
+    mode: ColorPickerMode | ColorPickerMode[];
+    activeMode: ColorPickerMode;
+    gradientColors: InternalGradientColor[];
+    activeColorId: string;
+    refActiveColorId: React.RefObject<string>;
+    color: Color;
+    alpha: number;
+    disabledAlpha: boolean;
+    showHistory?: boolean;
+    historyColors?: string[];
+    showPreset?: boolean;
+    presetColors?: string[];
+    format?: 'hex' | 'rgb';
+    renderHistory?: () => ReactNode;
+    renderPreset?: () => ReactNode;
+    renderPickSection?: () => ReactNode;
+    renderFooter?: () => ReactNode;
+    onHsvChange: (value: HSV) => void;
+    onFormatChange: (format: 'hex' | 'rgb') => void;
+    onAlphaChange: (value: number) => void;
+    onActiveModeChange: (value: ColorPickerMode) => void;
+    onGradientColorsChange: (value: InternalGradientColor[] | ((colors: InternalGradientColor[]) => InternalGradientColor[])) => void;
+    onActiveColorIdChange: (index: string) => void;
+}
+declare const Panel: React.FC<PanelProps>;
+export default Panel;