@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/ColorPicker/ComplexColorPicker/ColorInput.js

@@ -1,75 +1,75 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo } from 'react';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import AldSelect from "../../AldSelect";
-import { ColorFormat } from "../interface";
-import ColorAlphaInput from "./ColorAlphaInput";
-import ColorHexInput from "./ColorHexInput";
-import ColorHsbInput from "./ColorHsbInput";
-import ColorRgbInput from "./ColorRgbInput";
-var selectOptions = [ColorFormat.hex, ColorFormat.hsb, ColorFormat.rgb].map(function (format) {
-  return {
-    value: format,
-    label: format.toLocaleUpperCase()
-  };
-});
-var ColorInput = function ColorInput(props) {
-  var prefixCls = props.prefixCls,
-    format = props.format,
-    value = props.value,
-    disabledAlpha = props.disabledAlpha,
-    onFormatChange = props.onFormatChange,
-    onChange = props.onChange,
-    disabledFormat = props.disabledFormat;
-  var _useMergedState = useMergedState(ColorFormat.hex, {
-      value: format,
-      onChange: onFormatChange
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    colorFormat = _useMergedState2[0],
-    setColorFormat = _useMergedState2[1];
-  var colorInputPrefixCls = "".concat(prefixCls, "-input");
-  var handleFormatChange = function handleFormatChange(newFormat) {
-    setColorFormat(newFormat);
-  };
-  var steppersNode = useMemo(function () {
-    var inputProps = {
-      value: value,
-      prefixCls: prefixCls,
-      onChange: onChange
-    };
-    switch (colorFormat) {
-      case ColorFormat.hsb:
-        return /*#__PURE__*/React.createElement(ColorHsbInput, inputProps);
-      case ColorFormat.rgb:
-        return /*#__PURE__*/React.createElement(ColorRgbInput, inputProps);
-      default:
-        return /*#__PURE__*/React.createElement(ColorHexInput, inputProps);
-    }
-  }, [colorFormat, prefixCls, value, onChange]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(colorInputPrefixCls, "-container")
-  }, !disabledFormat && /*#__PURE__*/React.createElement(AldSelect, {
-    value: colorFormat,
-    borderLess: true,
-    popupMatchSelectWidth: 80,
-    placement: "bottom-end",
-    width: 'auto',
-    onChange: handleFormatChange,
-    className: "".concat(prefixCls, "-format-select"),
-    size: "small",
-    options: selectOptions
-  }), /*#__PURE__*/React.createElement("div", {
-    className: colorInputPrefixCls
-  }, steppersNode), !disabledAlpha && /*#__PURE__*/React.createElement(ColorAlphaInput, {
-    prefixCls: prefixCls,
-    value: value,
-    onChange: onChange
-  }));
+import Select_default from "../../Select/index.js";
+import { ColorFormat } from "../interface.js";
+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 { jsx, jsxs } from "react/jsx-runtime";
+import useMergedState from "rc-util/es/hooks/useMergedState";
+//#region src/ColorPicker/ComplexColorPicker/ColorInput.tsx
+var selectOptions = [
+	ColorFormat.hex,
+	ColorFormat.hsb,
+	ColorFormat.rgb
+].map((format) => ({
+	value: format,
+	label: format.toLocaleUpperCase()
+}));
+var ColorInput = (props) => {
+	const { prefixCls, format, value, disabledAlpha, onFormatChange, onChange, disabledFormat } = props;
+	const [colorFormat, setColorFormat] = useMergedState(ColorFormat.hex, {
+		value: format,
+		onChange: onFormatChange
+	});
+	const colorInputPrefixCls = `${prefixCls}-input`;
+	const handleFormatChange = (newFormat) => {
+		setColorFormat(newFormat);
+	};
+	const steppersNode = useMemo(() => {
+		const inputProps = {
+			value,
+			prefixCls,
+			onChange
+		};
+		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,
+				value,
+				onChange
+			})
+		]
+	});
 };
-export default ColorInput;
+//#endregion
+export { ColorInput as default };
+
+//# sourceMappingURL=ColorInput.js.map

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

@@ -0,0 +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"}

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

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

package/dist/ColorPicker/ComplexColorPicker/ColorRgbInput.js

@@ -1,64 +1,52 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState } from 'react';
-import { generateColor } from "../util";
-import ColorSteppers from "./ColorSteppers";
-var ColorRgbInput = function ColorRgbInput(_ref) {
-  var prefixCls = _ref.prefixCls,
-    value = _ref.value,
-    onChange = _ref.onChange;
-  var colorRgbInputPrefixCls = "".concat(prefixCls, "-rgb-input");
-  var _useState = useState(generateColor(value || '#000')),
-    _useState2 = _slicedToArray(_useState, 2),
-    rgbValue = _useState2[0],
-    setRgbValue = _useState2[1];
-  useEffect(function () {
-    if (value) {
-      setRgbValue(value);
-    }
-  }, [value]);
-  var handleRgbChange = function handleRgbChange(step, type) {
-    var rgb = rgbValue.toRgb();
-    rgb[type] = step || 0;
-    var genColor = generateColor(rgb);
-    if (!value) {
-      setRgbValue(genColor);
-    }
-    onChange === null || onChange === void 0 ? void 0 : onChange(genColor);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: colorRgbInputPrefixCls
-  }, /*#__PURE__*/React.createElement(ColorSteppers, {
-    max: 255,
-    min: 0,
-    value: Number(rgbValue.toRgb().r),
-    prefixCls: prefixCls,
-    className: colorRgbInputPrefixCls,
-    onChange: function onChange(step) {
-      return handleRgbChange(Number(step), 'r');
-    }
-  }), /*#__PURE__*/React.createElement(ColorSteppers, {
-    max: 255,
-    min: 0,
-    value: Number(rgbValue.toRgb().g),
-    prefixCls: prefixCls,
-    className: colorRgbInputPrefixCls,
-    onChange: function onChange(step) {
-      return handleRgbChange(Number(step), 'g');
-    }
-  }), /*#__PURE__*/React.createElement(ColorSteppers, {
-    max: 255,
-    min: 0,
-    value: Number(rgbValue.toRgb().b),
-    prefixCls: prefixCls,
-    className: colorRgbInputPrefixCls,
-    onChange: function onChange(step) {
-      return handleRgbChange(Number(step), 'b');
-    }
-  }));
+import { generateColor } from "../util.js";
+import ColorSteppers from "./ColorSteppers.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ColorPicker/ComplexColorPicker/ColorRgbInput.tsx
+var ColorRgbInput = ({ prefixCls, value, onChange }) => {
+	const colorRgbInputPrefixCls = `${prefixCls}-rgb-input`;
+	const [rgbValue, setRgbValue] = useState(generateColor(value || "#000"));
+	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")
+			})
+		]
+	});
 };
-export default ColorRgbInput;
+//#endregion
+export { ColorRgbInput as default };
+
+//# sourceMappingURL=ColorRgbInput.js.map

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

@@ -0,0 +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 || '#000'),\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,OAAO,CAC/B;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"}

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

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

package/dist/ColorPicker/ComplexColorPicker/ColorSteppers.js

@@ -1,45 +1,28 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState } from 'react';
-import classNames from 'classnames';
-import InputNumber from "../../InputNumber";
-var ColorSteppers = function ColorSteppers(_ref) {
-  var prefixCls = _ref.prefixCls,
-    _ref$min = _ref.min,
-    min = _ref$min === void 0 ? 0 : _ref$min,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 100 : _ref$max,
-    value = _ref.value,
-    _onChange = _ref.onChange,
-    className = _ref.className,
-    formatter = _ref.formatter;
-  var colorSteppersPrefixCls = "".concat(prefixCls, "-steppers");
-  var _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    stepValue = _useState2[0],
-    setStepValue = _useState2[1];
-  useEffect(function () {
-    if (!Number.isNaN(value)) {
-      setStepValue(value);
-    }
-  }, [value]);
-  return /*#__PURE__*/React.createElement(InputNumber, {
-    className: classNames(colorSteppersPrefixCls, className),
-    min: min,
-    max: max,
-    value: stepValue,
-    formatter: formatter,
-    size: "small",
-    onChange: function onChange(step) {
-      if (!value) {
-        setStepValue(Number(step) || 0);
-      }
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(Number(step) || null);
-    }
-  });
+import { cn } from "../../lib/utils.js";
+import InputNumber from "../../InputNumber/index.js";
+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 }) => {
+	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) => {
+			if (!value) setStepValue(Number(step) || 0);
+			onChange?.(Number(step) || null);
+		}
+	});
 };
-export default ColorSteppers;
+//#endregion
+export { ColorSteppers as default };
+
+//# sourceMappingURL=ColorSteppers.js.map

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

@@ -0,0 +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"}

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

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

package/dist/ColorPicker/ComplexColorPicker/index.js

@@ -1,89 +1,72 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo } from 'react';
-import RcColorPicker from '@rc-component/color-picker';
-import ColorInput from "./ColorInput";
-import useColor from "../hooks/useColor";
-import { genAlphaColor, generateColor, getColorAlpha } from "../util";
-import Dropdown from "../../Dropdown";
-import classNames from 'classnames';
-var prefixCls = 'ald-color-picker-complex';
-export default function ColorPicker(props) {
-  var value = props.value,
-    onChange = props.onChange,
-    defaultValue = props.defaultValue,
-    disabledAlpha = props.disabledAlpha,
-    onChangeComplete = props.onChangeComplete,
-    trigger = props.trigger,
-    open = props.open,
-    onOpenChange = props.onOpenChange,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'middle' : _props$size;
-  var _useColor = useColor(defaultValue, value),
-    _useColor2 = _slicedToArray(_useColor, 2),
-    mergedColor = _useColor2[0],
-    setColor = _useColor2[1];
-  var isAlphaColor = useMemo(function () {
-    return getColorAlpha(mergedColor) < 100;
-  }, [mergedColor]);
-  var onInternalChangeComplete = function onInternalChangeComplete(color) {
-    if (onChangeComplete) {
-      var changeColor = generateColor(color);
-      if (disabledAlpha && isAlphaColor) {
-        changeColor = genAlphaColor(color);
-      }
-      onChangeComplete(changeColor);
-    }
-  };
-  var onInternalChange = function onInternalChange(data) {
-    var color = generateColor(data);
-    if (disabledAlpha && isAlphaColor) {
-      color = genAlphaColor(color);
-    }
-    setColor(color);
-    if (onChange) {
-      onChange(color, color.toCssString());
-    }
-    onInternalChangeComplete(color);
-  };
-  return /*#__PURE__*/React.createElement(Dropdown, {
-    open: open,
-    trigger: trigger,
-    onOpenChange: onOpenChange,
-    overlayClassName: "".concat(prefixCls, "-overlay-wrapper"),
-    dropdownRender: function dropdownRender() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-wrapper")
-      }, /*#__PURE__*/React.createElement(RcColorPicker, {
-        prefixCls: prefixCls,
-        value: mergedColor === null || mergedColor === void 0 ? void 0 : mergedColor.toHsb(),
-        onChange: function onChange(color) {
-          var nextColor = generateColor(color);
-          onInternalChange(nextColor, nextColor.toCssString());
-        }
-      }), /*#__PURE__*/React.createElement(ColorInput, {
-        prefixCls: prefixCls,
-        value: mergedColor,
-        onChange: function onChange(color) {
-          onInternalChange(color, color.toCssString());
-        },
-        disabledAlpha: disabledAlpha
-      }));
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls, "-trigger-wrapper"), _defineProperty({}, "".concat(prefixCls, "-trigger-wrapper-").concat(size), !!size))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-trigger-inner"),
-    style: {
-      backgroundColor: mergedColor.toCssString()
-    }
-  })));
-}
+import { cn } from "../../lib/utils.js";
+import Dropdown from "../../Dropdown/index.js";
+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 { jsx, jsxs } from "react/jsx-runtime";
+import RcColorPicker from "@rc-component/color-picker";
+//#region src/ColorPicker/ComplexColorPicker/index.tsx
+var prefixCls = "ald-color-picker-complex";
+var triggerSizeClasses = {
+	small: "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",
+	middle: "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]",
+	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 [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(--alias-colors-border-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(--alias-colors-border-subtle)]",
+				style: { backgroundColor: mergedColor.toCssString() }
+			})
+		})
+	});
+}
+//#endregion
+export { ColorPicker as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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(--alias-colors-border-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(--alias-colors-border-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,uIACA,QAAQ,mBAAmB,MAC5B;aAED,oBAAC,OAAD;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,YAAY,aAAa,EAAE;IAChD,CAAA;GACH,CAAA;EACG,CAAA"}

package/dist/ColorPicker/color.d.ts

@@ -1,4 +1,4 @@
-import type { ColorGenInput, Colors } from './interface';
+import { ColorGenInput, Colors } from './interface.js';
 export declare const toHexFormat: (value?: string, alpha?: boolean) => string;
 export declare const getHex: (value?: string, alpha?: boolean) => string;
 export type GradientColor = {
@@ -20,7 +20,7 @@ export declare class AggregationColor {
     toHsbString(): string;
     toHex(): string;
     toHexString(): string;
-    toRgb(): import("@ant-design/fast-color").RGB;
+    toRgb(): import('@ant-design/fast-color').RGB;
     toRgbString(): string;
     isGradient(): boolean;
     getColors(): GradientColor;