@chaoswise/ui 3.0.6 → 3.0.7

package/lib/Antd5/color-picker/components/ColorHexInput.js

@@ -0,0 +1,47 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx } from "react/jsx-runtime";
+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(value === null || value === void 0 ? void 0 : value.toHex()),
+    _useState2 = _slicedToArray(_useState, 2),
+    hexValue = _useState2[0],
+    setHexValue = _useState2[1];
+  // Update step value
+  useEffect(function () {
+    var hex = value === null || value === void 0 ? void 0 : value.toHex();
+    if (isHexString(hex) && value) {
+      setHexValue(toHexFormat(hex));
+    }
+  }, [value]);
+  var handleHexChange = function handleHexChange(e) {
+    var originValue = e.target.value;
+    setHexValue(toHexFormat(originValue));
+    if (isHexString(toHexFormat(originValue, true))) {
+      onChange === null || onChange === void 0 || onChange(generateColor(originValue));
+    }
+  };
+  return _jsx(Input, {
+    className: colorHexInputPrefixCls,
+    value: hexValue,
+    prefix: "#",
+    onChange: handleHexChange,
+    size: "small"
+  });
+};
+export default ColorHexInput;

package/lib/Antd5/color-picker/components/ColorHsbInput.js

@@ -0,0 +1,76 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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];
+  // Update step value
+  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 || onChange(genColor);
+  };
+  return _jsxs("div", {
+    className: colorHsbInputPrefixCls,
+    children: [_jsx(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');
+      }
+    }), _jsx(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');
+      }
+    }), _jsx(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/lib/Antd5/color-picker/components/ColorInput.js

@@ -0,0 +1,86 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import Select from '../../select';
+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;
+  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 _jsx(ColorHsbInput, _objectSpread({}, inputProps));
+      case ColorFormat.rgb:
+        return _jsx(ColorRgbInput, _objectSpread({}, inputProps));
+      case ColorFormat.hex:
+      default:
+        return _jsx(ColorHexInput, _objectSpread({}, inputProps));
+    }
+  }, [colorFormat, prefixCls, value, onChange]);
+  return _jsxs("div", {
+    className: "".concat(colorInputPrefixCls, "-container"),
+    children: [_jsx(Select, {
+      value: colorFormat,
+      variant: "borderless",
+      getPopupContainer: function getPopupContainer(current) {
+        return current;
+      },
+      popupMatchSelectWidth: 68,
+      placement: "bottomRight",
+      onChange: handleFormatChange,
+      className: "".concat(prefixCls, "-format-select"),
+      size: "small",
+      options: selectOptions
+    }), _jsx("div", {
+      className: colorInputPrefixCls,
+      children: steppersNode
+    }), !disabledAlpha && _jsx(ColorAlphaInput, {
+      prefixCls: prefixCls,
+      value: value,
+      onChange: onChange
+    })]
+  });
+};
+export default ColorInput;

package/lib/Antd5/color-picker/components/ColorPresets.js

@@ -0,0 +1,109 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { ColorBlock, Color as RcColor } from '@rc-component/color-picker';
+import classNames from 'classnames';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import Collapse from '../../collapse';
+import { useLocale } from '../../locale';
+import { useToken } from '../../theme/internal';
+import { generateColor } from '../util';
+var genPresetColor = function genPresetColor(list) {
+  return list.map(function (value) {
+    value.colors = value.colors.map(generateColor);
+    return value;
+  });
+};
+var isBright = function isBright(value, bgColorToken) {
+  var _value$toRgb = value.toRgb(),
+    r = _value$toRgb.r,
+    g = _value$toRgb.g,
+    b = _value$toRgb.b,
+    a = _value$toRgb.a;
+  var hsv = new RcColor(value.toRgbString()).onBackground(bgColorToken).toHsv();
+  if (a <= 0.5) {
+    // Adapted to dark mode
+    return hsv.v > 0.5;
+  }
+  return r * 0.299 + g * 0.587 + b * 0.114 > 192;
+};
+var genCollapsePanelKey = function genCollapsePanelKey(_ref) {
+  var label = _ref.label;
+  return "panel-".concat(label);
+};
+var ColorPresets = function ColorPresets(_ref2) {
+  var prefixCls = _ref2.prefixCls,
+    presets = _ref2.presets,
+    color = _ref2.value,
+    onChange = _ref2.onChange;
+  var _useLocale = useLocale('ColorPicker'),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  var _useToken = useToken(),
+    _useToken2 = _slicedToArray(_useToken, 2),
+    token = _useToken2[1];
+  var _useMergedState = useMergedState(genPresetColor(presets), {
+      value: genPresetColor(presets),
+      postState: genPresetColor
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 1),
+    presetsValue = _useMergedState2[0];
+  var colorPresetsPrefixCls = "".concat(prefixCls, "-presets");
+  var activeKeys = useMemo(function () {
+    return presetsValue.reduce(function (acc, preset) {
+      var _preset$defaultOpen = preset.defaultOpen,
+        defaultOpen = _preset$defaultOpen === void 0 ? true : _preset$defaultOpen;
+      if (defaultOpen) acc.push(genCollapsePanelKey(preset));
+      return acc;
+    }, []);
+  }, [presetsValue]);
+  var handleClick = function handleClick(colorValue) {
+    onChange === null || onChange === void 0 || onChange(colorValue);
+  };
+  var items = presetsValue.map(function (preset) {
+    var _preset$colors;
+    return {
+      key: genCollapsePanelKey(preset),
+      label: _jsx("div", {
+        className: "".concat(colorPresetsPrefixCls, "-label"),
+        children: preset === null || preset === void 0 ? void 0 : preset.label
+      }),
+      children: _jsx("div", {
+        className: "".concat(colorPresetsPrefixCls, "-items"),
+        children: Array.isArray(preset === null || preset === void 0 ? void 0 : preset.colors) && ((_preset$colors = preset.colors) === null || _preset$colors === void 0 ? void 0 : _preset$colors.length) > 0 ? preset.colors.map(function (presetColor, index) {
+          return _jsx(ColorBlock
+          // eslint-disable-next-line react/no-array-index-key
+          , {
+            color: generateColor(presetColor).toRgbString(),
+            prefixCls: prefixCls,
+            className: classNames("".concat(colorPresetsPrefixCls, "-color"), _defineProperty(_defineProperty({}, "".concat(colorPresetsPrefixCls, "-color-checked"), presetColor.toHexString() === (color === null || color === void 0 ? void 0 : color.toHexString())), "".concat(colorPresetsPrefixCls, "-color-bright"), isBright(presetColor, token.colorBgElevated))),
+            onClick: function onClick() {
+              return handleClick(presetColor);
+            }
+          }, "preset-".concat(index, "-").concat(presetColor.toHexString()));
+        }) : _jsx("span", {
+          className: "".concat(colorPresetsPrefixCls, "-empty"),
+          children: locale.presetEmpty
+        })
+      })
+    };
+  });
+  return _jsx("div", {
+    className: colorPresetsPrefixCls,
+    children: _jsx(Collapse, {
+      defaultActiveKey: activeKeys,
+      ghost: true,
+      items: items
+    })
+  });
+};
+export default ColorPresets;

package/lib/Antd5/color-picker/components/ColorRgbInput.js

@@ -0,0 +1,67 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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];
+  // Update step value
+  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 || onChange(genColor);
+  };
+  return _jsxs("div", {
+    className: colorRgbInputPrefixCls,
+    children: [_jsx(ColorSteppers, {
+      max: 255,
+      min: 0,
+      value: Number(rgbValue.toRgb().r),
+      prefixCls: prefixCls,
+      className: colorRgbInputPrefixCls,
+      onChange: function onChange(step) {
+        return handleRgbChange(Number(step), 'r');
+      }
+    }), _jsx(ColorSteppers, {
+      max: 255,
+      min: 0,
+      value: Number(rgbValue.toRgb().g),
+      prefixCls: prefixCls,
+      className: colorRgbInputPrefixCls,
+      onChange: function onChange(step) {
+        return handleRgbChange(Number(step), 'g');
+      }
+    }), _jsx(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/lib/Antd5/color-picker/components/ColorSteppers.js

@@ -0,0 +1,47 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import classNames from 'classnames';
+import InputNumber from '../../input-number';
+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];
+  // Update step value
+  useEffect(function () {
+    if (!Number.isNaN(value)) {
+      setStepValue(value);
+    }
+  }, [value]);
+  return _jsx(InputNumber, {
+    className: classNames(colorSteppersPrefixCls, className),
+    min: min,
+    max: max,
+    value: stepValue,
+    formatter: formatter,
+    size: "small",
+    onChange: function onChange(step) {
+      if (!value) {
+        setStepValue(step || 0);
+      }
+      _onChange === null || _onChange === void 0 || _onChange(step);
+    }
+  });
+};
+export default ColorSteppers;

package/lib/Antd5/color-picker/components/ColorTrigger.js

@@ -0,0 +1,65 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["color", "prefixCls", "open", "disabled", "format", "className", "showText"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef, useMemo } from 'react';
+import { ColorBlock } from '@rc-component/color-picker';
+import classNames from 'classnames';
+import { getAlphaColor } from '../util';
+import ColorClear from './ColorClear';
+var ColorTrigger = /*#__PURE__*/forwardRef(function (props, ref) {
+  var color = props.color,
+    prefixCls = props.prefixCls,
+    open = props.open,
+    disabled = props.disabled,
+    format = props.format,
+    className = props.className,
+    showText = props.showText,
+    rest = _objectWithoutProperties(props, _excluded);
+  var colorTriggerPrefixCls = "".concat(prefixCls, "-trigger");
+  var containerNode = useMemo(function () {
+    return color.cleared ? _jsx(ColorClear, {
+      prefixCls: prefixCls
+    }) : _jsx(ColorBlock, {
+      prefixCls: prefixCls,
+      color: color.toRgbString()
+    });
+  }, [color, prefixCls]);
+  var genColorString = function genColorString() {
+    var hexString = color.toHexString().toUpperCase();
+    var alpha = getAlphaColor(color);
+    switch (format) {
+      case 'rgb':
+        return color.toRgbString();
+      case 'hsb':
+        return color.toHsbString();
+      case 'hex':
+      default:
+        return alpha < 100 ? "".concat(hexString.slice(0, 7), ",").concat(alpha, "%") : hexString;
+    }
+  };
+  var renderText = function renderText() {
+    if (typeof showText === 'function') {
+      return showText(color);
+    }
+    if (showText) {
+      return genColorString();
+    }
+  };
+  return _jsxs("div", _objectSpread(_objectSpread({
+    ref: ref,
+    className: classNames(colorTriggerPrefixCls, className, _defineProperty(_defineProperty({}, "".concat(colorTriggerPrefixCls, "-active"), open), "".concat(colorTriggerPrefixCls, "-disabled"), disabled))
+  }, rest), {}, {
+    children: [containerNode, showText && _jsx("div", {
+      className: "".concat(colorTriggerPrefixCls, "-text"),
+      children: renderText()
+    })]
+  }));
+});
+export default ColorTrigger;

package/lib/Antd5/color-picker/components/PanelPicker.js

@@ -0,0 +1,53 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["prefixCls", "allowClear", "value", "disabledAlpha", "onChange", "onClear", "onChangeComplete"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import RcColorPicker from '@rc-component/color-picker';
+import { PanelPickerContext } from '../context';
+import { generateColor } from '../util';
+import ColorClear from './ColorClear';
+import ColorInput from './ColorInput';
+var PanelPicker = function PanelPicker() {
+  var _useContext = useContext(PanelPickerContext),
+    prefixCls = _useContext.prefixCls,
+    allowClear = _useContext.allowClear,
+    value = _useContext.value,
+    disabledAlpha = _useContext.disabledAlpha,
+    _onChange = _useContext.onChange,
+    onClear = _useContext.onClear,
+    _onChangeComplete = _useContext.onChangeComplete,
+    injectProps = _objectWithoutProperties(_useContext, _excluded);
+  return _jsxs(_Fragment, {
+    children: [allowClear && _jsx(ColorClear, _objectSpread({
+      prefixCls: prefixCls,
+      value: value,
+      onChange: function onChange(clearColor) {
+        _onChange === null || _onChange === void 0 || _onChange(clearColor);
+        onClear === null || onClear === void 0 || onClear();
+      }
+    }, injectProps)), _jsx(RcColorPicker, {
+      prefixCls: prefixCls,
+      value: value === null || value === void 0 ? void 0 : value.toHsb(),
+      disabledAlpha: disabledAlpha,
+      onChange: function onChange(colorValue, type) {
+        _onChange === null || _onChange === void 0 || _onChange(generateColor(colorValue), type, true);
+      },
+      onChangeComplete: function onChangeComplete(colorValue) {
+        _onChangeComplete === null || _onChangeComplete === void 0 || _onChangeComplete(generateColor(colorValue));
+      }
+    }), _jsx(ColorInput, _objectSpread({
+      value: value,
+      onChange: _onChange,
+      prefixCls: prefixCls,
+      disabledAlpha: disabledAlpha
+    }, injectProps))]
+  });
+};
+export default PanelPicker;

package/lib/Antd5/color-picker/components/PanelPresets.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import { PanelPresetsContext } from '../context';
+import ColorPresets from './ColorPresets';
+var PanelPresets = function PanelPresets() {
+  var _useContext = useContext(PanelPresetsContext),
+    prefixCls = _useContext.prefixCls,
+    value = _useContext.value,
+    presets = _useContext.presets,
+    onChange = _useContext.onChange;
+  return Array.isArray(presets) ? _jsx(ColorPresets, {
+    value: value,
+    presets: presets,
+    prefixCls: prefixCls,
+    onChange: onChange
+  }) : null;
+};
+export default PanelPresets;

package/lib/Antd5/color-picker/context.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export var PanelPickerContext = /*#__PURE__*/React.createContext({});
+export var PanelPresetsContext = /*#__PURE__*/React.createContext({});
+var PanelPickerProvider = PanelPickerContext.Provider;
+export { PanelPickerProvider };
+var PanelPresetsProvider = PanelPresetsContext.Provider;
+export { PanelPresetsProvider };

package/lib/Antd5/color-picker/hooks/useColorState.js

@@ -0,0 +1,53 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useEffect, useRef, useState } from 'react';
+import { generateColor } from '../util';
+var INIT_COLOR_REF = {};
+function hasValue(value) {
+  return value !== undefined;
+}
+var useColorState = function useColorState(defaultStateValue, option) {
+  var defaultValue = option.defaultValue,
+    value = option.value;
+  var prevColor = useRef(generateColor(''));
+  var _useState = useState(function () {
+      var mergedState;
+      if (hasValue(value)) {
+        mergedState = value;
+      } else if (hasValue(defaultValue)) {
+        mergedState = defaultValue;
+      } else {
+        mergedState = defaultStateValue;
+      }
+      var color = generateColor(mergedState || '');
+      prevColor.current = color;
+      return color;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    colorValue = _useState2[0],
+    _setColorValue = _useState2[1];
+  var setColorValue = function setColorValue(color) {
+    _setColorValue(color);
+    prevColor.current = color;
+  };
+  var prevValue = useRef(INIT_COLOR_REF);
+  useEffect(function () {
+    // `useEffect` will be executed twice in strict mode even if the deps are the same
+    // So we compare the value manually to avoid unnecessary update
+    if (prevValue.current === value) {
+      return;
+    }
+    prevValue.current = value;
+    var newColor = generateColor(hasValue(value) ? value || '' : prevColor.current);
+    if (prevColor.current.cleared === true) {
+      newColor.cleared = 'controlled';
+    }
+    setColorValue(newColor);
+  }, [value]);
+  return [colorValue, setColorValue, prevColor];
+};
+export default useColorState;

package/lib/Antd5/color-picker/index.js

@@ -0,0 +1,2 @@
+import ColorPicker from './ColorPicker';
+export default ColorPicker;