@douyinfe/semi-ui 2.4.1 → 2.6.0-beta.0

package/dist/umd/semi-ui.js

@@ -24257,6 +24257,19 @@ class foundation_Tooltip extends foundation {
         translateX = -1;
         break;
 
+      case 'leftBottomOver':
+        left = triggerRect.left;
+        top = triggerRect.bottom;
+        translateY = -1;
+        break;
+
+      case 'rightBottomOver':
+        left = triggerRect.right;
+        top = triggerRect.bottom;
+        translateX = -1;
+        translateY = -1;
+        break;
+
       default:
         break;
     }
@@ -24380,12 +24393,16 @@ class foundation_Tooltip extends foundation {
 
       const shouldReverseTop = clientTop < wrapperRect.height + spacing && restClientBottom > wrapperRect.height + spacing;
       const shouldReverseLeft = clientLeft < wrapperRect.width + spacing && restClientRight > wrapperRect.width + spacing;
-      const sholdReverseBottom = restClientBottom < wrapperRect.height + spacing && clientTop > wrapperRect.height + spacing;
+      const shouldReverseBottom = restClientBottom < wrapperRect.height + spacing && clientTop > wrapperRect.height + spacing;
       const shouldReverseRight = restClientRight < wrapperRect.width + spacing && clientLeft > wrapperRect.width + spacing;
+      const shouldReverseTopOver = restClientTop < wrapperRect.height + spacing && clientBottom > wrapperRect.height + spacing;
+      const shouldReverseBottomOver = clientBottom < wrapperRect.height + spacing && restClientTop > wrapperRect.height + spacing;
       const shouldReverseTopSide = restClientTop < wrapperRect.height && clientBottom > wrapperRect.height;
       const shouldReverseBottomSide = clientBottom < wrapperRect.height && restClientTop > wrapperRect.height;
       const shouldReverseLeftSide = restClientLeft < wrapperRect.width && clientRight > wrapperRect.width;
       const shouldReverseRightSide = clientRight < wrapperRect.width && restClientLeft > wrapperRect.width;
+      const shouldReverseLeftOver = restClientLeft < wrapperRect.width && clientRight > wrapperRect.width;
+      const shouldReverseRightOver = clientRight < wrapperRect.width && restClientLeft > wrapperRect.width;
 
       switch (position) {
         case 'top':
@@ -24447,14 +24464,14 @@ class foundation_Tooltip extends foundation {
           break;
 
         case 'bottom':
-          if (sholdReverseBottom) {
+          if (shouldReverseBottom) {
             position = this._reversePos(position, true);
           }
 
           break;
 
         case 'bottomLeft':
-          if (sholdReverseBottom) {
+          if (shouldReverseBottom) {
             position = this._reversePos(position, true);
           }
 
@@ -24465,7 +24482,7 @@ class foundation_Tooltip extends foundation {
           break;
 
         case 'bottomRight':
-          if (sholdReverseBottom) {
+          if (shouldReverseBottom) {
             position = this._reversePos(position, true);
           }
 
@@ -24504,6 +24521,50 @@ class foundation_Tooltip extends foundation {
 
           break;
 
+        case 'leftTopOver':
+          if (shouldReverseTopOver) {
+            position = this._reversePos(position, true);
+          }
+
+          if (shouldReverseLeftOver) {
+            position = this._reversePos(position);
+          }
+
+          break;
+
+        case 'leftBottomOver':
+          if (shouldReverseBottomOver) {
+            position = this._reversePos(position, true);
+          }
+
+          if (shouldReverseLeftOver) {
+            position = this._reversePos(position);
+          }
+
+          break;
+
+        case 'rightTopOver':
+          if (shouldReverseTopOver) {
+            position = this._reversePos(position, true);
+          }
+
+          if (shouldReverseRightOver) {
+            position = this._reversePos(position);
+          }
+
+          break;
+
+        case 'rightBottomOver':
+          if (shouldReverseBottomOver) {
+            position = this._reversePos(position, true);
+          }
+
+          if (shouldReverseRightOver) {
+            position = this._reversePos(position);
+          }
+
+          break;
+
         default:
           break;
       }
@@ -24533,7 +24594,7 @@ const tooltip_constants_cssClasses = {
   PREFIX: "".concat(BASE_CLASS_PREFIX, "-tooltip")
 };
 const tooltip_constants_strings = {
-  POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver'],
+  POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver', 'leftBottomOver', 'rightBottomOver'],
   TRIGGER_SET: ['hover', 'focus', 'click', 'custom'],
   STATUS_DISABLED: 'disabled',
   STATUS_LOADING: 'loading'
@@ -27093,11 +27154,15 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
           }
         };
 
-        document.addEventListener('click', this.clickOutsideHandler, false);
+        document.addEventListener('mousedown', this.clickOutsideHandler, {
+          capture: true
+        });
       },
       unregisterClickOutsideHandler: () => {
         if (this.clickOutsideHandler) {
-          document.removeEventListener('click', this.clickOutsideHandler, false);
+          document.removeEventListener('mousedown', this.clickOutsideHandler, {
+            capture: true
+          });
           this.clickOutsideHandler = null;
         }
       },
@@ -33915,9 +33980,9 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
     const {
       props
     } = this;
-    const isDisbled = props.disabled;
+    const isDisabled = props.disabled;
 
-    if (!isDisbled) {
+    if (!isDisabled) {
       props.onSelect(assign_default()(assign_default()({}, rest), {
         value,
         label: label || children
@@ -41452,6 +41517,8 @@ weekCalendar_WeekCalendar.contextType = locale_context;
 
 
 
+/* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
+
 
 
 
@@ -41507,11 +41574,13 @@ class monthCalendar_monthCalendar extends baseComponent_BaseComponent {
       } = this.props;
       this.monthlyData = this.foundation.getMonthlyData(displayValue, dateFnsLocale);
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(monthCalendar_prefixCls, "-header")
+        className: "".concat(monthCalendar_prefixCls, "-header"),
+        role: "presentation"
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        role: "gridcell",
+        role: "presentation",
         className: "".concat(monthCalendar_prefixCls, "-grid")
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
+        role: "row",
         className: "".concat(monthCalendar_prefixCls, "-grid-row")
       }, map_default()(_context = this.monthlyData[0]).call(_context, day => {
         const {
@@ -41521,6 +41590,8 @@ class monthCalendar_monthCalendar extends baseComponent_BaseComponent {
           ["".concat(calendar_constants_cssClasses.PREFIX, "-weekend")]: markWeekend && day.isWeekend
         });
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
+          role: "columnheader",
+          "aria-label": weekday,
           key: "".concat(weekday, "-monthheader"),
           className: listCls
         }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", null, weekday));
@@ -41603,7 +41674,10 @@ class monthCalendar_monthCalendar extends baseComponent_BaseComponent {
       const pos = showCard && showCard[key] ? showCard[key][1] : 'leftTopOver';
       const text = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
         componentName: "Calendar"
-      }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      }, locale =>
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: "".concat(cardCls, "-wrapper"),
         style: {
           bottom: 0
@@ -41671,11 +41745,12 @@ class monthCalendar_monthCalendar extends baseComponent_BaseComponent {
         day
       } = events;
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        role: "gridcell",
+        role: "presentation",
         className: "".concat(monthCalendar_prefixCls, "-weekrow"),
         ref: _this.cellDom,
         key: "".concat(index, "-weekrow")
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
+        role: "row",
         className: "".concat(monthCalendar_prefixCls, "-skeleton")
       }, map_default()(weekDay).call(weekDay, each => {
         const {
@@ -41694,6 +41769,9 @@ class monthCalendar_monthCalendar extends baseComponent_BaseComponent {
         });
         const shouldRenderCollapsed = Boolean(day && day[ind] && day[ind].length > itemLimit);
         const inner = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
+          role: "gridcell",
+          "aria-label": date.toLocaleDateString(),
+          "aria-current": isToday ? "date" : false,
           key: "".concat(date, "-weeksk"),
           className: listCls,
           onClick: e => _this.handleClick(e, [date])
@@ -41716,9 +41794,10 @@ class monthCalendar_monthCalendar extends baseComponent_BaseComponent {
         parsedEvents
       } = this.state;
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        role: "gridcell",
+        role: "presentation",
         className: "".concat(monthCalendar_prefixCls, "-week")
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
+        role: "presentation",
         className: "".concat(monthCalendar_prefixCls, "-grid-col")
       }, map_default()(_context3 = keys_default()(this.monthlyData)).call(_context3, weekInd => this.renderWeekRow(weekInd, this.monthlyData[weekInd], parsedEvents[weekInd]))));
     };
@@ -41849,12 +41928,15 @@ class monthCalendar_monthCalendar extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
       componentName: "Calendar"
     }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "grid",
       className: monthCls,
       key: this.state.itemLimit,
       style: monthStyle
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "presentation",
       className: "".concat(monthCalendar_prefixCls, "-sticky-top")
     }, header, this.renderHeader(dateFnsLocale)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "presentation",
       className: "".concat(monthCalendar_prefixCls, "-grid-wrapper")
     }, this.renderMonthGrid())));
   }
@@ -42911,6 +42993,10 @@ cardGroup_CardGroup.defaultProps = {
 var lodash_flatten = __webpack_require__("1xil");
 var flatten_default = /*#__PURE__*/__webpack_require__.n(lodash_flatten);
 
+// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/isSet.js
+var isSet = __webpack_require__("/iLo");
+var isSet_default = /*#__PURE__*/__webpack_require__.n(isSet);
+
 // EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/promise.js
 var promise = __webpack_require__("kNzS");
 var promise_default = /*#__PURE__*/__webpack_require__.n(promise);
@@ -43843,6 +43929,7 @@ function calcMergeType(autoMergeValue, leafOnly) {
 
 
 
+
 
 
  // eslint-disable-next-line max-len
@@ -44352,6 +44439,16 @@ class foundation_CascaderFoundation extends foundation {
       this.close(e);
     }
   }
+  /**
+   * A11y: simulate selection click
+   */
+
+
+  handleSelectionEnterPress(keyboardEvent) {
+    if (utils_isEnterPress(keyboardEvent)) {
+      this.handleClick(keyboardEvent);
+    }
+  }
 
   toggleHoverState(bool) {
     this._adapter.toggleHovering(bool);
@@ -44783,6 +44880,16 @@ class foundation_CascaderFoundation extends foundation {
 
     this._adapter.rePositionDropdown();
   }
+  /**
+   * A11y: simulate clear button click
+   */
+
+
+  handleClearEnterPress(keyboardEvent) {
+    if (utils_isEnterPress(keyboardEvent)) {
+      this.handleClear();
+    }
+  }
 
   getRenderData() {
     var _context9, _context10;
@@ -45617,6 +45724,8 @@ checkbox_CheckboxWithGroup.Group = checkboxGroup;
 
 
 
+
+
 const item_prefixcls = cascader_constants_cssClasses.PREFIX_OPTION;
 class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
   constructor() {
@@ -45633,6 +45742,16 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
 
       onItemClick(e, item);
     };
+    /**
+     * A11y: simulate item click
+     */
+
+
+    this.handleItemEnterPress = (keyboardEvent, item) => {
+      if (utils_isEnterPress(keyboardEvent)) {
+        this.onClick(keyboardEvent, item);
+      }
+    };
 
     this.onHover = (e, item) => {
       const {
@@ -45712,6 +45831,7 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
 
         case 'empty':
           return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+            "aria-hidden": true,
             className: concat_default()(_context3 = "".concat(item_prefixcls, "-icon ")).call(_context3, item_prefixcls, "-icon-empty")
           });
 
@@ -45775,11 +45895,13 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
           ["".concat(item_prefixcls, "-disabled")]: disabled
         });
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
+          role: 'menuitem',
           className: className,
           key: key,
           onClick: e => {
             this.onClick(e, item);
-          }
+          },
+          onKeyPress: e => this.handleItemEnterPress(e, item)
         }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
           className: "".concat(item_prefixcls, "-label")
         }, !multiple && this.renderIcon('empty'), multiple && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(checkbox_0, {
@@ -45804,13 +45926,15 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
     let showChildItem;
     const ind = content.length;
     content.push( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
+      role: 'menu',
       className: "".concat(item_prefixcls, "-list"),
       key: renderData[0].key,
       onScroll: e => this.props.onListScroll(e, ind)
     }, map_default()(renderData).call(renderData, item => {
       const {
         data,
-        key
+        key,
+        parentKey
       } = item;
       const {
         children,
@@ -45835,16 +45959,26 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
         ["".concat(item_prefixcls, "-select")]: selected && !multiple,
         ["".concat(item_prefixcls, "-disabled")]: disabled
       });
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
+      const otherAriaProps = parentKey ? {
+        ['aria-owns']: "cascaderItem-".concat(parentKey)
+      } : {};
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", assign_default()({
+        role: 'menuitem',
+        id: "cascaderItem-".concat(key),
+        "aria-expanded": active,
+        "aria-haspopup": Boolean(showExpand),
+        "aria-disabled": disabled
+      }, otherAriaProps, {
         className: className,
         key: key,
         onClick: e => {
           this.onClick(e, item);
         },
+        onKeyPress: e => this.handleItemEnterPress(e, item),
         onMouseEnter: e => {
           this.onHover(e, item);
         }
-      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+      }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
         className: "".concat(item_prefixcls, "-label")
       }, selected && !multiple && this.renderIcon('tick'), !selected && !multiple && this.renderIcon('empty'), multiple && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(checkbox_0, {
         onChange: e => this.onCheckboxChange(e, item),
@@ -46868,6 +47002,7 @@ tagInput_TagInput.defaultProps = {
 
 
 
+
 
 
 const cascader_prefixcls = cascader_constants_cssClasses.PREFIX;
@@ -47167,6 +47302,15 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       e && e.stopPropagation();
       this.foundation.handleClear();
     };
+    /**
+     * A11y: simulate clear button click
+     */
+
+
+    this.handleClearEnterPress = e => {
+      e && e.stopPropagation();
+      this.foundation.handleClearEnterPress();
+    };
 
     this.showClearBtn = () => {
       const {
@@ -47193,6 +47337,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
           className: clearCls,
           onClick: this.handleClear,
+          onKeyPress: this.handleClearEnterPress,
           role: 'button',
           tabIndex: 0
         }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
@@ -47282,6 +47427,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
         style: style,
         ref: this.triggerRef,
         onClick: e => this.foundation.handleClick(e),
+        onKeyPress: e => this.foundation.handleSelectionEnterPress(e),
         "aria-invalid": this.props['aria-invalid'],
         "aria-errormessage": this.props['aria-errormessage'],
         "aria-label": this.props['aria-label'],
@@ -47560,6 +47706,10 @@ class cascader_Cascader extends baseComponent_BaseComponent {
           realKeys = formatKeys;
         }
 
+        if (isSet_default()(realKeys)) {
+          realKeys = [...realKeys];
+        }
+
         const calRes = calcCheckedKeys(flatten_default()(realKeys), keyEntities);
         const checkedKeys = new set_default.a(calRes.checkedKeys);
         const halfCheckedKeys = new set_default.a(calRes.halfCheckedKeys); // disableStrictly
@@ -47720,6 +47870,7 @@ cascader_Cascader.propTypes = {
   'aria-errormessage': prop_types_default.a.string,
   'aria-describedby': prop_types_default.a.string,
   'aria-required': prop_types_default.a.bool,
+  'aria-label': prop_types_default.a.string,
   arrowIcon: prop_types_default.a.node,
   changeOnSelect: prop_types_default.a.bool,
   defaultValue: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array]),
@@ -47814,7 +47965,8 @@ cascader_Cascader.defaultProps = {
   onClear: noop_default.a,
   onDropdownVisibleChange: noop_default.a,
   onListScroll: noop_default.a,
-  enableLeafClick: false
+  enableLeafClick: false,
+  'aria-label': 'Cascader'
 };
 /* harmony default export */ var cascader_0 = (cascader_Cascader);
 // CONCATENATED MODULE: ../semi-foundation/collapse/constants.ts
@@ -52710,6 +52862,24 @@ function getDefaultFormatTokenByType(type) {
 class foundation_DatePickerFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
+    /**
+     * clear range input focus when open is controlled
+     * fixed github 1375
+     */
+
+    this.clearRangeInputFocus = () => {
+      const {
+        type
+      } = this._adapter.getProps();
+
+      const {
+        rangeInputFocus
+      } = this._adapter.getStates();
+
+      if (type === 'dateTimeRange' && rangeInputFocus) {
+        this._adapter.setRangeInputFocus(false);
+      }
+    };
 
     this.getMergedMotion = motion => {
       const mergedMotion = typeof motion === 'undefined' || motion ? assign_default()(assign_default()({}, motion), {
@@ -54016,6 +54186,8 @@ var dateInput_rest = undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
+/* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions,jsx-a11y/interactive-supports-focus */
+
 /* eslint-disable max-lines-per-function */
 
 /* eslint-disable no-unused-vars */
@@ -54171,9 +54343,14 @@ class dateInput_DateInput extends baseComponent_BaseComponent {
     } = this.props;
     const allowClear = (rangeStart || rangeEnd) && showClear;
     return allowClear && !disabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": "Clear range input value",
       className: "".concat(prefixCls, "-range-input-clearbtn"),
       onMouseDown: e => !disabled && this.handleRangeInputClear(e)
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null)) : null;
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, {
+      "aria-hidden": true
+    })) : null;
   }
 
   renderRangeSuffix(suffix) {
@@ -54274,6 +54451,8 @@ class dateInput_DateInput extends baseComponent_BaseComponent {
       validateStatus,
       block,
       prefixCls,
+      multiple,
+      // Whether to allow multiple values for email and file types
       dateFnsLocale,
       // No need to pass to input
       onBlur,
@@ -54291,10 +54470,14 @@ class dateInput_DateInput extends baseComponent_BaseComponent {
       rangeInputFocus,
       rangeSeparator
     } = _a,
-          rest = dateInput_rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator"]);
+          rest = dateInput_rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator"]);
 
-    const dateIcon = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCalendar, null);
-    const dateTimeIcon = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCalendarClock, null);
+    const dateIcon = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCalendar, {
+      "aria-hidden": true
+    });
+    const dateTimeIcon = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCalendarClock, {
+      "aria-hidden": true
+    });
     const suffix = includes_default()(type).call(type, 'Time') ? dateTimeIcon : dateIcon;
     let text = '';
 
@@ -54349,7 +54532,6 @@ dateInput_DateInput.propTypes = {
   value: prop_types_default.a.array,
   disabled: prop_types_default.a.bool,
   type: prop_types_default.a.oneOf(datePicker_constants_strings.TYPE_SET),
-  multiple: prop_types_default.a.bool,
   showClear: prop_types_default.a.bool,
   format: prop_types_default.a.string,
   inputStyle: prop_types_default.a.object,
@@ -54373,7 +54555,6 @@ dateInput_DateInput.defaultProps = {
   onBlur: function_noop,
   onClear: function_noop,
   onFocus: function_noop,
-  multiple: false,
   type: 'date',
   inputStyle: {},
   inputReadOnly: false,
@@ -54450,10 +54631,6 @@ function addMonths(dirtyDate, dirtyAmount) {
     return date;
   }
 }
-// EXTERNAL MODULE: /home/runner/work/semi-design/semi-design/node_modules/lodash/isSet.js
-var isSet = __webpack_require__("/iLo");
-var isSet_default = /*#__PURE__*/__webpack_require__.n(isSet);
-
 // CONCATENATED MODULE: /home/runner/work/semi-design/semi-design/node_modules/date-fns/esm/differenceInCalendarMonths/index.js
 
 
@@ -56032,7 +56209,9 @@ class navigation_Navigation extends external_root_React_commonjs2_react_commonjs
       ref: ref
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
       key: "double-chevron-left",
+      "aria-label": "Previous year",
       icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconDoubleChevronLeft, {
+        "aria-hidden": true,
         size: iconBtnSize
       }),
       size: buttonSize,
@@ -56042,7 +56221,9 @@ class navigation_Navigation extends external_root_React_commonjs2_react_commonjs
       style: leftButtonStyle
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
       key: "chevron-left",
+      "aria-label": "Previous month",
       icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronLeft, {
+        "aria-hidden": true,
         size: iconBtnSize
       }),
       size: buttonSize,
@@ -56058,7 +56239,9 @@ class navigation_Navigation extends external_root_React_commonjs2_react_commonjs
       size: buttonSize
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", null, monthText))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
       key: "chevron-right",
+      "aria-label": "Next month",
       icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronRight, {
+        "aria-hidden": true,
         size: iconBtnSize
       }),
       size: buttonSize,
@@ -56068,7 +56251,9 @@ class navigation_Navigation extends external_root_React_commonjs2_react_commonjs
       style: rightButtonStyle
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
       key: "double-chevron-right",
+      "aria-label": "Next year",
       icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconDoubleChevronRight, {
+        "aria-hidden": true,
         size: iconBtnSize
       }),
       size: buttonSize,
@@ -56338,6 +56523,8 @@ function isBetween(day, _ref) {
 
 
 
+/* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */
+
 /* eslint-disable max-len */
 
 
@@ -56660,8 +56847,10 @@ class month_Month extends baseComponent_BaseComponent {
     const weekdaysText = map_default()(weekdays).call(weekdays, key => locale.weeks[key]);
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "row",
       className: weekdayCls
     }, map_default()(weekdaysText).call(weekdaysText, (E, i) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "columnheader",
       key: E + i,
       className: weekdayItemCls
     }, E)));
@@ -56696,6 +56885,7 @@ class month_Month extends baseComponent_BaseComponent {
   renderWeek(week, weekIndex) {
     const weekCls = datePicker_constants_cssClasses.WEEK;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "row",
       className: weekCls,
       key: weekIndex
     }, map_default()(week).call(week, (day, dayIndex) => this.renderDay(day, dayIndex)));
@@ -56716,6 +56906,8 @@ class month_Month extends baseComponent_BaseComponent {
 
     if (!fullDate) {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        role: "gridcell",
+        tabIndex: -1,
         key: dayNumber + dayIndex,
         className: datePicker_constants_cssClasses.DAY
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", null));
@@ -56753,6 +56945,11 @@ class month_Month extends baseComponent_BaseComponent {
     const customRender = isFunction_default()(renderFullDate);
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "gridcell",
+      tabIndex: dayStatus.isDisabled ? -1 : 0,
+      "aria-disabled": dayStatus.isDisabled,
+      "aria-selected": dayStatus.isSelected,
+      "aria-label": fullDate,
       className: !customRender ? dayCls : datePicker_constants_cssClasses.DAY,
       title: fullDate,
       key: dayNumber + dayIndex,
@@ -56766,13 +56963,16 @@ class month_Month extends baseComponent_BaseComponent {
 
   render() {
     const {
-      forwardRef
+      forwardRef,
+      multiple
     } = this.props;
     const weekday = this.renderDayOfWeek();
     const weeks = this.renderWeeks();
     const monthCls = classnames_default()(datePicker_constants_cssClasses.MONTH);
     const ref = forwardRef || this.monthRef;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "grid",
+      "aria-multiselectable": multiple,
       ref: ref,
       className: monthCls
     }, weekday, weeks);
@@ -56798,7 +56998,8 @@ month_Month.propTypes = {
   startDateOffset: prop_types_default.a.func,
   endDateOffset: prop_types_default.a.func,
   rangeInputFocus: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.bool]),
-  focusRecordsRef: prop_types_default.a.object
+  focusRecordsRef: prop_types_default.a.object,
+  multiple: prop_types_default.a.bool
 };
 month_Month.defaultProps = {
   month: new Date(),
@@ -57485,13 +57686,14 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
           transform: itemTrans
         } = item;
         const transform = typeof itemTrans === 'function' ? itemTrans : commonTrans;
+        const selected = selectedIndex === index;
         const cls = classnames_default()({
-          ["".concat(scrollList_constants_cssClasses.PREFIX, "-item-sel")]: selectedIndex === index && mode !== wheelMode,
+          ["".concat(scrollList_constants_cssClasses.PREFIX, "-item-sel")]: selected && mode !== wheelMode,
           ["".concat(scrollList_constants_cssClasses.PREFIX, "-item-disabled")]: Boolean(item.disabled)
         });
         let text = '';
 
-        if (selectedIndex === index) {
+        if (selected) {
           if (typeof transform === 'function') {
             text = transform(item.value, item.text);
           } else {
@@ -57515,7 +57717,10 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
           external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", assign_default()({
             key: prefixKey + index
           }, events, {
-            className: cls
+            className: cls,
+            role: "option",
+            "aria-selected": selected,
+            "aria-disabled": item.disabled
           }), text)
         );
       });
@@ -57534,6 +57739,9 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
         className: wrapperCls,
         ref: this._cacheWrapperNode
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
+        role: "listbox",
+        "aria-multiselectable": false,
+        "aria-label": this.props['aria-label'],
         ref: this._cacheListNode
       }, inner));
     };
@@ -57591,6 +57799,9 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
         ref: this._cacheWrapperNode,
         onScroll: this.scrollToSelectItem
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
+        role: "listbox",
+        "aria-label": this.props['aria-label'],
+        "aria-multiselectable": false,
         ref: this._cacheListNode,
         onClick: this.clickToSelectItem
       }, prependList, inner, appendList)));
@@ -58613,6 +58824,7 @@ class yearAndMonth_YearAndMonth extends baseComponent_BaseComponent {
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
       noHorizontalPadding: false,
       icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronLeft, {
+        "aria-hidden": true,
         size: iconSize
       }),
       size: buttonSize,
@@ -58652,6 +58864,8 @@ yearAndMonth_YearAndMonth.defaultProps = {
 
 
 
+/* eslint-disable jsx-a11y/interactive-supports-focus,jsx-a11y/click-events-have-key-events */
+
 /* eslint-disable react/no-did-update-set-state */
 
 /* eslint-disable max-len */
@@ -59007,7 +59221,8 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
       endDateOffset,
       density,
       rangeInputFocus,
-      syncSwitchMonth
+      syncSwitchMonth,
+      multiple
     } = this.props;
     let monthText = ''; // i18n monthText
 
@@ -59073,7 +59288,8 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
       onWeeksRowNumChange: weeksRowNum => this.handleWeeksRowNumChange(weeksRowNum, panelType),
       startDateOffset: startDateOffset,
       endDateOffset: endDateOffset,
-      focusRecordsRef: this.props.focusRecordsRef
+      focusRecordsRef: this.props.focusRecordsRef,
+      multiple: multiple
     }));
   }
 
@@ -59229,14 +59445,22 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
       className: switchCls,
       ref: current => this.adapter.setCache("switch-".concat(panelType), current)
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "button",
+      "aria-label": "Switch to date panel",
       className: dateCls,
       onClick: e => this.foundation.showDatePanel(panelType)
-    }, showSwithIcon && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCalendar, null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    }, showSwithIcon && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCalendar, {
+      "aria-hidden": true
+    }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: textCls
     }, dateText || monthText)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "button",
+      "aria-label": "Switch to time panel",
       className: timeCls,
       onClick: e => this.foundation.showTimePicker(panelType, true)
-    }, showSwithIcon && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClock, null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    }, showSwithIcon && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClock, {
+      "aria-hidden": true
+    }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: textCls
     }, timeText)));
   }
@@ -59325,6 +59549,8 @@ monthsGrid_MonthsGrid.defaultProps = {
 
 
 
+/* eslint-disable jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events */
+
 
 
 
@@ -59418,6 +59644,8 @@ var datePicker = __webpack_require__("IJ0B");
 
 
 
+/* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus */
+
 /* eslint-disable max-len */
 
 
@@ -59810,6 +60038,10 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
 
     if (prevProps.open !== this.props.open) {
       this.foundation.initPanelOpenStatus();
+
+      if (!this.props.open) {
+        this.foundation.clearRangeInputFocus();
+      }
     }
   }
 
@@ -59981,18 +60213,19 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
       onRangeEndTabPress: this.handleRangeEndTabPress
     });
 
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
-      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        onClick: this.handleTriggerWrapperClick,
-        className: inputCls
-      }, typeof triggerRender === 'function' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(trigger_0, assign_default()({}, props, {
-        triggerRender: triggerRender,
-        componentName: "DatePicker",
-        componentProps: assign_default()({}, this.props)
-      })) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(dateInput_DateInput, assign_default()({}, props)))
-    );
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      // tooltip will mount a11y props to children
+      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+      role: "combobox",
+      "aria-label": is_array_default()(value) && value.length ? "Change date" : "Choose date",
+      "aria-disabled": disabled,
+      onClick: this.handleTriggerWrapperClick,
+      className: inputCls
+    }, typeof triggerRender === 'function' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(trigger_0, assign_default()({}, props, {
+      triggerRender: triggerRender,
+      componentName: "DatePicker",
+      componentProps: assign_default()({}, this.props)
+    })) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(dateInput_DateInput, assign_default()({}, props)));
   }
 
   render() {
@@ -72358,8 +72591,9 @@ class foundation_SelectFoundation extends foundation {
     } // console.log('new:' + index);
 
 
-    this._adapter.updateFocusIndex(index); // TODO requires scrollIntoView
+    this._adapter.updateFocusIndex(index);
 
+    this._adapter.updateScrollTop(index);
   }
 
   _handleArrowKeyDown(offset) {
@@ -72921,9 +73155,9 @@ const VirtualRow = _ref => {
     style
   } = _ref;
   const {
-    visibileOptions
+    visibleOptions
   } = data;
-  const option = visibileOptions[index];
+  const option = visibleOptions[index];
   return data.renderOption(option, index, style);
 };
 
@@ -73261,11 +73495,19 @@ class select_Select extends baseComponent_BaseComponent {
           el.focus();
         } catch (error) {}
       },
-      updateScrollTop: () => {
-        var _context9, _context10;
+      updateScrollTop: index => {
+        var _context10, _context11;
 
         // eslint-disable-next-line max-len
-        let destNode = document.querySelector(concat_default()(_context9 = concat_default()(_context10 = "#".concat(select_prefixcls, "-")).call(_context10, this.selectOptionListID, " .")).call(_context9, select_prefixcls, "-option-selected"));
+        let optionClassName = ".".concat(select_prefixcls, "-option-selected");
+
+        if (index !== undefined) {
+          var _context9;
+
+          optionClassName = concat_default()(_context9 = ".".concat(select_prefixcls, "-option:nth-child(")).call(_context9, index, ")");
+        }
+
+        let destNode = document.querySelector(concat_default()(_context10 = concat_default()(_context11 = "#".concat(select_prefixcls, "-")).call(_context11, this.selectOptionListID, " ")).call(_context10, optionClassName));
 
         if (is_array_default()(destNode)) {
           // eslint-disable-next-line prefer-destructuring
@@ -73293,11 +73535,11 @@ class select_Select extends baseComponent_BaseComponent {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    var _context11, _context12;
+    var _context12, _context13;
 
-    const prevChildrenKeys = map_default()(_context11 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(prevProps.children)).call(_context11, child => child.key);
+    const prevChildrenKeys = map_default()(_context12 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(prevProps.children)).call(_context12, child => child.key);
 
-    const nowChildrenKeys = map_default()(_context12 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(this.props.children)).call(_context12, child => child.key);
+    const nowChildrenKeys = map_default()(_context13 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(this.props.children)).call(_context13, child => child.key);
 
     let isOptionsChanged = false;
 
@@ -73491,34 +73733,30 @@ class select_Select extends baseComponent_BaseComponent {
     this.foundation.handleOptionMouseEnter(optionIndex);
   }
 
-  renderWithGroup(visibileOptions) {
+  renderWithGroup(visibleOptions) {
     const content = [];
     const groupStatus = new core_js_stable_map_default.a();
 
-    for_each_default()(visibileOptions).call(visibileOptions, (option, optionIndex) => {
+    for_each_default()(visibleOptions).call(visibleOptions, (option, optionIndex) => {
       const parentGroup = option._parentGroup;
       const optionContent = this.renderOption(option, optionIndex);
 
-      if (parentGroup && groupStatus.has(parentGroup.label)) {
-        // group content already insert
-        content.push(optionContent);
-      } else if (parentGroup) {
+      if (parentGroup && !groupStatus.has(parentGroup.label)) {
+        // when use with OptionGroup and group content not already insert
         const groupContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(optionGroup, assign_default()({}, parentGroup, {
           key: parentGroup.label
         }));
         groupStatus.set(parentGroup.label, true);
         content.push(groupContent);
-        content.push(optionContent);
-      } else {
-        // when not use with OptionGroup
-        content.push(optionContent);
       }
+
+      content.push(optionContent);
     });
 
     return content;
   }
 
-  renderVirtualizeList(visibileOptions) {
+  renderVirtualizeList(visibleOptions) {
     const {
       virtualize
     } = this.props;
@@ -73533,10 +73771,10 @@ class select_Select extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(FixedSizeList, {
       ref: this.virtualizeListRef,
       height: height || select_constants_numbers.LIST_HEIGHT,
-      itemCount: visibileOptions.length,
+      itemCount: visibleOptions.length,
       itemSize: itemSize,
       itemData: {
-        visibileOptions,
+        visibleOptions,
         renderOption: this.renderOption
       },
       width: width || '100%',
@@ -73547,7 +73785,7 @@ class select_Select extends baseComponent_BaseComponent {
   }
 
   renderOptions(children) {
-    var _context13;
+    var _context14;
 
     const {
       dropdownMinWidth,
@@ -73567,12 +73805,12 @@ class select_Select extends baseComponent_BaseComponent {
       multiple
     } = this.props; // Do a filter first, instead of directly judging in forEach, so that the focusIndex can correspond to
 
-    const visibileOptions = filter_default()(options).call(options, item => item._show);
+    const visibleOptions = filter_default()(options).call(options, item => item._show);
 
-    let listContent = this.renderWithGroup(visibileOptions);
+    let listContent = this.renderWithGroup(visibleOptions);
 
     if (virtualize) {
-      listContent = this.renderVirtualizeList(visibileOptions);
+      listContent = this.renderVirtualizeList(visibleOptions);
     }
 
     const style = assign_default()({
@@ -73585,7 +73823,7 @@ class select_Select extends baseComponent_BaseComponent {
     });
     const isEmpty = !options.length || !some_default()(options).call(options, item => item._show);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      id: concat_default()(_context13 = "".concat(select_prefixcls, "-")).call(_context13, this.selectOptionListID),
+      id: concat_default()(_context14 = "".concat(select_prefixcls, "-")).call(_context14, this.selectOptionListID),
       className: dropdownClassName,
       style: style
     }, outerTopSlot, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -73816,7 +74054,7 @@ class select_Select extends baseComponent_BaseComponent {
   }
 
   renderSelection() {
-    var _context14;
+    var _context15;
 
     const {
       disabled,
@@ -73900,7 +74138,7 @@ class select_Select extends baseComponent_BaseComponent {
       role: "combobox",
       "aria-disabled": disabled,
       "aria-expanded": isOpen,
-      "aria-controls": concat_default()(_context14 = "".concat(select_prefixcls, "-")).call(_context14, this.selectOptionListID),
+      "aria-controls": concat_default()(_context15 = "".concat(select_prefixcls, "-")).call(_context15, this.selectOptionListID),
       "aria-haspopup": "listbox",
       "aria-label": "select value",
       "aria-invalid": this.props['aria-invalid'],
@@ -77388,7 +77626,7 @@ class foundation_SliderFoundation extends foundation {
 
       const scroll = node => regex.test(style(node, 'overflow') + style(node, 'overflow-y') + style(node, 'overflow-x'));
 
-      const scrollParent = node => !node || node === document.body ? document.body : scroll(node) ? node : scrollParent(node.parentNode);
+      const scrollParent = node => !node || node === document.body || !(node instanceof Element) ? document.body : scroll(node) ? node : scrollParent(node.parentNode);
 
       return scrollParent(el);
     };
@@ -77512,7 +77750,7 @@ class foundation_SliderFoundation extends foundation {
       }
 
       if (step !== 1) {
-        // Find nearest step point 
+        // Find nearest step point
         stepValue = Math.round(stepValue / step) * step;
       }
 
@@ -80149,7 +80387,10 @@ function assignColumnKeys(columns) {
     if (column.key == null) {
       var _context4;
 
-      column.key = concat_default()(_context4 = "".concat(level, "-")).call(_context4, index);
+      // if user give column a dataIndex, use it for backup
+      const _index = column.dataIndex || index;
+
+      column.key = concat_default()(_context4 = "".concat(level, "-")).call(_context4, _index);
     }
 
     if (is_array_default()(column[childrenColumnName]) && column[childrenColumnName].length) {
@@ -80710,7 +80951,17 @@ class foundation_TableFoundation extends foundation {
 
 
   getFilteredSortedDataSource(dataSource, queries) {
-    const filteredDataSource = this.filterDataSource(dataSource, filter_default()(queries).call(queries, query => isFunction_default()(query.onFilter) && is_array_default()(query.filters) && query.filters.length && is_array_default()(query.filteredValue) && query.filteredValue.length));
+    const filteredDataSource = this.filterDataSource(dataSource, filter_default()(queries).call(queries, query => {
+      /**
+       * 这里无需判断 filteredValue 是否为数组，初始化时它是 `undefined`，点击选择空时为 `[]`
+       * 初始化时我们应该用 `defaultFilteredValue`，点击后我们应该用 `filteredValue`
+       *
+       * There is no need to judge whether `filteredValue` is an array here, because it is `undefined` when initialized, and `[]` when you click to select empty
+       * When initializing we should use `defaultFilteredValue`, after clicking we should use `filteredValue`
+       */
+      const currentFilteredValue = query.filteredValue ? query.filteredValue : query.defaultFilteredValue;
+      return isFunction_default()(query.onFilter) && is_array_default()(query.filters) && query.filters.length && is_array_default()(currentFilteredValue) && currentFilteredValue.length;
+    }));
     const sortedDataSource = this.sortDataSource(filteredDataSource, filter_default()(queries).call(queries, query => query && isFunction_default()(query.sorter)));
     return sortedDataSource;
   }
@@ -80869,10 +81120,12 @@ class foundation_TableFoundation extends foundation {
       const {
         onFilter,
         filteredValue,
-        filterChildrenRecord
+        filterChildrenRecord,
+        defaultFilteredValue
       } = filterObj;
+      const currentFilteredValue = is_array_default()(filteredValue) ? filteredValue : defaultFilteredValue;
 
-      if (typeof onFilter === 'function' && is_array_default()(filteredValue) && filteredValue.length) {
+      if (typeof onFilter === 'function' && is_array_default()(currentFilteredValue) && currentFilteredValue.length) {
         hasValidFilters = true;
 
         if (filteredData === null) {
@@ -80882,7 +81135,7 @@ class foundation_TableFoundation extends foundation {
           filteredData = new core_js_stable_map_default.a();
         }
 
-        each_default()(filteredValue, value => {
+        each_default()(currentFilteredValue, value => {
           each_default()(dataSource, record => {
             const childrenRecords = get_default()(record, childrenRecordName);
 
@@ -85692,10 +85945,17 @@ class Table_Table extends baseComponent_BaseComponent {
           titleArr.push(sorter);
         }
 
+        const stateFilteredValue = get_default()(curQuery, 'filteredValue');
+
+        const defaultFilteredValue = get_default()(curQuery, 'defaultFilteredValue');
+
+        const filteredValue = stateFilteredValue ? stateFilteredValue : defaultFilteredValue;
+
         if (is_array_default()(column.filters) && column.filters.length || /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(column.filterDropdown)) {
           const filter = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(ColumnFilter, assign_default()({
             key: table_constants_strings.DEFAULT_KEY_COLUMN_FILTER
           }, curQuery, {
+            filteredValue: filteredValue,
             onFilterDropdownVisibleChange: visible => _this.foundation.toggleShowFilter(dataIndex, visible),
             onSelect: data => _this.foundation.handleFilterSelect(dataIndex, data)
           }));
@@ -86284,11 +86544,12 @@ class Table_Table extends baseComponent_BaseComponent {
       willUpdateStates.cachedColumns = props.columns;
       willUpdateStates.cachedChildren = null;
     } else if (props.children && props.children !== state.cachedChildren) {
-      const newFlattenColumns = flattenColumns(getColumns(props.children));
+      const newNestedColumns = getColumns(props.children);
+      const newFlattenColumns = flattenColumns(newNestedColumns);
       const columns = mergeColumns(state.queries, newFlattenColumns, null, false);
       willUpdateStates.flattenColumns = newFlattenColumns;
       willUpdateStates.queries = [...columns];
-      willUpdateStates.cachedColumns = [...columns];
+      willUpdateStates.cachedColumns = [...newNestedColumns];
       willUpdateStates.cachedChildren = props.children;
     } // Update controlled selection column
 
@@ -90552,6 +90813,7 @@ class foundation_TreeFoundation extends foundation {
       selectedKeys = [],
       checkedKeys = new set_default.a([]),
       halfCheckedKeys = new set_default.a([]),
+      realCheckedKeys = new set_default.a([]),
       keyEntities = {},
       filteredKeys = new set_default.a([]),
       inputValue = '',
@@ -90561,13 +90823,26 @@ class foundation_TreeFoundation extends foundation {
       disabledKeys = new set_default.a([])
     } = this.getStates();
     const {
-      treeNodeFilterProp
+      treeNodeFilterProp,
+      checkRelation
     } = this.getProps();
     const entity = keyEntities[key];
     const notExist = !entity;
 
     if (notExist) {
       return null;
+    } // if checkRelation is invalid, the checked status of node will be false
+
+
+    let realChecked = false;
+    let realHalfChecked = false;
+
+    if (checkRelation === 'related') {
+      realChecked = checkedKeys.has(key);
+      realHalfChecked = halfCheckedKeys.has(key);
+    } else if (checkRelation === 'unRelated') {
+      realChecked = realCheckedKeys.has(key);
+      realHalfChecked = false;
     }
 
     const isSearching = Boolean(inputValue);
@@ -90575,8 +90850,8 @@ class foundation_TreeFoundation extends foundation {
       eventKey: key,
       expanded: isSearching ? filteredExpandedKeys.has(key) : expandedKeys.has(key),
       selected: includes_default()(selectedKeys).call(selectedKeys, key),
-      checked: checkedKeys.has(key),
-      halfChecked: halfCheckedKeys.has(key),
+      checked: realChecked,
+      halfChecked: realHalfChecked,
       pos: String(entity ? entity.pos : ''),
       level: entity.level,
       filtered: filteredKeys.has(key),
@@ -90610,10 +90885,17 @@ class foundation_TreeFoundation extends foundation {
       keyEntities
     } = this.getStates();
     const {
-      leafOnly
+      leafOnly,
+      checkRelation
     } = this.getProps();
     let value;
-    const keyList = normalizeKeyList(key, keyEntities, leafOnly);
+    let keyList = [];
+
+    if (checkRelation === 'related') {
+      keyList = normalizeKeyList(key, keyEntities, leafOnly);
+    } else if (checkRelation === 'unRelated') {
+      keyList = key;
+    }
 
     if (this.getProp('onChangeWithObject')) {
       value = map_default()(keyList).call(keyList, itemKey => keyEntities[itemKey].data);
@@ -90828,30 +91110,58 @@ class foundation_TreeFoundation extends foundation {
 
   handleMultipleSelect(e, treeNode) {
     const {
-      disableStrictly
-    } = this.getProps(); // eventKey: The key value of the currently clicked node
+      disableStrictly,
+      checkRelation
+    } = this.getProps();
+    const {
+      realCheckedKeys
+    } = this.getStates(); // eventKey: The key value of the currently clicked node
 
     const {
       checked,
       eventKey,
       data
-    } = treeNode; // Find the checked state of the current node
+    } = treeNode;
 
-    const targetStatus = disableStrictly ? this.calcChekcedStatus(!checked, eventKey) : !checked;
-    const {
-      checkedKeys,
-      halfCheckedKeys
-    } = disableStrictly ? this.calcNonDisabedCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
+    if (checkRelation === 'related') {
+      // Find the checked state of the current node
+      const targetStatus = disableStrictly ? this.calcChekcedStatus(!checked, eventKey) : !checked;
+      const {
+        checkedKeys,
+        halfCheckedKeys
+      } = disableStrictly ? this.calcNonDisabedCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
 
-    this._adapter.notifySelect(eventKey, targetStatus, data);
+      this._adapter.notifySelect(eventKey, targetStatus, data);
 
-    this.notifyChange([...checkedKeys], e);
+      this.notifyChange([...checkedKeys], e);
 
-    if (!this._isControlledComponent()) {
-      this._adapter.updateState({
-        checkedKeys,
-        halfCheckedKeys
-      });
+      if (!this._isControlledComponent()) {
+        this._adapter.updateState({
+          checkedKeys,
+          halfCheckedKeys
+        });
+      }
+    } else if (checkRelation === 'unRelated') {
+      const newRealCheckedKeys = new set_default.a(realCheckedKeys);
+      let targetStatus;
+
+      if (realCheckedKeys.has(eventKey)) {
+        newRealCheckedKeys.delete(eventKey);
+        targetStatus = false;
+      } else {
+        newRealCheckedKeys.add(eventKey);
+        targetStatus = true;
+      }
+
+      this._adapter.notifySelect(eventKey, targetStatus, data);
+
+      this.notifyChange([...newRealCheckedKeys], e);
+
+      if (!this._isControlledComponent()) {
+        this._adapter.updateState({
+          realCheckedKeys: newRealCheckedKeys
+        });
+      }
     }
   }
 
@@ -92262,6 +92572,7 @@ class tree_Tree extends baseComponent_BaseComponent {
       selectedKeys: [],
       checkedKeys: new set_default.a(),
       halfCheckedKeys: new set_default.a(),
+      realCheckedKeys: new set_default.a([]),
       motionKeys: new set_default.a([]),
       motionType: 'hide',
       expandedKeys: new set_default.a(props.expandedKeys),
@@ -92472,12 +92783,16 @@ class tree_Tree extends baseComponent_BaseComponent {
       }
 
       if (checkedKeyValues) {
-        const {
-          checkedKeys,
-          halfCheckedKeys
-        } = calcCheckedKeys(checkedKeyValues, keyEntities);
-        newState.checkedKeys = checkedKeys;
-        newState.halfCheckedKeys = halfCheckedKeys;
+        if (props.checkRelation === 'unRelated') {
+          newState.realCheckedKeys = new set_default.a(checkedKeyValues);
+        } else if (props.checkRelation === 'related') {
+          const {
+            checkedKeys,
+            halfCheckedKeys
+          } = calcCheckedKeys(checkedKeyValues, keyEntities);
+          newState.checkedKeys = checkedKeys;
+          newState.halfCheckedKeys = halfCheckedKeys;
+        }
       }
     } // update loadedKeys
 
@@ -92487,7 +92802,7 @@ class tree_Tree extends baseComponent_BaseComponent {
     } // update disableStrictly
 
 
-    if (treeData && props.disableStrictly) {
+    if (treeData && props.disableStrictly && props.checkRelation === 'related') {
       newState.disabledKeys = calcDisabledKeys(keyEntities);
     }
 
@@ -92808,6 +93123,7 @@ tree_Tree.propTypes = {
   onDragStart: prop_types_default.a.func,
   onDrop: prop_types_default.a.func,
   labelEllipsis: prop_types_default.a.bool,
+  checkRelation: prop_types_default.a.string,
   'aria-label': prop_types_default.a.string
 };
 tree_Tree.defaultProps = {
@@ -92827,7 +93143,8 @@ tree_Tree.defaultProps = {
   expandAction: false,
   disableStrictly: false,
   draggable: false,
-  autoExpandWhenDragEnter: true
+  autoExpandWhenDragEnter: true,
+  checkRelation: 'related'
 };
 tree_Tree.TreeNode = treeNode_TreeNode;
 /* harmony default export */ var tree_0 = (tree_Tree);
@@ -92973,6 +93290,7 @@ class foundation_TreeSelectFoundation extends foundation {
       selectedKeys = [],
       checkedKeys = new set_default.a([]),
       halfCheckedKeys = new set_default.a([]),
+      realCheckedKeys = new set_default.a([]),
       keyEntities = {},
       filteredKeys = new set_default.a([]),
       inputValue = '',
@@ -92982,13 +93300,26 @@ class foundation_TreeSelectFoundation extends foundation {
       disabledKeys = new set_default.a([])
     } = this.getStates();
     const {
-      treeNodeFilterProp
+      treeNodeFilterProp,
+      checkRelation
     } = this.getProps();
     const entity = keyEntities[key];
     const notExist = !entity;
 
     if (notExist) {
       return null;
+    } // if checkRelation is invalid, the checked status of node will be false
+
+
+    let realChecked = false;
+    let realHalfChecked = false;
+
+    if (checkRelation === 'related') {
+      realChecked = checkedKeys.has(key);
+      realHalfChecked = halfCheckedKeys.has(key);
+    } else if (checkRelation === 'unRelated') {
+      realChecked = realCheckedKeys.has(key);
+      realHalfChecked = false;
     }
 
     const isSearching = Boolean(inputValue);
@@ -92996,8 +93327,8 @@ class foundation_TreeSelectFoundation extends foundation {
       eventKey: key,
       expanded: isSearching ? filteredExpandedKeys.has(key) : expandedKeys.has(key),
       selected: includes_default()(selectedKeys).call(selectedKeys, key),
-      checked: checkedKeys.has(key),
-      halfChecked: halfCheckedKeys.has(key),
+      checked: realChecked,
+      halfChecked: realHalfChecked,
       pos: String(entity ? entity.pos : ''),
       level: entity.level,
       filtered: filteredKeys.has(key),
@@ -93063,9 +93394,16 @@ class foundation_TreeSelectFoundation extends foundation {
       keyEntities
     } = this.getStates();
     const {
-      leafOnly
+      leafOnly,
+      checkRelation
     } = this.getProps();
-    const keyList = normalizeKeyList(key, keyEntities, leafOnly);
+    let keyList = [];
+
+    if (checkRelation === 'related') {
+      keyList = normalizeKeyList(key, keyEntities, leafOnly);
+    } else if (checkRelation === 'unRelated') {
+      keyList = key;
+    }
 
     const nodes = map_default()(keyList).call(keyList, i => keyEntities[i].data);
 
@@ -93192,7 +93530,8 @@ class foundation_TreeSelectFoundation extends foundation {
       this._adapter.updateState({
         selectedKeys: [],
         checkedKeys: new set_default.a(),
-        halfCheckedKeys: new set_default.a()
+        halfCheckedKeys: new set_default.a(),
+        realCheckedKeys: new set_default.a([])
       });
     } // When triggerSearch, clicking the clear button will trigger to clear Input
 
@@ -93220,11 +93559,13 @@ class foundation_TreeSelectFoundation extends foundation {
 
   removeTag(eventKey) {
     const {
-      disableStrictly
+      disableStrictly,
+      checkRelation
     } = this.getProps();
     const {
       keyEntities,
-      disabledKeys
+      disabledKeys,
+      realCheckedKeys
     } = this.getStates();
     const item = keyEntities[eventKey].data;
 
@@ -93232,20 +93573,35 @@ class foundation_TreeSelectFoundation extends foundation {
       return;
     }
 
-    const {
-      checkedKeys,
-      halfCheckedKeys
-    } = this.calcCheckedKeys(eventKey, false);
+    if (checkRelation === 'unRelated') {
+      const newRealCheckedKeys = new set_default.a(realCheckedKeys);
+      newRealCheckedKeys.delete(eventKey);
 
-    this._notifyChange([...checkedKeys], null);
+      this._notifyChange([...newRealCheckedKeys], null);
 
-    if (!this._isControlledComponent()) {
-      this._adapter.updateState({
+      if (!this._isControlledComponent()) {
+        this._adapter.updateState({
+          realCheckedKeys: newRealCheckedKeys
+        });
+
+        this._adapter.rePositionDropdown();
+      }
+    } else if (checkRelation === 'related') {
+      const {
         checkedKeys,
         halfCheckedKeys
-      });
+      } = this.calcCheckedKeys(eventKey, false);
 
-      this._adapter.rePositionDropdown();
+      this._notifyChange([...checkedKeys], null);
+
+      if (!this._isControlledComponent()) {
+        this._adapter.updateState({
+          checkedKeys,
+          halfCheckedKeys
+        });
+
+        this._adapter.rePositionDropdown();
+      }
     }
 
     this._adapter.notifySelect(eventKey, false, item); // reposition dropdown when selected values change
@@ -93396,39 +93752,67 @@ class foundation_TreeSelectFoundation extends foundation {
   handleMultipleSelect(e, treeNode) {
     const {
       searchPosition,
-      disableStrictly
+      disableStrictly,
+      checkRelation
     } = this.getProps();
     const {
-      inputValue
+      inputValue,
+      realCheckedKeys
     } = this.getStates();
     const {
       checked,
       eventKey,
       data
     } = treeNode;
-    const targetStatus = disableStrictly ? this.calcChekcedStatus(!checked, eventKey) : !checked;
-    const {
-      checkedKeys,
-      halfCheckedKeys
-    } = disableStrictly ? this.calcNonDisabedCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
 
-    this._adapter.notifySelect(eventKey, targetStatus, data);
+    if (checkRelation === 'related') {
+      const targetStatus = disableStrictly ? this.calcChekcedStatus(!checked, eventKey) : !checked;
+      const {
+        checkedKeys,
+        halfCheckedKeys
+      } = disableStrictly ? this.calcNonDisabedCheckedKeys(eventKey, targetStatus) : this.calcCheckedKeys(eventKey, targetStatus);
 
-    this._notifyChange([...checkedKeys], e);
+      this._adapter.notifySelect(eventKey, targetStatus, data);
 
-    if (searchPosition === treeSelect_constants_strings.SEARCH_POSITION_TRIGGER && inputValue !== '') {
-      this._adapter.updateState({
-        inputValue: ''
-      });
+      this._notifyChange([...checkedKeys], e);
+
+      if (!this._isControlledComponent()) {
+        this._adapter.updateState({
+          checkedKeys,
+          halfCheckedKeys
+        });
+
+        this._adapter.rePositionDropdown();
+      }
+    } else if (checkRelation === 'unRelated') {
+      const newRealCheckedKeys = new set_default.a(realCheckedKeys);
+      let targetStatus;
+
+      if (realCheckedKeys.has(eventKey)) {
+        newRealCheckedKeys.delete(eventKey);
+        targetStatus = false;
+      } else {
+        newRealCheckedKeys.add(eventKey);
+        targetStatus = true;
+      }
+
+      this._adapter.notifySelect(eventKey, targetStatus, data);
+
+      this._notifyChange([...newRealCheckedKeys], e);
+
+      if (!this._isControlledComponent()) {
+        this._adapter.updateState({
+          realCheckedKeys: newRealCheckedKeys
+        });
+
+        this._adapter.rePositionDropdown();
+      }
     }
 
-    if (!this._isControlledComponent()) {
+    if (searchPosition === treeSelect_constants_strings.SEARCH_POSITION_TRIGGER && inputValue !== '') {
       this._adapter.updateState({
-        checkedKeys,
-        halfCheckedKeys
+        inputValue: ''
       });
-
-      this._adapter.rePositionDropdown();
     }
   }
 
@@ -93756,34 +94140,52 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       this.foundation.handleSelectionEnterPress(e);
     };
 
-    this.showClearBtn = () => {
+    this.hasValue = () => {
       const {
-        searchPosition
+        multiple,
+        checkRelation
       } = this.props;
       const {
-        inputValue
+        realCheckedKeys,
+        checkedKeys,
+        selectedKeys
       } = this.state;
-      const triggerSearchHasInputValue = searchPosition === treeSelect_constants_strings.SEARCH_POSITION_TRIGGER && inputValue;
+      let hasValue = false;
+
+      if (multiple) {
+        if (checkRelation === 'related') {
+          hasValue = Boolean(checkedKeys.size);
+        } else if (checkRelation === 'unRelated') {
+          hasValue = Boolean(realCheckedKeys.size);
+        }
+      } else {
+        hasValue = Boolean(selectedKeys.length);
+      }
+
+      return hasValue;
+    };
+
+    this.showClearBtn = () => {
       const {
         showClear,
         disabled,
-        multiple
+        searchPosition
       } = this.props;
       const {
-        selectedKeys,
-        checkedKeys,
+        inputValue,
         isOpen,
         isHovering
       } = this.state;
-      const hasValue = multiple ? Boolean(checkedKeys.size) : Boolean(selectedKeys.length);
-      return showClear && (hasValue || triggerSearchHasInputValue) && !disabled && (isOpen || isHovering);
+      const triggerSearchHasInputValue = searchPosition === treeSelect_constants_strings.SEARCH_POSITION_TRIGGER && inputValue;
+      return showClear && (this.hasValue() || triggerSearchHasInputValue) && !disabled && (isOpen || isHovering);
     };
 
     this.renderTagList = () => {
       const {
         checkedKeys,
         keyEntities,
-        disabledKeys
+        disabledKeys,
+        realCheckedKeys
       } = this.state;
       const {
         treeNodeLabelProp,
@@ -93791,13 +94193,21 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         disabled,
         disableStrictly,
         size,
+        checkRelation,
         renderSelectedItem: propRenderSelectedItem
       } = this.props;
       const renderSelectedItem = isFunction_default()(propRenderSelectedItem) ? propRenderSelectedItem : item => ({
         isRenderInTag: true,
         content: get_default()(item, treeNodeLabelProp, null)
       });
-      const renderKeys = normalizeKeyList([...checkedKeys], keyEntities, leafOnly);
+      let renderKeys = [];
+
+      if (checkRelation === 'related') {
+        renderKeys = normalizeKeyList([...checkedKeys], keyEntities, leafOnly);
+      } else if (checkRelation === 'unRelated') {
+        renderKeys = [...realCheckedKeys];
+      }
+
       const tagList = []; // eslint-disable-next-line @typescript-eslint/no-shadow
 
       for_each_default()(renderKeys).call(renderKeys, key => {
@@ -93886,11 +94296,6 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         searchPosition,
         filterTreeNode
       } = this.props;
-      const {
-        selectedKeys,
-        checkedKeys
-      } = this.state;
-      const hasValue = multiple ? Boolean(checkedKeys.size) : Boolean(selectedKeys.length);
       const isTriggerPositionSearch = filterTreeNode && searchPosition === treeSelect_constants_strings.SEARCH_POSITION_TRIGGER; // searchPosition = trigger
 
       if (isTriggerPositionSearch) {
@@ -93898,7 +94303,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       } // searchPosition = dropdown and single seleciton
 
 
-      if (!multiple || !hasValue) {
+      if (!multiple || !this.hasValue()) {
         const renderText = this.foundation.getRenderTextInSingle();
         const spanCls = classnames_default()({
           ["".concat(treeSelect_prefixcls, "-selection-placeholder")]: !renderText
@@ -94155,14 +94560,23 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         size,
         searchAutoFocus,
         placeholder,
-        maxTagCount
+        maxTagCount,
+        checkRelation
       } = this.props;
       const {
         keyEntities,
         checkedKeys,
-        inputValue
+        inputValue,
+        realCheckedKeys
       } = this.state;
-      const keyList = normalizeKeyList(checkedKeys, keyEntities, leafOnly);
+      let keyList = [];
+
+      if (checkRelation === 'related') {
+        keyList = normalizeKeyList(checkedKeys, keyEntities, leafOnly);
+      } else if (checkRelation === 'unRelated') {
+        keyList = [...realCheckedKeys];
+      }
+
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tagInput_0, {
         maxTagCount: maxTagCount,
         disabled: disabled,
@@ -94487,6 +94901,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       selectedKeys: [],
       checkedKeys: new set_default.a(),
       halfCheckedKeys: new set_default.a(),
+      realCheckedKeys: new set_default.a([]),
       disabledKeys: new set_default.a(),
       motionKeys: new set_default.a([]),
       motionType: 'hide',
@@ -94607,12 +95022,16 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       }
 
       if (checkedKeyValues) {
-        const {
-          checkedKeys,
-          halfCheckedKeys
-        } = calcCheckedKeys(checkedKeyValues, keyEntities);
-        newState.checkedKeys = checkedKeys;
-        newState.halfCheckedKeys = halfCheckedKeys;
+        if (props.checkRelation === 'unRelated') {
+          newState.realCheckedKeys = new set_default.a(checkedKeyValues);
+        } else if (props.checkRelation === 'related') {
+          const {
+            checkedKeys,
+            halfCheckedKeys
+          } = calcCheckedKeys(checkedKeyValues, keyEntities);
+          newState.checkedKeys = checkedKeys;
+          newState.halfCheckedKeys = halfCheckedKeys;
+        }
       }
     } // loadedKeys
 
@@ -94627,7 +95046,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
     } // ================ disableStrictly =================
 
 
-    if (treeData && props.disableStrictly) {
+    if (treeData && props.disableStrictly && props.checkRelation === 'related') {
       newState.disabledKeys = calcDisabledKeys(keyEntities);
     }
 
@@ -94893,6 +95312,7 @@ treeSelect_TreeSelect.propTypes = {
   optionListStyle: prop_types_default.a.object,
   searchRender: prop_types_default.a.oneOfType([prop_types_default.a.func, prop_types_default.a.bool]),
   renderSelectedItem: prop_types_default.a.func,
+  checkRelation: prop_types_default.a.string,
   'aria-label': prop_types_default.a.string
 };
 treeSelect_TreeSelect.defaultProps = {
@@ -94921,6 +95341,7 @@ treeSelect_TreeSelect.defaultProps = {
   expandAction: false,
   clickToHide: true,
   searchAutoFocus: false,
+  checkRelation: 'related',
   'aria-label': 'TreeSelect'
 };
 /* harmony default export */ var treeSelect_0 = (treeSelect_TreeSelect);
@@ -96492,6 +96913,7 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       onPreviewClick,
       showPicInfo,
       renderPicInfo,
+      renderPicPreviewIcon,
       renderThumbnail,
       name,
       index
@@ -96499,6 +96921,7 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
     const showProgress = status === upload_constants_strings.FILE_STATUS_UPLOADING && percent !== 100;
     const showRetry = status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL && this.props.showRetry;
     const showReplace = status === upload_constants_strings.FILE_STATUS_SUCCESS && this.props.showReplace;
+    const showPreview = status === upload_constants_strings.FILE_STATUS_SUCCESS && !this.props.showReplace;
     const filePicCardCls = classnames_default()({
       ["".concat(fileCard_prefixCls, "-picture-file-card")]: true,
       ["".concat(fileCard_prefixCls, "-picture-file-card-disabled")]: disabled,
@@ -96506,7 +96929,6 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       ["".concat(fileCard_prefixCls, "-picture-file-card-error")]: status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL,
       ["".concat(fileCard_prefixCls, "-picture-file-card-uploading")]: showProgress
     });
-    const closeCls = "".concat(fileCard_prefixCls, "-picture-file-card-close");
     const retry = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       role: "button",
       tabIndex: 0,
@@ -96529,6 +96951,17 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(ReplaceSvg, {
       className: "".concat(fileCard_prefixCls, "-picture-file-card-icon-replace")
     })));
+    const preview = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      className: "".concat(fileCard_prefixCls, "-picture-file-card-preview")
+    }, typeof renderPicPreviewIcon === 'function' ? renderPicPreviewIcon(this.props) : null);
+    const close = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      role: "button",
+      tabIndex: 0,
+      className: "".concat(fileCard_prefixCls, "-picture-file-card-close"),
+      onClick: e => this.onRemove(e)
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, {
+      className: "".concat(fileCard_prefixCls, "-picture-file-card-icon-close")
+    }));
     const picInfo = typeof renderPicInfo === 'function' ? renderPicInfo(this.props) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(fileCard_prefixCls, "-picture-file-card-pic-info")
     }, index + 1);
@@ -96547,14 +96980,7 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       size: "small",
       orbitStroke: '#FFF',
       "aria-label": "uploading file progress"
-    }) : null, showRetry ? retry : null, showReplace && replace, showPicInfo && picInfo, !disabled && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: closeCls,
-      onClick: e => this.onRemove(e)
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
-      tabIndex: 0,
-      role: "button",
-      size: "extra-small"
-    })), this.renderPicValidateMsg());
+    }) : null, showRetry ? retry : null, showReplace && replace, showPreview && preview, showPicInfo && picInfo, !disabled && close, this.renderPicValidateMsg());
   }
 
   renderFile(locale) {
@@ -96569,7 +96995,8 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       previewFile,
       status,
       style,
-      onPreviewClick
+      onPreviewClick,
+      renderFileOperation
     } = this.props;
     const fileCardCls = classnames_default()({
       ["".concat(fileCard_prefixCls, "-file-card")]: true,
@@ -96599,6 +97026,14 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       previewContent = previewFile(this.props);
     }
 
+    const operation = typeof renderFileOperation === 'function' ? renderFileOperation(this.props) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
+      onClick: e => this.onRemove(e),
+      type: "tertiary",
+      icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null),
+      theme: "borderless",
+      size: "small",
+      className: closeCls
+    });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       role: "listitem",
       className: fileCardCls,
@@ -96619,7 +97054,7 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       position: "top",
       showArrow: false,
       content: locale.replace
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
       onClick: e => this.onReplace(e),
       type: "tertiary",
       theme: "borderless",
@@ -96641,29 +97076,22 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       tabIndex: 0,
       className: "".concat(infoCls, "-retry"),
       onClick: e => this.onRetry(e)
-    }, locale.retry) : null)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
-      onClick: e => this.onRemove(e),
-      type: "tertiary",
-      icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null),
-      theme: "borderless",
-      size: "small",
-      className: closeCls
-    }));
+    }, locale.retry) : null)), operation);
   }
 
   onRemove(e) {
     e.stopPropagation();
-    this.props.onRemove(this.props, e);
+    this.props.onRemove();
   }
 
   onReplace(e) {
     e.stopPropagation();
-    this.props.onReplace(this.props, e);
+    this.props.onReplace();
   }
 
   onRetry(e) {
     e.stopPropagation();
-    this.props.onRetry(this.props, e);
+    this.props.onRetry();
   }
 
   render() {
@@ -96727,6 +97155,7 @@ var upload = __webpack_require__("/t7F");
 
 
 
+
 /* eslint-disable max-len */
 
 
@@ -96837,14 +97266,14 @@ class upload_Upload extends baseComponent_BaseComponent {
         previewFile,
         listType,
         itemStyle,
-        showRetry,
         showPicInfo,
         renderPicInfo,
+        renderPicPreviewIcon,
+        renderFileOperation,
         renderFileItem,
         renderThumbnail,
         disabled,
-        onPreviewClick,
-        showReplace
+        onPreviewClick
       } = this.props;
 
       const onRemove = () => this.remove(file);
@@ -96857,20 +97286,20 @@ class upload_Upload extends baseComponent_BaseComponent {
         this.replace(index);
       };
 
-      const fileCardProps = assign_default()(assign_default()({}, file), {
+      const fileCardProps = assign_default()(assign_default()(assign_default()({}, pick_default()(this.props, ['showRetry', 'showReplace', ''])), file), {
         previewFile,
         listType,
         onRemove,
         onRetry,
         index,
         key: uid || concat_default()(_context = "".concat(name)).call(_context, index),
-        showRetry: typeof file.showRetry !== 'undefined' ? file.showRetry : showRetry,
         style: itemStyle,
         disabled,
         showPicInfo,
         renderPicInfo,
+        renderPicPreviewIcon,
+        renderFileOperation,
         renderThumbnail,
-        showReplace: typeof file.showReplace !== 'undefined' ? file.showReplace : showReplace,
         onReplace,
         onPreviewClick: typeof onPreviewClick !== 'undefined' ? () => this.foundation.handlePreviewClick(file) : undefined
       });
@@ -96912,7 +97341,8 @@ class upload_Upload extends baseComponent_BaseComponent {
         limit,
         disabled,
         children,
-        draggable
+        draggable,
+        hotSpotLocation
       } = this.props;
       const {
         fileList: stateFileList,
@@ -96970,7 +97400,7 @@ class upload_Upload extends baseComponent_BaseComponent {
         className: mainCls,
         role: "list",
         "aria-label": "picture list"
-      }, map_default()(fileList).call(fileList, (file, index) => this.renderFile(file, index, locale)), showAddTriggerInList ? addContent : null)));
+      }, showAddTriggerInList && hotSpotLocation === 'start' ? addContent : null, map_default()(fileList).call(fileList, (file, index) => this.renderFile(file, index, locale)), showAddTriggerInList && hotSpotLocation === 'end' ? addContent : null)));
     };
 
     this.renderFileListDefault = () => {
@@ -97310,6 +97740,7 @@ upload_Upload.propTypes = {
   fileList: prop_types_default.a.array,
   fileName: prop_types_default.a.string,
   headers: prop_types_default.a.oneOfType([prop_types_default.a.object, prop_types_default.a.func]),
+  hotSpotLocation: prop_types_default.a.oneOf(['start', 'end']),
   itemStyle: prop_types_default.a.object,
   limit: prop_types_default.a.number,
   listType: prop_types_default.a.oneOf(upload_constants_strings.LIST_TYPE),
@@ -97335,6 +97766,8 @@ upload_Upload.propTypes = {
   prompt: prop_types_default.a.node,
   promptPosition: prop_types_default.a.oneOf(upload_constants_strings.PROMPT_POSITION),
   renderFileItem: prop_types_default.a.func,
+  renderPicPreviewIcon: prop_types_default.a.func,
+  renderFileOperation: prop_types_default.a.func,
   renderPicInfo: prop_types_default.a.func,
   renderThumbnail: prop_types_default.a.func,
   showClear: prop_types_default.a.bool,
@@ -97354,6 +97787,7 @@ upload_Upload.defaultProps = {
   defaultFileList: [],
   disabled: false,
   listType: 'list',
+  hotSpotLocation: 'end',
   multiple: false,
   onAcceptInvalid: noop_default.a,
   onChange: noop_default.a,
@@ -100956,7 +101390,7 @@ class foundation_FormFoundation extends foundation {
   } // update formState value
 
 
-  updateStateValue(field, value, opts) {
+  updateStateValue(field, value, opts, callback) {
     const notNotify = opts && opts.notNotify;
     const notUpdate = opts && opts.notUpdate;
     const fieldAllowEmpty = opts && opts.fieldAllowEmpty;
@@ -100988,7 +101422,7 @@ class foundation_FormFoundation extends foundation {
     }
 
     if (!notUpdate) {
-      this._adapter.forceUpdate();
+      this._adapter.forceUpdate(callback);
     }
   } // get touched from formState
 
@@ -101002,7 +101436,7 @@ class foundation_FormFoundation extends foundation {
   } // update formState touched
 
 
-  updateStateTouched(field, isTouched, opts) {
+  updateStateTouched(field, isTouched, opts, callback) {
     const notNotify = opts && opts.notNotify;
     const notUpdate = opts && opts.notUpdate;
     object_set(this.data.touched, field, isTouched);
@@ -101012,7 +101446,7 @@ class foundation_FormFoundation extends foundation {
     }
 
     if (!notUpdate) {
-      this._adapter.forceUpdate();
+      this._adapter.forceUpdate(callback);
     }
   } // get error from formState
 
@@ -101026,7 +101460,7 @@ class foundation_FormFoundation extends foundation {
   } // update formState error
 
 
-  updateStateError(field, error, opts) {
+  updateStateError(field, error, opts, callback) {
     const notNotify = opts && opts.notNotify;
     const notUpdate = opts && opts.notUpdate;
     object_set(this.data.errors, field, error); // The setError caused by centralized validation does not need to trigger notify, otherwise it will be called too frequently, as many times as there are fields
@@ -101037,7 +101471,7 @@ class foundation_FormFoundation extends foundation {
     }
 
     if (!notUpdate) {
-      this._adapter.forceUpdate();
+      this._adapter.forceUpdate(callback);
     }
   } // For internal use in the FormApi Operating Field
 
@@ -101056,22 +101490,21 @@ class foundation_FormFoundation extends foundation {
         // At this time, first modify formState directly, then find out the subordinate fields and drive them to update
         // Eg: peoples: [0, 2, 3]. Each value of the peoples array corresponds to an Input Field
         // When the user directly calls formA pi.set Value ('peoples', [2,3])
-        this.updateStateValue(field, newValue, opts);
-
-        let nestedFields = this._getNestedField(field);
-
-        if (nestedFields.size) {
-          for_each_default()(nestedFields).call(nestedFields, fieldStaff => {
-            let fieldPath = fieldStaff.field;
-            let newFieldVal = object_get(instance_values_default()(this.data), fieldPath);
-            let nestedBatchUpdateOpts = {
-              notNotify: true,
-              notUpdate: true
-            };
-            fieldStaff.fieldApi.setValue(newFieldVal, nestedBatchUpdateOpts);
-          });
-        } // If the reset happens to be, then update the updateKey corresponding to ArrayField to render it again
-
+        this.updateStateValue(field, newValue, opts, () => {
+          let nestedFields = this._getNestedField(field);
+
+          if (nestedFields.size) {
+            for_each_default()(nestedFields).call(nestedFields, fieldStaff => {
+              let fieldPath = fieldStaff.field;
+              let newFieldVal = object_get(instance_values_default()(this.data), fieldPath);
+              let nestedBatchUpdateOpts = {
+                notNotify: true,
+                notUpdate: true
+              };
+              fieldStaff.fieldApi.setValue(newFieldVal, nestedBatchUpdateOpts);
+            });
+          }
+        }); // If the reset happens to be, then update the updateKey corresponding to ArrayField to render it again
 
         if (this.getArrayField(field)) {
           this.updateArrayField(field, {
@@ -101089,21 +101522,21 @@ class foundation_FormFoundation extends foundation {
       if (fieldApi) {
         fieldApi.setError(newError, opts);
       } else {
-        this.updateStateError(field, newError, opts);
-
-        let nestedFields = this._getNestedField(field);
-
-        if (nestedFields.size) {
-          for_each_default()(nestedFields).call(nestedFields, fieldStaff => {
-            let fieldPath = fieldStaff.field;
-            let newFieldError = object_get(this.data.errors, fieldPath);
-            let nestedBatchUpdateOpts = {
-              notNotify: true,
-              notUpdate: true
-            };
-            fieldStaff.fieldApi.setError(newFieldError, nestedBatchUpdateOpts);
-          });
-        }
+        this.updateStateError(field, newError, opts, () => {
+          let nestedFields = this._getNestedField(field);
+
+          if (nestedFields.size) {
+            for_each_default()(nestedFields).call(nestedFields, fieldStaff => {
+              let fieldPath = fieldStaff.field;
+              let newFieldError = object_get(this.data.errors, fieldPath);
+              let nestedBatchUpdateOpts = {
+                notNotify: true,
+                notUpdate: true
+              };
+              fieldStaff.fieldApi.setError(newFieldError, nestedBatchUpdateOpts);
+            });
+          }
+        });
 
         if (this.getArrayField(field)) {
           this.updateArrayField(field, {
@@ -101119,21 +101552,21 @@ class foundation_FormFoundation extends foundation {
       if (fieldApi) {
         fieldApi.setTouched(isTouched, opts);
       } else {
-        this.updateStateTouched(field, isTouched, opts);
-
-        let nestedFields = this._getNestedField(field);
-
-        if (nestedFields.size) {
-          for_each_default()(nestedFields).call(nestedFields, fieldStaff => {
-            let fieldPath = fieldStaff.field;
-            let newFieldTouch = object_get(this.data.touched, fieldPath);
-            let nestedBatchUpdateOpts = {
-              notNotify: true,
-              notUpdate: true
-            };
-            fieldStaff.fieldApi.setTouched(newFieldTouch, nestedBatchUpdateOpts);
-          });
-        }
+        this.updateStateTouched(field, isTouched, opts, () => {
+          let nestedFields = this._getNestedField(field);
+
+          if (nestedFields.size) {
+            for_each_default()(nestedFields).call(nestedFields, fieldStaff => {
+              let fieldPath = fieldStaff.field;
+              let newFieldTouch = object_get(this.data.touched, fieldPath);
+              let nestedBatchUpdateOpts = {
+                notNotify: true,
+                notUpdate: true
+              };
+              fieldStaff.fieldApi.setTouched(newFieldTouch, nestedBatchUpdateOpts);
+            });
+          }
+        });
 
         if (this.getArrayField(field)) {
           this.updateArrayField(field, {
@@ -102289,7 +102722,7 @@ function withField(Component, opts) {
           text: label || field,
           id: labelId,
           required: required,
-          name: name || field,
+          name: a11yId || name || field,
           width: mergeLabelWidth,
           align: mergeLabelAlign
         }, needSpread));
@@ -102491,8 +102924,8 @@ class baseForm_Form extends baseComponent_BaseComponent {
       notifySubmitFail: (errors, values) => {
         this.props.onSubmitFail(errors, values);
       },
-      forceUpdate: () => {
-        this.forceUpdate();
+      forceUpdate: callback => {
+        this.forceUpdate(callback);
       },
       notifyChange: formState => {
         this.props.onChange(formState);