@chaoswise/ui 3.0.23 → 3.1.1

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

@@ -0,0 +1,87 @@
+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 * as React from 'react';
+import useEvent from 'rc-util/lib/hooks/useEvent';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import { useLocale } from '../../locale';
+import { generateColor } from '../util';
+/**
+ * Combine the `color` and `mode` to make sure sync of state.
+ */
+export default function useModeColor(defaultValue, value, mode) {
+  var _useLocale = useLocale('ColorPicker'),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  // ======================== Base ========================
+  // Color
+  var _useMergedState = useMergedState(defaultValue, {
+      value: value
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedColor = _useMergedState2[0],
+    setMergedColor = _useMergedState2[1];
+  // Mode
+  var _React$useState = React.useState('single'),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    modeState = _React$useState2[0],
+    setModeState = _React$useState2[1];
+  var _React$useMemo = React.useMemo(function () {
+      var list = (Array.isArray(mode) ? mode : [mode]).filter(function (m) {
+        return m;
+      });
+      if (!list.length) {
+        list.push('single');
+      }
+      var modes = new Set(list);
+      var optionList = [];
+      var pushOption = function pushOption(modeType, localeTxt) {
+        if (modes.has(modeType)) {
+          optionList.push({
+            label: localeTxt,
+            value: modeType
+          });
+        }
+      };
+      pushOption('single', locale.singleColor);
+      pushOption('gradient', locale.gradientColor);
+      return [optionList, modes];
+    }, [mode]),
+    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
+    modeOptionList = _React$useMemo2[0],
+    modeSet = _React$useMemo2[1];
+  // ======================== Post ========================
+  // We need align `mode` with `color` state
+  // >>>>> Color
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    cacheColor = _React$useState4[0],
+    setCacheColor = _React$useState4[1];
+  var setColor = useEvent(function (nextColor) {
+    setCacheColor(nextColor);
+    setMergedColor(nextColor);
+  });
+  var postColor = React.useMemo(function () {
+    var colorObj = generateColor(mergedColor || '');
+    // Use `cacheColor` in case the color is `cleared`
+    return colorObj.equals(cacheColor) ? cacheColor : colorObj;
+  }, [mergedColor, cacheColor]);
+  // >>>>> Mode
+  var postMode = React.useMemo(function () {
+    var _modeOptionList$;
+    if (modeSet.has(modeState)) {
+      return modeState;
+    }
+    return (_modeOptionList$ = modeOptionList[0]) === null || _modeOptionList$ === void 0 ? void 0 : _modeOptionList$.value;
+  }, [modeSet, modeState, modeOptionList]);
+  // ======================= Effect =======================
+  // Dynamic update mode when color change
+  React.useEffect(function () {
+    setModeState(postColor.isGradient() ? 'gradient' : 'single');
+  }, [postColor]);
+  // ======================= Return =======================
+  return [postColor, setColor, postMode, setModeState, modeOptionList];
+}

package/lib/Antd5/color-picker/style/color-block.js

@@ -25,11 +25,12 @@ var genColorBlockStyle = function genColorBlockStyle(token, size) {
     borderRadius: borderRadiusSM,
     width: size,
     height: size,
-    boxShadow: colorPickerInsetShadow
+    boxShadow: colorPickerInsetShadow,
+    flex: 'none'
   }, getTransBg('50%', token.colorFillSecondary)), {}, _defineProperty({}, "".concat(componentCls, "-color-block-inner"), {
     width: '100%',
     height: '100%',
-    border: "".concat(unit(lineWidth), " solid ").concat(colorFillSecondary),
+    boxShadow: "inset 0 0 0 ".concat(unit(lineWidth), " ").concat(colorFillSecondary),
     borderRadius: 'inherit'
   })));
 };

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

@@ -5,11 +5,13 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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); }
 import { unit } from '@ant-design/cssinjs';
+import { genCompactItemStyle } from '../../style/compact-item';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 import genColorBlockStyle from './color-block';
 import genInputStyle from './input';
 import genPickerStyle from './picker';
 import genPresetsStyle from './presets';
+import genSliderStyle from './slider';
 export var genActiveStyle = function genActiveStyle(token, borderColor, outlineColor) {
   return {
     borderInlineEndWidth: token.lineWidth,
@@ -46,20 +48,20 @@ var genClearStyle = function genClearStyle(token, size, extraStyle) {
     border: "".concat(unit(lineWidth), " solid ").concat(colorSplit),
     position: 'relative',
     overflow: 'hidden',
-    cursor: 'pointer',
+    cursor: 'inherit',
     transition: "all ".concat(token.motionDurationFast)
   }, extraStyle), {}, {
     '&::after': {
       content: '""',
       position: 'absolute',
-      insetInlineEnd: lineWidth,
-      top: 0,
+      insetInlineEnd: token.calc(lineWidth).mul(-1).equal(),
+      top: token.calc(lineWidth).mul(-1).equal(),
       display: 'block',
       width: 40,
       // maximum
       height: 2,
       // fixed
-      transformOrigin: 'right',
+      transformOrigin: "calc(100% - 1px) 1px",
       transform: 'rotate(-45deg)',
       backgroundColor: red6
     },
@@ -101,7 +103,7 @@ var genSizeStyle = function genSizeStyle(token) {
     fontSizeLG = token.fontSizeLG;
   return _defineProperty(_defineProperty({}, "&".concat(componentCls, "-lg"), _defineProperty(_defineProperty({
     minWidth: controlHeightLG,
-    height: controlHeightLG,
+    minHeight: controlHeightLG,
     borderRadius: borderRadiusLG
   }, "".concat(componentCls, "-color-block, ").concat(componentCls, "-clear"), {
     width: controlHeight,
@@ -109,14 +111,16 @@ var genSizeStyle = function genSizeStyle(token) {
     borderRadius: borderRadius
   }), "".concat(componentCls, "-trigger-text"), {
     fontSize: fontSizeLG
-  })), "&".concat(componentCls, "-sm"), _defineProperty({
+  })), "&".concat(componentCls, "-sm"), _defineProperty(_defineProperty({
     minWidth: controlHeightSM,
-    height: controlHeightSM,
+    minHeight: controlHeightSM,
     borderRadius: borderRadiusSM
   }, "".concat(componentCls, "-color-block, ").concat(componentCls, "-clear"), {
     width: controlHeightXS,
     height: controlHeightXS,
     borderRadius: borderRadiusXS
+  }), "".concat(componentCls, "-trigger-text"), {
+    lineHeight: unit(controlHeightXS)
   }));
 };
 var genColorPickerStyle = function genColorPickerStyle(token) {
@@ -143,7 +147,7 @@ var genColorPickerStyle = function genColorPickerStyle(token) {
     fontSize = token.fontSize,
     colorPrimaryHover = token.colorPrimaryHover,
     controlOutline = token.controlOutline;
-  return [_defineProperty({}, componentCls, _objectSpread(_defineProperty(_defineProperty({}, "".concat(componentCls, "-inner"), _objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty({
+  return [_defineProperty({}, componentCls, _objectSpread(_defineProperty(_defineProperty({}, "".concat(componentCls, "-inner"), _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty({
     '&-content': _defineProperty({
       display: 'flex',
       flexDirection: 'column',
@@ -151,17 +155,20 @@ var genColorPickerStyle = function genColorPickerStyle(token) {
     }, "& > ".concat(antCls, "-divider"), {
       margin: "".concat(unit(marginSM), " 0 ").concat(unit(marginXS))
     })
-  }, "".concat(componentCls, "-panel"), _objectSpread({}, genPickerStyle(token))), genColorBlockStyle(token, colorPickerPreviewSize)), genInputStyle(token)), genPresetsStyle(token)), genClearStyle(token, colorPickerPresetColorSize, {
-    marginInlineStart: 'auto',
+  }, "".concat(componentCls, "-panel"), _objectSpread({}, genPickerStyle(token))), genSliderStyle(token)), genColorBlockStyle(token, colorPickerPreviewSize)), genInputStyle(token)), genPresetsStyle(token)), genClearStyle(token, colorPickerPresetColorSize, {
+    marginInlineStart: 'auto'
+  })), {}, _defineProperty({}, "".concat(componentCls, "-operation"), {
+    display: 'flex',
+    justifyContent: 'space-between',
     marginBottom: marginXS
   }))), '&-trigger', _objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     minWidth: controlHeight,
-    height: controlHeight,
+    minHeight: controlHeight,
     borderRadius: borderRadius,
     border: "".concat(unit(lineWidth), " solid ").concat(colorBorder),
     cursor: 'pointer',
     display: 'inline-flex',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     justifyContent: 'center',
     transition: "all ".concat(motionDurationMid),
     background: colorBgElevated,
@@ -170,7 +177,16 @@ var genColorPickerStyle = function genColorPickerStyle(token) {
     marginInlineStart: marginXS,
     marginInlineEnd: token.calc(marginXS).sub(token.calc(paddingXXS).sub(lineWidth)).equal(),
     fontSize: fontSize,
-    color: colorText
+    color: colorText,
+    alignSelf: 'center',
+    '&-cell': {
+      '&:not(:last-child):after': {
+        content: '", "'
+      },
+      '&-inactive': {
+        color: colorTextDisabled
+      }
+    }
   }), '&:hover', {
     borderColor: colorPrimaryHover
   }), "&".concat(componentCls, "-trigger-active"), _objectSpread({}, genActiveStyle(token, colorPrimary, controlOutline))), '&-disabled', _defineProperty({
@@ -182,7 +198,9 @@ var genColorPickerStyle = function genColorPickerStyle(token) {
     }
   }, "".concat(componentCls, "-trigger-text"), {
     color: colorTextDisabled
-  })), genClearStyle(token, controlHeightSM)), genColorBlockStyle(token, controlHeightSM)), genStatusStyle(token)), genSizeStyle(token))), genRtlStyle(token)))];
+  })), genClearStyle(token, controlHeightSM)), genColorBlockStyle(token, controlHeightSM)), genStatusStyle(token)), genSizeStyle(token))), genRtlStyle(token))), genCompactItemStyle(token, {
+    focusElCls: "".concat(componentCls, "-trigger-active")
+  })];
 };
 export default genStyleHooks('ColorPicker', function (token) {
   var colorTextQuaternary = token.colorTextQuaternary,
@@ -194,7 +212,7 @@ export default genStyleHooks('ColorPicker', function (token) {
     colorPickerHandlerSizeSM: 12,
     colorPickerAlphaInputWidth: 44,
     colorPickerInputNumberHandleWidth: 16,
-    colorPickerPresetColorSize: 18,
+    colorPickerPresetColorSize: 24,
     colorPickerInsetShadow: "inset 0 0 1px 0 ".concat(colorTextQuaternary),
     colorPickerSliderHeight: colorPickerSliderHeight,
     colorPickerPreviewSize: token.calc(colorPickerSliderHeight).mul(2).add(marginSM).equal()

package/lib/Antd5/color-picker/style/input.js

@@ -42,7 +42,7 @@ var genInputStyle = function genInputStyle(token) {
     }), "".concat(antCls, "-select-selection-item"), {
       paddingInlineEnd: token.calc(fontSizeIcon).add(marginXXS).equal(),
       fontSize: fontSizeSM,
-      lineHeight: "".concat(unit(controlHeightSM))
+      lineHeight: unit(controlHeightSM)
     }), "".concat(antCls, "-select-item-option-content"), {
       fontSize: fontSizeSM,
       lineHeight: lineHeightSM

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

@@ -3,7 +3,6 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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); }
 import { unit } from '@ant-design/cssinjs';
-import { getTransBg } from './color-block';
 var genPickerStyle = function genPickerStyle(token) {
   var componentCls = token.componentCls,
     controlHeightLG = token.controlHeightLG,
@@ -13,10 +12,10 @@ var genPickerStyle = function genPickerStyle(token) {
     colorBgElevated = token.colorBgElevated,
     colorFillSecondary = token.colorFillSecondary,
     lineWidthBold = token.lineWidthBold,
-    colorPickerHandlerSize = token.colorPickerHandlerSize,
-    colorPickerHandlerSizeSM = token.colorPickerHandlerSizeSM,
-    colorPickerSliderHeight = token.colorPickerSliderHeight;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-select"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-palette"), {
+    colorPickerHandlerSize = token.colorPickerHandlerSize;
+  return _defineProperty(_defineProperty({
+    userSelect: 'none'
+  }, "".concat(componentCls, "-select"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-palette"), {
     minHeight: token.calc(controlHeightLG).mul(4).equal(),
     overflow: 'hidden',
     borderRadius: borderRadiusSM
@@ -32,33 +31,7 @@ var genPickerStyle = function genPickerStyle(token) {
     position: 'relative',
     borderRadius: '50%',
     cursor: 'pointer',
-    boxShadow: "".concat(colorPickerInsetShadow, ", 0 0 0 1px ").concat(colorFillSecondary),
-    '&-sm': {
-      width: colorPickerHandlerSizeSM,
-      height: colorPickerHandlerSizeSM
-    }
-  }), "".concat(componentCls, "-slider"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    borderRadius: token.calc(colorPickerSliderHeight).div(2).equal()
-  }, "".concat(componentCls, "-palette"), {
-    height: colorPickerSliderHeight
-  }), "".concat(componentCls, "-gradient"), {
-    borderRadius: token.calc(colorPickerSliderHeight).div(2).equal(),
-    boxShadow: colorPickerInsetShadow
-  }), '&-alpha', getTransBg("".concat(unit(colorPickerSliderHeight)), token.colorFillSecondary)), '&-hue', {
-    marginBottom: marginSM
-  })), "".concat(componentCls, "-slider-container"), _defineProperty({
-    display: 'flex',
-    gap: marginSM,
-    marginBottom: marginSM
-  }, "".concat(componentCls, "-slider-group"), {
-    flex: 1,
-    '&-disabled-alpha': _defineProperty({
-      display: 'flex',
-      alignItems: 'center'
-    }, "".concat(componentCls, "-slider"), {
-      flex: 1,
-      marginBottom: 0
-    })
-  }));
+    boxShadow: "".concat(colorPickerInsetShadow, ", 0 0 0 1px ").concat(colorFillSecondary)
+  });
 };
 export default genPickerStyle;

package/lib/Antd5/color-picker/style/slider.js

@@ -0,0 +1,87 @@
+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); }
+import { unit } from '@ant-design/cssinjs';
+import { getTransBg } from './color-block';
+var genSliderStyle = function genSliderStyle(token) {
+  var componentCls = token.componentCls,
+    colorPickerInsetShadow = token.colorPickerInsetShadow,
+    colorBgElevated = token.colorBgElevated,
+    colorFillSecondary = token.colorFillSecondary,
+    lineWidthBold = token.lineWidthBold,
+    colorPickerHandlerSizeSM = token.colorPickerHandlerSizeSM,
+    colorPickerSliderHeight = token.colorPickerSliderHeight,
+    marginSM = token.marginSM,
+    marginXS = token.marginXS;
+  var handleInnerSize = token.calc(colorPickerHandlerSizeSM).sub(token.calc(lineWidthBold).mul(2).equal()).equal();
+  var handleHoverSize = token.calc(colorPickerHandlerSizeSM).add(token.calc(lineWidthBold).mul(2).equal()).equal();
+  var activeHandleStyle = {
+    '&:after': {
+      transform: 'scale(1)',
+      boxShadow: "".concat(colorPickerInsetShadow, ", 0 0 0 1px ").concat(token.colorPrimaryActive)
+    }
+  };
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-slider"), [getTransBg(unit(colorPickerSliderHeight), token.colorFillSecondary), _defineProperty({
+    margin: 0,
+    padding: 0,
+    height: colorPickerSliderHeight,
+    borderRadius: token.calc(colorPickerSliderHeight).div(2).equal(),
+    '&-rail': {
+      height: colorPickerSliderHeight,
+      borderRadius: token.calc(colorPickerSliderHeight).div(2).equal(),
+      boxShadow: colorPickerInsetShadow
+    }
+  }, "& ".concat(componentCls, "-slider-handle"), {
+    width: handleInnerSize,
+    height: handleInnerSize,
+    top: 0,
+    borderRadius: '100%',
+    '&:before': {
+      display: 'block',
+      position: 'absolute',
+      background: 'transparent',
+      left: {
+        _skip_check_: true,
+        value: '50%'
+      },
+      top: '50%',
+      transform: 'translate(-50%, -50%)',
+      width: handleHoverSize,
+      height: handleHoverSize,
+      borderRadius: '100%'
+    },
+    '&:after': {
+      width: colorPickerHandlerSizeSM,
+      height: colorPickerHandlerSizeSM,
+      border: "".concat(unit(lineWidthBold), " solid ").concat(colorBgElevated),
+      boxShadow: "".concat(colorPickerInsetShadow, ", 0 0 0 1px ").concat(colorFillSecondary),
+      outline: 'none',
+      insetInlineStart: token.calc(lineWidthBold).mul(-1).equal(),
+      top: token.calc(lineWidthBold).mul(-1).equal(),
+      background: 'transparent',
+      transition: 'none'
+    },
+    '&:focus': activeHandleStyle
+  })]), "".concat(componentCls, "-slider-container"), _defineProperty({
+    display: 'flex',
+    gap: marginSM,
+    marginBottom: marginSM
+  }, "".concat(componentCls, "-slider-group"), {
+    flex: 1,
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    display: 'flex',
+    '&-disabled-alpha': {
+      justifyContent: 'center'
+    }
+  })), "".concat(componentCls, "-gradient-slider"), _defineProperty({
+    marginBottom: marginXS
+  }, "& ".concat(componentCls, "-slider-handle"), {
+    '&:after': {
+      transform: 'scale(0.8)'
+    },
+    '&-active, &:focus': activeHandleStyle
+  }));
+};
+export default genSliderStyle;

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

@@ -1,18 +1,64 @@
-import { ColorFactory } from './color';
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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; }
+import { Color as RcColor } from '@rc-component/color-picker';
+import { AggregationColor } from './color';
 export var generateColor = function generateColor(color) {
-  if (color instanceof ColorFactory) {
+  if (color instanceof AggregationColor) {
     return color;
   }
-  return new ColorFactory(color);
+  return new AggregationColor(color);
 };
 export var getRoundNumber = function getRoundNumber(value) {
   return Math.round(Number(value || 0));
 };
-export var getAlphaColor = function getAlphaColor(color) {
+export var getColorAlpha = function getColorAlpha(color) {
   return getRoundNumber(color.toHsb().a * 100);
 };
+/** Return the color whose `alpha` is 1 */
 export var genAlphaColor = function genAlphaColor(color, alpha) {
-  var hsba = color.toHsb();
-  hsba.a = alpha || 1;
-  return generateColor(hsba);
+  var rgba = color.toRgb();
+  // Color from hsb input may get `rgb` is (0/0/0) when `hsb.b` is 0
+  // So if rgb is empty, we should get from hsb
+  if (!rgba.r && !rgba.g && !rgba.b) {
+    var hsba = color.toHsb();
+    hsba.a = alpha || 1;
+    return generateColor(hsba);
+  }
+  rgba.a = alpha || 1;
+  return generateColor(rgba);
+};
+/**
+ * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888
+ */
+export var getGradientPercentColor = function getGradientPercentColor(colors, percent) {
+  var filledColors = [{
+    percent: 0,
+    color: colors[0].color
+  }].concat(_toConsumableArray(colors), [{
+    percent: 100,
+    color: colors[colors.length - 1].color
+  }]);
+  for (var i = 0; i < filledColors.length - 1; i += 1) {
+    var startPtg = filledColors[i].percent;
+    var endPtg = filledColors[i + 1].percent;
+    var startColor = filledColors[i].color;
+    var endColor = filledColors[i + 1].color;
+    if (startPtg <= percent && percent <= endPtg) {
+      var dist = endPtg - startPtg;
+      if (dist === 0) {
+        return startColor;
+      }
+      var ratio = (percent - startPtg) / dist * 100;
+      var startRcColor = new RcColor(startColor);
+      var endRcColor = new RcColor(endColor);
+      return startRcColor.mix(endRcColor, ratio).toRgbString();
+    }
+  }
+  // This will never reach
+  /* istanbul ignore next */
+  return '';
 };

package/lib/Antd5/config-provider/context.js

@@ -1,10 +1,12 @@
 import * as React from 'react';
+export var defaultPrefixCls = 'ant';
 export var defaultIconPrefixCls = 'anticon';
+export var Variants = ['outlined', 'borderless', 'filled'];
 var defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
   if (customizePrefixCls) {
     return customizePrefixCls;
   }
-  return suffixCls ? "ant-".concat(suffixCls) : 'ant';
+  return suffixCls ? "".concat(defaultPrefixCls, "-").concat(suffixCls) : defaultPrefixCls;
 };
 // zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will cause circular dependency.
 export var ConfigContext = /*#__PURE__*/React.createContext({

package/lib/Antd5/config-provider/cssVariables.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/prefer-default-export, prefer-destructuring */
 import { generate } from '@ant-design/colors';
 import { TinyColor } from '@ctrl/tinycolor';
 import canUseDom from 'rc-util/lib/Dom/canUseDom';

package/lib/Antd5/config-provider/defaultRenderEmpty.js

@@ -22,7 +22,14 @@ var DefaultRenderEmpty = function DefaultRenderEmpty(props) {
         image: Empty.PRESENTED_IMAGE_SIMPLE,
         className: "".concat(prefix, "-small")
       });
-    /* istanbul ignore next */
+    /**
+     * This type of component should satisfy the nullish coalescing operator(??) on the left-hand side.
+     * to let the component itself implement the logic.
+     * For example `Table.filter`.
+     */
+    case 'Table.filter':
+      // why `null`? legacy react16 node type `undefined` is not allowed.
+      return null;
     default:
       // Should never hit if we take all the component into consider.
       return _jsx(Empty, {});

package/lib/Antd5/config-provider/index.js

@@ -26,7 +26,7 @@ import LocaleContext from '../locale/context';
 import defaultLocale from '../locale/en_US';
 import { defaultTheme, DesignTokenContext } from '../theme/context';
 import defaultSeedToken from '../theme/themes/seed';
-import { ConfigConsumer, ConfigContext, defaultIconPrefixCls } from './context';
+import { ConfigConsumer, ConfigContext, defaultIconPrefixCls, defaultPrefixCls, Variants } from './context';
 import { registerTheme } from './cssVariables';
 import { DisabledContextProvider } from './DisabledContext';
 import useConfig from './hooks/useConfig';
@@ -35,6 +35,7 @@ import MotionWrapper from './MotionWrapper';
 import PropWarning from './PropWarning';
 import SizeContext, { SizeContextProvider } from './SizeContext';
 import useStyle from './style';
+export { Variants };
 /**
  * Since too many feedback using static method like `Modal.confirm` not getting theme, we record the
  * theme register info here to help developer get warning info.
@@ -44,11 +45,10 @@ export var warnContext = process.env.NODE_ENV !== 'production' ? function (compo
   warning(!existThemeConfig, componentName, "Static function can not consume context like dynamic theme. Please use 'App' component instead.");
 } : /* istanbul ignore next */
 null;
-export { ConfigConsumer, ConfigContext, defaultIconPrefixCls };
+export { ConfigConsumer, ConfigContext, defaultPrefixCls, defaultIconPrefixCls };
 export var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale'];
 // These props is used by `useContext` directly in sub component
 var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'input', 'pagination', 'form', 'select', 'button'];
-export var defaultPrefixCls = 'ant';
 var globalPrefixCls;
 var globalIconPrefixCls;
 var globalTheme;
@@ -121,6 +121,7 @@ var ProviderChildren = function ProviderChildren(props) {
     componentSize = props.componentSize,
     direction = props.direction,
     space = props.space,
+    splitter = props.splitter,
     virtual = props.virtual,
     dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
     popupMatchSelectWidth = props.popupMatchSelectWidth,
@@ -182,7 +183,10 @@ var ProviderChildren = function ProviderChildren(props) {
     dropdown = props.dropdown,
     warningConfig = props.warning,
     tour = props.tour,
-    floatButtonGroup = props.floatButtonGroup;
+    floatButtonGroup = props.floatButtonGroup,
+    variant = props.variant,
+    inputNumber = props.inputNumber,
+    treeSelect = props.treeSelect;
   // =================================== Context ===================================
   var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {
     var prefixCls = props.prefixCls;
@@ -209,6 +213,7 @@ var ProviderChildren = function ProviderChildren(props) {
     locale: locale || legacyLocale,
     direction: direction,
     space: space,
+    splitter: splitter,
     virtual: virtual,
     popupMatchSelectWidth: popupMatchSelectWidth !== null && popupMatchSelectWidth !== void 0 ? popupMatchSelectWidth : dropdownMatchSelectWidth,
     popupOverflow: popupOverflow,
@@ -267,7 +272,10 @@ var ProviderChildren = function ProviderChildren(props) {
     dropdown: dropdown,
     warning: warningConfig,
     tour: tour,
-    floatButtonGroup: floatButtonGroup
+    floatButtonGroup: floatButtonGroup,
+    variant: variant,
+    inputNumber: inputNumber,
+    treeSelect: treeSelect
   };
   if (process.env.NODE_ENV !== 'production') {
     var warningFn = devUseWarning('ConfigProvider');

package/lib/Antd5/config-provider/style/index.js

@@ -1,2 +1 @@
-// eslint-disable-next-line no-restricted-exports
 export { useResetIconStyle as default } from '../../theme/internal';

package/lib/Antd5/date-picker/PickerButton.js

@@ -7,9 +7,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import Button from '../button';
-export default function PickerButton(props) {
+var PickerButton = function PickerButton(props) {
   return _jsx(Button, _objectSpread({
     size: "small",
     type: "primary"
   }, props));
-}
+};
+export default PickerButton;