@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-beta.3

package/dist/umd/semi-ui.js

@@ -15172,6 +15172,28 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_faye__;
 
 /***/ }),
 
+/***/ "ffXp":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var lodash_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("r6MD");
+
+
+const log = function (text) {
+  if (Object(lodash_es__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(process, 'env.NODE_ENV') === 'development') {
+    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      rest[_key - 1] = arguments[_key];
+    }
+
+    console.log(text, ...rest);
+  }
+};
+
+/* harmony default export */ __webpack_exports__["a"] = (log);
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("F63i")))
+
+/***/ }),
+
 /***/ "fw2E":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -18230,12 +18252,9 @@ const strings = {
 var core_js_stable_set = __webpack_require__("ZIXj");
 var set_default = /*#__PURE__*/__webpack_require__.n(core_js_stable_set);
 
-// CONCATENATED MODULE: ../semi-foundation/utils/log.ts
-const log = function (text) {
-  if (false) { var _len, rest, _key; }
-};
+// EXTERNAL MODULE: ../semi-foundation/utils/log.ts
+var log = __webpack_require__("ffXp");
 
-/* harmony default export */ var utils_log = (log);
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash-es/noop.js
 /**
  * This method returns `undefined`.
@@ -18380,7 +18399,7 @@ class foundation_BaseFoundation {
       rest[_key - 1] = arguments[_key];
     }
 
-    utils_log(text, ...rest);
+    Object(log["a" /* default */])(text, ...rest);
   }
 
 }
@@ -18772,7 +18791,7 @@ class baseComponent_BaseComponent extends external_root_React_commonjs2_react_co
       rest[_key - 1] = arguments[_key];
     }
 
-    return utils_log(text, ...rest);
+    return Object(log["a" /* default */])(text, ...rest);
   }
 
 }
@@ -20419,6 +20438,9 @@ class foundation_Tooltip extends foundation {
       this._adapter.insertPortal(content, position);
 
       if (trigger === 'custom') {
+        // eslint-disable-next-line
+        this._adapter.registerClickOutsideHandler(() => {});
+
         this._togglePortalVisible(true);
       }
       /**
@@ -20541,12 +20563,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);
 
@@ -23659,6 +23681,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();
           }
         };
@@ -23857,6 +23880,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,
@@ -23882,6 +23906,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
@@ -24821,7 +24846,9 @@ const Icon = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd
     className: classes,
     style: outerStyle
   }, restProps), svg);
-});
+}); // @ts-ignore used to judge whether it is a semi-icon in semi-ui
+// custom icon case
+
 Icon.elementType = 'Icon';
 
 const convertIcon = (Svg, iconType) => {
@@ -24829,7 +24856,9 @@ const convertIcon = (Svg, iconType) => {
     svg: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(Svg),
     type: iconType,
     ref: ref
-  }, props)));
+  }, props))); // @ts-ignore used to judge whether it is a semi-icon in semi-ui 
+  // builtin icon case
+
   InnerIcon.elementType = 'Icon';
   return InnerIcon;
 };
@@ -26156,7 +26185,6 @@ const IconUpload_IconComponent = convertIcon(IconUpload_SvgComponent, 'upload');
 
 
 
-
 
 
 // CONCATENATED MODULE: ../semi-icons/lib/es/index.js
@@ -26858,17 +26886,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,
@@ -26944,6 +26966,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,
@@ -26967,7 +26990,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
@@ -31451,14 +31475,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);
   }
 
 }
@@ -32652,7 +32676,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,
@@ -33668,8 +33691,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);
 
@@ -38409,7 +38431,7 @@ class dayCalendar_DayCalendar extends baseComponent_BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {
@@ -38731,7 +38753,7 @@ class weekCalendar_WeekCalendar extends baseComponent_BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {
@@ -39159,7 +39181,7 @@ class monthCalendar_monthCalendar extends baseComponent_BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       setItemLimit: itemLimit => {
@@ -39472,7 +39494,7 @@ class rangeCalendar_RangeCalendar extends baseComponent_BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {
@@ -41193,6 +41215,7 @@ function max_max(array) {
 
 
 
+
 /**
  * Part of the utils function implementation process reference
  * https://github.com/react-component/tree/blob/master/src/util.tsx
@@ -41695,7 +41718,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;
@@ -41704,9 +41729,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;
@@ -41822,7 +41847,7 @@ function calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfCheckedK
   };
 }
 function filterTreeData(info) {
-  var _context9, _context10;
+  var _context10, _context11;
 
   const {
     showFilteredOnly,
@@ -41834,7 +41859,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) {
@@ -41875,9 +41900,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
@@ -44361,6 +44386,8 @@ class foundation_TagInputFoundation extends foundation {
 
         this._onRemove(newTagList, removedTag, length - 1);
       }
+
+      this._adapter.notifyKeyDown(e);
     };
   }
 
@@ -44620,6 +44647,9 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
       },
       notifyTagRemove: (v, idx) => {
         this.props.onRemove(v, idx);
+      },
+      notifyKeyDown: e => {
+        this.props.onKeyDown(e);
       }
     });
   }
@@ -44868,6 +44898,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]),
@@ -44890,7 +44921,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
@@ -44921,6 +44953,7 @@ tagInput_TagInput.defaultProps = {
 
 
 
+
 
 
 const cascader_prefixcls = cascader_constants_cssClasses.PREFIX;
@@ -45169,15 +45202,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,
@@ -46226,12 +46271,8 @@ class collapse_Collapse extends baseComponent_BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return assign_default()(assign_default()({}, super.adapter), {
-      handleChange: function () {
-        return _this.props.onChange(...arguments);
-      },
+      handleChange: (activeKey, e) => this.props.onChange(activeKey, e),
       addActiveKey: activeSet => this.setState({
         activeSet
       })
@@ -55705,14 +55746,6 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
     _this = this;
-    this.throttledAdjustList = lodash_es_throttle((e, nearestNode) => {
-      this.foundation.adjustInfiniteList(this.list, this.wrapper, nearestNode);
-    }, scrollItem_msPerFrame);
-    this.debouncedSelect = lodash_es_debounce((e, nearestNode) => {
-      this._cacheSelectedNode(nearestNode);
-
-      this.foundation.selectNode(nearestNode, this.list);
-    }, scrollItem_msPerFrame * 5);
 
     this._cacheNode = (name, node) => name && node && Object.prototype.hasOwnProperty.call(this, name) && (this[name] = node);
 
@@ -56078,6 +56111,14 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
     this.scrollAnimation = null; // cache if select action comes from outside
 
     this.foundation = new itemFoundation_ItemFoundation(this.adapter);
+    this.throttledAdjustList = lodash_es_throttle((e, nearestNode) => {
+      this.foundation.adjustInfiniteList(this.list, this.wrapper, nearestNode);
+    }, scrollItem_msPerFrame);
+    this.debouncedSelect = lodash_es_debounce((e, nearestNode) => {
+      this._cacheSelectedNode(nearestNode);
+
+      this.foundation.selectNode(nearestNode, this.list);
+    }, scrollItem_msPerFrame * 5);
   }
 
   get adapter() {
@@ -56484,7 +56525,8 @@ class Combobox_Combobox extends baseComponent_BaseComponent {
     this.onItemChange = _ref => {
       let {
         type,
-        value
+        value,
+        disabled
       } = _ref;
       // eslint-disable-next-line prefer-const
       let {
@@ -57063,7 +57105,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,
@@ -66318,7 +66360,7 @@ class notification_NotificationList extends baseComponent_BaseComponent {
     this.add = noticeOpts => this.foundation.addNotice(noticeOpts);
 
     this.remove = id => {
-      this.foundation.removeNotice(id);
+      this.foundation.removeNotice(String(id));
     };
 
     this.destroyAll = () => this.foundation.destroyAll();
@@ -66609,6 +66651,7 @@ class resizeObserver_ReactResizeObserver extends baseComponent_BaseComponent {
         // using findDOMNode for two reasons:
         // 1. cloning to insert a ref is unwieldy and not performant.
         // 2. ensure that we resolve to an actual DOM node (instead of any JSX ref instance).
+        // eslint-disable-next-line
         return Object(external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_["findDOMNode"])(this.childNode || this);
       } catch (error) {
         // swallow error if findDOMNode is run on unmounted component.
@@ -69899,12 +69942,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
         });
       }
 
@@ -69963,7 +70008,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
+            }));
           }
         }
       });
@@ -70148,7 +70195,7 @@ class foundation_SelectFoundation extends foundation {
       this._adapter.notifyMaxLimit(assign_default()({
         value,
         label
-      }, rest));
+      }, lodash_es_omit(rest, '_scrollIndex')));
 
       return;
     } else {
@@ -70649,6 +70696,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;
@@ -70985,7 +71033,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) {
@@ -70997,7 +71045,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
   });
@@ -71006,8 +71055,6 @@ const generateOption = (child, parent) => {
 };
 
 const getOptionsFromGroup = selectChildren => {
-  var _context;
-
   let optionGroups = [];
   let options = [];
   const emptyGroup = {
@@ -71017,14 +71064,16 @@ const getOptionsFromGroup = selectChildren => {
   }; // avoid null
   // eslint-disable-next-line max-len
 
-  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 childNodes = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(selectChildren);
+  childNodes = filter_default()(childNodes).call(childNodes, 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) {
@@ -71039,7 +71088,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,
@@ -71304,9 +71356,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,
@@ -71881,15 +71934,21 @@ class select_Select extends baseComponent_BaseComponent {
     }
 
     if (virtualize) {
-      let minKey;
+      let minItemIndex = -1;
 
-      for_each_default()(selections).call(selections, (v, k) => {
-        const tempKey = Number(String(k).match(/option-(.*)/)[1]);
-        minKey = typeof minKey === 'number' && minKey < tempKey ? minKey : tempKey;
+      for_each_default()(selections).call(selections, item => {
+        const itemIndex = Object(lodash_es_get["a" /* default */])(item, '_scrollIndex');
+        /* When the itemIndex is legal */
+
+        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();
@@ -72657,6 +72716,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);
@@ -72710,6 +72773,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 = {
@@ -72738,7 +72803,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)
     });
   }
 
@@ -72837,7 +72903,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')) {
@@ -72868,13 +72935,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
@@ -72893,7 +72961,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
 
@@ -77008,7 +77077,7 @@ const fillSteps_Steps = props => {
   const inner = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useMemo"])(() => {
     var _context;
 
-    const filteredChildren = filter_default()(_context = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = filter_default()(_context = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children)).call(_context, c => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(c));
 
     const colStyle = direction === 'vertical' ? null : {
       width: "".concat(100 / filteredChildren.length, "%")
@@ -77052,7 +77121,7 @@ const fillSteps_Steps = props => {
     });
 
     return content;
-  }, [children, initial, prefixCls, direction, status, current]);
+  }, [children, initial, prefixCls, direction, status, current, onChange]);
   const wrapperCls = classnames_default()(className, {
     [prefixCls]: true,
     [concat_default()(_context2 = "".concat(prefixCls, "-")).call(_context2, direction)]: true
@@ -77112,7 +77181,7 @@ const basicSteps_Steps = props => {
   const inner = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useMemo"])(() => {
     var _context;
 
-    const filteredChildren = filter_default()(_context = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = filter_default()(_context = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children)).call(_context, c => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(c));
 
     const content = map_default()(external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"]).call(external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"], filteredChildren, (child, index) => {
       if (!child) {
@@ -77212,7 +77281,7 @@ const navSteps_Steps = props => {
   const inner = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useMemo"])(() => {
     var _context;
 
-    const filteredChildren = filter_default()(_context = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = filter_default()(_context = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children)).call(_context, c => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(c));
 
     const total = filteredChildren.length;
 
@@ -85596,15 +85665,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);
   }
 
 }
@@ -85667,9 +85732,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;
 
@@ -85692,7 +85763,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));
@@ -85894,7 +85965,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
@@ -86140,7 +86213,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
@@ -86154,6 +86228,7 @@ TabPane_TabPane.propTypes = {
 
 
 
+
 var tabs_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -86225,7 +86300,7 @@ class tabs_Tabs extends baseComponent_BaseComponent {
       }
 
       return filter_default()(_context = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(children)).call(_context, pane => {
-        if (pane && pane.type && pane.type.isTabPane) {
+        if ( /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(pane) && pane.type && pane.type.isTabPane) {
           return pane.props.itemKey === activeKey;
         }
 
@@ -86233,6 +86308,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(),
@@ -86265,13 +86345,15 @@ class tabs_Tabs extends baseComponent_BaseComponent {
               tab,
               icon,
               disabled,
-              itemKey
+              itemKey,
+              closable
             } = child.props;
             return {
               tab,
               icon,
               disabled,
-              itemKey
+              itemKey,
+              closable
             };
           }
 
@@ -86282,6 +86364,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);
       },
@@ -86294,14 +86431,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 => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(child) ? child.props : null);
 
         for_each_default()(list).call(list, item => {
           if (item && !activeKey && !item.disabled) {
@@ -86310,6 +86447,9 @@ class tabs_Tabs extends baseComponent_BaseComponent {
         });
 
         return activeKey;
+      },
+      notifyTabDelete: tabKey => {
+        this.props.onTabClose && this.props.onTabClose(tabKey);
       }
     });
   }
@@ -86325,12 +86465,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( /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(child) ? child.props : null, 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( /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(child) ? child.props : null, panePickKeys));
 
     const isTabListType = this.props.tabList || prevProps.tabList;
 
@@ -86348,7 +86488,7 @@ class tabs_Tabs extends baseComponent_BaseComponent {
   }
 
   render() {
-    var _context6, _context7;
+    var _context7, _context8;
 
     const _a = this.props,
           {
@@ -86376,11 +86516,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,
@@ -86392,7 +86532,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();
@@ -86437,7 +86578,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: [],
@@ -86449,7 +86591,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
@@ -92807,7 +92950,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       registerClickOutsideHandler: cb => {
         const clickOutsideHandler = e => {
           const optionInstance = this.optionsRef && this.optionsRef.current;
-          const triggerDom = this.triggerRef && this.triggerRef.current;
+          const triggerDom = this.triggerRef && this.triggerRef.current; // eslint-disable-next-line
+
           const optionsDom = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.findDOMNode(optionInstance);
           const target = e.target;
 
@@ -94737,6 +94881,7 @@ var upload = __webpack_require__("/t7F");
 
 
 
+
 const upload_prefixCls = upload_constants_cssClasses.PREFIX;
 
 
@@ -99585,8 +99730,6 @@ function useStateWithGetter(initial) {
 
 
 
-/* argus-disable unPkgSensitiveInfo */
-
 /* eslint-disable max-lines-per-function, react-hooks/rules-of-hooks, prefer-const, max-len */
 
 
@@ -100087,7 +100230,6 @@ function withField(Component, opts) {
       return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useMemo"])(() => FieldComponent, [...shouldUpdate]);
     } else {
       // Some Custom Component with inner state shouldn't be memo, otherwise the component will not updated when the internal state is updated
-      // Fixed issue 328
       return FieldComponent;
     }
   };
@@ -100153,24 +100295,8 @@ const FormSwitch = hoc_withField(switch_0, {
   valueKey: 'checked'
 });
 const FormSlider = hoc_withField(slider_Slider);
-/**
- * Reasons for using ts-igonre:
- *
- * 1. TimePicker: The propTypes of the locale is defined as object (it is not necessary and too troublesome to write a complete shapeOf),
- * but the interface defines a complete type, the two cannot match, and ts will report an error, so skip it here.
- *
- * 2. Cascader: treeData { label, value } define in PropTypes.shapeOf alreaady declare isRequired, ts still throw error
- *    【Property is optional in type “InferProps<{ value: Validator<string | number>; label: Validator<any>; }>” but required in type CascaderData】
- *    skip it here.
- * 3. TreeSelect: value same as cascader, skip it here
- *
- */
-// @ts-ignore-next-line
-
-const FormTimePicker = hoc_withField(timePicker_LocaleTimePicker); // @ts-ignore-next-line
-
-const FormTreeSelect = hoc_withField(treeSelect_0); // @ts-ignore-next-line
-
+const FormTimePicker = hoc_withField(timePicker_LocaleTimePicker);
+const FormTreeSelect = hoc_withField(treeSelect_0);
 const FormCascader = hoc_withField(cascader_0);
 const FormRating = hoc_withField(rating_Rating);
 const FormAutoComplete = hoc_withField(autoComplete_0, {
@@ -100236,8 +100362,7 @@ class baseForm_Form extends baseComponent_BaseComponent {
     this.state = {
       formId: getUuidv4()
     };
-    Object(warning["a" /* default */])( // @ts-ignore special usage
-    props.component && props.render, '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
+    Object(warning["a" /* default */])(Boolean(props.component && props.render), '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
     Object(warning["a" /* default */])(props.component && props.children && !isEmptyChildren(props.children), '[Semi Form] You should not use <Form component> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
     Object(warning["a" /* default */])(props.render && props.children && !isEmptyChildren(props.children), '[Semi Form] You should not use <Form render> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
     this.submit = bind_default()(_context = this.submit).call(_context, this);