@douyinfe/semi-ui 2.31.0-beta.0 → 2.31.1

package/dist/umd/semi-ui.js

@@ -37442,6 +37442,11 @@ class foundation_CarouselFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this._interval = null;
+    this._forcePlay = false;
+  }
+
+  setForcePlay(forcePlay) {
+    this._forcePlay = forcePlay;
   }
 
   play(interval) {
@@ -37559,7 +37564,7 @@ class foundation_CarouselFoundation extends foundation {
     } = this.getProps();
     const autoPlayType = typeof autoPlay;
 
-    if (autoPlayType === 'boolean' && autoPlay) {
+    if (autoPlayType === 'boolean') {
       return carousel_constants_numbers.DEFAULT_INTERVAL + speed;
     }
 
@@ -37578,9 +37583,9 @@ class foundation_CarouselFoundation extends foundation {
     const {
       autoPlay
     } = this.getProps();
-    const autoPlayType = typeof autoPlay;
+    const autoPlayType = typeof autoPlay; // when user manually call the play function, force play
 
-    if (autoPlayType === 'boolean' && autoPlay || isObject_default()(autoPlay)) {
+    if (autoPlayType === 'boolean' && autoPlay || isObject_default()(autoPlay) || this._forcePlay) {
       this.play(this.getSwitchingTime());
     }
   }
@@ -37839,6 +37844,7 @@ var carousel = __webpack_require__("HzcD");
 // CONCATENATED MODULE: ./carousel/index.tsx
 
 
+
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 
 
@@ -37856,10 +37862,12 @@ class carousel_Carousel extends baseComponent_BaseComponent {
     super(props);
 
     this.play = () => {
+      this.foundation.setForcePlay(true);
       return this.foundation.handleAutoPlay();
     };
 
     this.stop = () => {
+      this.foundation.setForcePlay(false);
       return this.foundation.stop();
     };
 
@@ -37886,7 +37894,7 @@ class carousel_Carousel extends baseComponent_BaseComponent {
         autoPlay
       } = this.props;
 
-      if (typeof autoPlay !== 'object' || autoPlay.hoverToPause) {
+      if (autoPlay === true || typeof autoPlay === 'object' && autoPlay.hoverToPause) {
         this.foundation.stop();
       }
     };
@@ -38066,6 +38074,17 @@ class carousel_Carousel extends baseComponent_BaseComponent {
     this.handleAutoPlay();
   }
 
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    const prevChildrenKeys = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(prevProps.children).map(child => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(child) ? child.key : null);
+    const nowChildrenKeys = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(this.props.children).map(child => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(child) ? child.key : null);
+
+    if (!isEqual_default()(prevChildrenKeys, nowChildrenKeys)) {
+      this.setState({
+        children: this.getChildren()
+      });
+    }
+  }
+
   componentWillUnmount() {
     this.foundation.destroy();
   }
@@ -70831,7 +70850,7 @@ class foundation_SelectFoundation extends foundation {
 
     this._adapter.once('popoverClose', () => {
       if (isFilterable) {
-        this.clearInput();
+        this.clearInput(e);
       }
 
       if (closeCb) {
@@ -70949,7 +70968,7 @@ class foundation_SelectFoundation extends foundation {
 
       if (this._isFilterable()) {
         if (autoClearSearchValue) {
-          this.clearInput();
+          this.clearInput(event);
         }
 
         this.focusInput();
@@ -70969,7 +70988,7 @@ class foundation_SelectFoundation extends foundation {
       if (this._isFilterable()) {
         // When filter active，if autoClearSearchValue is true，reset input after select
         if (autoClearSearchValue) {
-          this.clearInput(); // At the same time, the filtering of options is also cleared, in order to show all candidates
+          this.clearInput(event); // At the same time, the filtering of options is also cleared, in order to show all candidates
 
           const sugInput = '';
           options = this._filterOption(options, sugInput);
@@ -71059,9 +71078,10 @@ class foundation_SelectFoundation extends foundation {
 
       this._notifyChange(selections);
     }
-  }
+  } // The reason why event input is optional is that clearInput may be manually called by the user through ref
 
-  clearInput() {
+
+  clearInput(event) {
     const {
       inputValue
     } = this.getStates(); // only when input is not null, select should notifySearch and updateOptions
@@ -71069,7 +71089,7 @@ class foundation_SelectFoundation extends foundation {
     if (inputValue !== '') {
       this._adapter.updateInputValue('');
 
-      this._adapter.notifySearch(''); // reset options filter
+      this._adapter.notifySearch('', event); // reset options filter
 
 
       const {
@@ -71096,7 +71116,7 @@ class foundation_SelectFoundation extends foundation {
     this._adapter.setIsFocusInContainer(false);
   }
 
-  handleInputChange(sugInput) {
+  handleInputChange(sugInput, event) {
     // Input is a controlled component, so the value needs to be updated
     this._adapter.updateInputValue(sugInput);
 
@@ -71120,7 +71140,7 @@ class foundation_SelectFoundation extends foundation {
 
     this._adapter.updateOptions(optionsAfterFilter);
 
-    this._adapter.notifySearch(sugInput); // In multi-select mode, the drop-down box is repositioned each time you enter, because it may cause a line break as the input changes
+    this._adapter.notifySearch(sugInput, event); // In multi-select mode, the drop-down box is repositioned each time you enter, because it may cause a line break as the input changes
 
 
     if (this._isMultiple()) {
@@ -71396,7 +71416,7 @@ class foundation_SelectFoundation extends foundation {
         }
       } else {
         // there are no focusable elements inside the container, tab to next element and trigger blur
-        this.close();
+        this.close(event);
 
         this._notifyBlur(event);
       }
@@ -71422,7 +71442,7 @@ class foundation_SelectFoundation extends foundation {
       // focus in the last element in container, focus back to trigger and close panel
       this._focusTrigger();
 
-      this.close();
+      this.close(event);
       handlePrevent(event);
     }
   }
@@ -71434,7 +71454,7 @@ class foundation_SelectFoundation extends foundation {
 
     if (!isFocusInContainer) {
       // focus in trigger, close the panel, shift tab to previe element and trigger blur
-      this.close();
+      this.close(event);
 
       this._notifyBlur(event);
     } else if (activeElement === focusableElements[0]) {
@@ -71477,7 +71497,7 @@ class foundation_SelectFoundation extends foundation {
           this.onSelect(selectedOption, focusIndex, event);
         }
       } else {
-        this.close();
+        this.close(event);
       }
     }
   }
@@ -71656,7 +71676,7 @@ class foundation_SelectFoundation extends foundation {
     } = this.getProps();
 
     if (filter) {
-      this.clearInput();
+      this.clearInput(e);
     }
 
     this.clearSelected(); // prevent this click open dropdown
@@ -72098,10 +72118,11 @@ const VirtualRow = _ref => {
     style
   } = _ref;
   const {
-    visibleOptions
+    visibleOptions,
+    renderOption
   } = data;
   const option = visibleOptions[index];
-  return data.renderOption(option, index, style);
+  return renderOption(option, index, style);
 };
 
 /* harmony default export */ var virtualRow = (VirtualRow);
@@ -72373,7 +72394,6 @@ var select_select = __webpack_require__("1d3+");
 
 
 
-
 
 
 const select_prefixcls = select_constants_cssClasses.PREFIX;
@@ -72387,7 +72407,7 @@ class select_Select extends baseComponent_BaseComponent {
       current: node
     };
 
-    this.handleInputChange = value => this.foundation.handleInputChange(value);
+    this.handleInputChange = (value, event) => this.foundation.handleInputChange(value, event);
 
     this.getTagItem = (item, i, renderSelectedItem) => {
       const {
@@ -72474,8 +72494,6 @@ class select_Select extends baseComponent_BaseComponent {
     this.onKeyPress = this.onKeyPress.bind(this);
     this.eventManager = new Event_Event();
     this.foundation = new foundation_SelectFoundation(this.adapter);
-    Object(warning["a" /* default */])('optionLabelProp' in this.props, '[Semi Select] \'optionLabelProp\' has already been deprecated, please use \'renderSelectedItem\' instead.');
-    Object(warning["a" /* default */])('labelInValue' in this.props, '[Semi Select] \'labelInValue\' has already been deprecated, please use \'onChangeWithObject\' instead.');
   }
 
   get adapter() {
@@ -72644,8 +72662,8 @@ class select_Select extends baseComponent_BaseComponent {
       notifyDropdownVisibleChange: visible => {
         this.props.onDropdownVisibleChange(visible);
       },
-      notifySearch: input => {
-        this.props.onSearch(input);
+      notifySearch: (input, event) => {
+        this.props.onSearch(input, event);
       },
       notifyCreate: input => {
         this.props.onCreate(input);
@@ -74535,7 +74553,16 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popover_0, Object.assign({
       ref: this.popoverRef
     }, attrs, {
-      content: this.renderConfirmPopCard,
+      // A arrow function needs to be passed here, otherwise the content will not be updated after the Popconfirm state is updated
+      // Popover is a PureComponent, same props will not trigger update
+      content: _ref2 => {
+        let {
+          initialFocusRef
+        } = _ref2;
+        return this.renderConfirmPopCard({
+          initialFocusRef
+        });
+      },
       visible: visible,
       position: position
     }, popProps), children);
@@ -81141,12 +81168,14 @@ class foundation_TableFoundation extends foundation {
     } = this._adapter.getStates();
 
     const filteredSortedDataSource = this.getFilteredSortedDataSource(dataSource, queries);
+    const allDataDisabledRowKeys = this.getAllDisabledRowKeys(filteredSortedDataSource);
     const pageData = this.getCurrentPageData(filteredSortedDataSource);
     this.setAdapterPageData(pageData);
     this.initExpandedRowKeys(pageData);
     this.initSelectedRowKeys(pageData); // cache dataSource after mount, and then calculate it on demand
 
     this.setCachedFilteredSortedDataSource(filteredSortedDataSource);
+    this.setAllDisabledRowKeys(allDataDisabledRowKeys);
   }
 
   initExpandedRowKeys() {
@@ -81508,6 +81537,10 @@ class foundation_TableFoundation extends foundation {
 
   destroy() {}
 
+  setAllDisabledRowKeys(disabledRowKeys) {
+    this._adapter.setAllDisabledRowKeys(disabledRowKeys);
+  }
+
   handleClick(e) {}
 
   handleMouseEnter(e) {}
@@ -81766,8 +81799,11 @@ class foundation_TableFoundation extends foundation {
       const selectedRowKeysSet = this._getSelectedRowKeysSet();
 
       let allRowKeys = [...this._adapter.getCachedFilteredSortedRowKeys()];
-      const disabledRowKeys = this.getAllDisabledRowKeys();
-      const disabledRowKeysSet = new Set(disabledRowKeys);
+
+      const disabledRowKeys = this._adapter.getAllDisabledRowKeys();
+
+      const disabledRowKeysSet = this._adapter.getAllDisabledRowKeysSet();
+
       let changedRowKeys; // Select all, if not disabled && not in selectedRowKeys
 
       if (selected) {
@@ -82141,7 +82177,9 @@ class foundation_TableFoundation extends foundation {
   handleClickFilterOrSorter(queries) {
     const dataSource = [...this.getProp('dataSource')];
     const sortedDataSource = this.getFilteredSortedDataSource(dataSource, queries);
+    const allDataDisabledRowKeys = this.getAllDisabledRowKeys(sortedDataSource);
     this.setCachedFilteredSortedDataSource(sortedDataSource);
+    this.setAllDisabledRowKeys(allDataDisabledRowKeys);
     const pageData = this.getCurrentPageData(sortedDataSource);
     this.setAdapterPageData(pageData);
   }
@@ -85906,7 +85944,7 @@ class Table_Table extends baseComponent_BaseComponent {
       let inHeader = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       const {
         rowSelection,
-        disabledRowKeysSet
+        allDisabledRowKeysSet
       } = _this.state;
 
       if (rowSelection && typeof rowSelection === 'object') {
@@ -85923,7 +85961,7 @@ class Table_Table extends baseComponent_BaseComponent {
           const allRowKeys = _this.cachedFilteredSortedRowKeys;
           const allRowKeysSet = _this.cachedFilteredSortedRowKeysSet;
 
-          const allIsSelected = _this.foundation.allIsSelected(selectedRowKeysSet, disabledRowKeysSet, allRowKeys);
+          const allIsSelected = _this.foundation.allIsSelected(selectedRowKeysSet, allDisabledRowKeysSet, allRowKeys);
 
           const hasRowSelected = _this.foundation.hasRowSelected(selectedRowKeys, allRowKeysSet);
 
@@ -85933,8 +85971,8 @@ class Table_Table extends baseComponent_BaseComponent {
             key: columnKey,
             selected: allIsSelected,
             indeterminate: hasRowSelected && !allIsSelected,
-            onChange: (status, e) => {
-              _this.toggleSelectAllRow(status, e);
+            onChange: (selected, e) => {
+              _this.toggleSelectAllRow(selected, e);
             }
           });
         } else {
@@ -86137,8 +86175,8 @@ class Table_Table extends baseComponent_BaseComponent {
       this.foundation.handleSelectRow(realKey, selected, e);
     };
 
-    this.toggleSelectAllRow = (status, e) => {
-      this.foundation.handleSelectAllRow(status, e);
+    this.toggleSelectAllRow = (selected, e) => {
+      this.foundation.handleSelectAllRow(selected, e);
     };
     /**
      * render pagination
@@ -86456,6 +86494,8 @@ class Table_Table extends baseComponent_BaseComponent {
       allRowKeys: [],
       disabledRowKeys: [],
       disabledRowKeysSet: new Set(),
+      allDisabledRowKeys: [],
+      allDisabledRowKeysSet: new Set(),
       headWidths: [],
       bodyHasScrollBar: false,
       prePropRowSelection: undefined,
@@ -86560,11 +86600,20 @@ class Table_Table extends baseComponent_BaseComponent {
         this.cachedFilteredSortedRowKeys = filteredSortedRowKeys;
         this.cachedFilteredSortedRowKeysSet = new Set(filteredSortedRowKeys);
       },
+      setAllDisabledRowKeys: allDisabledRowKeys => {
+        const allDisabledRowKeysSet = new Set(allDisabledRowKeys);
+        this.setState({
+          allDisabledRowKeys,
+          allDisabledRowKeysSet
+        });
+      },
       getCurrentPage: () => get_default()(this.state, 'pagination.currentPage', 1),
       getCurrentPageSize: () => get_default()(this.state, 'pagination.pageSize', table_constants_numbers.DEFAULT_PAGE_SIZE),
       getCachedFilteredSortedDataSource: () => this.cachedFilteredSortedDataSource,
       getCachedFilteredSortedRowKeys: () => this.cachedFilteredSortedRowKeys,
       getCachedFilteredSortedRowKeysSet: () => this.cachedFilteredSortedRowKeysSet,
+      getAllDisabledRowKeys: () => this.state.allDisabledRowKeys,
+      getAllDisabledRowKeysSet: () => this.state.allDisabledRowKeysSet,
       notifyFilterDropdownVisibleChange: (visible, dataIndex) => this._invokeColumnFn(dataIndex, 'onFilterDropdownVisibleChange', visible),
       notifyChange: function () {
         return _this2.props.onChange(...arguments);
@@ -86768,8 +86817,11 @@ class Table_Table extends baseComponent_BaseComponent {
           childrenRecordName,
           rowKey
         });
+        const disabledRowKeysSet = new Set(disabledRowKeys);
         willUpdateStates.disabledRowKeys = disabledRowKeys;
-        willUpdateStates.disabledRowKeysSet = new Set(disabledRowKeys);
+        willUpdateStates.disabledRowKeysSet = disabledRowKeysSet;
+        willUpdateStates.allDisabledRowKeys = disabledRowKeys;
+        willUpdateStates.allDisabledRowKeysSet = disabledRowKeysSet;
       }
 
       willUpdateStates.rowSelection = newSelectionStates;
@@ -86873,7 +86925,9 @@ class Table_Table extends baseComponent_BaseComponent {
       // Temporarily use _dataSource=[...dataSource] for processing
       const _dataSource = [...dataSource];
       const filteredSortedDataSource = this.foundation.getFilteredSortedDataSource(_dataSource, stateQueries);
+      const allDataDisabledRowKeys = this.foundation.getAllDisabledRowKeys(filteredSortedDataSource);
       this.foundation.setCachedFilteredSortedDataSource(filteredSortedDataSource);
+      this.foundation.setAllDisabledRowKeys(allDataDisabledRowKeys);
       states.dataSource = filteredSortedDataSource;
 
       if (this.props.groupBy) {
@@ -94207,6 +94261,7 @@ var treeSelect = __webpack_require__("uw59");
 
 
 
+
 
 
 const treeSelect_prefixcls = treeSelect_constants_cssClasses.PREFIX;
@@ -94941,8 +94996,11 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
     };
 
     this.itemKey = (index, data) => {
-      // Find the item at the specified index.
-      const item = data[index]; // Return a value that uniquely identifies this item.
+      const {
+        visibleOptions
+      } = data; // Find the item at the specified index.
+
+      const item = visibleOptions[index]; // Return a value that uniquely identifies this item.
 
       return item.key;
     };
@@ -94976,23 +95034,18 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         });
       }
 
-      const option = _ref => {
-        let {
-          index,
-          style,
-          data
-        } = _ref;
-        return this.renderTreeNode(data[index], index, style);
+      const data = {
+        visibleOptions: flattenNodes,
+        renderOption: this.renderTreeNode
       };
-
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(autoSizer_AutoSizer, {
         defaultHeight: virtualize.height,
         defaultWidth: virtualize.width
-      }, _ref2 => {
+      }, _ref => {
         let {
           height,
           width
-        } = _ref2;
+        } = _ref;
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(FixedSizeList, {
           itemCount: flattenNodes.length,
           itemSize: virtualize.itemSize,
@@ -95000,12 +95053,12 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
           width: width,
           // @ts-ignore avoid strict check of itemKey
           itemKey: this.itemKey,
-          itemData: flattenNodes,
+          itemData: data,
           className: `${prefixTree}-virtual-list`,
           style: {
             direction
           }
-        }, option);
+        }, virtualRow);
       });
     };
 
@@ -95315,11 +95368,11 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
     };
     return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), filterAdapter), treeSelectAdapter), treeAdapter), {
       updateLoadKeys: (data, resolve) => {
-        this.setState(_ref3 => {
+        this.setState(_ref2 => {
           let {
             loadedKeys,
             loadingKeys
-          } = _ref3;
+          } = _ref2;
           return this.foundation.handleNodeLoad(loadedKeys, loadingKeys, data, resolve);
         });
       },
@@ -95356,11 +95409,11 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       notifyChangeWithObject: (node, e) => {
         this.props.onChange && this.props.onChange(node, e);
       },
-      notifyExpand: (expandedKeys, _ref4) => {
+      notifyExpand: (expandedKeys, _ref3) => {
         let {
           expanded: bool,
           node
-        } = _ref4;
+        } = _ref3;
         this.props.onExpand && this.props.onExpand([...expandedKeys], {
           expanded: bool,
           node
@@ -102325,11 +102378,9 @@ class previewImageFoundation_PreviewImageFoundation extends foundation {
 
     this.handleWindowResize = () => {
       const {
+        ratio,
         setRatio
       } = this.getProps();
-      const {
-        ratio
-      } = this.getProps();
 
       const {
         originImageWidth,
@@ -103299,12 +103350,6 @@ class previewInnerFoundation_PreviewInnerFoundation extends foundation {
     this._adapter.enabledBodyScroll();
   }
 
-  handleRatio(type) {
-    this.setState({
-      ratio: type
-    });
-  }
-
 }
 // CONCATENATED MODULE: ./image/previewInner.tsx
 
@@ -103392,10 +103437,6 @@ class previewInner_PreviewInner extends baseComponent_BaseComponent {
       this.foundation.handleMouseDown(e);
     };
 
-    this.handleRatio = type => {
-      this.foundation.handleRatio(type);
-    };
-
     this.state = {
       imgSrc: [],
       imgLoadStatus: new Map(),
@@ -103546,7 +103587,10 @@ class previewInner_PreviewInner extends baseComponent_BaseComponent {
     }
 
     if ("currentIndex" in props && props.currentIndex !== state.currentIndex) {
-      willUpdateStates.currentIndex = props.currentIndex;
+      willUpdateStates.currentIndex = props.currentIndex; // ratio will set to adaptation when change picture, 
+      // attention: If the ratio is controlled, the ratio should not change as the index changes
+
+      willUpdateStates.ratio = 'adaptation';
     }
 
     return willUpdateStates;
@@ -103668,7 +103712,7 @@ class previewInner_PreviewInner extends baseComponent_BaseComponent {
       src: imgSrc[currentIndex],
       onZoom: this.handleZoomImage,
       disableDownload: disableDownload,
-      setRatio: this.handleRatio,
+      setRatio: this.handleAdjustRatio,
       zoom: zoom,
       ratio: ratio,
       zoomStep: zoomStep,