acud 1.0.4 → 1.0.7

package/es/_util/createWorker.d.ts

@@ -0,0 +1 @@
+export declare function createWorker(f: (e: any) => void): Worker;

package/es/_util/createWorker.js

@@ -0,0 +1,9 @@
+/*
+ * 创建webworker
+ */
+export function createWorker(f) {
+  var blob = new Blob(["\n    self.addEventListener('message', ".concat(f.toString(), ", false);\n    ")]);
+  var url = window.URL.createObjectURL(blob);
+  var worker = new Worker(url);
+  return worker;
+}

package/es/date-picker/src/PickerPanel.js

@@ -122,6 +122,7 @@ function PickerPanel(props) {
       var now = generateConfig.getNow();
       if (!date) return now; // When value is null and set showTime
 
+      // When value is null and set showTime
       if (!mergedValue && showTime) {
         if (_typeof(showTime) === 'object') {
           return setDateTime(generateConfig, date, showTime.defaultValue || now);

package/es/date-picker/src/RangePicker.js

@@ -172,6 +172,7 @@ function InnerRangePicker(props) {
       } // Fill disabled unit
 
 
+      // Fill disabled unit
       for (var i = 0; i < 2; i += 1) {
         if (mergedDisabled[i] && !getValue(postValues, i) && !getValue(allowEmpty, i)) {
           postValues = updateValues(postValues, generateConfig.getNow(), i);

package/es/date-picker/style/index.css

@@ -24,6 +24,9 @@
   border-radius: 4px;
   transition: border 0.3s, box-shadow 0.3s;
 }
+.acud-picker input {
+  font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
+}
 .acud-picker:hover {
   background-color: #FFFFFF;
 }
@@ -1055,6 +1058,7 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-date-panel .acud-picker-content thead th {
   width: 24px;
   line-height: 24px;
+  color: #151B26;
 }
 .acud-picker-date-panel .acud-picker-content tbody tr {
   margin-top: 8px;
@@ -1198,6 +1202,24 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-year-panel tr td.acud-picker-cell-range-hover:last-child {
   border-radius: 0 2px 2px 0;
 }
+.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
+.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
+.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
+.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
+.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
 .acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
 .acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
 .acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {

package/es/date-picker/style/index.less

@@ -6,6 +6,10 @@
 
 .@{picker-prefix-cls} {
     @arrow-size: 10px;
+    
+    input {
+        font-family: @font-family;
+    }
 
     .reset-component();
     height: @date-picker-height;

package/es/date-picker/style/panel.less

@@ -570,6 +570,7 @@
                 th {
                     width: 6*@P;
                     line-height: 6*@P;
+                    color: @G2;
                 }
             }
 
@@ -796,6 +797,16 @@
                 &:last-child {
                     border-radius: 0 @R2 @R2 0;
                 }
+
+                &.@{picker-prefix-cls}-cell-end {
+                    border-top-right-radius: @R2;
+                    border-bottom-right-radius: @R2;
+                }
+
+                &.@{picker-prefix-cls}-cell-start {
+                    border-top-left-radius: @R2;
+                    border-bottom-left-radius: @R2;
+                }
             }
 
             td.@{picker-prefix-cls}-cell-range-hover-end:not(.@{picker-prefix-cls}-cell-range-end):not(.@{picker-prefix-cls}-cell-in-range) {

package/es/input-number/src/hooks/useFrame.d.ts

@@ -1,5 +1,5 @@
+declare const _default: () => (callback: () => void) => void;
 /**
  * Always trigger latest once when call multiple time
  */
-declare const _default: () => (callback: () => void) => void;
 export default _default;

package/es/select/src/OptionList.js

@@ -467,8 +467,13 @@ var OptionList = function OptionList(_ref, ref) {
     }), /*#__PURE__*/React.createElement("div", {
       className: "".concat(optionPrefixCls, "-content")
     }, fContent), extra);
-  }; // ========================== Render ==========================
+  };
 
+  var disabledVirtual = React.useMemo(function () {
+    return !virtual || (mode === 'multiple' || mode !== 'multiple' && !keepExpand) && memoFlattenOptions.some(function (option) {
+      return option.group;
+    });
+  }, [virtual, mode, keepExpand, memoFlattenOptions]); // ========================== Render ==========================
 
   if (memoFlattenOptions.length === 0) {
     return /*#__PURE__*/React.createElement("div", {
@@ -479,11 +484,6 @@ var OptionList = function OptionList(_ref, ref) {
     }, mergedNotFound);
   }
 
-  var disabledVirtual = React.useMemo(function () {
-    return !virtual || (mode === 'multiple' || mode !== 'multiple' && !keepExpand) && memoFlattenOptions.some(function (option) {
-      return option.group;
-    });
-  }, [virtual, mode, keepExpand, memoFlattenOptions]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     role: "listbox",
     id: "".concat(id, "_list"),

package/es/timeline/style/common.less

@@ -61,10 +61,10 @@
             margin-top: @timeline-common-content-link-margin;
             transition: opacity .2s linear;
 
-            svg {
-                position: relative;
-                top: @timeline-common-content-link-margin - 1.5px;
-            }
+            // svg {
+            //     position: relative;
+            //     top: @timeline-common-content-link-margin - 1.5px;
+            // }
 
             &-label {
                 flex-shrink: 0;

package/es/timeline/style/index.css

@@ -177,10 +177,6 @@
   margin-top: 4px;
   transition: opacity 0.2s linear;
 }
-.common-content-link svg {
-  position: relative;
-  top: 2.5px;
-}
 .common-content-link-label {
   flex-shrink: 0;
   margin-right: 4px;
@@ -594,10 +590,6 @@
   margin-top: 4px;
   transition: opacity 0.2s linear;
 }
-.acud-timeline-item-content-link svg {
-  position: relative;
-  top: 2.5px;
-}
 .acud-timeline-item-content-link-label {
   flex-shrink: 0;
   margin-right: 4px;

package/es/toast/style/index.less

@@ -79,7 +79,7 @@
         }
       }
 
-      .acud-toast-wrap {
+      .@{acud-prefix}-toast-wrap {
         display: flex;
         &-left {
           flex: 1;

package/es/transfer/DataSource.js

@@ -8,6 +8,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
  */
 import * as React from 'react';
 import cloneDeep from 'lodash/cloneDeep';
+import { createWorker } from '../_util/createWorker';
+import Loading from '../loading';
 import Checkbox from '../checkbox';
 import Table from '../table';
 import Search from '../search';
@@ -32,6 +34,8 @@ export default function dataSource(props) {
       showSearch = props.showSearch,
       _props$showSearchClea = props.showSearchClear,
       showSearchClear = _props$showSearchClea === void 0 ? true : _props$showSearchClea,
+      _props$useWorker = props.useWorker,
+      useWorker = _props$useWorker === void 0 ? false : _props$useWorker,
       tKeys = props.tKeys,
       setTKeys = props.setTKeys,
       leftStyle = props.leftStyle,
@@ -47,6 +51,11 @@ export default function dataSource(props) {
       searchValue = _React$useState2[0],
       setSearchValue = _React$useState2[1];
 
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      loading = _React$useState4[0],
+      setLoading = _React$useState4[1];
+
   var filterSource = React.useMemo(function () {
     if (searchValue === '') {
       return expansionSource;
@@ -103,17 +112,40 @@ export default function dataSource(props) {
   var allChecked = totalUndisabledKeys.length === totalSelectedUndisabledKeys.length;
   var indeterminate = totalSelectedUndisabledKeys.length && totalUndisabledKeys.length > totalSelectedUndisabledKeys.length;
   var selectAll = React.useCallback(function () {
-    var newTKeys = [];
+    var newTKeys = []; // 取消全选
 
     if (allChecked) {
-      newTKeys = tKeys.filter(function (key) {
-        return !totalUndisabledKeys.includes(key);
-      });
+      if (useWorker) {
+        setLoading(true);
+        var cancelAllWorker = createWorker(function (e) {
+          var _e$data = e.data,
+              tKeys = _e$data.tKeys,
+              totalUndisabledKeys = _e$data.totalUndisabledKeys;
+          var nKeys = tKeys.filter(function (key) {
+            return !totalUndisabledKeys.includes(key);
+          });
+          self.postMessage(nKeys);
+        }); // 主线程监听worker线程返回的数据
+
+        cancelAllWorker.addEventListener('message', function (event) {
+          setTKeys(event.data);
+          cancelAllWorker.terminate();
+          setLoading(false);
+        });
+        cancelAllWorker.postMessage({
+          tKeys: tKeys,
+          totalUndisabledKeys: totalUndisabledKeys
+        });
+      } else {
+        newTKeys = tKeys.filter(function (key) {
+          return !totalUndisabledKeys.includes(key);
+        });
+        setTKeys(newTKeys);
+      }
     } else {
       newTKeys = _toConsumableArray(new Set([].concat(_toConsumableArray(tKeys), _toConsumableArray(totalUndisabledKeys))));
+      setTKeys(newTKeys);
     }
-
-    setTKeys(newTKeys);
   }, [totalSelectedUndisabledKeys, totalUndisabledKeys, allChecked, tKeys]);
   var searchChange = React.useCallback(function (e) {
     var searchValue = e.target.value;
@@ -138,6 +170,10 @@ export default function dataSource(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: dataSourceCls,
     style: leftStyle
+  }, /*#__PURE__*/React.createElement(Loading, {
+    loading: loading,
+    tip: "\u52A0\u8F7D\u4E2D...",
+    size: "small"
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(dataSourceCls, "-header")
   }, showSelectAll && displayType === 'single' && /*#__PURE__*/React.createElement(Checkbox, {
@@ -166,5 +202,5 @@ export default function dataSource(props) {
     filterSource: filterSource
   })), filterSource.length === 0 && /*#__PURE__*/React.createElement("p", {
     className: "".concat(dataSourceCls, "-nodata")
-  }, /*#__PURE__*/React.createElement("span", null, sourceNoData))));
+  }, /*#__PURE__*/React.createElement("span", null, sourceNoData)))));
 }

package/es/transfer/index.d.ts

@@ -44,6 +44,7 @@ export interface TransferProps<RecordType> {
     selectAllLabels?: SelectAllLabel[];
     defaultExpandGroupKey?: string[] | string | number[] | number | boolean;
     virtual?: boolean;
+    useWorker?: boolean;
     columns?: ColumnsType<RecordType>;
 }
 export default function transfer<RecordType extends TransferItem = TransferItem>(props: TransferProps<RecordType>): JSX.Element;

package/es/virtual-list/List.js

@@ -135,6 +135,7 @@ export function RawList(props, ref) {
     } // Always use virtual scroll bar in avoid shaking
 
 
+    // Always use virtual scroll bar in avoid shaking
     if (!inVirtual) {
       return {
         scrollHeight: ((_a = fillerInnerRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0,
@@ -156,12 +157,14 @@ export function RawList(props, ref) {
       var cacheHeight = heights.get(key);
       var currentItemBottom = itemTop + (cacheHeight === undefined ? itemHeight : cacheHeight); // Check item top in the range
 
+      // Check item top in the range
       if (currentItemBottom >= scrollTop && startIndex === undefined) {
         startIndex = i;
         startOffset = itemTop;
       } // Check item bottom in the range. We will render additional one item for motion usage
 
 
+      // Check item bottom in the range. We will render additional one item for motion usage
       if (currentItemBottom > scrollTop + height && endIndex === undefined) {
         endIndex = i;
       }
@@ -172,6 +175,9 @@ export function RawList(props, ref) {
     /* istanbul ignore next */
 
 
+    // Fallback to normal if not match. This code should never reach
+
+    /* istanbul ignore next */
     if (startIndex === undefined) {
       startIndex = 0;
       startOffset = 0;
@@ -182,6 +188,7 @@ export function RawList(props, ref) {
     } // Give cache to improve scroll experience
 
 
+    // Give cache to improve scroll experience
     endIndex = Math.min(endIndex + 1, mergedData.length);
     return {
       scrollHeight: itemTop,

package/lib/_util/createWorker.d.ts

@@ -0,0 +1 @@
+export declare function createWorker(f: (e: any) => void): Worker;

package/lib/_util/createWorker.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createWorker = createWorker;
+
+/*
+ * 创建webworker
+ */
+function createWorker(f) {
+  var blob = new Blob(["\n    self.addEventListener('message', ".concat(f.toString(), ", false);\n    ")]);
+  var url = window.URL.createObjectURL(blob);
+  var worker = new Worker(url);
+  return worker;
+}

package/lib/date-picker/src/PickerPanel.js

@@ -159,6 +159,7 @@ function PickerPanel(props) {
       var now = generateConfig.getNow();
       if (!date) return now; // When value is null and set showTime
 
+      // When value is null and set showTime
       if (!mergedValue && showTime) {
         if ((0, _typeof2["default"])(showTime) === 'object') {
           return (0, _timeUtil.setDateTime)(generateConfig, date, showTime.defaultValue || now);

package/lib/date-picker/src/RangePicker.js

@@ -212,6 +212,7 @@ function InnerRangePicker(props) {
       } // Fill disabled unit
 
 
+      // Fill disabled unit
       for (var i = 0; i < 2; i += 1) {
         if (mergedDisabled[i] && !(0, _miscUtil.getValue)(postValues, i) && !(0, _miscUtil.getValue)(allowEmpty, i)) {
           postValues = (0, _miscUtil.updateValues)(postValues, generateConfig.getNow(), i);

package/lib/date-picker/style/index.css

@@ -24,6 +24,9 @@
   border-radius: 4px;
   transition: border 0.3s, box-shadow 0.3s;
 }
+.acud-picker input {
+  font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", Roboto, 'Arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
+}
 .acud-picker:hover {
   background-color: #FFFFFF;
 }
@@ -1055,6 +1058,7 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-date-panel .acud-picker-content thead th {
   width: 24px;
   line-height: 24px;
+  color: #151B26;
 }
 .acud-picker-date-panel .acud-picker-content tbody tr {
   margin-top: 8px;
@@ -1198,6 +1202,24 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-year-panel tr td.acud-picker-cell-range-hover:last-child {
   border-radius: 0 2px 2px 0;
 }
+.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
+.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
+.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-end,
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-end {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
+.acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
+.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-start,
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover.acud-picker-cell-start {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
 .acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
 .acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
 .acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {

package/lib/date-picker/style/index.less

@@ -6,6 +6,10 @@
 
 .@{picker-prefix-cls} {
     @arrow-size: 10px;
+    
+    input {
+        font-family: @font-family;
+    }
 
     .reset-component();
     height: @date-picker-height;

package/lib/date-picker/style/panel.less

@@ -570,6 +570,7 @@
                 th {
                     width: 6*@P;
                     line-height: 6*@P;
+                    color: @G2;
                 }
             }
 
@@ -796,6 +797,16 @@
                 &:last-child {
                     border-radius: 0 @R2 @R2 0;
                 }
+
+                &.@{picker-prefix-cls}-cell-end {
+                    border-top-right-radius: @R2;
+                    border-bottom-right-radius: @R2;
+                }
+
+                &.@{picker-prefix-cls}-cell-start {
+                    border-top-left-radius: @R2;
+                    border-bottom-left-radius: @R2;
+                }
             }
 
             td.@{picker-prefix-cls}-cell-range-hover-end:not(.@{picker-prefix-cls}-cell-range-end):not(.@{picker-prefix-cls}-cell-in-range) {

package/lib/input-number/src/hooks/useFrame.d.ts

@@ -1,5 +1,5 @@
+declare const _default: () => (callback: () => void) => void;
 /**
  * Always trigger latest once when call multiple time
  */
-declare const _default: () => (callback: () => void) => void;
 export default _default;

package/lib/select/src/OptionList.js

@@ -493,8 +493,13 @@ var OptionList = function OptionList(_ref, ref) {
     }), /*#__PURE__*/React.createElement("div", {
       className: "".concat(optionPrefixCls, "-content")
     }, fContent), extra);
-  }; // ========================== Render ==========================
+  };
 
+  var disabledVirtual = React.useMemo(function () {
+    return !virtual || (mode === 'multiple' || mode !== 'multiple' && !keepExpand) && memoFlattenOptions.some(function (option) {
+      return option.group;
+    });
+  }, [virtual, mode, keepExpand, memoFlattenOptions]); // ========================== Render ==========================
 
   if (memoFlattenOptions.length === 0) {
     return /*#__PURE__*/React.createElement("div", {
@@ -505,11 +510,6 @@ var OptionList = function OptionList(_ref, ref) {
     }, mergedNotFound);
   }
 
-  var disabledVirtual = React.useMemo(function () {
-    return !virtual || (mode === 'multiple' || mode !== 'multiple' && !keepExpand) && memoFlattenOptions.some(function (option) {
-      return option.group;
-    });
-  }, [virtual, mode, keepExpand, memoFlattenOptions]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     role: "listbox",
     id: "".concat(id, "_list"),

package/lib/timeline/style/common.less

@@ -61,10 +61,10 @@
             margin-top: @timeline-common-content-link-margin;
             transition: opacity .2s linear;
 
-            svg {
-                position: relative;
-                top: @timeline-common-content-link-margin - 1.5px;
-            }
+            // svg {
+            //     position: relative;
+            //     top: @timeline-common-content-link-margin - 1.5px;
+            // }
 
             &-label {
                 flex-shrink: 0;

package/lib/timeline/style/index.css

@@ -177,10 +177,6 @@
   margin-top: 4px;
   transition: opacity 0.2s linear;
 }
-.common-content-link svg {
-  position: relative;
-  top: 2.5px;
-}
 .common-content-link-label {
   flex-shrink: 0;
   margin-right: 4px;
@@ -594,10 +590,6 @@
   margin-top: 4px;
   transition: opacity 0.2s linear;
 }
-.acud-timeline-item-content-link svg {
-  position: relative;
-  top: 2.5px;
-}
 .acud-timeline-item-content-link-label {
   flex-shrink: 0;
   margin-right: 4px;

package/lib/toast/style/index.less

@@ -79,7 +79,7 @@
         }
       }
 
-      .acud-toast-wrap {
+      .@{acud-prefix}-toast-wrap {
         display: flex;
         &-left {
           flex: 1;

package/lib/transfer/DataSource.js

@@ -19,6 +19,10 @@ var React = _interopRequireWildcard(require("react"));
 
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 
+var _createWorker = require("../_util/createWorker");
+
+var _loading = _interopRequireDefault(require("../loading"));
+
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 
 var _table = _interopRequireDefault(require("../table"));
@@ -54,6 +58,8 @@ function dataSource(props) {
       showSearch = props.showSearch,
       _props$showSearchClea = props.showSearchClear,
       showSearchClear = _props$showSearchClea === void 0 ? true : _props$showSearchClea,
+      _props$useWorker = props.useWorker,
+      useWorker = _props$useWorker === void 0 ? false : _props$useWorker,
       tKeys = props.tKeys,
       setTKeys = props.setTKeys,
       leftStyle = props.leftStyle,
@@ -69,6 +75,11 @@ function dataSource(props) {
       searchValue = _React$useState2[0],
       setSearchValue = _React$useState2[1];
 
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+      loading = _React$useState4[0],
+      setLoading = _React$useState4[1];
+
   var filterSource = React.useMemo(function () {
     if (searchValue === '') {
       return expansionSource;
@@ -125,17 +136,40 @@ function dataSource(props) {
   var allChecked = totalUndisabledKeys.length === totalSelectedUndisabledKeys.length;
   var indeterminate = totalSelectedUndisabledKeys.length && totalUndisabledKeys.length > totalSelectedUndisabledKeys.length;
   var selectAll = React.useCallback(function () {
-    var newTKeys = [];
+    var newTKeys = []; // 取消全选
 
     if (allChecked) {
-      newTKeys = tKeys.filter(function (key) {
-        return !totalUndisabledKeys.includes(key);
-      });
+      if (useWorker) {
+        setLoading(true);
+        var cancelAllWorker = (0, _createWorker.createWorker)(function (e) {
+          var _e$data = e.data,
+              tKeys = _e$data.tKeys,
+              totalUndisabledKeys = _e$data.totalUndisabledKeys;
+          var nKeys = tKeys.filter(function (key) {
+            return !totalUndisabledKeys.includes(key);
+          });
+          self.postMessage(nKeys);
+        }); // 主线程监听worker线程返回的数据
+
+        cancelAllWorker.addEventListener('message', function (event) {
+          setTKeys(event.data);
+          cancelAllWorker.terminate();
+          setLoading(false);
+        });
+        cancelAllWorker.postMessage({
+          tKeys: tKeys,
+          totalUndisabledKeys: totalUndisabledKeys
+        });
+      } else {
+        newTKeys = tKeys.filter(function (key) {
+          return !totalUndisabledKeys.includes(key);
+        });
+        setTKeys(newTKeys);
+      }
     } else {
       newTKeys = (0, _toConsumableArray2["default"])(new Set([].concat((0, _toConsumableArray2["default"])(tKeys), (0, _toConsumableArray2["default"])(totalUndisabledKeys))));
+      setTKeys(newTKeys);
     }
-
-    setTKeys(newTKeys);
   }, [totalSelectedUndisabledKeys, totalUndisabledKeys, allChecked, tKeys]);
   var searchChange = React.useCallback(function (e) {
     var searchValue = e.target.value;
@@ -160,6 +194,10 @@ function dataSource(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: dataSourceCls,
     style: leftStyle
+  }, /*#__PURE__*/React.createElement(_loading["default"], {
+    loading: loading,
+    tip: "\u52A0\u8F7D\u4E2D...",
+    size: "small"
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(dataSourceCls, "-header")
   }, showSelectAll && displayType === 'single' && /*#__PURE__*/React.createElement(_checkbox["default"], {
@@ -188,5 +226,5 @@ function dataSource(props) {
     filterSource: filterSource
   })), filterSource.length === 0 && /*#__PURE__*/React.createElement("p", {
     className: "".concat(dataSourceCls, "-nodata")
-  }, /*#__PURE__*/React.createElement("span", null, sourceNoData))));
+  }, /*#__PURE__*/React.createElement("span", null, sourceNoData)))));
 }

package/lib/transfer/index.d.ts

@@ -44,6 +44,7 @@ export interface TransferProps<RecordType> {
     selectAllLabels?: SelectAllLabel[];
     defaultExpandGroupKey?: string[] | string | number[] | number | boolean;
     virtual?: boolean;
+    useWorker?: boolean;
     columns?: ColumnsType<RecordType>;
 }
 export default function transfer<RecordType extends TransferItem = TransferItem>(props: TransferProps<RecordType>): JSX.Element;