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

package/dist/ColorPicker/ComplexColorPicker/index.js

@@ -4,7 +4,8 @@ import { genAlphaColor, generateColor, getColorAlpha } from "../util.js";
 import ColorInput from "./ColorInput.js";
 import useModeColor from "../hooks/useColor.js";
 /* empty css              */
-import { useMemo } from "react";
+import { c } from "react-compiler-runtime";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import RcColorPicker from "@rc-component/color-picker";
 //#region src/ColorPicker/ComplexColorPicker/index.tsx
@@ -15,56 +16,118 @@ var triggerSizeClasses = {
 	large: "tw-w-9 tw-h-9 tw-rounded-lg [&>.ald-color-picker-complex-trigger-inner]:tw-w-7 [&>.ald-color-picker-complex-trigger-inner]:tw-h-7 [&>.ald-color-picker-complex-trigger-inner]:tw-rounded"
 };
 function ColorPicker(props) {
-	const { value, onChange, defaultValue, disabledAlpha, onChangeComplete, trigger, open, onOpenChange, size = "middle" } = props;
+	const $ = c(29);
+	const { value, onChange, defaultValue, disabledAlpha, onChangeComplete, trigger, open, onOpenChange, size: t0 } = props;
+	const size = t0 === void 0 ? "middle" : t0;
 	const [mergedColor, setColor] = useModeColor(defaultValue, value);
-	const isAlphaColor = useMemo(() => getColorAlpha(mergedColor) < 100, [mergedColor]);
-	const onInternalChangeComplete = (color) => {
-		if (onChangeComplete) {
-			let changeColor = generateColor(color);
-			if (disabledAlpha && isAlphaColor) changeColor = genAlphaColor(color);
-			onChangeComplete(changeColor);
-		}
-	};
-	const onInternalChange = (data) => {
-		let color = generateColor(data);
-		if (disabledAlpha && isAlphaColor) color = genAlphaColor(color);
-		setColor(color);
-		if (onChange) onChange(color, color.toCssString());
-		onInternalChangeComplete(color);
-	};
-	return /* @__PURE__ */ jsx(Dropdown, {
-		open,
-		trigger,
-		onOpenChange,
-		overlayClassName: `${prefixCls}-overlay-wrapper`,
-		dropdownRender: () => {
-			return /* @__PURE__ */ jsxs("div", {
-				className: `${prefixCls}-wrapper`,
-				children: [/* @__PURE__ */ jsx(RcColorPicker, {
-					prefixCls,
-					value: mergedColor?.toHsb(),
-					onChange: (color) => {
-						const nextColor = generateColor(color);
-						onInternalChange(nextColor, nextColor.toCssString());
-					}
-				}), /* @__PURE__ */ jsx(ColorInput, {
-					prefixCls,
-					value: mergedColor,
-					onChange: (color) => {
-						onInternalChange(color, color.toCssString());
-					},
-					disabledAlpha
-				})]
-			});
-		},
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("tw-inline-flex tw-border tw-border-solid tw-border-[var(--border-neutral-strong)] tw-bg-[var(--background-default)] tw-p-[3px]", size && triggerSizeClasses[size]),
-			children: /* @__PURE__ */ jsx("div", {
-				className: "ald-color-picker-complex-trigger-inner tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]",
-				style: { backgroundColor: mergedColor.toCssString() }
-			})
-		})
-	});
+	const isAlphaColor = getColorAlpha(mergedColor) < 100;
+	let t1;
+	if ($[0] !== disabledAlpha || $[1] !== isAlphaColor || $[2] !== onChangeComplete) {
+		t1 = (color) => {
+			if (onChangeComplete) {
+				let changeColor = generateColor(color);
+				if (disabledAlpha && isAlphaColor) changeColor = genAlphaColor(color);
+				onChangeComplete(changeColor);
+			}
+		};
+		$[0] = disabledAlpha;
+		$[1] = isAlphaColor;
+		$[2] = onChangeComplete;
+		$[3] = t1;
+	} else t1 = $[3];
+	const onInternalChangeComplete = t1;
+	let t2;
+	if ($[4] !== disabledAlpha || $[5] !== isAlphaColor || $[6] !== onChange || $[7] !== onInternalChangeComplete || $[8] !== setColor) {
+		t2 = (data) => {
+			let color_0 = generateColor(data);
+			if (disabledAlpha && isAlphaColor) color_0 = genAlphaColor(color_0);
+			setColor(color_0);
+			if (onChange) onChange(color_0, color_0.toCssString());
+			onInternalChangeComplete(color_0);
+		};
+		$[4] = disabledAlpha;
+		$[5] = isAlphaColor;
+		$[6] = onChange;
+		$[7] = onInternalChangeComplete;
+		$[8] = setColor;
+		$[9] = t2;
+	} else t2 = $[9];
+	const onInternalChange = t2;
+	let t3;
+	if ($[10] !== disabledAlpha || $[11] !== mergedColor || $[12] !== onInternalChange) {
+		t3 = () => /* @__PURE__ */ jsxs("div", {
+			className: `${prefixCls}-wrapper`,
+			children: [/* @__PURE__ */ jsx(RcColorPicker, {
+				prefixCls,
+				value: mergedColor?.toHsb(),
+				onChange: (color_1) => {
+					const nextColor = generateColor(color_1);
+					onInternalChange(nextColor, nextColor.toCssString());
+				}
+			}), /* @__PURE__ */ jsx(ColorInput, {
+				prefixCls,
+				value: mergedColor,
+				onChange: (color_2) => {
+					onInternalChange(color_2, color_2.toCssString());
+				},
+				disabledAlpha
+			})]
+		});
+		$[10] = disabledAlpha;
+		$[11] = mergedColor;
+		$[12] = onInternalChange;
+		$[13] = t3;
+	} else t3 = $[13];
+	const t4 = size && triggerSizeClasses[size];
+	let t5;
+	if ($[14] !== t4) {
+		t5 = cn("tw-inline-flex tw-border tw-border-solid tw-border-[var(--border-neutral-strong)] tw-bg-[var(--background-default)] tw-p-[3px]", t4);
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	let t6;
+	if ($[16] !== mergedColor) {
+		t6 = mergedColor.toCssString();
+		$[16] = mergedColor;
+		$[17] = t6;
+	} else t6 = $[17];
+	let t7;
+	if ($[18] !== t6) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			className: "ald-color-picker-complex-trigger-inner tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]",
+			style: { backgroundColor: t6 }
+		});
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	let t8;
+	if ($[20] !== t5 || $[21] !== t7) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: t5,
+			children: t7
+		});
+		$[20] = t5;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	let t9;
+	if ($[23] !== onOpenChange || $[24] !== open || $[25] !== t3 || $[26] !== t8 || $[27] !== trigger) {
+		t9 = /* @__PURE__ */ jsx(Dropdown, {
+			open,
+			trigger,
+			onOpenChange,
+			overlayClassName: `${prefixCls}-overlay-wrapper`,
+			dropdownRender: t3,
+			children: t8
+		});
+		$[23] = onOpenChange;
+		$[24] = open;
+		$[25] = t3;
+		$[26] = t8;
+		$[27] = trigger;
+		$[28] = t9;
+	} else t9 = $[28];
+	return t9;
 }
 //#endregion
 export { ColorPicker as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/ColorPicker/ComplexColorPicker/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ColorPickerProps } from '../interface';\nimport RcColorPicker from '@rc-component/color-picker';\nimport { AggregationColor } from '../color';\nimport ColorInput from './ColorInput';\nimport useColor from '../hooks/useColor';\nimport { genAlphaColor, generateColor, getColorAlpha } from '../util';\nimport Dropdown from '../../Dropdown';\nimport { cn } from '../../lib/utils';\nimport '../color-picker.css';\n\nconst prefixCls = 'ald-color-picker-complex';\n\nconst triggerSizeClasses = {\n  small:\n    'tw-w-7 tw-h-7 tw-rounded [&>.ald-color-picker-complex-trigger-inner]:tw-w-5 [&>.ald-color-picker-complex-trigger-inner]:tw-h-5 [&>.ald-color-picker-complex-trigger-inner]:tw-rounded-sm',\n  middle:\n    'tw-w-8 tw-h-8 tw-rounded-md [&>.ald-color-picker-complex-trigger-inner]:tw-w-6 [&>.ald-color-picker-complex-trigger-inner]:tw-h-6 [&>.ald-color-picker-complex-trigger-inner]:tw-rounded-[3px]',\n  large:\n    'tw-w-9 tw-h-9 tw-rounded-lg [&>.ald-color-picker-complex-trigger-inner]:tw-w-7 [&>.ald-color-picker-complex-trigger-inner]:tw-h-7 [&>.ald-color-picker-complex-trigger-inner]:tw-rounded',\n};\n\nexport default function ColorPicker(props: ColorPickerProps) {\n  const {\n    value,\n    onChange,\n    defaultValue,\n    disabledAlpha,\n    onChangeComplete,\n    trigger,\n    open,\n    onOpenChange,\n    size = 'middle',\n  } = props;\n  const [mergedColor, setColor] = useColor(defaultValue, value);\n  const isAlphaColor = useMemo(\n    () => getColorAlpha(mergedColor) < 100,\n    [mergedColor],\n  );\n  const onInternalChangeComplete: ColorPickerProps['onChangeComplete'] = (\n    color,\n  ) => {\n    if (onChangeComplete) {\n      let changeColor = generateColor(color);\n\n      if (disabledAlpha && isAlphaColor) {\n        changeColor = genAlphaColor(color);\n      }\n      onChangeComplete(changeColor);\n    }\n  };\n  const onInternalChange: ColorPickerProps['onChange'] = (data) => {\n    let color: AggregationColor = generateColor(data as AggregationColor);\n\n    if (disabledAlpha && isAlphaColor) {\n      color = genAlphaColor(color);\n    }\n\n    setColor(color);\n\n    if (onChange) {\n      onChange(color, color.toCssString());\n    }\n\n    onInternalChangeComplete(color);\n  };\n\n  return (\n    <Dropdown\n      open={open}\n      trigger={trigger}\n      onOpenChange={onOpenChange}\n      overlayClassName={`${prefixCls}-overlay-wrapper`}\n      dropdownRender={() => {\n        return (\n          <div className={`${prefixCls}-wrapper`}>\n            <RcColorPicker\n              prefixCls={prefixCls}\n              value={mergedColor?.toHsb()}\n              onChange={(color) => {\n                const nextColor = generateColor(color);\n                onInternalChange(nextColor, nextColor.toCssString());\n              }}\n            ></RcColorPicker>\n            <ColorInput\n              prefixCls={prefixCls}\n              value={mergedColor}\n              onChange={(color) => {\n                onInternalChange(color, color.toCssString());\n              }}\n              disabledAlpha={disabledAlpha}\n            />\n          </div>\n        );\n      }}\n    >\n      <div\n        className={cn(\n          'tw-inline-flex tw-border tw-border-solid tw-border-[var(--border-neutral-strong)] tw-bg-[var(--background-default)] tw-p-[3px]',\n          size && triggerSizeClasses[size],\n        )}\n      >\n        <div\n          className=\"ald-color-picker-complex-trigger-inner tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]\"\n          style={{ backgroundColor: mergedColor.toCssString() }}\n        ></div>\n      </div>\n    </Dropdown>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,IAAM,YAAY;AAElB,IAAM,qBAAqB;CACzB,OACE;CACF,QACE;CACF,OACE;CACH;AAED,SAAwB,YAAY,OAAyB;CAC3D,MAAM,EACJ,OACA,UACA,cACA,eACA,kBACA,SACA,MACA,cACA,OAAO,aACL;CACJ,MAAM,CAAC,aAAa,YAAY,aAAS,cAAc,MAAM;CAC7D,MAAM,eAAe,cACb,cAAc,YAAY,GAAG,KACnC,CAAC,YAAY,CACd;CACD,MAAM,4BACJ,UACG;AACH,MAAI,kBAAkB;GACpB,IAAI,cAAc,cAAc,MAAM;AAEtC,OAAI,iBAAiB,aACnB,eAAc,cAAc,MAAM;AAEpC,oBAAiB,YAAY;;;CAGjC,MAAM,oBAAkD,SAAS;EAC/D,IAAI,QAA0B,cAAc,KAAyB;AAErE,MAAI,iBAAiB,aACnB,SAAQ,cAAc,MAAM;AAG9B,WAAS,MAAM;AAEf,MAAI,SACF,UAAS,OAAO,MAAM,aAAa,CAAC;AAGtC,2BAAyB,MAAM;;AAGjC,QACE,oBAAC,UAAD;EACQ;EACG;EACK;EACd,kBAAkB,GAAG,UAAU;EAC/B,sBAAsB;AACpB,UACE,qBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAA7B,CACE,oBAAC,eAAD;KACa;KACX,OAAO,aAAa,OAAO;KAC3B,WAAW,UAAU;MACnB,MAAM,YAAY,cAAc,MAAM;AACtC,uBAAiB,WAAW,UAAU,aAAa,CAAC;;KAEvC,CAAA,EACjB,oBAAC,YAAD;KACa;KACX,OAAO;KACP,WAAW,UAAU;AACnB,uBAAiB,OAAO,MAAM,aAAa,CAAC;;KAE/B;KACf,CAAA,CACE;;;YAIV,oBAAC,OAAD;GACE,WAAW,GACT,kIACA,QAAQ,mBAAmB,MAC5B;aAED,oBAAC,OAAD;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY,aAAa,EAAE;IAChD,CAAA;GACH,CAAA;EACG,CAAA"}
+{"version":3,"file":"index.js","names":["React","useMemo","ColorPickerProps","RcColorPicker","AggregationColor","ColorInput","useColor","genAlphaColor","generateColor","getColorAlpha","Dropdown","cn","prefixCls","triggerSizeClasses","small","middle","large","ColorPicker","props","$","_c","value","onChange","defaultValue","disabledAlpha","onChangeComplete","trigger","open","onOpenChange","size","t0","undefined","mergedColor","setColor","isAlphaColor","t1","color","changeColor","onInternalChangeComplete","t2","data","color_0","toCssString","onInternalChange","t3","toHsb","color_1","nextColor","color_2","t4","t5","t6","t7","backgroundColor","t8","t9"],"sources":["../../../src/ColorPicker/ComplexColorPicker/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ColorPickerProps } from '../interface';\nimport RcColorPicker from '@rc-component/color-picker';\nimport { AggregationColor } from '../color';\nimport ColorInput from './ColorInput';\nimport useColor from '../hooks/useColor';\nimport { genAlphaColor, generateColor, getColorAlpha } from '../util';\nimport Dropdown from '../../Dropdown';\nimport { cn } from '../../lib/utils';\nimport '../color-picker.css';\n\nconst prefixCls = 'ald-color-picker-complex';\n\nconst triggerSizeClasses = {\n  small:\n    'tw-w-7 tw-h-7 tw-rounded [&>.ald-color-picker-complex-trigger-inner]:tw-w-5 [&>.ald-color-picker-complex-trigger-inner]:tw-h-5 [&>.ald-color-picker-complex-trigger-inner]:tw-rounded-sm',\n  middle:\n    'tw-w-8 tw-h-8 tw-rounded-md [&>.ald-color-picker-complex-trigger-inner]:tw-w-6 [&>.ald-color-picker-complex-trigger-inner]:tw-h-6 [&>.ald-color-picker-complex-trigger-inner]:tw-rounded-[3px]',\n  large:\n    'tw-w-9 tw-h-9 tw-rounded-lg [&>.ald-color-picker-complex-trigger-inner]:tw-w-7 [&>.ald-color-picker-complex-trigger-inner]:tw-h-7 [&>.ald-color-picker-complex-trigger-inner]:tw-rounded',\n};\n\nexport default function ColorPicker(props: ColorPickerProps) {\n  const {\n    value,\n    onChange,\n    defaultValue,\n    disabledAlpha,\n    onChangeComplete,\n    trigger,\n    open,\n    onOpenChange,\n    size = 'middle',\n  } = props;\n  const [mergedColor, setColor] = useColor(defaultValue, value);\n  const isAlphaColor = useMemo(\n    () => getColorAlpha(mergedColor) < 100,\n    [mergedColor],\n  );\n  const onInternalChangeComplete: ColorPickerProps['onChangeComplete'] = (\n    color,\n  ) => {\n    if (onChangeComplete) {\n      let changeColor = generateColor(color);\n\n      if (disabledAlpha && isAlphaColor) {\n        changeColor = genAlphaColor(color);\n      }\n      onChangeComplete(changeColor);\n    }\n  };\n  const onInternalChange: ColorPickerProps['onChange'] = (data) => {\n    let color: AggregationColor = generateColor(data as AggregationColor);\n\n    if (disabledAlpha && isAlphaColor) {\n      color = genAlphaColor(color);\n    }\n\n    setColor(color);\n\n    if (onChange) {\n      onChange(color, color.toCssString());\n    }\n\n    onInternalChangeComplete(color);\n  };\n\n  return (\n    <Dropdown\n      open={open}\n      trigger={trigger}\n      onOpenChange={onOpenChange}\n      overlayClassName={`${prefixCls}-overlay-wrapper`}\n      dropdownRender={() => {\n        return (\n          <div className={`${prefixCls}-wrapper`}>\n            <RcColorPicker\n              prefixCls={prefixCls}\n              value={mergedColor?.toHsb()}\n              onChange={(color) => {\n                const nextColor = generateColor(color);\n                onInternalChange(nextColor, nextColor.toCssString());\n              }}\n            ></RcColorPicker>\n            <ColorInput\n              prefixCls={prefixCls}\n              value={mergedColor}\n              onChange={(color) => {\n                onInternalChange(color, color.toCssString());\n              }}\n              disabledAlpha={disabledAlpha}\n            />\n          </div>\n        );\n      }}\n    >\n      <div\n        className={cn(\n          'tw-inline-flex tw-border tw-border-solid tw-border-[var(--border-neutral-strong)] tw-bg-[var(--background-default)] tw-p-[3px]',\n          size && triggerSizeClasses[size],\n        )}\n      >\n        <div\n          className=\"ald-color-picker-complex-trigger-inner tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]\"\n          style={{ backgroundColor: mergedColor.toCssString() }}\n        ></div>\n      </div>\n    </Dropdown>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAMY,YAAY;AAElB,IAAMC,qBAAqB;CACzBC,OACE;CACFC,QACE;CACFC,OACE;CACH;AAED,SAAeC,YAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACb,MAAA,EAAAC,OAAAC,UAAAC,cAAAC,eAAAC,kBAAAC,SAAAC,MAAAC,cAAAC,MAAAC,OAUIZ;CADF,MAAAW,OAAAC,OAAAC,SAAA,WAAAD;CAEF,MAAA,CAAAE,aAAAC,YAAgC3B,aAASiB,cAAcF,MAAM;CAC7D,MAAAa,eACQzB,cAAcuB,YAAY,GAAG;CAEnC,IAAAG;AAAA,KAAAhB,EAAA,OAAAK,iBAAAL,EAAA,OAAAe,gBAAAf,EAAA,OAAAM,kBAAA;AACqEU,QAAAC,UAAA;AAGrE,OAAIX,kBAAgB;IAClB,IAAAY,cAAkB7B,cAAc4B,MAAM;AAEtC,QAAIZ,iBAAAU,aACFG,eAAc9B,cAAc6B,MAAM;AAEpCX,qBAAiBY,YAAY;;;AAEhClB,IAAA,KAAAK;AAAAL,IAAA,KAAAe;AAAAf,IAAA,KAAAM;AAAAN,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAXD,MAAAmB,2BAAuEH;CAWrE,IAAAI;AAAA,KAAApB,EAAA,OAAAK,iBAAAL,EAAA,OAAAe,gBAAAf,EAAA,OAAAG,YAAAH,EAAA,OAAAmB,4BAAAnB,EAAA,OAAAc,UAAA;AACqDM,QAAAC,SAAA;GACrD,IAAAC,UAA8BjC,cAAcgC,KAAyB;AAErE,OAAIhB,iBAAAU,aACFE,WAAQ7B,cAAc6B,QAAM;AAG9BH,YAASG,QAAM;AAEf,OAAId,SACFA,UAASc,SAAOA,QAAKM,aAAc,CAAC;AAGtCJ,4BAAyBF,QAAM;;AAChCjB,IAAA,KAAAK;AAAAL,IAAA,KAAAe;AAAAf,IAAA,KAAAG;AAAAH,IAAA,KAAAmB;AAAAnB,IAAA,KAAAc;AAAAd,IAAA,KAAAoB;OAAAA,MAAApB,EAAA;CAdD,MAAAwB,mBAAuDJ;CAcrD,IAAAK;AAAA,KAAAzB,EAAA,QAAAK,iBAAAL,EAAA,QAAAa,eAAAb,EAAA,QAAAwB,kBAAA;AAQkBC,aAEZ,qBAAA,OAAA;GAAgB,WAAA,GAAGhC,UAAS;aAA5B,CACE,oBAAC,eAAD;IACaA;IACJ,OAAAoB,aAAWa,OAAQ;IAChB,WAAAC,YAAA;KACR,MAAAC,YAAkBvC,cAAc4B,QAAM;AACtCO,sBAAiBI,WAAWA,UAASL,aAAc,CAAC;;IAGxD,CAAA,EAAA,oBAAC,YAAD;IACa9B;IACJoB,OAAAA;IACG,WAAAgB,YAAA;AACRL,sBAAiBP,SAAOA,QAAKM,aAAc,CAAC;;IAE/BlB;IAEnB,CAAA,CAEH;;AAAAL,IAAA,MAAAK;AAAAL,IAAA,MAAAa;AAAAb,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;OAAAA,MAAAzB,EAAA;CAKG,MAAA8B,KAAApB,QAAQhB,mBAAmBgB;CAAK,IAAAqB;AAAA,KAAA/B,EAAA,QAAA8B,IAAA;AAFvBC,OAAAvC,GACT,kIACAsC,GACD;AAAA9B,IAAA,MAAA8B;AAAA9B,IAAA,MAAA+B;OAAAA,MAAA/B,EAAA;CAAA,IAAAgC;AAAA,KAAAhC,EAAA,QAAAa,aAAA;AAI2BmB,OAAAnB,YAAWU,aAAc;AAAAvB,IAAA,MAAAa;AAAAb,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;CAAA,IAAAiC;AAAA,KAAAjC,EAAA,QAAAgC,IAAA;AAFrDC,OAAA,oBAAA,OAAA;GACY,WAAA;GACH,OAAA,EAAAC,iBAAmBF,IAA0B;GAC/C,CAAA;AAAAhC,IAAA,MAAAgC;AAAAhC,IAAA,MAAAiC;OAAAA,MAAAjC,EAAA;CAAA,IAAAmC;AAAA,KAAAnC,EAAA,QAAA+B,MAAA/B,EAAA,QAAAiC,IAAA;AATTE,OAAA,oBAAA,OAAA;GACa,WAAAJ;aAKXE;GAII,CAAA;AAAAjC,IAAA,MAAA+B;AAAA/B,IAAA,MAAAiC;AAAAjC,IAAA,MAAAmC;OAAAA,MAAAnC,EAAA;CAAA,IAAAoC;AAAA,KAAApC,EAAA,QAAAS,gBAAAT,EAAA,QAAAQ,QAAAR,EAAA,QAAAyB,MAAAzB,EAAA,QAAAmC,MAAAnC,EAAA,QAAAO,SAAA;AAtCR6B,OAAA,oBAAC,UAAD;GACQ5B;GACGD;GACKE;GACI,kBAAA,GAAGhB,UAAS;GACd,gBAAAgC;aAuBhBU;GAWS,CAAA;AAAAnC,IAAA,MAAAS;AAAAT,IAAA,MAAAQ;AAAAR,IAAA,MAAAyB;AAAAzB,IAAA,MAAAmC;AAAAnC,IAAA,MAAAO;AAAAP,IAAA,MAAAoC;OAAAA,MAAApC,EAAA;AAAA,QAvCXoC"}

package/dist/ColorPicker/ComplexColorPicker.js

@@ -0,0 +1,2 @@
+export * from './ComplexColorPicker/index.js';
+export { default } from './ComplexColorPicker/index.js';

package/dist/ColorPicker/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","names":[],"sources":["../../src/ColorPicker/color.ts"],"sourcesContent":["import { Color as RcColor } from '@rc-component/color-picker';\n\nimport type { ColorGenInput, Colors } from './interface';\n\nexport const toHexFormat = (value?: string, alpha?: boolean) =>\n  value?.replace(/[^\\w/]/g, '').slice(0, alpha ? 8 : 6) || '';\n\nexport const getHex = (value?: string, alpha?: boolean) =>\n  value ? toHexFormat(value, alpha) : '';\n\nexport type GradientColor = {\n  color: AggregationColor;\n  percent: number;\n}[];\n\nexport class AggregationColor {\n  /** Original Color object */\n  private metaColor: RcColor;\n\n  private colors: GradientColor | undefined;\n\n  public cleared = false;\n\n  constructor(\n    color: ColorGenInput<AggregationColor> | Colors<AggregationColor>,\n  ) {\n    // Clone from another AggregationColor\n    if (color instanceof AggregationColor) {\n      this.metaColor = color.metaColor.clone();\n\n      this.colors = color.colors?.map((info) => ({\n        color: new AggregationColor(info.color),\n        percent: info.percent,\n      }));\n      this.cleared = color.cleared;\n\n      return;\n    }\n\n    const isArray = Array.isArray(color);\n\n    if (isArray && color.length) {\n      this.colors = color.map(({ color: c, percent }) => ({\n        color: new AggregationColor(c),\n        percent,\n      }));\n      this.metaColor = new RcColor(this.colors[0].color.metaColor);\n    } else {\n      this.metaColor = new RcColor(isArray ? '' : color);\n    }\n\n    if (!color || (isArray && !this.colors)) {\n      this.metaColor = this.metaColor.setA(0);\n      this.cleared = true;\n    }\n  }\n\n  toHsb() {\n    return this.metaColor.toHsb();\n  }\n\n  toHsbString() {\n    return this.metaColor.toHsbString();\n  }\n\n  toHex() {\n    return getHex(this.toHexString(), this.metaColor.a < 1);\n  }\n\n  toHexString() {\n    return this.metaColor.toHexString();\n  }\n\n  toRgb() {\n    return this.metaColor.toRgb();\n  }\n\n  toRgbString() {\n    return this.metaColor.toRgbString();\n  }\n\n  isGradient(): boolean {\n    return !!this.colors && !this.cleared;\n  }\n\n  getColors(): GradientColor {\n    return this.colors || [{ color: this, percent: 0 }];\n  }\n\n  toCssString(): string {\n    const { colors } = this;\n\n    // CSS line-gradient\n    if (colors) {\n      const colorsStr = colors\n        .map((c) => `${c.color.toRgbString()} ${c.percent}%`)\n        .join(', ');\n\n      return `linear-gradient(90deg, ${colorsStr})`;\n    }\n\n    return this.metaColor.toRgbString();\n  }\n\n  equals(color: AggregationColor | null): boolean {\n    if (!color || this.isGradient() !== color.isGradient()) {\n      return false;\n    }\n\n    if (!this.isGradient()) {\n      return this.toHexString() === color.toHexString();\n    }\n\n    return (\n      this.colors!.length === color.colors!.length &&\n      this.colors!.every((c, i) => {\n        const target = color.colors![i];\n\n        return c.percent === target.percent && c.color.equals(target.color);\n      })\n    );\n  }\n}\n"],"mappings":";;AAIA,IAAa,eAAe,OAAgB,UAC1C,OAAO,QAAQ,WAAW,GAAG,CAAC,MAAM,GAAG,QAAQ,IAAI,EAAE,IAAI;AAE3D,IAAa,UAAU,OAAgB,UACrC,QAAQ,YAAY,OAAO,MAAM,GAAG;AAOtC,IAAa,mBAAb,MAAa,iBAAiB;CAQ5B,YACE,OACA;iBAJe;AAMf,MAAI,iBAAiB,kBAAkB;AACrC,QAAK,YAAY,MAAM,UAAU,OAAO;AAExC,QAAK,SAAS,MAAM,QAAQ,KAAK,UAAU;IACzC,OAAO,IAAI,iBAAiB,KAAK,MAAM;IACvC,SAAS,KAAK;IACf,EAAE;AACH,QAAK,UAAU,MAAM;AAErB;;EAGF,MAAM,UAAU,MAAM,QAAQ,MAAM;AAEpC,MAAI,WAAW,MAAM,QAAQ;AAC3B,QAAK,SAAS,MAAM,KAAK,EAAE,OAAO,GAAG,eAAe;IAClD,OAAO,IAAI,iBAAiB,EAAE;IAC9B;IACD,EAAE;AACH,QAAK,YAAY,IAAI,MAAQ,KAAK,OAAO,GAAG,MAAM,UAAU;QAE5D,MAAK,YAAY,IAAI,MAAQ,UAAU,KAAK,MAAM;AAGpD,MAAI,CAAC,SAAU,WAAW,CAAC,KAAK,QAAS;AACvC,QAAK,YAAY,KAAK,UAAU,KAAK,EAAE;AACvC,QAAK,UAAU;;;CAInB,QAAQ;AACN,SAAO,KAAK,UAAU,OAAO;;CAG/B,cAAc;AACZ,SAAO,KAAK,UAAU,aAAa;;CAGrC,QAAQ;AACN,SAAO,OAAO,KAAK,aAAa,EAAE,KAAK,UAAU,IAAI,EAAE;;CAGzD,cAAc;AACZ,SAAO,KAAK,UAAU,aAAa;;CAGrC,QAAQ;AACN,SAAO,KAAK,UAAU,OAAO;;CAG/B,cAAc;AACZ,SAAO,KAAK,UAAU,aAAa;;CAGrC,aAAsB;AACpB,SAAO,CAAC,CAAC,KAAK,UAAU,CAAC,KAAK;;CAGhC,YAA2B;AACzB,SAAO,KAAK,UAAU,CAAC;GAAE,OAAO;GAAM,SAAS;GAAG,CAAC;;CAGrD,cAAsB;EACpB,MAAM,EAAE,WAAW;AAGnB,MAAI,OAKF,QAAO,0BAJW,OACf,KAAK,MAAM,GAAG,EAAE,MAAM,aAAa,CAAC,GAAG,EAAE,QAAQ,GAAG,CACpD,KAAK,KAAK,CAE8B;AAG7C,SAAO,KAAK,UAAU,aAAa;;CAGrC,OAAO,OAAyC;AAC9C,MAAI,CAAC,SAAS,KAAK,YAAY,KAAK,MAAM,YAAY,CACpD,QAAO;AAGT,MAAI,CAAC,KAAK,YAAY,CACpB,QAAO,KAAK,aAAa,KAAK,MAAM,aAAa;AAGnD,SACE,KAAK,OAAQ,WAAW,MAAM,OAAQ,UACtC,KAAK,OAAQ,OAAO,GAAG,MAAM;GAC3B,MAAM,SAAS,MAAM,OAAQ;AAE7B,UAAO,EAAE,YAAY,OAAO,WAAW,EAAE,MAAM,OAAO,OAAO,MAAM;IACnE"}
+{"version":3,"file":"color.js","names":["Color","RcColor","ColorGenInput","Colors","toHexFormat","value","alpha","replace","slice","getHex","GradientColor","color","AggregationColor","percent","metaColor","colors","cleared","constructor","clone","map","info","isArray","Array","length","c","setA","toHsb","toHsbString","toHex","toHexString","a","toRgb","toRgbString","isGradient","getColors","toCssString","colorsStr","join","equals","every","i","target"],"sources":["../../src/ColorPicker/color.ts"],"sourcesContent":["import { Color as RcColor } from '@rc-component/color-picker';\n\nimport type { ColorGenInput, Colors } from './interface';\n\nexport const toHexFormat = (value?: string, alpha?: boolean) =>\n  value?.replace(/[^\\w/]/g, '').slice(0, alpha ? 8 : 6) || '';\n\nexport const getHex = (value?: string, alpha?: boolean) =>\n  value ? toHexFormat(value, alpha) : '';\n\nexport type GradientColor = {\n  color: AggregationColor;\n  percent: number;\n}[];\n\nexport class AggregationColor {\n  /** Original Color object */\n  private metaColor: RcColor;\n\n  private colors: GradientColor | undefined;\n\n  public cleared = false;\n\n  constructor(\n    color: ColorGenInput<AggregationColor> | Colors<AggregationColor>,\n  ) {\n    // Clone from another AggregationColor\n    if (color instanceof AggregationColor) {\n      this.metaColor = color.metaColor.clone();\n\n      this.colors = color.colors?.map((info) => ({\n        color: new AggregationColor(info.color),\n        percent: info.percent,\n      }));\n      this.cleared = color.cleared;\n\n      return;\n    }\n\n    const isArray = Array.isArray(color);\n\n    if (isArray && color.length) {\n      this.colors = color.map(({ color: c, percent }) => ({\n        color: new AggregationColor(c),\n        percent,\n      }));\n      this.metaColor = new RcColor(this.colors[0].color.metaColor);\n    } else {\n      this.metaColor = new RcColor(isArray ? '' : color);\n    }\n\n    if (!color || (isArray && !this.colors)) {\n      this.metaColor = this.metaColor.setA(0);\n      this.cleared = true;\n    }\n  }\n\n  toHsb() {\n    return this.metaColor.toHsb();\n  }\n\n  toHsbString() {\n    return this.metaColor.toHsbString();\n  }\n\n  toHex() {\n    return getHex(this.toHexString(), this.metaColor.a < 1);\n  }\n\n  toHexString() {\n    return this.metaColor.toHexString();\n  }\n\n  toRgb() {\n    return this.metaColor.toRgb();\n  }\n\n  toRgbString() {\n    return this.metaColor.toRgbString();\n  }\n\n  isGradient(): boolean {\n    return !!this.colors && !this.cleared;\n  }\n\n  getColors(): GradientColor {\n    return this.colors || [{ color: this, percent: 0 }];\n  }\n\n  toCssString(): string {\n    const { colors } = this;\n\n    // CSS line-gradient\n    if (colors) {\n      const colorsStr = colors\n        .map((c) => `${c.color.toRgbString()} ${c.percent}%`)\n        .join(', ');\n\n      return `linear-gradient(90deg, ${colorsStr})`;\n    }\n\n    return this.metaColor.toRgbString();\n  }\n\n  equals(color: AggregationColor | null): boolean {\n    if (!color || this.isGradient() !== color.isGradient()) {\n      return false;\n    }\n\n    if (!this.isGradient()) {\n      return this.toHexString() === color.toHexString();\n    }\n\n    return (\n      this.colors!.length === color.colors!.length &&\n      this.colors!.every((c, i) => {\n        const target = color.colors![i];\n\n        return c.percent === target.percent && c.color.equals(target.color);\n      })\n    );\n  }\n}\n"],"mappings":";;AAIA,IAAaI,eAAeC,OAAgBC,UAC1CD,OAAOE,QAAQ,WAAW,GAAG,CAACC,MAAM,GAAGF,QAAQ,IAAI,EAAE,IAAI;AAE3D,IAAaG,UAAUJ,OAAgBC,UACrCD,QAAQD,YAAYC,OAAOC,MAAM,GAAG;AAOtC,IAAaM,mBAAb,MAAaA,iBAAiB;CAQ5BK,YACEN,OACA;iBAJe;AAMf,MAAIA,iBAAiBC,kBAAkB;AACrC,QAAKE,YAAYH,MAAMG,UAAUI,OAAO;AAExC,QAAKH,SAASJ,MAAMI,QAAQI,KAAKC,UAAU;IACzCT,OAAO,IAAIC,iBAAiBQ,KAAKT,MAAM;IACvCE,SAASO,KAAKP;IACf,EAAE;AACH,QAAKG,UAAUL,MAAMK;AAErB;;EAGF,MAAMK,UAAUC,MAAMD,QAAQV,MAAM;AAEpC,MAAIU,WAAWV,MAAMY,QAAQ;AAC3B,QAAKR,SAASJ,MAAMQ,KAAK,EAAER,OAAOa,GAAGX,eAAe;IAClDF,OAAO,IAAIC,iBAAiBY,EAAE;IAC9BX;IACD,EAAE;AACH,QAAKC,YAAY,IAAIb,MAAQ,KAAKc,OAAO,GAAGJ,MAAMG,UAAU;QAE5D,MAAKA,YAAY,IAAIb,MAAQoB,UAAU,KAAKV,MAAM;AAGpD,MAAI,CAACA,SAAUU,WAAW,CAAC,KAAKN,QAAS;AACvC,QAAKD,YAAY,KAAKA,UAAUW,KAAK,EAAE;AACvC,QAAKT,UAAU;;;CAInBU,QAAQ;AACN,SAAO,KAAKZ,UAAUY,OAAO;;CAG/BC,cAAc;AACZ,SAAO,KAAKb,UAAUa,aAAa;;CAGrCC,QAAQ;AACN,SAAOnB,OAAO,KAAKoB,aAAa,EAAE,KAAKf,UAAUgB,IAAI,EAAE;;CAGzDD,cAAc;AACZ,SAAO,KAAKf,UAAUe,aAAa;;CAGrCE,QAAQ;AACN,SAAO,KAAKjB,UAAUiB,OAAO;;CAG/BC,cAAc;AACZ,SAAO,KAAKlB,UAAUkB,aAAa;;CAGrCC,aAAsB;AACpB,SAAO,CAAC,CAAC,KAAKlB,UAAU,CAAC,KAAKC;;CAGhCkB,YAA2B;AACzB,SAAO,KAAKnB,UAAU,CAAC;GAAEJ,OAAO;GAAME,SAAS;GAAG,CAAC;;CAGrDsB,cAAsB;EACpB,MAAM,EAAEpB,WAAW;AAGnB,MAAIA,OAKF,QAAO,0BAJWA,OACfI,KAAKK,MAAM,GAAGA,EAAEb,MAAMqB,aAAa,CAAA,GAAIR,EAAEX,QAAO,GAAI,CACpDwB,KAAK,KAAK,CAE6B;AAG5C,SAAO,KAAKvB,UAAUkB,aAAa;;CAGrCM,OAAO3B,OAAyC;AAC9C,MAAI,CAACA,SAAS,KAAKsB,YAAY,KAAKtB,MAAMsB,YAAY,CACpD,QAAO;AAGT,MAAI,CAAC,KAAKA,YAAY,CACpB,QAAO,KAAKJ,aAAa,KAAKlB,MAAMkB,aAAa;AAGnD,SACE,KAAKd,OAAQQ,WAAWZ,MAAMI,OAAQQ,UACtC,KAAKR,OAAQwB,OAAOf,GAAGgB,MAAM;GAC3B,MAAMC,SAAS9B,MAAMI,OAAQyB;AAE7B,UAAOhB,EAAEX,YAAY4B,OAAO5B,WAAWW,EAAEb,MAAM2B,OAAOG,OAAO9B,MAAM;IACnE"}

package/dist/ColorPicker/constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"constant.js","names":[],"sources":["../../src/ColorPicker/constant.ts"],"sourcesContent":["export const colors = [\n  '#4B5563',\n  '#333333',\n  '#545454',\n  '#656565',\n  '#898989',\n  '#B4B4B4',\n  '#D4D4D4',\n  '#E2E2E2',\n  '#F8F8F8',\n  '#FFFFFF',\n  '#F28D2C',\n  '#B7992D',\n  '#59A14E',\n  '#4A9794',\n  '#4E79A7',\n  '#B07AA1',\n  '#D47295',\n  '#E15658',\n  '#9D7560',\n  '#78706E',\n  '#F9A654',\n  '#D3B348',\n  '#71B965',\n  '#69AAA4',\n  '#74A1C8',\n  '#C290B4',\n  '#E899B3',\n  '#F17B79',\n  '#BA9482',\n  '#998E8C',\n  '#FFBF7C',\n  '#F1CE63',\n  '#8CD17E',\n  '#86BCB6',\n  '#A0CBE8',\n  '#D4A6C9',\n  '#FABFD2',\n  '#FF9D99',\n  '#D7B5A6',\n  '#B6ADAA',\n];\n\n// 这 2个颜色因为比较白，需要加个灰色的 border，不然看不见\nexport const specialColors = ['#F8F8F8', '#FFFFFF'];\n"],"mappings":";AAAA,IAAa,SAAS;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAGD,IAAa,gBAAgB,CAAC,WAAW,UAAU"}
+{"version":3,"file":"constant.js","names":["colors","specialColors"],"sources":["../../src/ColorPicker/constant.ts"],"sourcesContent":["export const colors = [\n  '#4B5563',\n  '#333333',\n  '#545454',\n  '#656565',\n  '#898989',\n  '#B4B4B4',\n  '#D4D4D4',\n  '#E2E2E2',\n  '#F8F8F8',\n  '#FFFFFF',\n  '#F28D2C',\n  '#B7992D',\n  '#59A14E',\n  '#4A9794',\n  '#4E79A7',\n  '#B07AA1',\n  '#D47295',\n  '#E15658',\n  '#9D7560',\n  '#78706E',\n  '#F9A654',\n  '#D3B348',\n  '#71B965',\n  '#69AAA4',\n  '#74A1C8',\n  '#C290B4',\n  '#E899B3',\n  '#F17B79',\n  '#BA9482',\n  '#998E8C',\n  '#FFBF7C',\n  '#F1CE63',\n  '#8CD17E',\n  '#86BCB6',\n  '#A0CBE8',\n  '#D4A6C9',\n  '#FABFD2',\n  '#FF9D99',\n  '#D7B5A6',\n  '#B6ADAA',\n];\n\n// 这 2个颜色因为比较白，需要加个灰色的 border，不然看不见\nexport const specialColors = ['#F8F8F8', '#FFFFFF'];\n"],"mappings":";AAAA,IAAaA,SAAS;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAGD,IAAaC,gBAAgB,CAAC,WAAW,UAAU"}

package/dist/ColorPicker/hooks/useColor.d.ts

@@ -1,3 +1,3 @@
-import { AggregationColor } from '../color';
-import { ColorValueType } from '../interface';
+import { AggregationColor } from '../color.js';
+import { ColorValueType } from '../interface.js';
 export default function useModeColor(defaultValue?: ColorValueType, value?: ColorValueType): [color: AggregationColor, setColor: (color: AggregationColor) => void];

package/dist/ColorPicker/hooks/useColor.js

@@ -1,19 +1,46 @@
 import { generateColor } from "../util.js";
+import { c } from "react-compiler-runtime";
 import * as React$1 from "react";
-import useMergedState from "rc-util/es/hooks/useMergedState";
-import useEvent from "rc-util/es/hooks/useEvent";
+import useMergedState from "rc-util/es/hooks/useMergedState.js";
+import useEvent from "rc-util/es/hooks/useEvent.js";
 //#region src/ColorPicker/hooks/useColor.ts
 function useModeColor(defaultValue, value) {
-	const [mergedColor, setMergedColor] = useMergedState(defaultValue, { value });
+	const $ = c(10);
+	let t0;
+	if ($[0] !== value) {
+		t0 = { value };
+		$[0] = value;
+		$[1] = t0;
+	} else t0 = $[1];
+	const [mergedColor, setMergedColor] = useMergedState(defaultValue, t0);
 	const [cacheColor, setCacheColor] = React$1.useState(null);
-	const setColor = useEvent((nextColor) => {
-		setCacheColor(nextColor);
-		setMergedColor(nextColor);
-	});
-	return [React$1.useMemo(() => {
+	let t1;
+	if ($[2] !== setMergedColor) {
+		t1 = (nextColor) => {
+			setCacheColor(nextColor);
+			setMergedColor(nextColor);
+		};
+		$[2] = setMergedColor;
+		$[3] = t1;
+	} else t1 = $[3];
+	const setColor = useEvent(t1);
+	let t2;
+	if ($[4] !== cacheColor || $[5] !== mergedColor) {
 		const colorObj = generateColor(mergedColor || "");
-		return colorObj.equals(cacheColor) ? cacheColor : colorObj;
-	}, [mergedColor, cacheColor]), setColor];
+		t2 = colorObj.equals(cacheColor) ? cacheColor : colorObj;
+		$[4] = cacheColor;
+		$[5] = mergedColor;
+		$[6] = t2;
+	} else t2 = $[6];
+	const postColor = t2;
+	let t3;
+	if ($[7] !== postColor || $[8] !== setColor) {
+		t3 = [postColor, setColor];
+		$[7] = postColor;
+		$[8] = setColor;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
 }
 //#endregion
 export { useModeColor as default };

package/dist/ColorPicker/hooks/useColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColor.js","names":[],"sources":["../../../src/ColorPicker/hooks/useColor.ts"],"sourcesContent":["import * as React from 'react';\nimport useEvent from 'rc-util/es/hooks/useEvent';\nimport useMergedState from 'rc-util/es/hooks/useMergedState';\n\nimport type { AggregationColor } from '../color';\nimport type { ColorValueType } from '../interface';\nimport { generateColor } from '../util';\n\nexport default function useModeColor(\n  defaultValue?: ColorValueType,\n  value?: ColorValueType,\n): [color: AggregationColor, setColor: (color: AggregationColor) => void] {\n  const [mergedColor, setMergedColor] = useMergedState(defaultValue, { value });\n\n  const [cacheColor, setCacheColor] = React.useState<AggregationColor | null>(\n    null,\n  );\n\n  const setColor = useEvent((nextColor: AggregationColor) => {\n    setCacheColor(nextColor);\n    setMergedColor(nextColor);\n  });\n\n  const postColor = React.useMemo(() => {\n    const colorObj = generateColor(mergedColor || '');\n\n    return colorObj.equals(cacheColor) ? cacheColor! : colorObj;\n  }, [mergedColor, cacheColor]);\n\n  return [postColor, setColor];\n}\n"],"mappings":";;;;;AAQA,SAAwB,aACtB,cACA,OACwE;CACxE,MAAM,CAAC,aAAa,kBAAkB,eAAe,cAAc,EAAE,OAAO,CAAC;CAE7E,MAAM,CAAC,YAAY,iBAAiB,QAAM,SACxC,KACD;CAED,MAAM,WAAW,UAAU,cAAgC;AACzD,gBAAc,UAAU;AACxB,iBAAe,UAAU;GACzB;AAQF,QAAO,CANW,QAAM,cAAc;EACpC,MAAM,WAAW,cAAc,eAAe,GAAG;AAEjD,SAAO,SAAS,OAAO,WAAW,GAAG,aAAc;IAClD,CAAC,aAAa,WAAW,CAAC,EAEV,SAAS"}
+{"version":3,"file":"useColor.js","names":["React","useEvent","useMergedState","AggregationColor","ColorValueType","generateColor","useModeColor","defaultValue","value","$","_c","t0","mergedColor","setMergedColor","cacheColor","setCacheColor","useState","t1","nextColor","setColor","t2","colorObj","equals","postColor","t3"],"sources":["../../../src/ColorPicker/hooks/useColor.ts"],"sourcesContent":["import * as React from 'react';\nimport useEvent from 'rc-util/es/hooks/useEvent';\nimport useMergedState from 'rc-util/es/hooks/useMergedState';\n\nimport type { AggregationColor } from '../color';\nimport type { ColorValueType } from '../interface';\nimport { generateColor } from '../util';\n\nexport default function useModeColor(\n  defaultValue?: ColorValueType,\n  value?: ColorValueType,\n): [color: AggregationColor, setColor: (color: AggregationColor) => void] {\n  const [mergedColor, setMergedColor] = useMergedState(defaultValue, { value });\n\n  const [cacheColor, setCacheColor] = React.useState<AggregationColor | null>(\n    null,\n  );\n\n  const setColor = useEvent((nextColor: AggregationColor) => {\n    setCacheColor(nextColor);\n    setMergedColor(nextColor);\n  });\n\n  const postColor = React.useMemo(() => {\n    const colorObj = generateColor(mergedColor || '');\n\n    return colorObj.equals(cacheColor) ? cacheColor! : colorObj;\n  }, [mergedColor, cacheColor]);\n\n  return [postColor, setColor];\n}\n"],"mappings":";;;;;;AAQA,SAAeM,aAAAC,cAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,OAAA;AAIsDG,OAAA,EAAAH,OAAS;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAA5E,MAAA,CAAAG,aAAAC,kBAAsCX,eAAeK,cAAcI,GAAU;CAE7E,MAAA,CAAAG,YAAAC,iBAAoCf,QAAKgB,SACvC,KACD;CAAC,IAAAC;AAAA,KAAAR,EAAA,OAAAI,gBAAA;AAEwBI,QAAAC,cAAA;AACxBH,iBAAcG,UAAU;AACxBL,kBAAeK,UAAU;;AAC1BT,IAAA,KAAAI;AAAAJ,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAHD,MAAAU,WAAiBlB,SAASgB,GAGxB;CAAC,IAAAG;AAAA,KAAAX,EAAA,OAAAK,cAAAL,EAAA,OAAAG,aAAA;EAGD,MAAAS,WAAiBhB,cAAcO,eAAA,GAAkB;AAE1CQ,OAAAC,SAAQC,OAAQR,WAAoC,GAApDA,aAAAO;AAAoDZ,IAAA,KAAAK;AAAAL,IAAA,KAAAG;AAAAH,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAH7D,MAAAc,YAGEH;CAC4B,IAAAI;AAAA,KAAAf,EAAA,OAAAc,aAAAd,EAAA,OAAAU,UAAA;AAEvBK,OAAA,CAACD,WAAWJ,SAAS;AAAAV,IAAA,KAAAc;AAAAd,IAAA,KAAAU;AAAAV,IAAA,KAAAe;OAAAA,MAAAf,EAAA;AAAA,QAArBe"}

package/dist/ColorPicker/index.d.ts

@@ -12,4 +12,4 @@ export interface IColorPickerProps {
     mode?: 'simple' | 'complex';
     complexModeProps?: ColorPickerProps;
 }
-export default function ColorPicker({ className, value, icon, onChange, defaultColor, localStorageKey, disabled, mode, complexModeProps, bordered, }: IColorPickerProps): import("react/jsx-runtime").JSX.Element | null;
+export default function ColorPicker({ className, value, icon, onChange, defaultColor, localStorageKey, disabled, mode, complexModeProps, bordered, }: IColorPickerProps): React.JSX.Element | null;