@aloudata/aloudata-design 2.15.6 → 2.15.8

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

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import type { AggregationColor } from '../color';
+interface ColorAlphaInputProps {
+    prefixCls: string;
+    value?: AggregationColor;
+    onChange?: (value: AggregationColor) => void;
+}
+declare const ColorAlphaInput: FC<ColorAlphaInputProps>;
+export default ColorAlphaInput;

package/dist/ColorPicker/ComplexColorPicker/ColorAlphaInput.js

@@ -0,0 +1,43 @@
+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, getColorAlpha } from "../util";
+import ColorSteppers from "./ColorSteppers";
+var ColorAlphaInput = function ColorAlphaInput(_ref) {
+  var prefixCls = _ref.prefixCls,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var colorAlphaInputPrefixCls = "".concat(prefixCls, "-alpha-input");
+  var _useState = useState(generateColor(value || '#000')),
+    _useState2 = _slicedToArray(_useState, 2),
+    alphaValue = _useState2[0],
+    setAlphaValue = _useState2[1];
+  useEffect(function () {
+    if (value) {
+      setAlphaValue(value);
+    }
+  }, [value]);
+  var handleAlphaChange = function handleAlphaChange(step) {
+    var hsba = alphaValue.toHsb();
+    hsba.a = (step || 0) / 100;
+    var genColor = generateColor(hsba);
+    if (!value) {
+      setAlphaValue(genColor);
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(genColor);
+  };
+  return /*#__PURE__*/React.createElement(ColorSteppers, {
+    value: getColorAlpha(alphaValue),
+    prefixCls: prefixCls,
+    formatter: function formatter(step) {
+      return "".concat(step, "%");
+    },
+    className: colorAlphaInputPrefixCls,
+    onChange: handleAlphaChange
+  });
+};
+export default ColorAlphaInput;

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

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import type { AggregationColor } from '../color';
+interface ColorHexInputProps {
+    prefixCls: string;
+    value?: AggregationColor;
+    onChange?: (value: AggregationColor) => void;
+}
+declare const ColorHexInput: FC<ColorHexInputProps>;
+export default ColorHexInput;

package/dist/ColorPicker/ComplexColorPicker/ColorHexInput.js

@@ -0,0 +1,46 @@
+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 Input from "../../Input";
+import { toHexFormat } from "../color";
+import { generateColor } from "../util";
+var hexReg = /(^#[\da-f]{6}$)|(^#[\da-f]{8}$)/i;
+var isHexString = function isHexString(hex) {
+  return hexReg.test("#".concat(hex));
+};
+var ColorHexInput = function ColorHexInput(_ref) {
+  var prefixCls = _ref.prefixCls,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var colorHexInputPrefixCls = "".concat(prefixCls, "-hex-input");
+  var _useState = useState(function () {
+      return value ? toHexFormat(value.toHexString()) : undefined;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    hexValue = _useState2[0],
+    setHexValue = _useState2[1];
+  useEffect(function () {
+    if (value) {
+      setHexValue(toHexFormat(value.toHexString()));
+    }
+  }, [value]);
+  var handleHexChange = function handleHexChange(e) {
+    var originValue = e.target.value;
+    setHexValue(toHexFormat(originValue));
+    if (isHexString(toHexFormat(originValue, true))) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(generateColor(originValue));
+    }
+  };
+  return /*#__PURE__*/React.createElement(Input, {
+    className: colorHexInputPrefixCls,
+    value: hexValue,
+    prefix: "#",
+    onChange: handleHexChange,
+    size: "small"
+  });
+};
+export default ColorHexInput;

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

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import type { AggregationColor } from '../color';
+interface ColorHsbInputProps {
+    prefixCls: string;
+    value?: AggregationColor;
+    onChange?: (value: AggregationColor) => void;
+}
+declare const ColorHsbInput: FC<ColorHsbInputProps>;
+export default ColorHsbInput;

package/dist/ColorPicker/ComplexColorPicker/ColorHsbInput.js

@@ -0,0 +1,73 @@
+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, getRoundNumber } from "../util";
+import ColorSteppers from "./ColorSteppers";
+var ColorHsbInput = function ColorHsbInput(_ref) {
+  var prefixCls = _ref.prefixCls,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var colorHsbInputPrefixCls = "".concat(prefixCls, "-hsb-input");
+  var _useState = useState(generateColor(value || '#000')),
+    _useState2 = _slicedToArray(_useState, 2),
+    hsbValue = _useState2[0],
+    setHsbValue = _useState2[1];
+  useEffect(function () {
+    if (value) {
+      setHsbValue(value);
+    }
+  }, [value]);
+  var handleHsbChange = function handleHsbChange(step, type) {
+    var hsb = hsbValue.toHsb();
+    hsb[type] = type === 'h' ? step : (step || 0) / 100;
+    var genColor = generateColor(hsb);
+    if (!value) {
+      setHsbValue(genColor);
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(genColor);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: colorHsbInputPrefixCls
+  }, /*#__PURE__*/React.createElement(ColorSteppers, {
+    max: 360,
+    min: 0,
+    value: Number(hsbValue.toHsb().h),
+    prefixCls: prefixCls,
+    className: colorHsbInputPrefixCls,
+    formatter: function formatter(step) {
+      return getRoundNumber(step || 0).toString();
+    },
+    onChange: function onChange(step) {
+      return handleHsbChange(Number(step), 'h');
+    }
+  }), /*#__PURE__*/React.createElement(ColorSteppers, {
+    max: 100,
+    min: 0,
+    value: Number(hsbValue.toHsb().s) * 100,
+    prefixCls: prefixCls,
+    className: colorHsbInputPrefixCls,
+    formatter: function formatter(step) {
+      return "".concat(getRoundNumber(step || 0), "%");
+    },
+    onChange: function onChange(step) {
+      return handleHsbChange(Number(step), 's');
+    }
+  }), /*#__PURE__*/React.createElement(ColorSteppers, {
+    max: 100,
+    min: 0,
+    value: Number(hsbValue.toHsb().b) * 100,
+    prefixCls: prefixCls,
+    className: colorHsbInputPrefixCls,
+    formatter: function formatter(step) {
+      return "".concat(getRoundNumber(step || 0), "%");
+    },
+    onChange: function onChange(step) {
+      return handleHsbChange(Number(step), 'b');
+    }
+  }));
+};
+export default ColorHsbInput;

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

@@ -0,0 +1,14 @@
+import type { FC } from 'react';
+import type { AggregationColor } from '../color';
+import type { ColorFormatType } from '../interface';
+interface ColorInputProps {
+    prefixCls: string;
+    format?: ColorFormatType;
+    onFormatChange?: (format: ColorFormatType) => void;
+    disabledAlpha?: boolean;
+    value?: AggregationColor;
+    onChange?: (value: AggregationColor) => void;
+    disabledFormat?: boolean;
+}
+declare const ColorInput: FC<ColorInputProps>;
+export default ColorInput;

package/dist/ColorPicker/ComplexColorPicker/ColorInput.js

@@ -0,0 +1,78 @@
+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,
+    getPopupContainer: function getPopupContainer(current) {
+      return current;
+    },
+    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
+  }));
+};
+export default ColorInput;

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

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import type { AggregationColor } from '../color';
+interface ColorRgbInputProps {
+    prefixCls: string;
+    value?: AggregationColor;
+    onChange?: (value: AggregationColor) => void;
+}
+declare const ColorRgbInput: FC<ColorRgbInputProps>;
+export default ColorRgbInput;

package/dist/ColorPicker/ComplexColorPicker/ColorRgbInput.js

@@ -0,0 +1,64 @@
+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');
+    }
+  }));
+};
+export default ColorRgbInput;

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

@@ -0,0 +1,15 @@
+import type { FC } from 'react';
+import React from 'react';
+import type { IInputNumberProps } from '../../InputNumber';
+interface ColorSteppersProps {
+    prefixCls: string;
+    value?: number;
+    min?: number;
+    max?: number;
+    onChange?: (value: number | null) => void;
+    className?: string;
+    prefix?: (prefixCls: string) => React.ReactNode;
+    formatter?: IInputNumberProps['formatter'];
+}
+declare const ColorSteppers: FC<ColorSteppersProps>;
+export default ColorSteppers;

package/dist/ColorPicker/ComplexColorPicker/ColorSteppers.js

@@ -0,0 +1,45 @@
+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);
+    }
+  });
+};
+export default ColorSteppers;

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

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

package/dist/ColorPicker/ComplexColorPicker/index.js

@@ -0,0 +1,81 @@
+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";
+var prefixCls = 'ald-color-picker';
+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;
+  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,
+    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: "".concat(prefixCls, "-trigger-wrapper")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-trigger-default"),
+    style: {
+      backgroundColor: mergedColor.toCssString()
+    }
+  })));
+}

package/dist/ColorPicker/alpha.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="8px" height="8px" viewBox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>编组</title>
+  <defs>
+    <path
+      d="M21.5857864,0.585786438 C22.366835,-0.195262146 23.633165,-0.195262146 24.4142136,0.585786438 L29.8284271,6 C30.5785726,6.75014551 31.5959883,7.17157288 32.6568542,7.17157288 L247.744459,7.17157288 C251.310534,7.17157288 252.603679,7.54287532 253.907383,8.24010369 C255.211087,8.93733206 256.234241,9.96048636 256.931469,11.2641901 C257.628698,12.5678938 258,13.8610387 258,17.4271137 L258,406.916032 C258,410.482107 257.628698,411.775252 256.931469,413.078956 C256.234241,414.382659 255.211087,415.405814 253.907383,416.103042 C252.603679,416.80027 251.310534,417.171573 247.744459,417.171573 L10.2555408,417.171573 C6.68946584,417.171573 5.39632089,416.80027 4.09261719,416.103042 C2.78891348,415.405814 1.76575919,414.382659 1.06853082,413.078956 C0.371302445,411.775252 -5.68434189e-14,410.482107 5.68434189e-14,406.916032 L0,17.4271137 C0,13.8610387 0.371302445,12.5678938 1.06853082,11.2641901 C1.76575919,9.96048636 2.78891348,8.93733206 4.09261719,8.24010369 C5.39632089,7.54287532 6.68946584,7.17157288 10.2555408,7.17157288 L13.3431458,7.17157288 C14.4040117,7.17157288 15.4214274,6.75014551 16.1715729,6 Z"
+      id="path-1"></path>
+    <filter x="-22.7%" y="-11.9%" width="145.3%" height="128.0%" filterUnits="objectBoundingBox"
+      id="filter-2">
+      <feMorphology radius="4" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+      <feOffset dx="0" dy="9" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="14" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.05 0" type="matrix"
+        in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+      <feOffset dx="0" dy="6" in="SourceAlpha" result="shadowOffsetOuter2"></feOffset>
+      <feGaussianBlur stdDeviation="8" in="shadowOffsetOuter2" result="shadowBlurOuter2"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix"
+        in="shadowBlurOuter2" result="shadowMatrixOuter2"></feColorMatrix>
+      <feMorphology radius="2" operator="erode" in="SourceAlpha" result="shadowSpreadOuter3"></feMorphology>
+      <feOffset dx="0" dy="3" in="shadowSpreadOuter3" result="shadowOffsetOuter3"></feOffset>
+      <feGaussianBlur stdDeviation="3" in="shadowOffsetOuter3" result="shadowBlurOuter3"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.12 0" type="matrix"
+        in="shadowBlurOuter3" result="shadowMatrixOuter3"></feColorMatrix>
+      <feMerge>
+        <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+        <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
+        <feMergeNode in="shadowMatrixOuter3"></feMergeNode>
+      </feMerge>
+    </filter>
+    <rect id="path-3" x="0" y="0" width="162" height="8" rx="4"></rect>
+  </defs>
+  <g id="拾色器页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="样式变体" transform="translate(-121.000000, -1367.000000)">
+      <rect fill="#F0F2F5" x="0" y="0" width="1000" height="1684"></rect>
+      <g id="形状结合" transform="translate(61.000000, 1155.828427)">
+        <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+      </g>
+      <g id="Group-Copy备份-36" transform="translate(110.000000, 1365.000000)">
+        <g id="编组" transform="translate(3.000000, 2.000000)">
+          <mask id="mask-4" fill="white">
+            <use xlink:href="#path-3"></use>
+          </mask>
+          <g id="蒙版"></g>
+          <g mask="url(#mask-4)" fill="#000000" fill-opacity="0.056043078" id="形状结合">
+            <path
+              d="M8,4 L8,8 L4,8 L4,4 L8,4 Z M16,4 L16,8 L12,8 L12,4 L16,4 Z M24,4 L24,8 L20,8 L20,4 L24,4 Z M32,4 L32,8 L28,8 L28,4 L32,4 Z M40,4 L40,8 L36,8 L36,4 L40,4 Z M48,4 L48,8 L44,8 L44,4 L48,4 Z M56,4 L56,8 L52,8 L52,4 L56,4 Z M64,4 L64,8 L60,8 L60,4 L64,4 Z M136,4 L136,8 L132,8 L132,4 L136,4 Z M128,4 L128,8 L124,8 L124,4 L128,4 Z M120,4 L120,8 L116,8 L116,4 L120,4 Z M112,4 L112,8 L108,8 L108,4 L112,4 Z M104,4 L104,8 L100,8 L100,4 L104,4 Z M96,4 L96,8 L92,8 L92,4 L96,4 Z M88,4 L88,8 L84,8 L84,4 L88,4 Z M80,4 L80,8 L76,8 L76,4 L80,4 Z M72,4 L72,8 L68,8 L68,4 L72,4 Z M160,8 L156,8 L156,4 L160,4 L160,0 L164,0 L164,4 L166,4 L166,0 L170,0 L170,4 L167,4 L167,8 L163,8 L163,4 L160,4 L160,8 Z M152,4 L152,8 L148,8 L148,4 L152,4 Z M144,4 L144,8 L140,8 L140,4 L144,4 Z M44,0 L44,4 L40,4 L40,0 L44,0 Z M28,0 L28,4 L24,4 L24,0 L28,0 Z M20,0 L20,4 L16,4 L16,0 L20,0 Z M12,0 L12,4 L8,4 L8,0 L12,0 Z M4,0 L4,4 L0,4 L0,0 L4,0 Z M76,0 L76,4 L72,4 L72,0 L76,0 Z M84,0 L84,4 L80,4 L80,0 L84,0 Z M92,0 L92,4 L88,4 L88,0 L92,0 Z M100,0 L100,4 L96,4 L96,0 L100,0 Z M108,0 L108,4 L104,4 L104,0 L108,0 Z M116,0 L116,4 L112,4 L112,0 L116,0 Z M124,0 L124,4 L120,4 L120,0 L124,0 Z M132,0 L132,4 L128,4 L128,0 L132,0 Z M52,0 L52,4 L48,4 L48,0 L52,0 Z M60,0 L60,4 L56,4 L56,0 L60,0 Z M68,0 L68,4 L64,4 L64,0 L68,0 Z M140,0 L140,4 L136,4 L136,0 L140,0 Z M148,0 L148,4 L144,4 L144,0 L148,0 Z M156,0 L156,4 L152,4 L152,0 L156,0 Z M36,0 L36,4 L32,4 L32,0 L36,0 Z"></path>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/dist/ColorPicker/color.d.ts

@@ -0,0 +1,29 @@
+import type { ColorGenInput, Colors } from './interface';
+export declare const toHexFormat: (value?: string, alpha?: boolean) => string;
+export declare const getHex: (value?: string, alpha?: boolean) => string;
+export type GradientColor = {
+    color: AggregationColor;
+    percent: number;
+}[];
+export declare class AggregationColor {
+    /** Original Color object */
+    private metaColor;
+    private colors;
+    cleared: boolean;
+    constructor(color: ColorGenInput<AggregationColor> | Colors<AggregationColor>);
+    toHsb(): {
+        b: number;
+        a: number;
+        h: number;
+        s: number;
+    };
+    toHsbString(): string;
+    toHex(): string;
+    toHexString(): string;
+    toRgb(): import("@ant-design/fast-color").RGB;
+    toRgbString(): string;
+    isGradient(): boolean;
+    getColors(): GradientColor;
+    toCssString(): string;
+    equals(color: AggregationColor | null): boolean;
+}