@douyinfe/semi-ui 2.0.8 → 2.1.0-beta.1

package/dist/umd/semi-ui.js

@@ -9987,13 +9987,6 @@ module.exports = entryVirtual('Array').keys;
 
 
 
-/***/ }),
-
-/***/ "QHmH":
-/***/ (function(module, exports) {
-
-
-
 /***/ }),
 
 /***/ "Qb90":
@@ -20426,6 +20419,9 @@ class foundation_Tooltip extends foundation {
       this._adapter.insertPortal(content, position);
 
       if (trigger === 'custom') {
+        // eslint-disable-next-line
+        this._adapter.registerClickOutsideHandler(() => {});
+
         this._togglePortalVisible(true);
       }
       /**
@@ -20548,12 +20544,12 @@ class foundation_Tooltip extends foundation {
   }
 
   _bindEvent() {
-    const types = this.getProp('trigger'); // get trigger type
+    const trigger = this.getProp('trigger'); // get trigger type
 
     const {
       triggerEventSet,
       portalEventSet
-    } = this._generateEvent(types);
+    } = this._generateEvent(trigger);
 
     this._bindTriggerEvent(triggerEventSet);
 
@@ -23666,6 +23662,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
           popupEl = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.findDOMNode(popupEl);
 
           if (el && !el.contains(e.target) && popupEl && !popupEl.contains(e.target) || this.props.clickTriggerToHide) {
+            this.props.onClickOutSide(e);
             cb();
           }
         };
@@ -23864,6 +23861,7 @@ tooltip_Tooltip.propTypes = {
   content: prop_types_default.a.node,
   prefixCls: prop_types_default.a.string,
   onVisibleChange: prop_types_default.a.func,
+  onClickOutSide: prop_types_default.a.func,
   spacing: prop_types_default.a.number,
   showArrow: prop_types_default.a.oneOfType([prop_types_default.a.bool, prop_types_default.a.node]),
   zIndex: prop_types_default.a.number,
@@ -23889,6 +23887,7 @@ tooltip_Tooltip.defaultProps = {
   mouseEnterDelay: numbers.MOUSE_ENTER_DELAY,
   mouseLeaveDelay: numbers.MOUSE_LEAVE_DELAY,
   onVisibleChange: lodash_es_noop,
+  onClickOutSide: lodash_es_noop,
   spacing: numbers.SPACING,
   showArrow: true,
   arrowBounding: numbers.ARROW_BOUNDING
@@ -24039,6 +24038,12 @@ var formatLong = {
   })
 };
 /* harmony default export */ var _lib_formatLong = (formatLong);
+// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/_lib/requiredArgs/index.js
+function requiredArgs(required, args) {
+  if (args.length < required) {
+    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
+  }
+}
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/_lib/toInteger/index.js
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -24053,12 +24058,6 @@ function toInteger(dirtyNumber) {
 
   return number < 0 ? Math.ceil(number) : Math.floor(number);
 }
-// CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/_lib/requiredArgs/index.js
-function requiredArgs(required, args) {
-  if (args.length < required) {
-    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
-  }
-}
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/toDate/index.js
 
 /**
@@ -26163,7 +26162,6 @@ const IconUpload_IconComponent = convertIcon(IconUpload_SvgComponent, 'upload');
 
 
 
-
 
 
 // CONCATENATED MODULE: ../semi-icons/lib/es/index.js
@@ -26865,17 +26863,11 @@ var popover_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const popover_positionSet = popover_constants_strings.POSITION_SET;
 const popover_triggerSet = popover_constants_strings.TRIGGER_SET;
 
 class popover_Popover extends external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      popConfirmVisible: false
-    };
-  }
-
   renderPopCard() {
     const {
       content,
@@ -26951,6 +26943,7 @@ popover_Popover.propTypes = {
   trigger: prop_types_default.a.oneOf(popover_triggerSet).isRequired,
   contentClassName: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array]),
   onVisibleChange: prop_types_default.a.func,
+  onClickOutSide: prop_types_default.a.func,
   style: prop_types_default.a.object,
   spacing: prop_types_default.a.number,
   zIndex: prop_types_default.a.number,
@@ -26974,7 +26967,8 @@ popover_Popover.defaultProps = {
   cancelText: 'No',
   okText: 'Yes',
   position: 'bottom',
-  prefixCls: popover_constants_cssClasses.PREFIX
+  prefixCls: popover_constants_cssClasses.PREFIX,
+  onClickOutSide: lodash_es_noop
 };
 /* harmony default export */ var popover_0 = (popover_Popover);
 // CONCATENATED MODULE: ./typography/util.tsx
@@ -30373,7 +30367,7 @@ spin_Spin.propTypes = {
   children: prop_types_default.a.node,
   indicator: prop_types_default.a.node,
   delay: prop_types_default.a.number,
-  tip: prop_types_default.a.string,
+  tip: prop_types_default.a.node,
   wrapperClassName: prop_types_default.a.string,
   childStyle: prop_types_default.a.object,
   style: prop_types_default.a.object
@@ -31458,14 +31452,14 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
       style: style
     }, showTick ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: selectedIconClassName
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconTick, null)) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconTick, null)) : null, Object(isString["a" /* default */])(children) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(prefixCls, "-text")
     }, this.renderOptionContent({
       children,
       config,
       inputValue,
       prefixCls
-    })));
+    })) : children);
   }
 
 }
@@ -31496,9 +31490,6 @@ option_Option.defaultProps = {
 // EXTERNAL MODULE: ../semi-foundation/autoComplete/autoComplete.scss
 var autoComplete = __webpack_require__("t64S");
 
-// EXTERNAL MODULE: ../semi-foundation/select/option.scss
-var semi_foundation_select_option = __webpack_require__("QHmH");
-
 // CONCATENATED MODULE: ./autoComplete/index.tsx
 
 
@@ -31523,7 +31514,6 @@ var semi_foundation_select_option = __webpack_require__("QHmH");
 
 
 
-
 const autoComplete_prefixCls = autoComplete_constants_cssClasses.PREFIX;
 const autoComplete_sizeSet = autoComplete_constants_strings.SIZE;
 const autoComplete_positionSet = autoComplete_constants_strings.POSITION;
@@ -32663,7 +32653,6 @@ iconButton_IconButton.propTypes = {
   loading: prop_types_default.a.bool,
   prefixCls: prop_types_default.a.string,
   icon: prop_types_default.a.oneOfType([prop_types_default.a.object, prop_types_default.a.string, prop_types_default.a.node]),
-  iconType: prop_types_default.a.element,
   iconSize: prop_types_default.a.oneOf(iconSizes),
   noHorizontalPadding: prop_types_default.a.oneOfType([prop_types_default.a.bool, prop_types_default.a.string, prop_types_default.a.array]),
   children: prop_types_default.a.node,
@@ -33679,8 +33668,7 @@ class button_Button extends external_root_React_commonjs2_react_commonjs_react_a
   render() {
     const props = assign_default()({}, this.props);
 
-    const hasIcon = Boolean(props.icon || props.iconType); // TODO: iconType needs to be confirmed
-
+    const hasIcon = Boolean(props.icon);
     const isLoading = Boolean(props.loading);
     const isDisabled = Boolean(props.disabled);
 
@@ -41204,6 +41192,7 @@ function max_max(array) {
 
 
 
+
 /**
  * Part of the utils function implementation process reference
  * https://github.com/react-component/tree/blob/master/src/util.tsx
@@ -41706,7 +41695,9 @@ function normalizeKeyList(keyList, keyEntities) {
       res.push(key);
     });
   } else {
-    res = filter_default()(keyList).call(keyList, key => keyEntities[key] && !treeUtil_isValid(keyEntities[key].children));
+    var _context8;
+
+    res = filter_default()(_context8 = from_default()(keyList)).call(_context8, key => keyEntities[key] && !treeUtil_isValid(keyEntities[key].children));
   }
 
   return res;
@@ -41715,9 +41706,9 @@ function getMotionKeys(eventKey, expandedKeys, keyEntities) {
   const res = [];
 
   const getChild = itemKey => {
-    var _context8;
+    var _context9;
 
-    keyEntities[itemKey].children && for_each_default()(_context8 = keyEntities[itemKey].children).call(_context8, item => {
+    keyEntities[itemKey].children && for_each_default()(_context9 = keyEntities[itemKey].children).call(_context9, item => {
       const {
         key
       } = item;
@@ -41833,7 +41824,7 @@ function calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfCheckedK
   };
 }
 function filterTreeData(info) {
-  var _context9, _context10;
+  var _context10, _context11;
 
   const {
     showFilteredOnly,
@@ -41845,7 +41836,7 @@ function filterTreeData(info) {
     prevExpandedKeys
   } = info;
   let filteredOptsKeys = [];
-  filteredOptsKeys = map_default()(_context9 = filter_default()(_context10 = values_default()(keyEntities)).call(_context10, item => treeUtil_filter(inputValue, item.data, filterTreeNode, filterProps))).call(_context9, item => item.key);
+  filteredOptsKeys = map_default()(_context10 = filter_default()(_context11 = values_default()(keyEntities)).call(_context11, item => treeUtil_filter(inputValue, item.data, filterTreeNode, filterProps))).call(_context10, item => item.key);
   let expandedOptsKeys = findAncestorKeys(filteredOptsKeys, keyEntities, false);
 
   if (prevExpandedKeys.length) {
@@ -41886,9 +41877,9 @@ function updateKeys(keySet, keyEntities) {
   return filter_default()(keyArr).call(keyArr, key => key in keyEntities);
 }
 function calcDisabledKeys(keyEntities) {
-  var _context11;
+  var _context12;
 
-  const disabledKeys = filter_default()(_context11 = keys_default()(keyEntities)).call(_context11, key => keyEntities[key].data.disabled);
+  const disabledKeys = filter_default()(_context12 = keys_default()(keyEntities)).call(_context12, key => keyEntities[key].data.disabled);
 
   const {
     checkedKeys
@@ -44372,6 +44363,8 @@ class foundation_TagInputFoundation extends foundation {
 
         this._onRemove(newTagList, removedTag, length - 1);
       }
+
+      this._adapter.notifyKeyDown(e);
     };
   }
 
@@ -44631,6 +44624,9 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
       },
       notifyTagRemove: (v, idx) => {
         this.props.onRemove(v, idx);
+      },
+      notifyKeyDown: e => {
+        this.props.onKeyDown(e);
       }
     });
   }
@@ -44879,6 +44875,7 @@ tagInput_TagInput.propTypes = {
   onInputExceed: prop_types_default.a.func,
   onAdd: prop_types_default.a.func,
   onRemove: prop_types_default.a.func,
+  onKeyDown: prop_types_default.a.func,
   size: prop_types_default.a.oneOf(tagInput_constants_strings.SIZE_SET),
   validateStatus: prop_types_default.a.oneOf(tagInput_constants_strings.STATUS),
   prefix: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.node]),
@@ -44901,7 +44898,8 @@ tagInput_TagInput.defaultProps = {
   onExceed: lodash_es_noop,
   onInputExceed: lodash_es_noop,
   onAdd: lodash_es_noop,
-  onRemove: lodash_es_noop
+  onRemove: lodash_es_noop,
+  onKeyDown: lodash_es_noop
 };
 /* harmony default export */ var tagInput_0 = (tagInput_TagInput);
 // CONCATENATED MODULE: ./cascader/index.tsx
@@ -44932,6 +44930,7 @@ tagInput_TagInput.defaultProps = {
 
 
 
+
 
 
 const cascader_prefixcls = cascader_constants_cssClasses.PREFIX;
@@ -45180,15 +45179,27 @@ class cascader_Cascader extends baseComponent_BaseComponent {
     this.renderCustomTrigger = () => {
       const {
         disabled,
-        triggerRender
+        triggerRender,
+        multiple,
+        autoMergeValue
       } = this.props;
       const {
         selectedKeys,
         inputValue,
-        inputPlaceHolder
+        inputPlaceHolder,
+        mergedCheckedKeys,
+        checkedKeys
       } = this.state;
+      let realValue;
+
+      if (multiple) {
+        realValue = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+      } else {
+        realValue = [...selectedKeys][0];
+      }
+
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(trigger_0, {
-        value: [...selectedKeys][0],
+        value: realValue,
         inputValue: inputValue,
         onChange: this.handleInputChange,
         onClear: this.handleClear,
@@ -57074,7 +57085,7 @@ class yearAndMonth_YearAndMonth extends baseComponent_BaseComponent {
       className: prefix
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
       noHorizontalPadding: false,
-      iconType: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronLeft, {
+      icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronLeft, {
         size: iconSize
       }),
       size: buttonSize,
@@ -69910,12 +69921,14 @@ class foundation_SelectFoundation extends foundation {
       let optionNotExist = {
         value: propValue,
         label: propValue,
-        _notExist: true
+        _notExist: true,
+        _scrollIndex: -1
       };
 
       if (onChangeWithObject) {
         optionNotExist = assign_default()(assign_default()({}, propValue), {
-          _notExist: true
+          _notExist: true,
+          _scrollIndex: -1
         });
       }
 
@@ -69974,7 +69987,9 @@ class foundation_SelectFoundation extends foundation {
             onChangeWithObject ? optionNotExist = assign_default()(assign_default()({}, propValue[i]), {
               _notExist: true
             }) : null;
-            selections.set(optionNotExist.label, optionNotExist);
+            selections.set(optionNotExist.label, assign_default()(assign_default()({}, optionNotExist), {
+              _scrollIndex: -1
+            }));
           }
         }
       });
@@ -70159,7 +70174,7 @@ class foundation_SelectFoundation extends foundation {
       this._adapter.notifyMaxLimit(assign_default()({
         value,
         label
-      }, rest));
+      }, lodash_es_omit(rest, '_scrollIndex')));
 
       return;
     } else {
@@ -70660,6 +70675,7 @@ class foundation_SelectFoundation extends foundation {
     delete option._parentGroup;
     delete option._show;
     delete option._selected;
+    delete option._scrollIndex;
 
     if ('_keyInOptionList' in option) {
       option.key = option._keyInOptionList;
@@ -70996,7 +71012,7 @@ var utils_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-const generateOption = (child, parent) => {
+const generateOption = (child, parent, index) => {
   const childProps = child.props;
 
   if (!child || !childProps) {
@@ -71008,7 +71024,8 @@ const generateOption = (child, parent) => {
     // Drop-down menu rendering priority label value, children, value in turn downgrade
     label: childProps.label || childProps.children || childProps.value,
     _show: true,
-    _selected: false
+    _selected: false,
+    _scrollIndex: index
   }, childProps), {
     _parentGroup: parent
   });
@@ -71031,11 +71048,13 @@ const getOptionsFromGroup = selectChildren => {
   const childNodes = filter_default()(_context = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(selectChildren)).call(_context, childNode => childNode && childNode.props);
 
   let type = '';
+  let optionIndex = -1;
 
   for_each_default()(childNodes).call(childNodes, child => {
     if (child.type.isSelectOption) {
       type = 'option';
-      const option = generateOption(child);
+      optionIndex++;
+      const option = generateOption(child, undefined, optionIndex);
       emptyGroup.children.push(option);
       options.push(option);
     } else if (child.type.isSelectOptionGroup) {
@@ -71050,7 +71069,10 @@ const getOptionsFromGroup = selectChildren => {
 
       children = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(children);
 
-      const childrenOption = map_default()(children).call(children, option => generateOption(option, restGroupProps));
+      const childrenOption = map_default()(children).call(children, option => {
+        optionIndex++;
+        return generateOption(option, restGroupProps, optionIndex);
+      });
 
       const group = assign_default()(assign_default()({}, child.props), {
         children: childrenOption,
@@ -71176,7 +71198,6 @@ var select_select = __webpack_require__("1d3+");
 
 
 
-
 
 
 const select_prefixcls = select_constants_cssClasses.PREFIX;
@@ -71316,9 +71337,10 @@ class select_Select extends baseComponent_BaseComponent {
         } = _this.props;
 
         if (optionList && optionList.length) {
-          options = map_default()(optionList).call(optionList, itemOpt => assign_default()({
+          options = map_default()(optionList).call(optionList, (itemOpt, index) => assign_default()({
             _show: true,
-            _selected: false
+            _selected: false,
+            _scrollIndex: index
           }, itemOpt));
           optionGroups[0] = {
             children: options,
@@ -71893,15 +71915,21 @@ class select_Select extends baseComponent_BaseComponent {
     }
 
     if (virtualize) {
-      let minKey;
+      let minItemIndex = -1;
+
+      for_each_default()(selections).call(selections, item => {
+        const itemIndex = Object(lodash_es_get["a" /* default */])(item, '_scrollIndex');
+        /* When the itemIndex is legal */
 
-      for_each_default()(selections).call(selections, (v, k) => {
-        const tempKey = Number(String(k).match(/option-(.*)/)[1]);
-        minKey = typeof minKey === 'number' && minKey < tempKey ? minKey : tempKey;
+        if (lodash_es_isNumber(itemIndex) && itemIndex >= 0) {
+          minItemIndex = minItemIndex !== -1 && minItemIndex < itemIndex ? minItemIndex : itemIndex;
+        }
       });
 
-      if (minKey) {
-        this.virtualizeListRef.current.scrollToItem(minKey, 'center');
+      if (minItemIndex !== -1) {
+        try {
+          this.virtualizeListRef.current.scrollToItem(minItemIndex, 'center');
+        } catch (error) {}
       }
     } else {
       this.foundation.updateScrollTop();
@@ -72669,6 +72697,10 @@ class popconfirmFoundation_PopConfirmFoundation extends foundation {
     this.handleVisibleChange(false);
   }
 
+  handleClickOutSide(e) {
+    this._adapter.notifyClickOutSide(e);
+  }
+
   handleVisibleChange(visible) {
     if (!this._isControlledComponent('visible')) {
       this._adapter.setVisible(visible);
@@ -72722,6 +72754,8 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
 
     this.handleVisibleChange = visible => this.foundation.handleVisibleChange(visible);
 
+    this.handleClickOutSide = e => this.foundation.handleClickOutSide(e);
+
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
     this.state = {
@@ -72750,7 +72784,8 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
       }),
       notifyConfirm: e => this.props.onConfirm(e),
       notifyCancel: e => this.props.onCancel(e),
-      notifyVisibleChange: visible => this.props.onVisibleChange(visible)
+      notifyVisibleChange: visible => this.props.onVisibleChange(visible),
+      notifyClickOutSide: e => this.props.onClickOutSide(e)
     });
   }
 
@@ -72849,7 +72884,8 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
     const popContent = this.renderConfirmPopCard();
     const popProps = {
       onVisibleChange: this.handleVisibleChange,
-      className: popconfirm_constants_cssClasses.POPOVER
+      className: popconfirm_constants_cssClasses.POPOVER,
+      onClickOutSide: this.handleClickOutSide
     };
 
     if (this.isControlled('visible')) {
@@ -72880,13 +72916,14 @@ popconfirm_Popconfirm.propTypes = {
   cancelType: prop_types_default.a.string,
   onCancel: prop_types_default.a.func,
   onConfirm: prop_types_default.a.func,
-  zIndex: prop_types_default.a.number,
+  onClickOutSide: prop_types_default.a.func,
   onVisibleChange: prop_types_default.a.func,
   visible: prop_types_default.a.bool,
   defaultVisible: prop_types_default.a.bool,
   okButtonProps: prop_types_default.a.object,
   cancelButtonProps: prop_types_default.a.object,
   stopPropagation: prop_types_default.a.oneOfType([prop_types_default.a.bool, prop_types_default.a.string]),
+  zIndex: prop_types_default.a.number,
   // private
   trigger: prop_types_default.a.string,
   position: prop_types_default.a.string
@@ -72905,7 +72942,8 @@ popconfirm_Popconfirm.defaultProps = {
   prefixCls: popconfirm_constants_cssClasses.PREFIX,
   zIndex: popconfirm_constants_numbers.DEFAULT_Z_INDEX,
   onCancel: lodash_es_noop,
-  onConfirm: lodash_es_noop
+  onConfirm: lodash_es_noop,
+  onClickOutSide: lodash_es_noop
 };
 // CONCATENATED MODULE: ../semi-foundation/progress/constants.ts
 
@@ -75231,14 +75269,17 @@ const touchEventPolyfill = (touch, touchEvent) => {
 
 class foundation_SliderFoundation extends foundation {
   constructor(adapter) {
+    var _this;
+
     super(assign_default()(assign_default()({}, foundation_SliderFoundation.defaultAdapter), adapter));
+    _this = this;
+
     /**
      * Calculate the percentage corresponding to the current value for style calculation
      * @{}
      *
      * @memberof SliderFoundation
      */
-
     this.getMinAndMaxPercent = value => {
       // debugger
       const {
@@ -75831,7 +75872,7 @@ class foundation_SliderFoundation extends foundation {
       const mousePos = this.handleMousePos(e.pageX, e.pageY);
       const position = vertical ? mousePos.y : mousePos.x;
       const isMin = this.checkWhichHandle(position);
-      this.setHandlePos(position, isMin);
+      this.setHandlePos(position, isMin, true);
     };
     /**
      * Move the slider to the current click position
@@ -75840,8 +75881,10 @@ class foundation_SliderFoundation extends foundation {
      */
 
 
-    this.setHandlePos = (position, isMin) => {
-      this._adapter.onHandleMove(position, isMin, () => this._adapter.onHandleUpAfter());
+    this.setHandlePos = function (position, isMin) {
+      let clickTrack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+      _this._adapter.onHandleMove(position, isMin, () => _this._adapter.onHandleUpAfter(), clickTrack);
     };
     /**
      * Determine which slider should be moved currently
@@ -76337,6 +76380,7 @@ class slider_Slider extends baseComponent_BaseComponent {
       },
       onHandleMove: function (mousePos, isMin) {
         let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : lodash_es_noop;
+        let clickTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
 
         const sliderDOMIsInRenderTree = _this.foundation.checkAndUpdateIsInRenderTreeState();
 
@@ -76364,7 +76408,8 @@ class slider_Slider extends baseComponent_BaseComponent {
         if (!lodash_es_isEqual(_this.foundation.outPutValue(currentValue), outPutValue)) {
           onChange(outPutValue);
 
-          if (_this.foundation.valueFormatIsCorrect(value)) {
+          if (!clickTrack && _this.foundation.valueFormatIsCorrect(value)) {
+            // still require afterChangeCallback when click on the track directly, need skip here
             return false;
           }
 
@@ -77923,6 +77968,73 @@ const table_constants_numbers = {
   DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT
 };
 
+// CONCATENATED MODULE: ../semi-foundation/utils/Logger.ts
+class Logger {
+  /**
+   * specify prefix
+   * @param {string} prefix
+   */
+  constructor(prefix) {
+    this._prefix = prefix;
+  }
+
+  _isEmpty(value) {
+    return value === null || value === undefined || value === '';
+  }
+
+  _baseLog() {
+    let method = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'log';
+
+    if (typeof console[method] === 'function') {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      const messages = [...args];
+
+      if (!this._isEmpty(this._prefix)) {
+        messages.unshift(this._prefix, ':');
+      }
+
+      console[method](...messages);
+    }
+  }
+
+  log() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    this._baseLog('log', ...args);
+  }
+
+  warn() {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+
+    this._baseLog('warn', ...args);
+  }
+
+  error() {
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
+    }
+
+    this._baseLog('error', ...args);
+  }
+
+  info() {
+    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      args[_key5] = arguments[_key5];
+    }
+
+    this._baseLog('info', ...args);
+  }
+
+}
+
+/* harmony default export */ var utils_Logger = (Logger);
 // CONCATENATED MODULE: ../semi-foundation/table/utils.ts
 
 
@@ -77942,6 +78054,7 @@ const table_constants_numbers = {
 
 
 
+
 function utils_cloneDeep(value, customizer) {
   return Object(cloneDeepWith["a" /* default */])(value, v => {
     if (typeof v === 'function') {
@@ -78185,6 +78298,7 @@ function flattenColumns(cols) {
       if (is_array_default()(col[childrenColumnName]) && col[childrenColumnName].length) {
         list.push(...flattenColumns(col[childrenColumnName], childrenColumnName));
       } else {
+        warnIfNoDataIndex(col);
         list.push(col);
       }
     }
@@ -78409,6 +78523,20 @@ function getAllDisabledRowKeys(_ref) {
 
   return disabledRowKeys;
 }
+function warnIfNoDataIndex(column) {
+  if (typeof column === 'object' && column !== null) {
+    const {
+      filters,
+      sorter,
+      dataIndex
+    } = column;
+    const logger = new utils_Logger('[@douyinfe/semi-ui Table]');
+
+    if ((is_array_default()(filters) || Object(isFunction["a" /* default */])(sorter)) && isNullOrUndefined(dataIndex)) {
+      logger.warn("The column with sorter or filter must pass the 'dataIndex' prop");
+    }
+  }
+}
 // CONCATENATED MODULE: ../semi-foundation/utils/Store.ts
 
 
@@ -81303,73 +81431,6 @@ class bodyFoundation_TableBodyFoundation extends foundation {
   }
 
 }
-// CONCATENATED MODULE: ../semi-foundation/utils/Logger.ts
-class Logger {
-  /**
-   * specify prefix
-   * @param {string} prefix
-   */
-  constructor(prefix) {
-    this._prefix = prefix;
-  }
-
-  _isEmpty(value) {
-    return value === null || value === undefined || value === '';
-  }
-
-  _baseLog() {
-    let method = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'log';
-
-    if (typeof console[method] === 'function') {
-      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
-      }
-
-      const messages = [...args];
-
-      if (!this._isEmpty(this._prefix)) {
-        messages.unshift(this._prefix, ':');
-      }
-
-      console[method](...messages);
-    }
-  }
-
-  log() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    this._baseLog('log', ...args);
-  }
-
-  warn() {
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-
-    this._baseLog('warn', ...args);
-  }
-
-  error() {
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-
-    this._baseLog('error', ...args);
-  }
-
-  info() {
-    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-      args[_key5] = arguments[_key5];
-    }
-
-    this._baseLog('info', ...args);
-  }
-
-}
-
-/* harmony default export */ var utils_Logger = (Logger);
 // CONCATENATED MODULE: ./table/utils.ts
 
 
@@ -81483,7 +81544,7 @@ function mergeComponents(components, virtualized) {
     }
   }, components);
 }
-const logger = new utils_Logger('[@douyinfe/semi-ui Table]');
+const utils_logger = new utils_Logger('[@douyinfe/semi-ui Table]');
 
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/stubTrue.js
 /**
@@ -82704,7 +82765,7 @@ class Body_Body extends baseComponent_BaseComponent {
       }
 
       if (realSize < defaultConfig.minHeight) {
-        logger.warn("The computed real `itemSize` cannot be less than ".concat(defaultConfig.minHeight));
+        utils_logger.warn("The computed real `itemSize` cannot be less than ".concat(defaultConfig.minHeight));
       }
 
       return realSize;
@@ -82895,7 +82956,7 @@ class Body_Body extends baseComponent_BaseComponent {
       const y = yIsNumber ? rawY : 600;
 
       if (!yIsNumber) {
-        logger.warn('You have to specific "scroll.y" which must be a number for table virtualization!');
+        utils_logger.warn('You have to specific "scroll.y" which must be a number for table virtualization!');
       }
 
       const listStyle = {
@@ -83225,7 +83286,7 @@ class Body_Body extends baseComponent_BaseComponent {
             this.observer = new ResizeObserver(resizeCallback);
             this.observer.observe(bodyWrapDOM);
           } else {
-            logger.warn('The current browser does not support ResizeObserver,' + 'and the table may be misaligned after plugging and unplugging the mouse and keyboard.' + 'You can try to refresh it.');
+            utils_logger.warn('The current browser does not support ResizeObserver,' + 'and the table may be misaligned after plugging and unplugging the mouse and keyboard.' + 'You can try to refresh it.');
           }
         }
       },
@@ -83523,7 +83584,7 @@ class Table_Table extends baseComponent_BaseComponent {
     // TODO: notify when data don't have key
     this._warnIfNoKey = () => {
       if ((this.props.rowSelection || this.props.expandedRowRender) && lodash_es_some(this.props.dataSource, record => this.foundation.getRecordKey(record) == null)) {
-        logger.error('You must specify a key for each element in the dataSource or use "rowKey" to specify an attribute name as the primary key!');
+        utils_logger.error('You must specify a key for each element in the dataSource or use "rowKey" to specify an attribute name as the primary key!');
       }
     };
 
@@ -84511,7 +84572,7 @@ class Table_Table extends baseComponent_BaseComponent {
       childrenRecordName,
       rowKey
     } = props;
-    props.columns && props.children && logger.warn('columns should not given by object and children at the same time');
+    props.columns && props.children && utils_logger.warn('columns should not given by object and children at the same time');
 
     if (props.columns && props.columns !== state.cachedColumns) {
       const newFlattenColumns = flattenColumns(props.columns);
@@ -85529,13 +85590,23 @@ class foundation_TabsFoundation extends foundation {
     this._adapter.collectPane();
   }
 
+  _notifyChange(activeKey) {
+    const {
+      activeKey: stateActiveKey
+    } = this.getStates();
+
+    if (stateActiveKey !== activeKey) {
+      this._adapter.notifyChange(activeKey);
+    }
+  }
+
   handleTabClick(activeKey, event) {
     const isControledComponent = this._isInProps('activeKey');
 
     if (isControledComponent) {
-      this._adapter.notifyChange(activeKey);
+      this._notifyChange(activeKey);
     } else {
-      this._adapter.notifyChange(activeKey);
+      this._notifyChange(activeKey);
 
       this.handleNewActiveKey(activeKey);
     }
@@ -85575,15 +85646,11 @@ class foundation_TabsFoundation extends foundation {
   handleTabPanesChange() {
     this._adapter.collectPane();
 
-    let activeKey = this.getState('activeKey');
-
-    if (typeof activeKey === 'undefined') {
-      activeKey = this._adapter.getDefaultActiveKeyFromChildren();
-    }
+    this._adapter.collectActiveKey();
+  }
 
-    if (typeof activeKey !== 'undefined') {
-      this.handleNewActiveKey(activeKey);
-    }
+  handleTabDelete(tabKey) {
+    this._adapter.notifyTabDelete(tabKey);
   }
 
 }
@@ -85646,9 +85713,15 @@ class TabBar_TabBar extends external_root_React_commonjs2_react_commonjs_react_a
 
     this.renderTabItem = panel => {
       const {
-        size
+        size,
+        type,
+        deleteTabItem
       } = this.props;
       const panelIcon = panel.icon ? this.renderIcon(panel.icon) : null;
+      const closableIcon = type === 'card' && panel.closable ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
+        className: "".concat(tabs_constants_cssClasses.TABS_TAB, "-icon-close"),
+        onClick: e => deleteTabItem(panel.itemKey, e)
+      }) : null;
       let events = {};
       const key = panel.itemKey;
 
@@ -85671,7 +85744,7 @@ class TabBar_TabBar extends external_root_React_commonjs2_react_commonjs_react_a
       }, events, {
         className: className,
         key: this._getItemKey(key)
-      }), panelIcon, panel.tab);
+      }), panelIcon, panel.tab, closableIcon);
     };
 
     this.renderTabComponents = list => map_default()(list).call(list, panel => this.renderTabItem(panel));
@@ -85873,7 +85946,9 @@ TabBar_TabBar.propTypes = {
   style: prop_types_default.a.object,
   tabBarExtraContent: prop_types_default.a.node,
   tabPosition: prop_types_default.a.oneOf(tabs_constants_strings.POSITION_MAP),
-  type: prop_types_default.a.oneOf(tabs_constants_strings.TYPE_MAP)
+  type: prop_types_default.a.oneOf(tabs_constants_strings.TYPE_MAP),
+  closable: prop_types_default.a.bool,
+  deleteTabItem: prop_types_default.a.func
 };
 /* harmony default export */ var tabs_TabBar = (TabBar_TabBar);
 // CONCATENATED MODULE: ./tabs/tabs-context.ts
@@ -86119,7 +86194,8 @@ TabPane_TabPane.propTypes = {
   disabled: prop_types_default.a.bool,
   itemKey: prop_types_default.a.string,
   tab: prop_types_default.a.node,
-  icon: prop_types_default.a.node
+  icon: prop_types_default.a.node,
+  closable: prop_types_default.a.bool
 };
 /* harmony default export */ var tabs_TabPane = (TabPane_TabPane);
 // CONCATENATED MODULE: ./tabs/index.tsx
@@ -86133,6 +86209,7 @@ TabPane_TabPane.propTypes = {
 
 
 
+
 var tabs_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -86212,6 +86289,11 @@ class tabs_Tabs extends baseComponent_BaseComponent {
       });
     };
 
+    this.deleteTabItem = (tabKey, event) => {
+      event.stopPropagation();
+      this.foundation.handleTabDelete(tabKey);
+    };
+
     this.foundation = new tabs_foundation(this.adapter);
     this.state = {
       activeKey: this.foundation.getDefaultActiveKey(),
@@ -86244,13 +86326,15 @@ class tabs_Tabs extends baseComponent_BaseComponent {
               tab,
               icon,
               disabled,
-              itemKey
+              itemKey,
+              closable
             } = child.props;
             return {
               tab,
               icon,
               disabled,
-              itemKey
+              itemKey,
+              closable
             };
           }
 
@@ -86261,6 +86345,61 @@ class tabs_Tabs extends baseComponent_BaseComponent {
           panes
         });
       },
+      collectActiveKey: () => {
+        let panes = [];
+        const {
+          tabList,
+          children,
+          activeKey: propsActiveKey
+        } = this.props;
+
+        if (typeof propsActiveKey !== 'undefined') {
+          return;
+        }
+
+        const {
+          activeKey
+        } = this.state;
+
+        if (is_array_default()(tabList) && tabList.length) {
+          panes = tabList;
+        } else {
+          var _context3;
+
+          panes = map_default()(_context3 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children).call(_context3, children, child => {
+            if (child) {
+              const {
+                tab,
+                icon,
+                disabled,
+                itemKey,
+                closable
+              } = child.props;
+              return {
+                tab,
+                icon,
+                disabled,
+                itemKey,
+                closable
+              };
+            }
+
+            return undefined;
+          });
+        }
+
+        if (find_index_default()(panes).call(panes, p => p.itemKey === activeKey) === -1) {
+          if (panes.length > 0) {
+            this.setState({
+              activeKey: panes[0].itemKey
+            });
+          } else {
+            this.setState({
+              activeKey: ''
+            });
+          }
+        }
+      },
       notifyTabClick: (activeKey, event) => {
         this.props.onTabClick(activeKey, event);
       },
@@ -86273,14 +86412,14 @@ class tabs_Tabs extends baseComponent_BaseComponent {
         });
       },
       getDefaultActiveKeyFromChildren: () => {
-        var _context3;
+        var _context4;
 
         const {
           tabList,
           children
         } = this.props;
         let activeKey = '';
-        const list = tabList ? tabList : map_default()(_context3 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(children)).call(_context3, child => child.props);
+        const list = tabList ? tabList : map_default()(_context4 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(children)).call(_context4, child => child.props);
 
         for_each_default()(list).call(list, item => {
           if (item && !activeKey && !item.disabled) {
@@ -86289,6 +86428,9 @@ class tabs_Tabs extends baseComponent_BaseComponent {
         });
 
         return activeKey;
+      },
+      notifyTabDelete: tabKey => {
+        this.props.onTabClose && this.props.onTabClose(tabKey);
       }
     });
   }
@@ -86304,12 +86446,12 @@ class tabs_Tabs extends baseComponent_BaseComponent {
   }
 
   componentDidUpdate(prevProps) {
-    var _context4, _context5;
+    var _context5, _context6;
 
     // Panes state acts on tab bar, no need to compare TabPane children
-    const prevChildrenProps = map_default()(_context4 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(prevProps.children)).call(_context4, child => lodash_es_pick(child.props, panePickKeys));
+    const prevChildrenProps = map_default()(_context5 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(prevProps.children)).call(_context5, child => lodash_es_pick(child.props, panePickKeys));
 
-    const nowChildrenProps = map_default()(_context5 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(this.props.children)).call(_context5, child => lodash_es_pick(child.props, panePickKeys));
+    const nowChildrenProps = map_default()(_context6 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(this.props.children)).call(_context6, child => lodash_es_pick(child.props, panePickKeys));
 
     const isTabListType = this.props.tabList || prevProps.tabList;
 
@@ -86327,7 +86469,7 @@ class tabs_Tabs extends baseComponent_BaseComponent {
   }
 
   render() {
-    var _context6, _context7;
+    var _context7, _context8;
 
     const _a = this.props,
           {
@@ -86355,11 +86497,11 @@ class tabs_Tabs extends baseComponent_BaseComponent {
     } = this.state;
     const tabWrapperCls = classnames_default()(className, {
       [tabs_constants_cssClasses.TABS]: true,
-      [concat_default()(_context6 = "".concat(tabs_constants_cssClasses.TABS, "-")).call(_context6, tabPosition)]: tabPosition
+      [concat_default()(_context7 = "".concat(tabs_constants_cssClasses.TABS, "-")).call(_context7, tabPosition)]: tabPosition
     });
     const tabContentCls = classnames_default()({
       [tabs_constants_cssClasses.TABS_CONTENT]: true,
-      [concat_default()(_context7 = "".concat(tabs_constants_cssClasses.TABS_CONTENT, "-")).call(_context7, tabPosition)]: tabPosition
+      [concat_default()(_context8 = "".concat(tabs_constants_cssClasses.TABS_CONTENT, "-")).call(_context8, tabPosition)]: tabPosition
     });
     const tabBarProps = {
       activeKey,
@@ -86371,7 +86513,8 @@ class tabs_Tabs extends baseComponent_BaseComponent {
       style: tabBarStyle,
       tabBarExtraContent,
       tabPosition,
-      type
+      type,
+      deleteTabItem: this.deleteTabItem
     };
     const tabBar = renderTabBar ? renderTabBar(tabBarProps, tabs_TabBar) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tabs_TabBar, assign_default()({}, tabBarProps));
     const content = keepDOM ? children : this.getActiveItem();
@@ -86416,7 +86559,8 @@ tabs_Tabs.propTypes = {
   tabList: prop_types_default.a.array,
   tabPaneMotion: prop_types_default.a.oneOfType([prop_types_default.a.bool, prop_types_default.a.object, prop_types_default.a.func]),
   tabPosition: prop_types_default.a.oneOf(tabs_constants_strings.POSITION_MAP),
-  type: prop_types_default.a.oneOf(tabs_constants_strings.TYPE_MAP)
+  type: prop_types_default.a.oneOf(tabs_constants_strings.TYPE_MAP),
+  onTabClose: prop_types_default.a.func
 };
 tabs_Tabs.defaultProps = {
   children: [],
@@ -86428,7 +86572,8 @@ tabs_Tabs.defaultProps = {
   size: 'large',
   tabPaneMotion: true,
   tabPosition: 'top',
-  type: 'line'
+  type: 'line',
+  onTabClose: () => undefined
 };
 /* harmony default export */ var tabs_0 = (tabs_Tabs);
 // EXTERNAL MODULE: ../semi-foundation/timeline/timeline.scss
@@ -94718,6 +94863,7 @@ var upload = __webpack_require__("/t7F");
 
 const upload_prefixCls = upload_constants_cssClasses.PREFIX;
 
+
 class upload_Upload extends baseComponent_BaseComponent {
   constructor(props) {
     super(props);