@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/statistic/Statistic.js

@@ -17,11 +17,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
 import pickAttrs from 'rc-util/lib/pickAttrs';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import Skeleton from '../skeleton';
 import StatisticNumber from './Number';
 import useStyle from './style';
-var Statistic = function Statistic(props) {
+var Statistic = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var customizePrefixCls = props.prefixCls,
     className = props.className,
     rootClassName = props.rootClassName,
@@ -44,10 +44,11 @@ var Statistic = function Statistic(props) {
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave,
     rest = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    statistic = _React$useContext.statistic;
+  var _useComponentConfig = useComponentConfig('statistic'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style;
   var prefixCls = getPrefixCls('statistic', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -62,14 +63,21 @@ var Statistic = function Statistic(props) {
     precision: precision,
     value: value
   });
-  var cls = classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), statistic === null || statistic === void 0 ? void 0 : statistic.className, className, rootClassName, hashId, cssVarCls);
+  var cls = classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), contextClassName, className, rootClassName, hashId, cssVarCls);
+  var internalRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return {
+      nativeElement: internalRef.current
+    };
+  });
   var restProps = pickAttrs(rest, {
     aria: true,
     data: true
   });
   return wrapCSSVar(_jsxs("div", _objectSpread(_objectSpread({}, restProps), {}, {
+    ref: internalRef,
     className: cls,
-    style: _objectSpread(_objectSpread({}, statistic === null || statistic === void 0 ? void 0 : statistic.style), style),
+    style: _objectSpread(_objectSpread({}, contextStyle), style),
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     children: [title && _jsx("div", {
@@ -92,7 +100,7 @@ var Statistic = function Statistic(props) {
       })
     })]
   })));
-};
+});
 if (process.env.NODE_ENV !== 'production') {
   Statistic.displayName = 'Statistic';
 }

package/lib/Antd5/statistic/Timer.js

@@ -0,0 +1,91 @@
+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 = ["value", "format", "onChange", "onFinish", "type"];
+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; }
+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], -1 === t.indexOf(o) && {}.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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEvent } from 'rc-util';
+import raf from 'rc-util/lib/raf';
+import { cloneElement } from '../_util/reactNode';
+import Statistic from './Statistic';
+import { formatCounter } from './utils';
+function getTime(value) {
+  return new Date(value).getTime();
+}
+var StatisticTimer = function StatisticTimer(props) {
+  var value = props.value,
+    _props$format = props.format,
+    format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
+    onChange = props.onChange,
+    onFinish = props.onFinish,
+    type = props.type,
+    rest = _objectWithoutProperties(props, _excluded);
+  var down = type === 'countdown';
+  // We reuse state here to do same as `forceUpdate`
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    showTime = _React$useState2[0],
+    setShowTime = _React$useState2[1];
+  // ======================== Update ========================
+  var update = useEvent(function () {
+    var now = Date.now();
+    var timestamp = getTime(value);
+    setShowTime({});
+    var timeDiff = !down ? now - timestamp : timestamp - now;
+    onChange === null || onChange === void 0 || onChange(timeDiff);
+    // Only countdown will trigger `onFinish`
+    if (down && timestamp < now) {
+      onFinish === null || onFinish === void 0 || onFinish();
+      return false;
+    }
+    return true;
+  });
+  // Effect trigger
+  React.useEffect(function () {
+    var rafId;
+    var clear = function clear() {
+      return raf.cancel(rafId);
+    };
+    var _rafUpdate = function rafUpdate() {
+      rafId = raf(function () {
+        if (update()) {
+          _rafUpdate();
+        }
+      });
+    };
+    _rafUpdate();
+    return clear;
+  }, [value, down]);
+  React.useEffect(function () {
+    setShowTime({});
+  }, []);
+  // ======================== Format ========================
+  var formatter = function formatter(formatValue, config) {
+    return showTime ? formatCounter(formatValue, _objectSpread(_objectSpread({}, config), {}, {
+      format: format
+    }), down) : '-';
+  };
+  var valueRender = function valueRender(node) {
+    return cloneElement(node, {
+      title: undefined
+    });
+  };
+  // ======================== Render ========================
+  return _jsx(Statistic, _objectSpread(_objectSpread({}, rest), {}, {
+    value: value,
+    valueRender: valueRender,
+    formatter: formatter
+  }));
+};
+export default StatisticTimer;

package/lib/Antd5/statistic/index.js

@@ -1,4 +1,6 @@
 import Countdown from './Countdown';
 import Statistic from './Statistic';
+import Timer from './Timer';
+Statistic.Timer = Timer;
 Statistic.Countdown = Countdown;
 export default Statistic;

package/lib/Antd5/statistic/utils.js

@@ -47,11 +47,11 @@ export function formatTimeStr(duration, format) {
     return match;
   });
 }
-export function formatCountdown(value, config) {
+export function formatCounter(value, config, down) {
   var _config$format = config.format,
     format = _config$format === void 0 ? '' : _config$format;
   var target = new Date(value).getTime();
   var current = Date.now();
-  var diff = Math.max(target - current, 0);
+  var diff = down ? Math.max(target - current, 0) : Math.max(current - target, 0);
   return formatTimeStr(diff, format);
 }

package/lib/Antd5/steps/index.js

@@ -19,7 +19,7 @@ import CheckOutlined from '@ant-design/icons/CheckOutlined';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import classNames from 'classnames';
 import RcSteps from 'rc-steps';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import useSize from '../config-provider/hooks/useSize';
 import useBreakpoint from '../grid/hooks/useBreakpoint';
 import Progress from '../progress';
@@ -42,10 +42,11 @@ var Steps = function Steps(props) {
     restProps = _objectWithoutProperties(props, _excluded);
   var _useBreakpoint = useBreakpoint(responsive),
     xs = _useBreakpoint.xs;
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    rtlDirection = _React$useContext.direction,
-    steps = _React$useContext.steps;
+  var _useComponentConfig = useComponentConfig('steps'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    rtlDirection = _useComponentConfig.direction,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style;
   var realDirectionValue = React.useMemo(function () {
     return responsive && xs ? 'vertical' : direction;
   }, [xs, direction]);
@@ -60,8 +61,8 @@ var Steps = function Steps(props) {
   var iconPrefix = getPrefixCls('', props.iconPrefix);
   var mergedItems = useLegacyItems(items, children);
   var mergedPercent = isInline ? undefined : percent;
-  var mergedStyle = _objectSpread(_objectSpread({}, steps === null || steps === void 0 ? void 0 : steps.style), style);
-  var stepsClassName = classNames(steps === null || steps === void 0 ? void 0 : steps.className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), rtlDirection === 'rtl'), "".concat(prefixCls, "-with-progress"), mergedPercent !== undefined), className, rootClassName, hashId, cssVarCls);
+  var mergedStyle = _objectSpread(_objectSpread({}, contextStyle), style);
+  var stepsClassName = classNames(contextClassName, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), rtlDirection === 'rtl'), "".concat(prefixCls, "-with-progress"), mergedPercent !== undefined), className, rootClassName, hashId, cssVarCls);
   var icons = {
     finish: _jsx(CheckOutlined, {
       className: "".concat(prefixCls, "-finish-icon")

package/lib/Antd5/steps/style/index.js

@@ -196,7 +196,7 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     dotSize: token.controlHeight / 4,
     dotCurrentSize: token.controlHeightLG / 4,
     navArrowColor: token.colorTextDisabled,
-    navContentMaxWidth: 'auto',
+    navContentMaxWidth: 'unset',
     descriptionMaxWidth: 140,
     waitIconColor: token.wireframe ? token.colorTextDisabled : token.colorTextLabel,
     waitIconBgColor: token.wireframe ? token.colorBgContainer : token.colorFillContent,

package/lib/Antd5/style/index.js

@@ -114,18 +114,23 @@ export var genCommonStyle = function genCommonStyle(token, componentPrefixCls, r
   }
   return _defineProperty({}, rootPrefixSelector, _objectSpread(_objectSpread(_objectSpread({}, resetFontStyle), resetStyle), {}, _defineProperty({}, prefixSelector, resetStyle)));
 };
-export var genFocusOutline = function genFocusOutline(token) {
+export var genFocusOutline = function genFocusOutline(token, offset) {
   return {
     outline: "".concat(unit(token.lineWidthFocus), " solid ").concat(token.colorPrimaryBorder),
-    outlineOffset: 1,
+    outlineOffset: offset !== null && offset !== void 0 ? offset : 1,
     transition: 'outline-offset 0s, outline 0s'
   };
 };
-export var genFocusStyle = function genFocusStyle(token) {
+export var genFocusStyle = function genFocusStyle(token, offset) {
   return {
-    '&:focus-visible': _objectSpread({}, genFocusOutline(token))
+    '&:focus-visible': _objectSpread({}, genFocusOutline(token, offset))
   };
 };
+export var genIconStyle = function genIconStyle(iconPrefixCls) {
+  return _defineProperty({}, ".".concat(iconPrefixCls), _objectSpread(_objectSpread({}, resetIcon()), {}, _defineProperty({}, ".".concat(iconPrefixCls, " .").concat(iconPrefixCls, "-icon"), {
+    display: 'block'
+  })));
+};
 export var operationUnit = function operationUnit(token) {
   return _objectSpread(_objectSpread({
     // FIXME: This use link but is a operation unit. Seems should be a colorPrimary.

package/lib/Antd5/switch/style/index.js

@@ -5,7 +5,7 @@ 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 { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 import { genFocusStyle, resetComponent } from '../../style';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 var genSwitchSmallStyle = function genSwitchSmallStyle(token) {
@@ -217,7 +217,7 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     handleBg: colorWhite,
     handleSize: handleSize,
     handleSizeSM: handleSizeSM,
-    handleShadow: "0 2px 4px 0 ".concat(new TinyColor('#00230b').setAlpha(0.2).toRgbString()),
+    handleShadow: "0 2px 4px 0 ".concat(new FastColor('#00230b').setA(0.2).toRgbString()),
     innerMinMargin: handleSize / 2,
     innerMaxMargin: handleSize + padding + padding * 2,
     innerMinMarginSM: handleSizeSM / 2,

package/lib/Antd5/table/InternalTable.js

@@ -140,7 +140,7 @@ var InternalTable = function InternalTable(props, ref) {
     return null;
   }, [rawData]);
   var internalRefs = {
-    body: React.useRef()
+    body: React.useRef(null)
   };
   // ============================ Width =============================
   var getContainerWidth = useContainerWidth(prefixCls);
@@ -405,17 +405,18 @@ var InternalTable = function InternalTable(props, ref) {
   var listItemHeight = React.useMemo(function () {
     var fontSize = token.fontSize,
       lineHeight = token.lineHeight,
+      lineWidth = token.lineWidth,
       padding = token.padding,
       paddingXS = token.paddingXS,
       paddingSM = token.paddingSM;
     var fontHeight = Math.floor(fontSize * lineHeight);
     switch (mergedSize) {
-      case 'large':
-        return padding * 2 + fontHeight;
+      case 'middle':
+        return paddingSM * 2 + fontHeight + lineWidth;
       case 'small':
-        return paddingXS * 2 + fontHeight;
+        return paddingXS * 2 + fontHeight + lineWidth;
       default:
-        return paddingSM * 2 + fontHeight;
+        return padding * 2 + fontHeight + lineWidth;
     }
   }, [token, mergedSize]);
   if (virtual) {

package/lib/Antd5/table/hooks/useFilter/FilterDropdown.js

@@ -154,6 +154,7 @@ var FilterDropdown = function FilterDropdown(props) {
         newName = _ref5[1];
       warning.deprecated(!(deprecatedName in column), deprecatedName, newName);
     });
+    warning.deprecated(!('filterCheckall' in locale), 'filterCheckall', 'locale.filterCheckAll');
   }
   var mergedVisible = (_ref6 = (_ref7 = (_filterDropdownProps$2 = filterDropdownProps.open) !== null && _filterDropdownProps$2 !== void 0 ? _filterDropdownProps$2 : filterDropdownOpen) !== null && _ref7 !== void 0 ? _ref7 :
   // deprecated
@@ -234,12 +235,12 @@ var FilterDropdown = function FilterDropdown(props) {
     internalTriggerFilter(getFilteredKeysSync());
   };
   var onReset = function onReset() {
-    var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    var _ref0 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
         confirm: false,
         closeDropdown: false
       },
-      confirm = _ref10.confirm,
-      closeDropdown = _ref10.closeDropdown;
+      confirm = _ref0.confirm,
+      closeDropdown = _ref0.closeDropdown;
     if (confirm) {
       internalTriggerFilter([]);
     }
@@ -256,10 +257,10 @@ var FilterDropdown = function FilterDropdown(props) {
     }
   };
   var doFilter = function doFilter() {
-    var _ref11 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    var _ref1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
         closeDropdown: true
       },
-      closeDropdown = _ref11.closeDropdown;
+      closeDropdown = _ref1.closeDropdown;
     if (closeDropdown) {
       triggerVisible(false);
     }
@@ -289,8 +290,8 @@ var FilterDropdown = function FilterDropdown(props) {
       setFilteredKeysSync([]);
     }
   };
-  var _getTreeData = function getTreeData(_ref12) {
-    var filters = _ref12.filters;
+  var _getTreeData = function getTreeData(_ref10) {
+    var filters = _ref10.filters;
     return (filters || []).map(function (filter, index) {
       var key = String(filter.value);
       var item = {
@@ -345,8 +346,10 @@ var FilterDropdown = function FilterDropdown(props) {
       var empty = (_renderEmpty = renderEmpty === null || renderEmpty === void 0 ? void 0 : renderEmpty('Table.filter')) !== null && _renderEmpty !== void 0 ? _renderEmpty : _jsx(Empty, {
         image: Empty.PRESENTED_IMAGE_SIMPLE,
         description: locale.filterEmptyText,
-        imageStyle: {
-          height: 24
+        styles: {
+          image: {
+            height: 24
+          }
         },
         style: {
           margin: 0,
@@ -357,6 +360,7 @@ var FilterDropdown = function FilterDropdown(props) {
         return empty;
       }
       if (filterMode === 'tree') {
+        var _locale$filterCheckal;
         return _jsxs(_Fragment, {
           children: [_jsx(FilterSearch, {
             filterSearch: filterSearch,
@@ -371,7 +375,7 @@ var FilterDropdown = function FilterDropdown(props) {
               indeterminate: selectedKeys.length > 0 && selectedKeys.length < flattenKeys(column.filters).length,
               className: "".concat(tablePrefixCls, "-filter-dropdown-checkall"),
               onChange: onCheckAll,
-              children: locale.filterCheckall
+              children: (_locale$filterCheckal = locale === null || locale === void 0 ? void 0 : locale.filterCheckall) !== null && _locale$filterCheckal !== void 0 ? _locale$filterCheckal : locale === null || locale === void 0 ? void 0 : locale.filterCheckAll
             }) : null, _jsx(Tree, {
               checkable: true,
               selectable: false,
@@ -500,7 +504,7 @@ var FilterDropdown = function FilterDropdown(props) {
     rootClassName: classNames(rootClassName, filterDropdownProps.rootClassName),
     open: mergedVisible,
     onOpenChange: onVisibleChange,
-    dropdownRender: function dropdownRender() {
+    popupRender: function popupRender() {
       if (typeof (filterDropdownProps === null || filterDropdownProps === void 0 ? void 0 : filterDropdownProps.dropdownRender) === 'function') {
         return filterDropdownProps.dropdownRender(dropdownContent);
       }

package/lib/Antd5/table/hooks/useFilter/FilterSearch.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import SearchOutlined from '@ant-design/icons/SearchOutlined';
-import Input from '../../../input';
+import Input from '../../../input/Input';
 var FilterSearch = function FilterSearch(props) {
   var value = props.value,
     filterSearch = props.filterSearch,

package/lib/Antd5/table/hooks/useFilter/index.js

@@ -23,11 +23,12 @@ var _collectFilterStates = function collectFilterStates(columns, init, pos) {
   var filterStates = [];
   (columns || []).forEach(function (column, index) {
     var columnPos = getColumnPos(index, pos);
-    if (column.filters || 'filterDropdown' in column || 'onFilter' in column) {
+    var filterDropdownIsDefined = column.filterDropdown !== undefined;
+    if (column.filters || filterDropdownIsDefined || 'onFilter' in column) {
       if ('filteredValue' in column) {
         // Controlled
         var filteredValues = column.filteredValue;
-        if (!('filterDropdown' in column)) {
+        if (!filterDropdownIsDefined) {
           var _filteredValues$map, _filteredValues;
           filteredValues = (_filteredValues$map = (_filteredValues = filteredValues) === null || _filteredValues === void 0 ? void 0 : _filteredValues.map(String)) !== null && _filteredValues$map !== void 0 ? _filteredValues$map : filteredValues;
         }

package/lib/Antd5/table/hooks/useSelection.js

@@ -154,8 +154,15 @@ var useSelection = function useSelection(config, rowSelection) {
     return map;
   }, [flattedData, getRowKey, getCheckboxProps]);
   var isCheckboxDisabled = useCallback(function (r) {
-    var _checkboxPropsMap$get;
-    return !!((_checkboxPropsMap$get = checkboxPropsMap.get(getRowKey(r))) !== null && _checkboxPropsMap$get !== void 0 && _checkboxPropsMap$get.disabled);
+    var _checkboxProps;
+    var rowKey = getRowKey(r);
+    var checkboxProps;
+    if (checkboxPropsMap.has(rowKey)) {
+      checkboxProps = checkboxPropsMap.get(getRowKey(r));
+    } else {
+      checkboxProps = getCheckboxProps ? getCheckboxProps(r) : undefined;
+    }
+    return !!((_checkboxProps = checkboxProps) !== null && _checkboxProps !== void 0 && _checkboxProps.disabled);
   }, [checkboxPropsMap, getRowKey]);
   var _useMemo2 = useMemo(function () {
       if (checkStrictly) {
@@ -575,7 +582,8 @@ var useSelection = function useSelection(config, rowSelection) {
       className: "".concat(prefixCls, "-selection-column"),
       title: renderColumnTitle(),
       render: renderSelectionCell,
-      onCell: rowSelection.onCell
+      onCell: rowSelection.onCell,
+      align: rowSelection.align
     }, INTERNAL_COL_DEFINE, {
       className: columnCls
     });

package/lib/Antd5/table/hooks/useSorter.js

@@ -191,9 +191,8 @@ var _injectSorter = function injectSorter(prefixCls, columns, sorterStates, trig
           // Inform the screen-reader so it can tell the visually impaired user which column is sorted
           if (sortOrder) {
             cell['aria-sort'] = sortOrder === 'ascend' ? 'ascending' : 'descending';
-          } else {
-            cell['aria-label'] = displayTitle || '';
           }
+          cell['aria-label'] = displayTitle || '';
           cell.className = classNames(cell.className, "".concat(prefixCls, "-column-has-sorters"));
           cell.tabIndex = 0;
           if (column.ellipsis) {
@@ -287,7 +286,9 @@ var useFilterSorter = function useFilterSorter(props) {
     tableLocale = props.tableLocale,
     showSorterTooltip = props.showSorterTooltip,
     onSorterChange = props.onSorterChange;
-  var _React$useState = React.useState(_collectSortStates(mergedColumns, true)),
+  var _React$useState = React.useState(function () {
+      return _collectSortStates(mergedColumns, true);
+    }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     sortStates = _React$useState2[0],
     setSortStates = _React$useState2[1];

package/lib/Antd5/table/style/filter.js

@@ -23,7 +23,7 @@ var genFilterStyle = function genFilterStyle(token) {
     tablePaddingHorizontal = token.tablePaddingHorizontal,
     borderRadius = token.borderRadius,
     motionDurationSlow = token.motionDurationSlow,
-    colorTextDescription = token.colorTextDescription,
+    colorIcon = token.colorIcon,
     colorPrimary = token.colorPrimary,
     tableHeaderFilterActiveBg = token.tableHeaderFilterActiveBg,
     colorTextDisabled = token.colorTextDisabled,
@@ -54,7 +54,7 @@ var genFilterStyle = function genFilterStyle(token) {
     cursor: 'pointer',
     transition: "all ".concat(motionDurationSlow),
     '&:hover': {
-      color: colorTextDescription,
+      color: colorIcon,
       background: tableHeaderFilterActiveBg
     },
     '&.active': {

package/lib/Antd5/table/style/index.js

@@ -5,7 +5,7 @@ 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 { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 import { clearFix, resetComponent } from '../../style';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 import genBorderedStyle from './bordered';
@@ -96,7 +96,7 @@ var genTableStyle = function genTableStyle(token) {
         marginBlock: unit(calc(tablePaddingVertical).mul(-1).equal()),
         marginInline: "".concat(unit(calc(tableExpandColumnWidth).sub(tablePaddingHorizontal).equal()), "\n                ").concat(unit(calc(tablePaddingHorizontal).mul(-1).equal()))
       }, "".concat(componentCls, "-tbody > tr:last-child > td"), {
-        borderBottom: 0,
+        borderBottomWidth: 0,
         '&:first-child, &:last-child': {
           borderRadius: 0
         }
@@ -140,11 +140,11 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     colorIconHover = token.colorIconHover,
     opacityLoading = token.opacityLoading,
     controlInteractiveSize = token.controlInteractiveSize;
-  var colorFillSecondarySolid = new TinyColor(colorFillSecondary).onBackground(colorBgContainer).toHexShortString();
-  var colorFillContentSolid = new TinyColor(colorFillContent).onBackground(colorBgContainer).toHexShortString();
-  var colorFillAlterSolid = new TinyColor(colorFillAlter).onBackground(colorBgContainer).toHexShortString();
-  var baseColorAction = new TinyColor(colorIcon);
-  var baseColorActionHover = new TinyColor(colorIconHover);
+  var colorFillSecondarySolid = new FastColor(colorFillSecondary).onBackground(colorBgContainer).toHexString();
+  var colorFillContentSolid = new FastColor(colorFillContent).onBackground(colorBgContainer).toHexString();
+  var colorFillAlterSolid = new FastColor(colorFillAlter).onBackground(colorBgContainer).toHexString();
+  var baseColorAction = new FastColor(colorIcon);
+  var baseColorActionHover = new FastColor(colorIconHover);
   var expandIconHalfInner = controlInteractiveSize / 2 - lineWidth;
   var expandIconSize = expandIconHalfInner * 2 + lineWidth * 3;
   return {
@@ -180,8 +180,8 @@ export var prepareComponentToken = function prepareComponentToken(token) {
     stickyScrollBarBg: colorTextPlaceholder,
     stickyScrollBarBorderRadius: 100,
     expandIconMarginTop: (fontSize * lineHeight - lineWidth * 3) / 2 - Math.ceil((fontSizeSM * 1.4 - lineWidth * 3) / 2),
-    headerIconColor: baseColorAction.clone().setAlpha(baseColorAction.getAlpha() * opacityLoading).toRgbString(),
-    headerIconHoverColor: baseColorActionHover.clone().setAlpha(baseColorActionHover.getAlpha() * opacityLoading).toRgbString(),
+    headerIconColor: baseColorAction.clone().setA(baseColorAction.a * opacityLoading).toRgbString(),
+    headerIconHoverColor: baseColorActionHover.clone().setA(baseColorActionHover.a * opacityLoading).toRgbString(),
     expandIconHalfInner: expandIconHalfInner,
     expandIconSize: expandIconSize,
     expandIconScale: controlInteractiveSize / expandIconSize

package/lib/Antd5/table/style/sorter.js

@@ -35,7 +35,8 @@ var genSorterStyle = function genSorterStyle(token) {
   }), "".concat(componentCls, "-column-title"), {
     position: 'relative',
     zIndex: 1,
-    flex: 1
+    flex: 1,
+    minWidth: 0
   }), "".concat(componentCls, "-column-sorters"), {
     display: 'flex',
     flex: 'auto',

package/lib/Antd5/table/style/sticky.js

@@ -40,7 +40,7 @@ var genStickyStyle = function genStickyStyle(token) {
         height: tableScrollThumbSize,
         backgroundColor: tableScrollThumbBg,
         borderRadius: stickyScrollBarBorderRadius,
-        transition: "all ".concat(token.motionDurationSlow, ", transform none"),
+        transition: "all ".concat(token.motionDurationSlow, ", transform 0s"),
         position: 'absolute',
         bottom: 0,
         '&:hover, &-active': {

package/lib/Antd5/tabs/hooks/useLegacyItems.js

@@ -1,12 +1,12 @@
-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 = ["tab"];
+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 _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], -1 === t.indexOf(o) && {}.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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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], -1 === t.indexOf(o) && {}.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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import * as React from 'react';
 import toArray from 'rc-util/lib/Children/toArray';
 import { devUseWarning } from '../../_util/warning';
@@ -21,7 +21,14 @@ export default function useLegacyItems(items, children) {
     warning.deprecated(!children, 'Tabs.TabPane', 'items');
   }
   if (items) {
-    return items;
+    return items.map(function (item) {
+      var _item$destroyOnHidden;
+      var mergedDestroyOnHidden = (_item$destroyOnHidden = item.destroyOnHidden) !== null && _item$destroyOnHidden !== void 0 ? _item$destroyOnHidden : item.destroyInactiveTabPane;
+      return _objectSpread(_objectSpread({}, item), {}, {
+        // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
+        destroyInactiveTabPane: mergedDestroyOnHidden
+      });
+    });
   }
   var childrenItems = toArray(children).map(function (node) {
     if (/*#__PURE__*/React.isValidElement(node)) {

package/lib/Antd5/tabs/index.js

@@ -1,5 +1,5 @@
 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 = ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"];
+var _excluded = ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator", "destroyInactiveTabPane", "destroyOnHidden"];
 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; }
@@ -48,6 +48,8 @@ var Tabs = function Tabs(props) {
     style = props.style,
     indicatorSize = props.indicatorSize,
     indicator = props.indicator,
+    destroyInactiveTabPane = props.destroyInactiveTabPane,
+    destroyOnHidden = props.destroyOnHidden,
     otherProps = _objectWithoutProperties(props, _excluded);
   var customizePrefixCls = otherProps.prefixCls;
   var _React$useContext = React.useContext(ConfigContext),
@@ -81,6 +83,9 @@ var Tabs = function Tabs(props) {
     var warning = devUseWarning('Tabs');
     warning(!('onPrevClick' in props) && !('onNextClick' in props), 'breaking', '`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.');
     warning(!(indicatorSize || tabs !== null && tabs !== void 0 && tabs.indicatorSize), 'deprecated', '`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.');
+    warning.deprecated(!('destroyInactiveTabPane' in props || items !== null && items !== void 0 && items.some(function (item) {
+      return 'destroyInactiveTabPane' in item;
+    })), 'destroyInactiveTabPane', 'destroyOnHidden');
   }
   var size = useSize(customSize);
   var mergedItems = useLegacyItems(items, children);
@@ -105,7 +110,9 @@ var Tabs = function Tabs(props) {
     }, more),
     prefixCls: prefixCls,
     animated: mergedAnimated,
-    indicator: mergedIndicator
+    indicator: mergedIndicator,
+    // TODO: In the future, destroyInactiveTabPane in rc-tabs needs to be upgrade to destroyOnHidden
+    destroyInactiveTabPane: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyInactiveTabPane
   })));
 };
 Tabs.TabPane = TabPane;