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

package/dist/ColorPicker/color.js

@@ -1,127 +1,74 @@
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-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); }
-import { Color as RcColor } from '@rc-component/color-picker';
-export var toHexFormat = function toHexFormat(value, alpha) {
-  return (value === null || value === void 0 ? void 0 : value.replace(/[^\w/]/g, '').slice(0, alpha ? 8 : 6)) || '';
+import { Color } from "@rc-component/color-picker";
+//#region src/ColorPicker/color.ts
+var toHexFormat = (value, alpha) => value?.replace(/[^\w/]/g, "").slice(0, alpha ? 8 : 6) || "";
+var getHex = (value, alpha) => value ? toHexFormat(value, alpha) : "";
+var AggregationColor = class AggregationColor {
+	constructor(color) {
+		this.cleared = false;
+		if (color instanceof AggregationColor) {
+			this.metaColor = color.metaColor.clone();
+			this.colors = color.colors?.map((info) => ({
+				color: new AggregationColor(info.color),
+				percent: info.percent
+			}));
+			this.cleared = color.cleared;
+			return;
+		}
+		const isArray = Array.isArray(color);
+		if (isArray && color.length) {
+			this.colors = color.map(({ color: c, percent }) => ({
+				color: new AggregationColor(c),
+				percent
+			}));
+			this.metaColor = new Color(this.colors[0].color.metaColor);
+		} else this.metaColor = new Color(isArray ? "" : color);
+		if (!color || isArray && !this.colors) {
+			this.metaColor = this.metaColor.setA(0);
+			this.cleared = true;
+		}
+	}
+	toHsb() {
+		return this.metaColor.toHsb();
+	}
+	toHsbString() {
+		return this.metaColor.toHsbString();
+	}
+	toHex() {
+		return getHex(this.toHexString(), this.metaColor.a < 1);
+	}
+	toHexString() {
+		return this.metaColor.toHexString();
+	}
+	toRgb() {
+		return this.metaColor.toRgb();
+	}
+	toRgbString() {
+		return this.metaColor.toRgbString();
+	}
+	isGradient() {
+		return !!this.colors && !this.cleared;
+	}
+	getColors() {
+		return this.colors || [{
+			color: this,
+			percent: 0
+		}];
+	}
+	toCssString() {
+		const { colors } = this;
+		if (colors) return `linear-gradient(90deg, ${colors.map((c) => `${c.color.toRgbString()} ${c.percent}%`).join(", ")})`;
+		return this.metaColor.toRgbString();
+	}
+	equals(color) {
+		if (!color || this.isGradient() !== color.isGradient()) return false;
+		if (!this.isGradient()) return this.toHexString() === color.toHexString();
+		return this.colors.length === color.colors.length && this.colors.every((c, i) => {
+			const target = color.colors[i];
+			return c.percent === target.percent && c.color.equals(target.color);
+		});
+	}
 };
-export var getHex = function getHex(value, alpha) {
-  return value ? toHexFormat(value, alpha) : '';
-};
-export var AggregationColor = /*#__PURE__*/function () {
-  function AggregationColor(color) {
-    _classCallCheck(this, AggregationColor);
-    /** Original Color object */
-    _defineProperty(this, "metaColor", void 0);
-    _defineProperty(this, "colors", void 0);
-    _defineProperty(this, "cleared", false);
-    // Clone from another AggregationColor
-    if (color instanceof AggregationColor) {
-      var _color$colors;
-      this.metaColor = color.metaColor.clone();
-      this.colors = (_color$colors = color.colors) === null || _color$colors === void 0 ? void 0 : _color$colors.map(function (info) {
-        return {
-          color: new AggregationColor(info.color),
-          percent: info.percent
-        };
-      });
-      this.cleared = color.cleared;
-      return;
-    }
-    var isArray = Array.isArray(color);
-    if (isArray && color.length) {
-      this.colors = color.map(function (_ref) {
-        var c = _ref.color,
-          percent = _ref.percent;
-        return {
-          color: new AggregationColor(c),
-          percent: percent
-        };
-      });
-      this.metaColor = new RcColor(this.colors[0].color.metaColor);
-    } else {
-      this.metaColor = new RcColor(isArray ? '' : color);
-    }
-    if (!color || isArray && !this.colors) {
-      this.metaColor = this.metaColor.setA(0);
-      this.cleared = true;
-    }
-  }
-  _createClass(AggregationColor, [{
-    key: "toHsb",
-    value: function toHsb() {
-      return this.metaColor.toHsb();
-    }
-  }, {
-    key: "toHsbString",
-    value: function toHsbString() {
-      return this.metaColor.toHsbString();
-    }
-  }, {
-    key: "toHex",
-    value: function toHex() {
-      return getHex(this.toHexString(), this.metaColor.a < 1);
-    }
-  }, {
-    key: "toHexString",
-    value: function toHexString() {
-      return this.metaColor.toHexString();
-    }
-  }, {
-    key: "toRgb",
-    value: function toRgb() {
-      return this.metaColor.toRgb();
-    }
-  }, {
-    key: "toRgbString",
-    value: function toRgbString() {
-      return this.metaColor.toRgbString();
-    }
-  }, {
-    key: "isGradient",
-    value: function isGradient() {
-      return !!this.colors && !this.cleared;
-    }
-  }, {
-    key: "getColors",
-    value: function getColors() {
-      return this.colors || [{
-        color: this,
-        percent: 0
-      }];
-    }
-  }, {
-    key: "toCssString",
-    value: function toCssString() {
-      var colors = this.colors;
+//#endregion
+export { AggregationColor, toHexFormat };
 
-      // CSS line-gradient
-      if (colors) {
-        var colorsStr = colors.map(function (c) {
-          return "".concat(c.color.toRgbString(), " ").concat(c.percent, "%");
-        }).join(', ');
-        return "linear-gradient(90deg, ".concat(colorsStr, ")");
-      }
-      return this.metaColor.toRgbString();
-    }
-  }, {
-    key: "equals",
-    value: function equals(color) {
-      if (!color || this.isGradient() !== color.isGradient()) {
-        return false;
-      }
-      if (!this.isGradient()) {
-        return this.toHexString() === color.toHexString();
-      }
-      return this.colors.length === color.colors.length && this.colors.every(function (c, i) {
-        var target = color.colors[i];
-        return c.percent === target.percent && c.color.equals(target.color);
-      });
-    }
-  }]);
-  return AggregationColor;
-}();
+//# sourceMappingURL=color.js.map

package/dist/ColorPicker/color.js.map

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

package/dist/ColorPicker/constant.js

@@ -1,4 +1,48 @@
-export var colors = ['#4B5563', '#333333', '#545454', '#656565', '#898989', '#B4B4B4', '#D4D4D4', '#E2E2E2', '#F8F8F8', '#FFFFFF', '#F28D2C', '#B7992D', '#59A14E', '#4A9794', '#4E79A7', '#B07AA1', '#D47295', '#E15658', '#9D7560', '#78706E', '#F9A654', '#D3B348', '#71B965', '#69AAA4', '#74A1C8', '#C290B4', '#E899B3', '#F17B79', '#BA9482', '#998E8C', '#FFBF7C', '#F1CE63', '#8CD17E', '#86BCB6', '#A0CBE8', '#D4A6C9', '#FABFD2', '#FF9D99', '#D7B5A6', '#B6ADAA'];
+//#region src/ColorPicker/constant.ts
+var colors = [
+	"#4B5563",
+	"#333333",
+	"#545454",
+	"#656565",
+	"#898989",
+	"#B4B4B4",
+	"#D4D4D4",
+	"#E2E2E2",
+	"#F8F8F8",
+	"#FFFFFF",
+	"#F28D2C",
+	"#B7992D",
+	"#59A14E",
+	"#4A9794",
+	"#4E79A7",
+	"#B07AA1",
+	"#D47295",
+	"#E15658",
+	"#9D7560",
+	"#78706E",
+	"#F9A654",
+	"#D3B348",
+	"#71B965",
+	"#69AAA4",
+	"#74A1C8",
+	"#C290B4",
+	"#E899B3",
+	"#F17B79",
+	"#BA9482",
+	"#998E8C",
+	"#FFBF7C",
+	"#F1CE63",
+	"#8CD17E",
+	"#86BCB6",
+	"#A0CBE8",
+	"#D4A6C9",
+	"#FABFD2",
+	"#FF9D99",
+	"#D7B5A6",
+	"#B6ADAA"
+];
+var specialColors = ["#F8F8F8", "#FFFFFF"];
+//#endregion
+export { colors, specialColors };
 
-// 这 2个颜色因为比较白，需要加个灰色的 border，不然看不见
-export var specialColors = ['#F8F8F8', '#FFFFFF'];
+//# sourceMappingURL=constant.js.map

package/dist/ColorPicker/constant.js.map

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

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

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

package/dist/ColorPicker/hooks/useColor.js

@@ -1,31 +1,21 @@
-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 * as React from 'react';
-import useEvent from 'rc-util/lib/hooks/useEvent';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import { generateColor } from "../util";
-export default function useModeColor(defaultValue, value) {
-  var _useMergedState = useMergedState(defaultValue, {
-      value: value
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    mergedColor = _useMergedState2[0],
-    setMergedColor = _useMergedState2[1];
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    cacheColor = _React$useState2[0],
-    setCacheColor = _React$useState2[1];
-  var setColor = useEvent(function (nextColor) {
-    setCacheColor(nextColor);
-    setMergedColor(nextColor);
-  });
-  var postColor = React.useMemo(function () {
-    var colorObj = generateColor(mergedColor || '');
-    return colorObj.equals(cacheColor) ? cacheColor : colorObj;
-  }, [mergedColor, cacheColor]);
-  return [postColor, setColor];
-}
+import { generateColor } from "../util.js";
+import * as React$1 from "react";
+import useMergedState from "rc-util/es/hooks/useMergedState";
+import useEvent from "rc-util/es/hooks/useEvent";
+//#region src/ColorPicker/hooks/useColor.ts
+function useModeColor(defaultValue, value) {
+	const [mergedColor, setMergedColor] = useMergedState(defaultValue, { value });
+	const [cacheColor, setCacheColor] = React$1.useState(null);
+	const setColor = useEvent((nextColor) => {
+		setCacheColor(nextColor);
+		setMergedColor(nextColor);
+	});
+	return [React$1.useMemo(() => {
+		const colorObj = generateColor(mergedColor || "");
+		return colorObj.equals(cacheColor) ? cacheColor : colorObj;
+	}, [mergedColor, cacheColor]), setColor];
+}
+//#endregion
+export { useModeColor as default };
+
+//# sourceMappingURL=useColor.js.map

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

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

package/dist/ColorPicker/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { ColorPickerProps } from './interface';
+import { default as React } from 'react';
+import { ColorPickerProps } from './interface.js';
 export interface IColorPickerProps {
     className?: string;
     value?: string;
@@ -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): React.JSX.Element | null;
+export default function ColorPicker({ className, value, icon, onChange, defaultColor, localStorageKey, disabled, mode, complexModeProps, bordered, }: IColorPickerProps): import("react/jsx-runtime").JSX.Element | null;