@aloudata/aloudata-design 3.1.7 → 3.2.0-beta.0

package/dist/ColorPicker/ComplexColorPicker/ColorInput.js

@@ -4,9 +4,10 @@ import ColorAlphaInput from "./ColorAlphaInput.js";
 import ColorHexInput from "./ColorHexInput.js";
 import ColorHsbInput from "./ColorHsbInput.js";
 import ColorRgbInput from "./ColorRgbInput.js";
-import { useMemo } from "react";
+import { c } from "react-compiler-runtime";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import useMergedState from "rc-util/es/hooks/useMergedState";
+import useMergedState from "rc-util/es/hooks/useMergedState.js";
 //#region src/ColorPicker/ComplexColorPicker/ColorInput.tsx
 var selectOptions = [
 	ColorFormat.hex,
@@ -17,57 +18,138 @@ var selectOptions = [
 	label: format.toLocaleUpperCase()
 }));
 var ColorInput = (props) => {
+	const $ = c(33);
 	const { prefixCls, format, value, disabledAlpha, onFormatChange, onChange, disabledFormat } = props;
-	const [colorFormat, setColorFormat] = useMergedState(ColorFormat.hex, {
-		value: format,
-		onChange: onFormatChange
-	});
+	let t0;
+	if ($[0] !== format || $[1] !== onFormatChange) {
+		t0 = {
+			value: format,
+			onChange: onFormatChange
+		};
+		$[0] = format;
+		$[1] = onFormatChange;
+		$[2] = t0;
+	} else t0 = $[2];
+	const [colorFormat, setColorFormat] = useMergedState(ColorFormat.hex, t0);
 	const colorInputPrefixCls = `${prefixCls}-input`;
-	const handleFormatChange = (newFormat) => {
-		setColorFormat(newFormat);
-	};
-	const steppersNode = useMemo(() => {
-		const inputProps = {
-			value,
-			prefixCls,
-			onChange
+	let t1;
+	if ($[3] !== setColorFormat) {
+		t1 = (newFormat) => {
+			setColorFormat(newFormat);
 		};
-		switch (colorFormat) {
-			case ColorFormat.hsb: return /* @__PURE__ */ jsx(ColorHsbInput, { ...inputProps });
-			case ColorFormat.rgb: return /* @__PURE__ */ jsx(ColorRgbInput, { ...inputProps });
-			default: return /* @__PURE__ */ jsx(ColorHexInput, { ...inputProps });
-		}
-	}, [
-		colorFormat,
-		prefixCls,
-		value,
-		onChange
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: `${colorInputPrefixCls}-container tw-flex tw-items-center tw-gap-1`,
-		children: [
-			!disabledFormat && /* @__PURE__ */ jsx(Select_default, {
-				value: colorFormat,
-				borderLess: true,
-				popupMatchSelectWidth: 80,
-				placement: "bottom-end",
-				width: "auto",
-				onChange: handleFormatChange,
-				className: `${prefixCls}-format-select`,
-				size: "small",
-				options: selectOptions
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: `${colorInputPrefixCls} tw-w-0 tw-flex-1`,
-				children: steppersNode
-			}),
-			!disabledAlpha && /* @__PURE__ */ jsx(ColorAlphaInput, {
-				prefixCls,
+		$[3] = setColorFormat;
+		$[4] = t1;
+	} else t1 = $[4];
+	const handleFormatChange = t1;
+	let t2;
+	bb0: {
+		let t3;
+		if ($[5] !== onChange || $[6] !== prefixCls || $[7] !== value) {
+			t3 = {
 				value,
+				prefixCls,
 				onChange
-			})
-		]
-	});
+			};
+			$[5] = onChange;
+			$[6] = prefixCls;
+			$[7] = value;
+			$[8] = t3;
+		} else t3 = $[8];
+		const inputProps = t3;
+		switch (colorFormat) {
+			case ColorFormat.hsb: {
+				let t4;
+				if ($[9] !== inputProps) {
+					t4 = /* @__PURE__ */ jsx(ColorHsbInput, { ...inputProps });
+					$[9] = inputProps;
+					$[10] = t4;
+				} else t4 = $[10];
+				t2 = t4;
+				break bb0;
+			}
+			case ColorFormat.rgb: {
+				let t4;
+				if ($[11] !== inputProps) {
+					t4 = /* @__PURE__ */ jsx(ColorRgbInput, { ...inputProps });
+					$[11] = inputProps;
+					$[12] = t4;
+				} else t4 = $[12];
+				t2 = t4;
+				break bb0;
+			}
+			default: {
+				let t4;
+				if ($[13] !== inputProps) {
+					t4 = /* @__PURE__ */ jsx(ColorHexInput, { ...inputProps });
+					$[13] = inputProps;
+					$[14] = t4;
+				} else t4 = $[14];
+				t2 = t4;
+			}
+		}
+	}
+	const steppersNode = t2;
+	const t3 = `${colorInputPrefixCls}-container tw-flex tw-items-center tw-gap-1`;
+	let t4;
+	if ($[15] !== colorFormat || $[16] !== disabledFormat || $[17] !== handleFormatChange || $[18] !== prefixCls) {
+		t4 = !disabledFormat && /* @__PURE__ */ jsx(Select_default, {
+			value: colorFormat,
+			borderLess: true,
+			popupMatchSelectWidth: 80,
+			placement: "bottom-end",
+			width: "auto",
+			onChange: handleFormatChange,
+			className: `${prefixCls}-format-select`,
+			size: "small",
+			options: selectOptions
+		});
+		$[15] = colorFormat;
+		$[16] = disabledFormat;
+		$[17] = handleFormatChange;
+		$[18] = prefixCls;
+		$[19] = t4;
+	} else t4 = $[19];
+	const t5 = `${colorInputPrefixCls} tw-w-0 tw-flex-1`;
+	let t6;
+	if ($[20] !== steppersNode || $[21] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			className: t5,
+			children: steppersNode
+		});
+		$[20] = steppersNode;
+		$[21] = t5;
+		$[22] = t6;
+	} else t6 = $[22];
+	let t7;
+	if ($[23] !== disabledAlpha || $[24] !== onChange || $[25] !== prefixCls || $[26] !== value) {
+		t7 = !disabledAlpha && /* @__PURE__ */ jsx(ColorAlphaInput, {
+			prefixCls,
+			value,
+			onChange
+		});
+		$[23] = disabledAlpha;
+		$[24] = onChange;
+		$[25] = prefixCls;
+		$[26] = value;
+		$[27] = t7;
+	} else t7 = $[27];
+	let t8;
+	if ($[28] !== t3 || $[29] !== t4 || $[30] !== t6 || $[31] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [
+				t4,
+				t6,
+				t7
+			]
+		});
+		$[28] = t3;
+		$[29] = t4;
+		$[30] = t6;
+		$[31] = t7;
+		$[32] = t8;
+	} else t8 = $[32];
+	return t8;
 };
 //#endregion
 export { ColorInput as default };

package/dist/ColorPicker/ComplexColorPicker/ColorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.js","names":[],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useMemo } from 'react';\nimport useMergedState from 'rc-util/es/hooks/useMergedState';\n\nimport Select from '../../Select';\nimport type { AggregationColor } from '../color';\nimport type { ColorFormatType } from '../interface';\nimport { ColorFormat } from '../interface';\nimport ColorAlphaInput from './ColorAlphaInput';\nimport ColorHexInput from './ColorHexInput';\nimport ColorHsbInput from './ColorHsbInput';\nimport ColorRgbInput from './ColorRgbInput';\n\ninterface ColorInputProps {\n  prefixCls: string;\n  format?: ColorFormatType;\n  onFormatChange?: (format: ColorFormatType) => void;\n  disabledAlpha?: boolean;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n  disabledFormat?: boolean;\n}\n\nconst selectOptions = [ColorFormat.hex, ColorFormat.hsb, ColorFormat.rgb].map(\n  (format) => ({\n    value: format,\n    label: format.toLocaleUpperCase(),\n  }),\n);\n\nconst ColorInput: FC<ColorInputProps> = (props) => {\n  const {\n    prefixCls,\n    format,\n    value,\n    disabledAlpha,\n    onFormatChange,\n    onChange,\n    disabledFormat,\n  } = props;\n  const [colorFormat, setColorFormat] = useMergedState(ColorFormat.hex, {\n    value: format,\n    onChange: onFormatChange,\n  });\n\n  const colorInputPrefixCls = `${prefixCls}-input`;\n\n  const handleFormatChange = (newFormat: ColorFormatType) => {\n    setColorFormat(newFormat);\n  };\n\n  const steppersNode = useMemo<React.ReactNode>(() => {\n    const inputProps = { value, prefixCls, onChange };\n    switch (colorFormat) {\n      case ColorFormat.hsb:\n        return <ColorHsbInput {...inputProps} />;\n      case ColorFormat.rgb:\n        return <ColorRgbInput {...inputProps} />;\n      default:\n        return <ColorHexInput {...inputProps} />;\n    }\n  }, [colorFormat, prefixCls, value, onChange]);\n\n  return (\n    <div\n      className={`${colorInputPrefixCls}-container tw-flex tw-items-center tw-gap-1`}\n    >\n      {!disabledFormat && (\n        <Select\n          value={colorFormat}\n          borderLess\n          popupMatchSelectWidth={80}\n          placement=\"bottom-end\"\n          width={'auto'}\n          onChange={handleFormatChange}\n          className={`${prefixCls}-format-select`}\n          size=\"small\"\n          options={selectOptions}\n        />\n      )}\n      <div className={`${colorInputPrefixCls} tw-w-0 tw-flex-1`}>\n        {steppersNode}\n      </div>\n      {!disabledAlpha && (\n        <ColorAlphaInput\n          prefixCls={prefixCls}\n          value={value}\n          onChange={onChange}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ColorInput;\n"],"mappings":";;;;;;;;;;AAuBA,IAAM,gBAAgB;CAAC,YAAY;CAAK,YAAY;CAAK,YAAY;CAAI,CAAC,KACvE,YAAY;CACX,OAAO;CACP,OAAO,OAAO,mBAAmB;CAClC,EACF;AAED,IAAM,cAAmC,UAAU;CACjD,MAAM,EACJ,WACA,QACA,OACA,eACA,gBACA,UACA,mBACE;CACJ,MAAM,CAAC,aAAa,kBAAkB,eAAe,YAAY,KAAK;EACpE,OAAO;EACP,UAAU;EACX,CAAC;CAEF,MAAM,sBAAsB,GAAG,UAAU;CAEzC,MAAM,sBAAsB,cAA+B;AACzD,iBAAe,UAAU;;CAG3B,MAAM,eAAe,cAA+B;EAClD,MAAM,aAAa;GAAE;GAAO;GAAW;GAAU;AACjD,UAAQ,aAAR;GACE,KAAK,YAAY,IACf,QAAO,oBAAC,eAAD,EAAe,GAAI,YAAc,CAAA;GAC1C,KAAK,YAAY,IACf,QAAO,oBAAC,eAAD,EAAe,GAAI,YAAc,CAAA;GAC1C,QACE,QAAO,oBAAC,eAAD,EAAe,GAAI,YAAc,CAAA;;IAE3C;EAAC;EAAa;EAAW;EAAO;EAAS,CAAC;AAE7C,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,oBAAoB;YADpC;GAGG,CAAC,kBACA,oBAAC,gBAAD;IACE,OAAO;IACP,YAAA;IACA,uBAAuB;IACvB,WAAU;IACV,OAAO;IACP,UAAU;IACV,WAAW,GAAG,UAAU;IACxB,MAAK;IACL,SAAS;IACT,CAAA;GAEJ,oBAAC,OAAD;IAAK,WAAW,GAAG,oBAAoB;cACpC;IACG,CAAA;GACL,CAAC,iBACA,oBAAC,iBAAD;IACa;IACJ;IACG;IACV,CAAA;GAEA"}
+{"version":3,"file":"ColorInput.js","names":["FC","React","useMemo","useMergedState","Select","AggregationColor","ColorFormatType","ColorFormat","ColorAlphaInput","ColorHexInput","ColorHsbInput","ColorRgbInput","ColorInputProps","prefixCls","format","onFormatChange","disabledAlpha","value","onChange","disabledFormat","selectOptions","hex","hsb","rgb","map","label","toLocaleUpperCase","ColorInput","props","$","_c","t0","colorFormat","setColorFormat","colorInputPrefixCls","t1","newFormat","handleFormatChange","t2","bb0","t3","inputProps","t4","steppersNode","t5","t6","t7","t8"],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useMemo } from 'react';\nimport useMergedState from 'rc-util/es/hooks/useMergedState';\n\nimport Select from '../../Select';\nimport type { AggregationColor } from '../color';\nimport type { ColorFormatType } from '../interface';\nimport { ColorFormat } from '../interface';\nimport ColorAlphaInput from './ColorAlphaInput';\nimport ColorHexInput from './ColorHexInput';\nimport ColorHsbInput from './ColorHsbInput';\nimport ColorRgbInput from './ColorRgbInput';\n\ninterface ColorInputProps {\n  prefixCls: string;\n  format?: ColorFormatType;\n  onFormatChange?: (format: ColorFormatType) => void;\n  disabledAlpha?: boolean;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n  disabledFormat?: boolean;\n}\n\nconst selectOptions = [ColorFormat.hex, ColorFormat.hsb, ColorFormat.rgb].map(\n  (format) => ({\n    value: format,\n    label: format.toLocaleUpperCase(),\n  }),\n);\n\nconst ColorInput: FC<ColorInputProps> = (props) => {\n  const {\n    prefixCls,\n    format,\n    value,\n    disabledAlpha,\n    onFormatChange,\n    onChange,\n    disabledFormat,\n  } = props;\n  const [colorFormat, setColorFormat] = useMergedState(ColorFormat.hex, {\n    value: format,\n    onChange: onFormatChange,\n  });\n\n  const colorInputPrefixCls = `${prefixCls}-input`;\n\n  const handleFormatChange = (newFormat: ColorFormatType) => {\n    setColorFormat(newFormat);\n  };\n\n  const steppersNode = useMemo<React.ReactNode>(() => {\n    const inputProps = { value, prefixCls, onChange };\n    switch (colorFormat) {\n      case ColorFormat.hsb:\n        return <ColorHsbInput {...inputProps} />;\n      case ColorFormat.rgb:\n        return <ColorRgbInput {...inputProps} />;\n      default:\n        return <ColorHexInput {...inputProps} />;\n    }\n  }, [colorFormat, prefixCls, value, onChange]);\n\n  return (\n    <div\n      className={`${colorInputPrefixCls}-container tw-flex tw-items-center tw-gap-1`}\n    >\n      {!disabledFormat && (\n        <Select\n          value={colorFormat}\n          borderLess\n          popupMatchSelectWidth={80}\n          placement=\"bottom-end\"\n          width={'auto'}\n          onChange={handleFormatChange}\n          className={`${prefixCls}-format-select`}\n          size=\"small\"\n          options={selectOptions}\n        />\n      )}\n      <div className={`${colorInputPrefixCls} tw-w-0 tw-flex-1`}>\n        {steppersNode}\n      </div>\n      {!disabledAlpha && (\n        <ColorAlphaInput\n          prefixCls={prefixCls}\n          value={value}\n          onChange={onChange}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ColorInput;\n"],"mappings":";;;;;;;;;;;AAuBA,IAAMoB,gBAAgB;CAACb,YAAYc;CAAKd,YAAYe;CAAKf,YAAYgB;CAAI,CAACC,KACvEV,YAAY;CACXG,OAAOH;CACPW,OAAOX,OAAOY,mBAAkB;CACjC,EACF;AAED,IAAMC,cAAkCC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACtC,MAAA,EAAAjB,WAAAC,QAAAG,OAAAD,eAAAD,gBAAAG,UAAAC,mBAQIS;CAAM,IAAAG;AAAA,KAAAF,EAAA,OAAAf,UAAAe,EAAA,OAAAd,gBAAA;AAC4DgB,OAAA;GAAAd,OAC7DH;GAAMI,UACHH;GACX;AAAAc,IAAA,KAAAf;AAAAe,IAAA,KAAAd;AAAAc,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAHD,MAAA,CAAAG,aAAAC,kBAAsC9B,eAAeI,YAAWc,KAAMU,GAGpE;CAEF,MAAAG,sBAA4B,GAAGrB,UAAS;CAAS,IAAAsB;AAAA,KAAAN,EAAA,OAAAI,gBAAA;AAEtBE,QAAAC,cAAA;AACzBH,kBAAeG,UAAU;;AAC1BP,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAFD,MAAAQ,qBAA2BF;CAEzB,IAAAG;AAAAC,MAAA;EAAA,IAAAC;AAAA,MAAAX,EAAA,OAAAX,YAAAW,EAAA,OAAAhB,aAAAgB,EAAA,OAAAZ,OAAA;AAGmBuB,QAAA;IAAAvB;IAAAJ;IAAAK;IAA8B;AAAAW,KAAA,KAAAX;AAAAW,KAAA,KAAAhB;AAAAgB,KAAA,KAAAZ;AAAAY,KAAA,KAAAW;QAAAA,MAAAX,EAAA;EAAjD,MAAAY,aAAmBD;AACnB,UAAQR,aAAR;GAAmB,KACZzB,YAAWe,KAAI;IAAA,IAAAoB;AAAA,QAAAb,EAAA,OAAAY,YAAA;AACXC,UAAA,oBAAC,eAAD,EAAc,GAAKD,YAAc,CAAA;AAAAZ,OAAA,KAAAY;AAAAZ,OAAA,MAAAa;UAAAA,MAAAb,EAAA;AAAxCS,SAAOI;AAAP,UAAAH;;GAAyC,KACtChC,YAAWgB,KAAI;IAAA,IAAAmB;AAAA,QAAAb,EAAA,QAAAY,YAAA;AACXC,UAAA,oBAAC,eAAD,EAAc,GAAKD,YAAc,CAAA;AAAAZ,OAAA,MAAAY;AAAAZ,OAAA,MAAAa;UAAAA,MAAAb,EAAA;AAAxCS,SAAOI;AAAP,UAAAH;;GAAyC,SAAA;IAAA,IAAAG;AAAA,QAAAb,EAAA,QAAAY,YAAA;AAElCC,UAAA,oBAAC,eAAD,EAAc,GAAKD,YAAc,CAAA;AAAAZ,OAAA,MAAAY;AAAAZ,OAAA,MAAAa;UAAAA,MAAAb,EAAA;AAAxCS,SAAOI;;;;CARb,MAAAC,eAAqBL;CAcN,MAAAE,KAAA,GAAGN,oBAAmB;CAA6C,IAAAQ;AAAA,KAAAb,EAAA,QAAAG,eAAAH,EAAA,QAAAV,kBAAAU,EAAA,QAAAQ,sBAAAR,EAAA,QAAAhB,WAAA;AAE7E6B,OAAA,CAACvB,kBACA,oBAAC,gBAAD;GACSa,OAAAA;GACP,YAAA;GACuB,uBAAA;GACb,WAAA;GACH,OAAA;GACGK,UAAAA;GACC,WAAA,GAAGxB,UAAS;GAClB,MAAA;GACIO,SAAAA;GAEZ,CAAA;AAAAS,IAAA,MAAAG;AAAAH,IAAA,MAAAV;AAAAU,IAAA,MAAAQ;AAAAR,IAAA,MAAAhB;AAAAgB,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CACe,MAAAe,KAAA,GAAGV,oBAAmB;CAAmB,IAAAW;AAAA,KAAAhB,EAAA,QAAAc,gBAAAd,EAAA,QAAAe,IAAA;AAAzDC,OAAA,oBAAA,OAAA;GAAgB,WAAAD;aACbD;GACG,CAAA;AAAAd,IAAA,MAAAc;AAAAd,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,QAAAb,iBAAAa,EAAA,QAAAX,YAAAW,EAAA,QAAAhB,aAAAgB,EAAA,QAAAZ,OAAA;AACL6B,OAAA,CAAC9B,iBACA,oBAAC,iBAAD;GACaH;GACJI;GACGC;GAEb,CAAA;AAAAW,IAAA,MAAAb;AAAAa,IAAA,MAAAX;AAAAW,IAAA,MAAAhB;AAAAgB,IAAA,MAAAZ;AAAAY,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAW,MAAAX,EAAA,QAAAa,MAAAb,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,IAAA;AAzBHC,OAAA,qBAAA,OAAA;GACa,WAAAP;aADb;IAGGE;IAaDG;IAGCC;IAOG;;AAAAjB,IAAA,MAAAW;AAAAX,IAAA,MAAAa;AAAAb,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QA1BNkB"}

package/dist/ColorPicker/ComplexColorPicker/ColorRgbInput.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AggregationColor } from '../color';
+import { AggregationColor } from '../color.js';
 interface ColorRgbInputProps {
     prefixCls: string;
     value?: AggregationColor;

package/dist/ColorPicker/ComplexColorPicker/ColorRgbInput.js

@@ -1,50 +1,156 @@
 import { generateColor } from "../util.js";
 import ColorSteppers from "./ColorSteppers.js";
+import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ColorPicker/ComplexColorPicker/ColorRgbInput.tsx
-var ColorRgbInput = ({ prefixCls, value, onChange }) => {
+var ColorRgbInput = (t0) => {
+	const $ = c(41);
+	const { prefixCls, value, onChange } = t0;
 	const colorRgbInputPrefixCls = `${prefixCls}-rgb-input`;
-	const [rgbValue, setRgbValue] = useState(generateColor(value || ""));
-	useEffect(() => {
-		if (value) setRgbValue(value);
-	}, [value]);
-	const handleRgbChange = (step, type) => {
-		const rgb = rgbValue.toRgb();
-		rgb[type] = step || 0;
-		const genColor = generateColor(rgb);
-		if (!value) setRgbValue(genColor);
-		onChange?.(genColor);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: `${colorRgbInputPrefixCls} tw-flex tw-items-center tw-gap-1`,
-		children: [
-			/* @__PURE__ */ jsx(ColorSteppers, {
-				max: 255,
-				min: 0,
-				value: Number(rgbValue.toRgb().r),
-				prefixCls,
-				className: colorRgbInputPrefixCls,
-				onChange: (step) => handleRgbChange(Number(step), "r")
-			}),
-			/* @__PURE__ */ jsx(ColorSteppers, {
-				max: 255,
-				min: 0,
-				value: Number(rgbValue.toRgb().g),
-				prefixCls,
-				className: colorRgbInputPrefixCls,
-				onChange: (step) => handleRgbChange(Number(step), "g")
-			}),
-			/* @__PURE__ */ jsx(ColorSteppers, {
-				max: 255,
-				min: 0,
-				value: Number(rgbValue.toRgb().b),
-				prefixCls,
-				className: colorRgbInputPrefixCls,
-				onChange: (step) => handleRgbChange(Number(step), "b")
-			})
-		]
-	});
+	const t1 = value || "";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = generateColor(t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const [rgbValue, setRgbValue] = useState(t2);
+	let t3;
+	let t4;
+	if ($[2] !== value) {
+		t3 = () => {
+			if (value) setRgbValue(value);
+		};
+		t4 = [value];
+		$[2] = value;
+		$[3] = t3;
+		$[4] = t4;
+	} else {
+		t3 = $[3];
+		t4 = $[4];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[5] !== onChange || $[6] !== rgbValue || $[7] !== value) {
+		t5 = (step, type) => {
+			const rgb = rgbValue.toRgb();
+			rgb[type] = step || 0;
+			const genColor = generateColor(rgb);
+			if (!value) setRgbValue(genColor);
+			onChange?.(genColor);
+		};
+		$[5] = onChange;
+		$[6] = rgbValue;
+		$[7] = value;
+		$[8] = t5;
+	} else t5 = $[8];
+	const handleRgbChange = t5;
+	const t6 = `${colorRgbInputPrefixCls} tw-flex tw-items-center tw-gap-1`;
+	let t7;
+	if ($[9] !== rgbValue) {
+		t7 = rgbValue.toRgb();
+		$[9] = rgbValue;
+		$[10] = t7;
+	} else t7 = $[10];
+	const t8 = Number(t7.r);
+	let t9;
+	if ($[11] !== handleRgbChange) {
+		t9 = (step_0) => handleRgbChange(Number(step_0), "r");
+		$[11] = handleRgbChange;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== colorRgbInputPrefixCls || $[14] !== prefixCls || $[15] !== t8 || $[16] !== t9) {
+		t10 = /* @__PURE__ */ jsx(ColorSteppers, {
+			max: 255,
+			min: 0,
+			value: t8,
+			prefixCls,
+			className: colorRgbInputPrefixCls,
+			onChange: t9
+		});
+		$[13] = colorRgbInputPrefixCls;
+		$[14] = prefixCls;
+		$[15] = t8;
+		$[16] = t9;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== rgbValue) {
+		t11 = rgbValue.toRgb();
+		$[18] = rgbValue;
+		$[19] = t11;
+	} else t11 = $[19];
+	const t12 = Number(t11.g);
+	let t13;
+	if ($[20] !== handleRgbChange) {
+		t13 = (step_1) => handleRgbChange(Number(step_1), "g");
+		$[20] = handleRgbChange;
+		$[21] = t13;
+	} else t13 = $[21];
+	let t14;
+	if ($[22] !== colorRgbInputPrefixCls || $[23] !== prefixCls || $[24] !== t12 || $[25] !== t13) {
+		t14 = /* @__PURE__ */ jsx(ColorSteppers, {
+			max: 255,
+			min: 0,
+			value: t12,
+			prefixCls,
+			className: colorRgbInputPrefixCls,
+			onChange: t13
+		});
+		$[22] = colorRgbInputPrefixCls;
+		$[23] = prefixCls;
+		$[24] = t12;
+		$[25] = t13;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== rgbValue) {
+		t15 = rgbValue.toRgb();
+		$[27] = rgbValue;
+		$[28] = t15;
+	} else t15 = $[28];
+	const t16 = Number(t15.b);
+	let t17;
+	if ($[29] !== handleRgbChange) {
+		t17 = (step_2) => handleRgbChange(Number(step_2), "b");
+		$[29] = handleRgbChange;
+		$[30] = t17;
+	} else t17 = $[30];
+	let t18;
+	if ($[31] !== colorRgbInputPrefixCls || $[32] !== prefixCls || $[33] !== t16 || $[34] !== t17) {
+		t18 = /* @__PURE__ */ jsx(ColorSteppers, {
+			max: 255,
+			min: 0,
+			value: t16,
+			prefixCls,
+			className: colorRgbInputPrefixCls,
+			onChange: t17
+		});
+		$[31] = colorRgbInputPrefixCls;
+		$[32] = prefixCls;
+		$[33] = t16;
+		$[34] = t17;
+		$[35] = t18;
+	} else t18 = $[35];
+	let t19;
+	if ($[36] !== t10 || $[37] !== t14 || $[38] !== t18 || $[39] !== t6) {
+		t19 = /* @__PURE__ */ jsxs("div", {
+			className: t6,
+			children: [
+				t10,
+				t14,
+				t18
+			]
+		});
+		$[36] = t10;
+		$[37] = t14;
+		$[38] = t18;
+		$[39] = t6;
+		$[40] = t19;
+	} else t19 = $[40];
+	return t19;
 };
 //#endregion
 export { ColorRgbInput as default };

package/dist/ColorPicker/ComplexColorPicker/ColorRgbInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorRgbInput.js","names":[],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorRgbInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport type { RGB } from '@rc-component/color-picker';\n\nimport type { AggregationColor } from '../color';\nimport { generateColor } from '../util';\nimport ColorSteppers from './ColorSteppers';\n\ninterface ColorRgbInputProps {\n  prefixCls: string;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n}\n\nconst ColorRgbInput: FC<ColorRgbInputProps> = ({\n  prefixCls,\n  value,\n  onChange,\n}) => {\n  const colorRgbInputPrefixCls = `${prefixCls}-rgb-input`;\n  const [rgbValue, setRgbValue] = useState<AggregationColor>(\n    generateColor(value || ''),\n  );\n\n  useEffect(() => {\n    if (value) {\n      setRgbValue(value);\n    }\n  }, [value]);\n\n  const handleRgbChange = (step: number | null, type: keyof RGB) => {\n    const rgb = rgbValue.toRgb();\n    rgb[type] = step || 0;\n    const genColor = generateColor(rgb);\n    if (!value) {\n      setRgbValue(genColor);\n    }\n    onChange?.(genColor);\n  };\n\n  return (\n    <div\n      className={`${colorRgbInputPrefixCls} tw-flex tw-items-center tw-gap-1`}\n    >\n      <ColorSteppers\n        max={255}\n        min={0}\n        value={Number(rgbValue.toRgb().r)}\n        prefixCls={prefixCls}\n        className={colorRgbInputPrefixCls}\n        onChange={(step) => handleRgbChange(Number(step), 'r')}\n      />\n      <ColorSteppers\n        max={255}\n        min={0}\n        value={Number(rgbValue.toRgb().g)}\n        prefixCls={prefixCls}\n        className={colorRgbInputPrefixCls}\n        onChange={(step) => handleRgbChange(Number(step), 'g')}\n      />\n      <ColorSteppers\n        max={255}\n        min={0}\n        value={Number(rgbValue.toRgb().b)}\n        prefixCls={prefixCls}\n        className={colorRgbInputPrefixCls}\n        onChange={(step) => handleRgbChange(Number(step), 'b')}\n      />\n    </div>\n  );\n};\n\nexport default ColorRgbInput;\n"],"mappings":";;;;;AAcA,IAAM,iBAAyC,EAC7C,WACA,OACA,eACI;CACJ,MAAM,yBAAyB,GAAG,UAAU;CAC5C,MAAM,CAAC,UAAU,eAAe,SAC9B,cAAc,SAAS,GAAG,CAC3B;AAED,iBAAgB;AACd,MAAI,MACF,aAAY,MAAM;IAEnB,CAAC,MAAM,CAAC;CAEX,MAAM,mBAAmB,MAAqB,SAAoB;EAChE,MAAM,MAAM,SAAS,OAAO;AAC5B,MAAI,QAAQ,QAAQ;EACpB,MAAM,WAAW,cAAc,IAAI;AACnC,MAAI,CAAC,MACH,aAAY,SAAS;AAEvB,aAAW,SAAS;;AAGtB,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,uBAAuB;YADvC;GAGE,oBAAC,eAAD;IACE,KAAK;IACL,KAAK;IACL,OAAO,OAAO,SAAS,OAAO,CAAC,EAAE;IACtB;IACX,WAAW;IACX,WAAW,SAAS,gBAAgB,OAAO,KAAK,EAAE,IAAI;IACtD,CAAA;GACF,oBAAC,eAAD;IACE,KAAK;IACL,KAAK;IACL,OAAO,OAAO,SAAS,OAAO,CAAC,EAAE;IACtB;IACX,WAAW;IACX,WAAW,SAAS,gBAAgB,OAAO,KAAK,EAAE,IAAI;IACtD,CAAA;GACF,oBAAC,eAAD;IACE,KAAK;IACL,KAAK;IACL,OAAO,OAAO,SAAS,OAAO,CAAC,EAAE;IACtB;IACX,WAAW;IACX,WAAW,SAAS,gBAAgB,OAAO,KAAK,EAAE,IAAI;IACtD,CAAA;GACE"}
+{"version":3,"file":"ColorRgbInput.js","names":["FC","React","useEffect","useState","RGB","AggregationColor","generateColor","ColorSteppers","ColorRgbInputProps","prefixCls","value","onChange","ColorRgbInput","t0","$","_c","colorRgbInputPrefixCls","t1","t2","rgbValue","setRgbValue","t3","t4","t5","step","type","rgb","toRgb","genColor","handleRgbChange","t6","t7","t8","Number","r","t9","step_0","t10","t11","t12","g","t13","step_1","t14","t15","t16","b","t17","step_2","t18","t19"],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorRgbInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport type { RGB } from '@rc-component/color-picker';\n\nimport type { AggregationColor } from '../color';\nimport { generateColor } from '../util';\nimport ColorSteppers from './ColorSteppers';\n\ninterface ColorRgbInputProps {\n  prefixCls: string;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n}\n\nconst ColorRgbInput: FC<ColorRgbInputProps> = ({\n  prefixCls,\n  value,\n  onChange,\n}) => {\n  const colorRgbInputPrefixCls = `${prefixCls}-rgb-input`;\n  const [rgbValue, setRgbValue] = useState<AggregationColor>(\n    generateColor(value || ''),\n  );\n\n  useEffect(() => {\n    if (value) {\n      setRgbValue(value);\n    }\n  }, [value]);\n\n  const handleRgbChange = (step: number | null, type: keyof RGB) => {\n    const rgb = rgbValue.toRgb();\n    rgb[type] = step || 0;\n    const genColor = generateColor(rgb);\n    if (!value) {\n      setRgbValue(genColor);\n    }\n    onChange?.(genColor);\n  };\n\n  return (\n    <div\n      className={`${colorRgbInputPrefixCls} tw-flex tw-items-center tw-gap-1`}\n    >\n      <ColorSteppers\n        max={255}\n        min={0}\n        value={Number(rgbValue.toRgb().r)}\n        prefixCls={prefixCls}\n        className={colorRgbInputPrefixCls}\n        onChange={(step) => handleRgbChange(Number(step), 'r')}\n      />\n      <ColorSteppers\n        max={255}\n        min={0}\n        value={Number(rgbValue.toRgb().g)}\n        prefixCls={prefixCls}\n        className={colorRgbInputPrefixCls}\n        onChange={(step) => handleRgbChange(Number(step), 'g')}\n      />\n      <ColorSteppers\n        max={255}\n        min={0}\n        value={Number(rgbValue.toRgb().b)}\n        prefixCls={prefixCls}\n        className={colorRgbInputPrefixCls}\n        onChange={(step) => handleRgbChange(Number(step), 'b')}\n      />\n    </div>\n  );\n};\n\nexport default ColorRgbInput;\n"],"mappings":";;;;;;AAcA,IAAMY,iBAAwCC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAN,WAAAC,OAAAC,aAAAE;CAK7C,MAAAG,yBAA+B,GAAGP,UAAS;CAE3B,MAAAQ,KAAAP,SAAA;CAAW,IAAAQ;AAAA,KAAAJ,EAAA,OAAAG,IAAA;AAAzBC,OAAAZ,cAAcW,GAAY;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAD5B,MAAA,CAAAK,UAAAC,eAAgCjB,SAC9Be,GACD;CAAC,IAAAG;CAAA,IAAAC;AAAA,KAAAR,EAAA,OAAAJ,OAAA;AAEQW,aAAA;AACR,OAAIX,MACFU,aAAYV,MAAM;;AAEnBY,OAAA,CAACZ,MAAM;AAAAI,IAAA,KAAAJ;AAAAI,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;QAAA;AAAAD,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;;AAJVZ,WAAUmB,IAIPC,GAAQ;CAAA,IAAAC;AAAA,KAAAT,EAAA,OAAAH,YAAAG,EAAA,OAAAK,YAAAL,EAAA,OAAAJ,OAAA;AAEaa,QAAAC,MAAAC,SAAA;GACtB,MAAAC,MAAYP,SAAQQ,OAAQ;AAC5BD,OAAID,QAAQD,QAAA;GACZ,MAAAI,WAAiBtB,cAAcoB,IAAI;AACnC,OAAI,CAAChB,MACHU,aAAYQ,SAAS;AAEvBjB,cAAWiB,SAAS;;AACrBd,IAAA,KAAAH;AAAAG,IAAA,KAAAK;AAAAL,IAAA,KAAAJ;AAAAI,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CARD,MAAAe,kBAAwBN;CAYT,MAAAO,KAAA,GAAGd,uBAAsB;CAAmC,IAAAe;AAAA,KAAAjB,EAAA,OAAAK,UAAA;AAKvDY,OAAAZ,SAAQQ,OAAQ;AAAAb,IAAA,KAAAK;AAAAL,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAvB,MAAAkB,KAAAC,OAAOF,GAAgBG,EAAG;CAAA,IAAAC;AAAA,KAAArB,EAAA,QAAAe,iBAAA;AAGvBM,QAAAC,WAAUP,gBAAgBI,OAAOT,OAAK,EAAE,IAAI;AAAAV,IAAA,MAAAe;AAAAf,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;CAAA,IAAAuB;AAAA,KAAAvB,EAAA,QAAAE,0BAAAF,EAAA,QAAAL,aAAAK,EAAA,QAAAkB,MAAAlB,EAAA,QAAAqB,IAAA;AANxDE,QAAA,oBAAC,eAAD;GACO,KAAA;GACA,KAAA;GACE,OAAAL;GACIvB;GACAO,WAAAA;GACD,UAAAmB;GACV,CAAA;AAAArB,IAAA,MAAAE;AAAAF,IAAA,MAAAL;AAAAK,IAAA,MAAAkB;AAAAlB,IAAA,MAAAqB;AAAArB,IAAA,MAAAuB;OAAAA,OAAAvB,EAAA;CAAA,IAAAwB;AAAA,KAAAxB,EAAA,QAAAK,UAAA;AAIcmB,QAAAnB,SAAQQ,OAAQ;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAwB;OAAAA,OAAAxB,EAAA;CAAvB,MAAAyB,MAAAN,OAAOK,IAAgBE,EAAG;CAAA,IAAAC;AAAA,KAAA3B,EAAA,QAAAe,iBAAA;AAGvBY,SAAAC,WAAUb,gBAAgBI,OAAOT,OAAK,EAAE,IAAI;AAAAV,IAAA,MAAAe;AAAAf,IAAA,MAAA2B;OAAAA,OAAA3B,EAAA;CAAA,IAAA6B;AAAA,KAAA7B,EAAA,QAAAE,0BAAAF,EAAA,QAAAL,aAAAK,EAAA,QAAAyB,OAAAzB,EAAA,QAAA2B,KAAA;AANxDE,QAAA,oBAAC,eAAD;GACO,KAAA;GACA,KAAA;GACE,OAAAJ;GACI9B;GACAO,WAAAA;GACD,UAAAyB;GACV,CAAA;AAAA3B,IAAA,MAAAE;AAAAF,IAAA,MAAAL;AAAAK,IAAA,MAAAyB;AAAAzB,IAAA,MAAA2B;AAAA3B,IAAA,MAAA6B;OAAAA,OAAA7B,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,QAAAK,UAAA;AAIcyB,QAAAzB,SAAQQ,OAAQ;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAA8B;OAAAA,OAAA9B,EAAA;CAAvB,MAAA+B,MAAAZ,OAAOW,IAAgBE,EAAG;CAAA,IAAAC;AAAA,KAAAjC,EAAA,QAAAe,iBAAA;AAGvBkB,SAAAC,WAAUnB,gBAAgBI,OAAOT,OAAK,EAAE,IAAI;AAAAV,IAAA,MAAAe;AAAAf,IAAA,MAAAiC;OAAAA,OAAAjC,EAAA;CAAA,IAAAmC;AAAA,KAAAnC,EAAA,QAAAE,0BAAAF,EAAA,QAAAL,aAAAK,EAAA,QAAA+B,OAAA/B,EAAA,QAAAiC,KAAA;AANxDE,QAAA,oBAAC,eAAD;GACO,KAAA;GACA,KAAA;GACE,OAAAJ;GACIpC;GACAO,WAAAA;GACD,UAAA+B;GACV,CAAA;AAAAjC,IAAA,MAAAE;AAAAF,IAAA,MAAAL;AAAAK,IAAA,MAAA+B;AAAA/B,IAAA,MAAAiC;AAAAjC,IAAA,MAAAmC;OAAAA,OAAAnC,EAAA;CAAA,IAAAoC;AAAA,KAAApC,EAAA,QAAAuB,OAAAvB,EAAA,QAAA6B,OAAA7B,EAAA,QAAAmC,OAAAnC,EAAA,QAAAgB,IAAA;AA1BJoB,QAAA,qBAAA,OAAA;GACa,WAAApB;aADb;IAGEO;IAQAM;IAQAM;IAQI;;AAAAnC,IAAA,MAAAuB;AAAAvB,IAAA,MAAA6B;AAAA7B,IAAA,MAAAmC;AAAAnC,IAAA,MAAAgB;AAAAhB,IAAA,MAAAoC;OAAAA,OAAApC,EAAA;AAAA,QA3BNoC"}

package/dist/ColorPicker/ComplexColorPicker/ColorSteppers.d.ts

@@ -1,5 +1,5 @@
 import { FC, default as React } from 'react';
-import { IInputNumberProps } from '../../InputNumber';
+import { IInputNumberProps } from '../../InputNumber.js';
 interface ColorSteppersProps {
     prefixCls: string;
     value?: number;

package/dist/ColorPicker/ComplexColorPicker/ColorSteppers.js

@@ -1,26 +1,68 @@
 import { cn } from "../../lib/utils.js";
 import InputNumber from "../../InputNumber/index.js";
+import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ColorPicker/ComplexColorPicker/ColorSteppers.tsx
-var ColorSteppers = ({ prefixCls, min = 0, max = 100, value, onChange, className, formatter }) => {
+var ColorSteppers = (t0) => {
+	const $ = c(16);
+	const { prefixCls, min: t1, max: t2, value, onChange, className, formatter } = t0;
+	const min = t1 === void 0 ? 0 : t1;
+	const max = t2 === void 0 ? 100 : t2;
 	const colorSteppersPrefixCls = `${prefixCls}-steppers`;
 	const [stepValue, setStepValue] = useState(value);
-	useEffect(() => {
-		if (!Number.isNaN(value)) setStepValue(value);
-	}, [value]);
-	return /* @__PURE__ */ jsx(InputNumber, {
-		className: cn(colorSteppersPrefixCls, className),
-		min,
-		max,
-		value: stepValue,
-		formatter,
-		size: "small",
-		onChange: (step) => {
+	let t3;
+	let t4;
+	if ($[0] !== value) {
+		t3 = () => {
+			if (!Number.isNaN(value)) setStepValue(value);
+		};
+		t4 = [value];
+		$[0] = value;
+		$[1] = t3;
+		$[2] = t4;
+	} else {
+		t3 = $[1];
+		t4 = $[2];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[3] !== className || $[4] !== colorSteppersPrefixCls) {
+		t5 = cn(colorSteppersPrefixCls, className);
+		$[3] = className;
+		$[4] = colorSteppersPrefixCls;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== onChange || $[7] !== value) {
+		t6 = (step) => {
 			if (!value) setStepValue(Number(step) || 0);
 			onChange?.(Number(step) || null);
-		}
-	});
+		};
+		$[6] = onChange;
+		$[7] = value;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== formatter || $[10] !== max || $[11] !== min || $[12] !== stepValue || $[13] !== t5 || $[14] !== t6) {
+		t7 = /* @__PURE__ */ jsx(InputNumber, {
+			className: t5,
+			min,
+			max,
+			value: stepValue,
+			formatter,
+			size: "small",
+			onChange: t6
+		});
+		$[9] = formatter;
+		$[10] = max;
+		$[11] = min;
+		$[12] = stepValue;
+		$[13] = t5;
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	return t7;
 };
 //#endregion
 export { ColorSteppers as default };

package/dist/ColorPicker/ComplexColorPicker/ColorSteppers.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSteppers.js","names":[],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorSteppers.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nimport type { IInputNumberProps } from '../../InputNumber';\nimport InputNumber from '../../InputNumber';\n\ninterface ColorSteppersProps {\n  prefixCls: string;\n  value?: number;\n  min?: number;\n  max?: number;\n  onChange?: (value: number | null) => void;\n  className?: string;\n  prefix?: (prefixCls: string) => React.ReactNode;\n  formatter?: IInputNumberProps['formatter'];\n}\n\nconst ColorSteppers: FC<ColorSteppersProps> = ({\n  prefixCls,\n  min = 0,\n  max = 100,\n  value,\n  onChange,\n  className,\n  formatter,\n}) => {\n  const colorSteppersPrefixCls = `${prefixCls}-steppers`;\n  const [stepValue, setStepValue] = useState(value);\n\n  useEffect(() => {\n    if (!Number.isNaN(value)) {\n      setStepValue(value);\n    }\n  }, [value]);\n\n  return (\n    <InputNumber\n      className={cn(colorSteppersPrefixCls, className)}\n      min={min}\n      max={max}\n      value={stepValue}\n      formatter={formatter}\n      size=\"small\"\n      onChange={(step) => {\n        if (!value) {\n          setStepValue(Number(step) || 0);\n        }\n        onChange?.(Number(step) || null);\n      }}\n    />\n  );\n};\n\nexport default ColorSteppers;\n"],"mappings":";;;;;AAkBA,IAAM,iBAAyC,EAC7C,WACA,MAAM,GACN,MAAM,KACN,OACA,UACA,WACA,gBACI;CACJ,MAAM,yBAAyB,GAAG,UAAU;CAC5C,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;AAEjD,iBAAgB;AACd,MAAI,CAAC,OAAO,MAAM,MAAM,CACtB,cAAa,MAAM;IAEpB,CAAC,MAAM,CAAC;AAEX,QACE,oBAAC,aAAD;EACE,WAAW,GAAG,wBAAwB,UAAU;EAC3C;EACA;EACL,OAAO;EACI;EACX,MAAK;EACL,WAAW,SAAS;AAClB,OAAI,CAAC,MACH,cAAa,OAAO,KAAK,IAAI,EAAE;AAEjC,cAAW,OAAO,KAAK,IAAI,KAAK;;EAElC,CAAA"}
+{"version":3,"file":"ColorSteppers.js","names":["FC","React","useEffect","useState","cn","IInputNumberProps","InputNumber","ColorSteppersProps","prefixCls","value","min","max","onChange","className","prefix","ReactNode","formatter","ColorSteppers","t0","$","_c","t1","t2","undefined","colorSteppersPrefixCls","stepValue","setStepValue","t3","t4","Number","isNaN","t5","t6","step","t7"],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorSteppers.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport { cn } from '../../lib/utils';\n\nimport type { IInputNumberProps } from '../../InputNumber';\nimport InputNumber from '../../InputNumber';\n\ninterface ColorSteppersProps {\n  prefixCls: string;\n  value?: number;\n  min?: number;\n  max?: number;\n  onChange?: (value: number | null) => void;\n  className?: string;\n  prefix?: (prefixCls: string) => React.ReactNode;\n  formatter?: IInputNumberProps['formatter'];\n}\n\nconst ColorSteppers: FC<ColorSteppersProps> = ({\n  prefixCls,\n  min = 0,\n  max = 100,\n  value,\n  onChange,\n  className,\n  formatter,\n}) => {\n  const colorSteppersPrefixCls = `${prefixCls}-steppers`;\n  const [stepValue, setStepValue] = useState(value);\n\n  useEffect(() => {\n    if (!Number.isNaN(value)) {\n      setStepValue(value);\n    }\n  }, [value]);\n\n  return (\n    <InputNumber\n      className={cn(colorSteppersPrefixCls, className)}\n      min={min}\n      max={max}\n      value={stepValue}\n      formatter={formatter}\n      size=\"small\"\n      onChange={(step) => {\n        if (!value) {\n          setStepValue(Number(step) || 0);\n        }\n        onChange?.(Number(step) || null);\n      }}\n    />\n  );\n};\n\nexport default ColorSteppers;\n"],"mappings":";;;;;;AAkBA,IAAMiB,iBAAwCC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAZ,WAAAE,KAAAW,IAAAV,KAAAW,IAAAb,OAAAG,UAAAC,WAAAG,cAAAE;CAE7C,MAAAR,MAAAW,OAAAE,SAAA,IAAAF;CACA,MAAAV,MAAAW,OAAAC,SAAA,MAAAD;CAMA,MAAAE,yBAA+B,GAAGhB,UAAS;CAC3C,MAAA,CAAAiB,WAAAC,gBAAkCvB,SAASM,MAAM;CAAC,IAAAkB;CAAA,IAAAC;AAAA,KAAAT,EAAA,OAAAV,OAAA;AAExCkB,aAAA;AACR,OAAI,CAACE,OAAMC,MAAOrB,MAAM,CACtBiB,cAAajB,MAAM;;AAEpBmB,OAAA,CAACnB,MAAM;AAAAU,IAAA,KAAAV;AAAAU,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;QAAA;AAAAD,OAAAR,EAAA;AAAAS,OAAAT,EAAA;;AAJVjB,WAAUyB,IAIPC,GAAQ;CAAA,IAAAG;AAAA,KAAAZ,EAAA,OAAAN,aAAAM,EAAA,OAAAK,wBAAA;AAIIO,OAAA3B,GAAGoB,wBAAwBX,UAAU;AAAAM,IAAA,KAAAN;AAAAM,IAAA,KAAAK;AAAAL,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAP,YAAAO,EAAA,OAAAV,OAAA;AAMtCuB,QAAAC,SAAA;AACR,OAAI,CAACxB,MACHiB,cAAaG,OAAOI,KAAU,IAAjB,EAAkB;AAEjCrB,cAAWiB,OAAOI,KAAa,IAApB,KAAqB;;AACjCd,IAAA,KAAAP;AAAAO,IAAA,KAAAV;AAAAU,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAH,aAAAG,EAAA,QAAAR,OAAAQ,EAAA,QAAAT,OAAAS,EAAA,QAAAM,aAAAN,EAAA,QAAAY,MAAAZ,EAAA,QAAAa,IAAA;AAZHE,OAAA,oBAAC,aAAD;GACa,WAAAH;GACNrB;GACAC;GACEc,OAAAA;GACIT;GACN,MAAA;GACK,UAAAgB;GAMV,CAAA;AAAAb,IAAA,KAAAH;AAAAG,IAAA,MAAAR;AAAAQ,IAAA,MAAAT;AAAAS,IAAA,MAAAM;AAAAN,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAe;OAAAA,MAAAf,EAAA;AAAA,QAbFe"}

package/dist/ColorPicker/ComplexColorPicker/index.d.ts

@@ -1,2 +1,3 @@
-import { ColorPickerProps } from '../interface';
-export default function ColorPicker(props: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+import { ColorPickerProps } from '../interface.js';
+export default function ColorPicker(props: ColorPickerProps): React.JSX.Element;