@douyinfe/semi-ui 2.30.2 → 2.31.0

package/dist/umd/semi-ui.js

@@ -18209,6 +18209,10 @@ class foundation_Tooltip extends foundation {
       this._adapter.removePortal();
     };
 
+    this.setDisplayNone = (displayNone, cb) => {
+      this._adapter.setDisplayNone(displayNone, cb);
+    };
+
     this.onResize = () => {
       // this.log('resize');
       // rePosition when window resize
@@ -18234,9 +18238,14 @@ class foundation_Tooltip extends foundation {
       const trigger = this.getProp('trigger');
       const clickTriggerToHide = this.getProp('clickTriggerToHide');
       const {
-        visible
+        visible,
+        displayNone
       } = this.getStates();
 
+      if (displayNone) {
+        this.setDisplayNone(false);
+      }
+
       if (visible) {
         return;
       }
@@ -20009,7 +20018,12 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
 
 
     this.didLeave = () => {
-      this.foundation.removePortal();
+      if (this.props.keepDOM) {
+        this.foundation.setDisplayNone(true);
+      } else {
+        this.foundation.removePortal();
+      }
+
       this.foundation.unBindEvent();
     };
 
@@ -20079,6 +20093,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         visible,
         portalEventSet,
         placement,
+        displayNone,
         transitionState,
         id,
         isPositionUpdated
@@ -20133,7 +20148,9 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         } = _ref;
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({
           className: classnames_default()(className, animationClassName),
-          style: Object.assign(Object.assign(Object.assign(Object.assign({}, animationStyle), {
+          style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, animationStyle), displayNone ? {
+            display: "none"
+          } : {}), {
             transformOrigin
           }), style), {
             opacity: isPositionUpdated ? opacity : "0"
@@ -20223,8 +20240,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
       placement: props.position || 'top',
       transitionStyle: {},
       isPositionUpdated: false,
-      id: props.wrapperId // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
-
+      id: props.wrapperId,
+      displayNone: false
     };
     this.foundation = new foundation_Tooltip(this.adapter);
     this.eventManager = new Event_Event();
@@ -20348,6 +20365,11 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
           this.eventManager.emit('positionUpdated');
         });
       },
+      setDisplayNone: (displayNone, cb) => {
+        this.setState({
+          displayNone
+        }, cb);
+      },
       updatePlacementAttr: placement => {
         this.setState({
           placement
@@ -20654,7 +20676,8 @@ tooltip_Tooltip.propTypes = {
   wrapWhenSpecial: prop_types_default.a.bool,
   guardFocus: prop_types_default.a.bool,
   returnFocusOnClose: prop_types_default.a.bool,
-  preventScroll: prop_types_default.a.bool
+  preventScroll: prop_types_default.a.bool,
+  keepDOM: prop_types_default.a.bool
 };
 tooltip_Tooltip.defaultProps = {
   arrowBounding: numbers.ARROW_BOUNDING,
@@ -20680,7 +20703,8 @@ tooltip_Tooltip.defaultProps = {
   returnFocusOnClose: false,
   onEscKeyDown: noop_default.a,
   disableFocusListener: false,
-  disableArrowKeyDown: false
+  disableArrowKeyDown: false,
+  keepDOM: false
 };
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/copy-text-to-clipboard/index.js
 var copy_text_to_clipboard = __webpack_require__("HDX/");
@@ -23807,6 +23831,31 @@ class copyable_Copyable extends external_root_React_commonjs2_react_commonjs_rea
       }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconTick, null), locale.copied));
     };
 
+    this.renderCopyIcon = () => {
+      const {
+        icon
+      } = this.props;
+      const copyProps = {
+        role: "button",
+        tabIndex: 0,
+        onClick: this.copy,
+        onKeyPress: e => utils_isEnterPress(e) && this.copy(e)
+      };
+      {
+        /* TODO: replace `a` tag with `span` in next major version
+          NOTE: may have effect on style */
+      }
+      const defaultIcon =
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/anchor-is-valid
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("a", {
+        className: `${copyable_prefixCls}-action-copy-icon`
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCopy, Object.assign({
+        onClick: this.copy
+      }, copyProps)));
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, copyProps) : defaultIcon;
+    };
+
     this.state = {
       copied: false,
       item: ''
@@ -23844,14 +23893,7 @@ class copyable_Copyable extends external_root_React_commonjs2_react_commonjs_rea
       ref: forwardRef
     }, copied ? this.renderSuccessTip() : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tooltip_Tooltip, {
       content: typeof copyTip !== 'undefined' ? copyTip : locale.copy
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("a", {
-      className: `${copyable_prefixCls}-action-copy-icon`
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCopy, {
-      role: "button",
-      tabIndex: 0,
-      onClick: this.copy,
-      onKeyPress: e => utils_isEnterPress(e) && this.copy(e)
-    })))));
+    }, this.renderCopyIcon())));
   }
 
 }
@@ -23862,7 +23904,8 @@ copyable_Copyable.propTypes = {
   copyTip: prop_types_default.a.node,
   duration: prop_types_default.a.number,
   style: prop_types_default.a.object,
-  className: prop_types_default.a.string
+  className: prop_types_default.a.string,
+  icon: prop_types_default.a.node
 };
 copyable_Copyable.defaultProps = {
   content: '',
@@ -37399,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) {
@@ -37516,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;
     }
 
@@ -37535,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());
     }
   }
@@ -37796,6 +37844,7 @@ var carousel = __webpack_require__("HzcD");
 // CONCATENATED MODULE: ./carousel/index.tsx
 
 
+
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 
 
@@ -37813,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();
     };
 
@@ -37843,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();
       }
     };
@@ -38023,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();
   }
@@ -39235,7 +39297,11 @@ class foundation_CascaderFoundation extends foundation {
         if (filterable && !multiple) {
           const displayText = this.renderDisplayText(selectedKey, keyEntities);
           updateStates.inputPlaceHolder = displayText;
-          updateStates.inputValue = displayText;
+          /*
+           *  displayText should not be assign to inputValue,
+           *  cause inputValue should only change by user enter
+           */
+          // updateStates.inputValue = displayText;
         }
         /**
          * If selectedKeys does not meet the update conditions,
@@ -39269,7 +39335,11 @@ class foundation_CascaderFoundation extends foundation {
         const displayText = this._defaultRenderText(valuePath);
 
         updateStates.inputPlaceHolder = displayText;
-        updateStates.inputValue = displayText;
+        /*
+         *  displayText should not be assign to inputValue,
+         *  cause inputValue should only change by user enter
+         */
+        // updateStates.inputValue = displayText;
       }
 
       keyEntities[key] = optionNotExist; // Fix: 1155, if the data is loaded asynchronously to update treeData, the emptying operation should not be done when entering the updateSelectedKey method
@@ -41239,6 +41309,7 @@ var tag_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const tag_prefixCls = tag_constants_cssClasses.PREFIX;
 const tagColors = tag_constants_strings.TAG_COLOR;
 const tagSize = tag_constants_strings.TAG_SIZE;
@@ -41386,10 +41457,14 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
       size: "small"
     })) : null;
+
+    const stringChild = isString_default()(children);
+
+    const contentCls = classnames_default()(`${tag_prefixCls}-content`, `${tag_prefixCls}-content-${stringChild ? 'ellipsis' : 'center'}`);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({
-      "aria-label": this.props['aria-label'] || isString_default()(children) ? `${closable ? 'Closable ' : ''}Tag: ${children}` : ''
+      "aria-label": this.props['aria-label'] || stringChild ? `${closable ? 'Closable ' : ''}Tag: ${children}` : ''
     }, wrapProps), avatarSrc ? this.renderAvatar() : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: `${tag_prefixCls}-content`
+      className: contentCls
     }, children), closeIcon);
   }
 
@@ -43831,15 +43906,13 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
             key: elementKey,
             visible: true,
             "aria-label": `${!disabled ? 'Closable ' : ''}Tag: ${value}`
-          }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-            className: `${tagInput_prefixCls}-tag-content-wrapper`
           }, showIconHandler && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(DragHandle, null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(paragraph_Paragraph, {
             className: typoCls,
             ellipsis: {
               showTooltip: showContentTooltip,
               rows: 1
             }
-          }, value)));
+          }, value));
         }
       });
     };
@@ -45200,7 +45273,8 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       onChange: this.handleInputChange
     };
     const wrappercls = classnames_default()({
-      [`${cascader_prefixcls}-search-wrapper`]: true
+      [`${cascader_prefixcls}-search-wrapper`]: true,
+      [`${cascader_prefixcls}-search-wrapper-${size}`]: size !== 'default'
     });
     const displayText = this.renderDisplayText();
     const spanCls = classnames_default()({
@@ -70776,7 +70850,7 @@ class foundation_SelectFoundation extends foundation {
 
     this._adapter.once('popoverClose', () => {
       if (isFilterable) {
-        this.clearInput();
+        this.clearInput(e);
       }
 
       if (closeCb) {
@@ -70894,7 +70968,7 @@ class foundation_SelectFoundation extends foundation {
 
       if (this._isFilterable()) {
         if (autoClearSearchValue) {
-          this.clearInput();
+          this.clearInput(event);
         }
 
         this.focusInput();
@@ -70914,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);
@@ -71004,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
@@ -71014,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 {
@@ -71041,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);
 
@@ -71065,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()) {
@@ -71341,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);
       }
@@ -71367,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);
     }
   }
@@ -71379,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]) {
@@ -71422,7 +71497,7 @@ class foundation_SelectFoundation extends foundation {
           this.onSelect(selectedOption, focusIndex, event);
         }
       } else {
-        this.close();
+        this.close(event);
       }
     }
   }
@@ -71601,7 +71676,7 @@ class foundation_SelectFoundation extends foundation {
     } = this.getProps();
 
     if (filter) {
-      this.clearInput();
+      this.clearInput(e);
     }
 
     this.clearSelected(); // prevent this click open dropdown
@@ -72043,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);
@@ -72318,7 +72394,6 @@ var select_select = __webpack_require__("1d3+");
 
 
 
-
 
 
 const select_prefixcls = select_constants_cssClasses.PREFIX;
@@ -72332,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 {
@@ -72419,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() {
@@ -72589,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);
@@ -74480,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);
@@ -80406,14 +80488,14 @@ function isAnyFixed(columns) {
 function isAnyFixedRight(columns) {
   return some_default()(columns, col => col.fixed === 'right');
 }
-function isFixedLeft(column) {
+function utils_isFixedLeft(column) {
   return ['left', true].includes(get_default()(column, 'fixed'));
 }
-function isFixedRight(column) {
+function utils_isFixedRight(column) {
   return ['right'].includes(get_default()(column, 'fixed'));
 }
 function isFixed(column) {
-  return isFixedLeft(column) || isFixedRight(column);
+  return utils_isFixedLeft(column) || utils_isFixedRight(column);
 }
 function isInnerColumnKey(key) {
   return [table_constants_strings.DEFAULT_KEY_COLUMN_EXPAND, table_constants_strings.DEFAULT_KEY_COLUMN_SCROLLBAR, table_constants_strings.DEFAULT_KEY_COLUMN_SELECTION].includes(key);
@@ -80802,6 +80884,22 @@ function isTreeTable(_ref2) {
 
   return flag;
 }
+function getRTLAlign(align, direction) {
+  if (direction === 'rtl') {
+    switch (align) {
+      case 'left':
+        return 'right';
+
+      case 'right':
+        return 'left';
+
+      default:
+        return align;
+    }
+  }
+
+  return align;
+}
 // CONCATENATED MODULE: ../semi-foundation/utils/Store.ts
 /* istanbul ignore next */
 class Store {
@@ -81070,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() {
@@ -81437,6 +81537,10 @@ class foundation_TableFoundation extends foundation {
 
   destroy() {}
 
+  setAllDisabledRowKeys(disabledRowKeys) {
+    this._adapter.setAllDisabledRowKeys(disabledRowKeys);
+  }
+
   handleClick(e) {}
 
   handleMouseEnter(e) {}
@@ -81695,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) {
@@ -82070,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);
   }
@@ -82220,7 +82329,8 @@ const TableContextProvider = _ref => {
     renderExpandIcon,
     renderSelection,
     getVirtualizedListRef,
-    setBodyHasScrollbar
+    setBodyHasScrollbar,
+    direction
   } = _ref;
   const tableContextValue = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useMemo"])(() => ({
     anyColumnFixed,
@@ -82234,8 +82344,9 @@ const TableContextProvider = _ref => {
     tableWidth,
     handleRowExpanded,
     getVirtualizedListRef,
-    setBodyHasScrollbar
-  }), [anyColumnFixed, flattenedColumns, renderExpandIcon, renderSelection, setHeadWidths, getHeadWidths, getCellWidths, headWidths, tableWidth, handleRowExpanded, getVirtualizedListRef, setBodyHasScrollbar]);
+    setBodyHasScrollbar,
+    direction
+  }), [anyColumnFixed, flattenedColumns, renderExpandIcon, renderSelection, setHeadWidths, getHeadWidths, getCellWidths, headWidths, tableWidth, handleRowExpanded, getVirtualizedListRef, setBodyHasScrollbar, direction]);
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(table_context.Provider, {
     value: tableContextValue
   }, children);
@@ -82832,8 +82943,10 @@ class TableHeaderRow_TableHeaderRow extends baseComponent_BaseComponent {
       columns
     } = this.props;
     const {
-      getCellWidths
+      getCellWidths,
+      direction
     } = this.context;
+    const isRTL = direction === 'rtl';
     const slicedColumns = sliceColumnsByLevel(columns, index);
     const headWidths = getCellWidths(slicedColumns);
 
@@ -82855,35 +82968,52 @@ class TableHeaderRow_TableHeaderRow extends baseComponent_BaseComponent {
       let cellStyle = Object.assign({}, customProps.style);
 
       if (column.align) {
+        const textAlign = getRTLAlign(column.align, direction);
         cellStyle = Object.assign(Object.assign({}, cellStyle), {
-          textAlign: column.align
+          textAlign
         });
         customProps.className = classnames_default()(customProps.className, column.className, {
-          [`${prefixCls}-align-${column.align}`]: Boolean(column.align)
+          [`${prefixCls}-align-${textAlign}`]: Boolean(textAlign)
         });
       }
 
+      let fixedLeft, fixedRight, fixedLeftLast, fixedRightFirst;
+
+      if (isRTL) {
+        fixedLeft = utils_isFixedRight(column);
+        fixedRight = utils_isFixedLeft(column);
+        fixedLeftLast = isFirstFixedRight(slicedColumns, column);
+        fixedRightFirst = isLastLeftFixed(slicedColumns, column);
+      } else {
+        fixedLeft = utils_isFixedLeft(column);
+        fixedRight = utils_isFixedRight(column);
+        fixedLeftLast = isLastLeftFixed(slicedColumns, column);
+        fixedRightFirst = isFirstFixedRight(slicedColumns, column);
+      }
+
       customProps.className = classnames_default()(`${prefixCls}-row-head`, column.className, customProps.className, // `${prefixCls}-fixed-columns`,
       {
-        [`${prefixCls}-cell-fixed-left`]: isFixedLeft(column),
-        [`${prefixCls}-cell-fixed-left-last`]: isLastLeftFixed(slicedColumns, column),
-        [`${prefixCls}-cell-fixed-right`]: isFixedRight(column),
-        [`${prefixCls}-cell-fixed-right-first`]: isFirstFixedRight(slicedColumns, column)
+        [`${prefixCls}-cell-fixed-left`]: fixedLeft,
+        [`${prefixCls}-cell-fixed-left-last`]: fixedLeftLast,
+        [`${prefixCls}-cell-fixed-right`]: fixedRight,
+        [`${prefixCls}-cell-fixed-right-first`]: fixedRightFirst
       });
 
       if (headWidths.length && slicedColumns.length) {
         const indexOfSlicedColumns = findIndex_default()(slicedColumns, item => item && item.key != null && item.key === column.key);
 
         if (indexOfSlicedColumns > -1) {
-          if (isFixedLeft(column)) {
+          if (utils_isFixedLeft(column)) {
+            const xPositionKey = isRTL ? 'right' : 'left';
             cellStyle = Object.assign(Object.assign({}, cellStyle), {
               position: 'sticky',
-              left: arrayAdd(headWidths, 0, indexOfSlicedColumns)
+              [xPositionKey]: arrayAdd(headWidths, 0, indexOfSlicedColumns)
             });
-          } else if (isFixedRight(column)) {
+          } else if (utils_isFixedRight(column)) {
+            const xPositionKey = isRTL ? 'left' : 'right';
             cellStyle = Object.assign(Object.assign({}, cellStyle), {
               position: 'sticky',
-              right: arrayAdd(headWidths, indexOfSlicedColumns + 1)
+              [xPositionKey]: arrayAdd(headWidths, indexOfSlicedColumns + 1)
             });
           }
         }
@@ -83665,13 +83795,17 @@ class TableCell_TableCell extends baseComponent_BaseComponent {
     } = this.props;
     let tdProps = {};
     let customCellProps = {};
+    const {
+      direction
+    } = this.context;
+    const isRTL = direction === 'rtl';
     const fixedLeftFlag = fixedLeft || typeof fixedLeft === 'number';
     const fixedRightFlag = fixedRight || typeof fixedRight === 'number';
 
     if (fixedLeftFlag) {
-      set_default()(tdProps, 'style.left', typeof fixedLeft === 'number' ? fixedLeft : 0);
+      set_default()(tdProps, isRTL ? 'style.right' : 'style.left', typeof fixedLeft === 'number' ? fixedLeft : 0);
     } else if (fixedRightFlag) {
-      set_default()(tdProps, 'style.right', typeof fixedRight === 'number' ? fixedRight : 0);
+      set_default()(tdProps, isRTL ? 'style.left' : 'style.right', typeof fixedRight === 'number' ? fixedRight : 0);
     }
 
     if (width != null) {
@@ -83691,8 +83825,9 @@ class TableCell_TableCell extends baseComponent_BaseComponent {
     }
 
     if (column.align) {
+      const textAlign = getRTLAlign(column.align, direction);
       tdProps.style = Object.assign(Object.assign({}, tdProps.style), {
-        textAlign: column.align
+        textAlign
       });
     }
 
@@ -83830,6 +83965,10 @@ class TableCell_TableCell extends baseComponent_BaseComponent {
       firstFixedRight,
       colIndex
     } = this.props;
+    const {
+      direction
+    } = this.context;
+    const isRTL = direction === 'rtl';
     const {
       className
     } = column;
@@ -83860,11 +83999,25 @@ class TableCell_TableCell extends baseComponent_BaseComponent {
     }
 
     const inner = this.renderInner(text, indentText, realExpandIcon);
+    let isFixedLeft, isFixedLeftLast, isFixedRight, isFixedRightFirst;
+
+    if (isRTL) {
+      isFixedLeft = fixedRightFlag;
+      isFixedLeftLast = firstFixedRight;
+      isFixedRight = fixedLeftFlag;
+      isFixedRightFirst = lastFixedLeft;
+    } else {
+      isFixedLeft = fixedLeftFlag;
+      isFixedLeftLast = lastFixedLeft;
+      isFixedRight = fixedRightFlag;
+      isFixedRightFirst = firstFixedRight;
+    }
+
     const columnCls = classnames_default()(className, `${prefixCls}-row-cell`, get_default()(customCellProps, 'className'), {
-      [`${prefixCls}-cell-fixed-left`]: fixedLeftFlag,
-      [`${prefixCls}-cell-fixed-left-last`]: lastFixedLeft,
-      [`${prefixCls}-cell-fixed-right`]: fixedRightFlag,
-      [`${prefixCls}-cell-fixed-right-first`]: firstFixedRight
+      [`${prefixCls}-cell-fixed-left`]: isFixedLeft,
+      [`${prefixCls}-cell-fixed-left-last`]: isFixedLeftLast,
+      [`${prefixCls}-cell-fixed-right`]: isFixedRight,
+      [`${prefixCls}-cell-fixed-right-first`]: isFixedRightFirst
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(BodyCell, Object.assign({
       role: "gridcell",
@@ -84137,9 +84290,9 @@ class BaseRow_TableRow extends baseComponent_BaseComponent {
           index: index,
           record: record,
           component: BodyCell,
-          fixedLeft: isFixedLeft(column) && arrayAdd(cellWidths, 0, columnIndex),
+          fixedLeft: utils_isFixedLeft(column) && arrayAdd(cellWidths, 0, columnIndex),
           lastFixedLeft: isLastLeftFixed(columns, column),
-          fixedRight: isFixedRight(column) && arrayAdd(cellWidths, columnIndex + 1),
+          fixedRight: utils_isFixedRight(column) && arrayAdd(cellWidths, columnIndex + 1),
           firstFixedRight: isFirstFixedRight(columns, column),
           selected: selected,
           expanded: expanded,
@@ -84683,7 +84836,6 @@ var Body_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
 class Body_Body extends baseComponent_BaseComponent {
   constructor(props, context) {
     var _this;
@@ -85447,12 +85599,10 @@ class Body_Body extends baseComponent_BaseComponent {
     const {
       virtualized
     } = this.props;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(configProvider_context.Consumer, null, _ref => {
-      let {
-        direction
-      } = _ref;
-      return virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction);
-    });
+    const {
+      direction
+    } = this.context;
+    return virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction);
   }
 
 }
@@ -85765,8 +85915,9 @@ class Table_Table extends baseComponent_BaseComponent {
       const node = this.bodyWrapRef.current;
 
       if (node && node.children && node.children.length) {
-        const scrollToLeft = node.scrollLeft === 0;
-        const scrollToRight = node.scrollLeft + 1 >= node.children[0].getBoundingClientRect().width - node.getBoundingClientRect().width;
+        const scrollToLeft = node.scrollLeft === 0; // why use Math.abs? @see https://bugzilla.mozilla.org/show_bug.cgi?id=1447743
+
+        const scrollToRight = Math.abs(node.scrollLeft) + 1 >= node.children[0].getBoundingClientRect().width - node.getBoundingClientRect().width;
 
         if (scrollToLeft && scrollToRight) {
           this.setScrollPosition('both');
@@ -85793,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') {
@@ -85810,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);
 
@@ -85820,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 {
@@ -86024,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
@@ -86343,6 +86494,8 @@ class Table_Table extends baseComponent_BaseComponent {
       allRowKeys: [],
       disabledRowKeys: [],
       disabledRowKeysSet: new Set(),
+      allDisabledRowKeys: [],
+      allDisabledRowKeysSet: new Set(),
       headWidths: [],
       bodyHasScrollBar: false,
       prePropRowSelection: undefined,
@@ -86447,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);
@@ -86655,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;
@@ -86760,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) {
@@ -86957,11 +87124,13 @@ class Table_Table extends baseComponent_BaseComponent {
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       ref: this.rootWrapRef,
-      className: classnames_default()(className, `${prefixCls}-wrapper`),
+      className: classnames_default()(className, `${prefixCls}-wrapper`, `${prefixCls}-wrapper-${props.direction}`),
       "data-column-fixed": anyColumnFixed,
       style: wrapStyle,
       id: id
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(table_TableContextProvider, Object.assign({}, tableContextValue), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(spin_0, {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(table_TableContextProvider, Object.assign({}, tableContextValue, {
+      direction: props.direction
+    }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(spin_0, {
       spinning: loading,
       size: "large"
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -87349,6 +87518,7 @@ const ResizableTable = function () {
 
 
 
+
 class table_Table_0 extends external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.PureComponent {
   constructor(props) {
     super(props);
@@ -87359,16 +87529,21 @@ class table_Table_0 extends external_root_React_commonjs2_react_commonjs_react_a
   }
 
   render() {
-    // eslint-disable-next-line prefer-destructuring
+    var _a; // eslint-disable-next-line prefer-destructuring
+
+
     const props = this.props;
+    const direction = (_a = this.props.direction) !== null && _a !== void 0 ? _a : this.context.direction;
 
     if (props.resizable) {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(table_ResizableTable, Object.assign({}, props, {
-        ref: this.tableRef
+        ref: this.tableRef,
+        direction: direction
       }));
     } else {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(table_Table, Object.assign({}, props, {
-        ref: this.tableRef
+        ref: this.tableRef,
+        direction: direction
       }));
     }
   }
@@ -87384,6 +87559,7 @@ table_Table_0.propTypes = Object.assign(Object.assign({}, table_Table.propTypes)
 table_Table_0.defaultProps = {
   hideExpandedColumn: true
 };
+table_Table_0.contextType = configProvider_context;
 
 /* harmony default export */ var table_0 = (table_Table_0);
 // CONCATENATED MODULE: ../semi-foundation/tabs/constants.ts
@@ -94085,6 +94261,7 @@ var treeSelect = __webpack_require__("uw59");
 
 
 
+
 
 
 const treeSelect_prefixcls = treeSelect_constants_cssClasses.PREFIX;
@@ -94819,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;
     };
@@ -94854,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,
@@ -94878,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);
       });
     };
 
@@ -95193,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);
         });
       },
@@ -95234,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
@@ -102203,11 +102378,9 @@ class previewImageFoundation_PreviewImageFoundation extends foundation {
 
     this.handleWindowResize = () => {
       const {
+        ratio,
         setRatio
       } = this.getProps();
-      const {
-        ratio
-      } = this.getProps();
 
       const {
         originImageWidth,
@@ -103177,12 +103350,6 @@ class previewInnerFoundation_PreviewInnerFoundation extends foundation {
     this._adapter.enabledBodyScroll();
   }
 
-  handleRatio(type) {
-    this.setState({
-      ratio: type
-    });
-  }
-
 }
 // CONCATENATED MODULE: ./image/previewInner.tsx
 
@@ -103270,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(),
@@ -103424,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;
@@ -103546,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,