@douyinfe/semi-ui 2.51.4 → 2.52.0-beta.0

package/dist/umd/semi-ui.js

@@ -18633,7 +18633,6 @@ class foundation_Tooltip extends foundation {
     return null;
   }
   calcPosStyle(props) {
-    var _a;
     const {
       spacing,
       isOverFlow
@@ -18684,10 +18683,6 @@ class foundation_Tooltip extends foundation {
     const isTriggerNearLeft = middleX - containerRect.left < containerRect.right - middleX;
     const isTriggerNearTop = middleY - containerRect.top < containerRect.bottom - middleY;
     const isWrapperWidthOverflow = wrapperRect.width > innerWidth;
-    const scaled = Math.abs((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.width) - ((_a = this._adapter.getContainer()) === null || _a === void 0 ? void 0 : _a.clientWidth)) > 1;
-    if (scaled) {
-      SPACING = SPACING * wrapperRect.width / this._adapter.getContainer().clientWidth;
-    }
     switch (position) {
       case 'top':
         // left = middleX;
@@ -18804,12 +18799,6 @@ class foundation_Tooltip extends foundation {
     // Calculate container positioning relative to window
     left = left - containerRect.left;
     top = top - containerRect.top;
-    if (scaled) {
-      left /= wrapperRect.width / this._adapter.getContainer().clientWidth;
-    }
-    if (scaled) {
-      top /= wrapperRect.height / this._adapter.getContainer().clientHeight;
-    }
     /**
      * container为body时，如果position不为relative或absolute，这时trigger计算出的top/left会根据html定位（initial containing block）
      * 此时如果body有margin，则计算出的位置相对于body会有问题 fix issue #1368
@@ -19607,11 +19596,6 @@ function stopPropagation(e, noImmediate) {
     e.nativeEvent.stopImmediatePropagation();
   }
 }
-/**
- * use in Table, Form, Navigation
- *
- * skip clone function and react element
- */
 function cloneDeep(value, customizer) {
   return cloneDeepWith_default()(value, v => {
     if (typeof customizer === 'function') {
@@ -26506,9 +26490,10 @@ class Input extends BaseComponent {
         getValueLength,
         preventScroll,
         borderless,
-        showClearIgnoreDisabled
+        showClearIgnoreDisabled,
+        onlyBorder
       } = _a,
-      rest = input_rest(_a, ["addonAfter", "addonBefore", "autoFocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless", "showClearIgnoreDisabled"]);
+      rest = input_rest(_a, ["addonAfter", "addonBefore", "autoFocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless", "showClearIgnoreDisabled", "onlyBorder"]);
     const {
       value,
       isFocus,
@@ -26536,7 +26521,8 @@ class Input extends BaseComponent {
       [`${wrapperPrefix}-modebtn`]: mode === 'password',
       [`${wrapperPrefix}-hidden`]: type === 'hidden',
       [`${wrapperPrefix}-${size}`]: size,
-      [`${input_prefixCls}-borderless`]: borderless
+      [`${input_prefixCls}-borderless`]: borderless,
+      [`${input_prefixCls}-only_border`]: onlyBorder !== undefined && onlyBorder !== null
     });
     const inputCls = classnames_default()(input_prefixCls, {
       [`${input_prefixCls}-${size}`]: size,
@@ -26570,12 +26556,18 @@ class Input extends BaseComponent {
     if (validateStatus === 'error') {
       inputProps['aria-invalid'] = 'true';
     }
+    let wrapperStyle = Object.assign({}, style);
+    if (onlyBorder !== undefined) {
+      wrapperStyle = Object.assign({
+        borderWidth: onlyBorder
+      }, style);
+    }
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
       external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
         className: wrapperCls,
-        style: style,
+        style: wrapperStyle,
         onMouseEnter: e => this.handleMouseOver(e),
         onMouseLeave: e => this.handleMouseLeave(e),
         onClick: e => this.handleClick(e)
@@ -27356,6 +27348,73 @@ class AvatarFoundation extends foundation {
 }
 // EXTERNAL MODULE: ../semi-foundation/avatar/avatar.scss
 var avatar = __webpack_require__("mW/5");
+;// CONCATENATED MODULE: ./avatar/TopSlotSvg.tsx
+
+
+const TopSlotSvg = _ref => {
+  let {
+    gradientStart,
+    gradientEnd
+  } = _ref;
+  const id = getUuidShort();
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "51",
+    height: "52",
+    viewBox: "0 0 51 52",
+    fill: "none"
+  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("g", {
+    filter: "url(#filter0_d_6_2)"
+  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+    d: "M40.4918 46.5592C44.6795 43.176 46.261 34.1333 47.5301 25.6141C49.5854 11.8168 39.6662 1 25.8097 1C11.2857 1 3 11.4279 3 25.3518C3 33.7866 6.29361 43.8947 10.4602 46.5592C12.5868 47.9192 12.5868 47.9051 25.8097 47.9192C38.3651 47.9282 38.5352 48.14 40.4918 46.5592Z",
+    fill: `url(#${id})`
+  })), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("defs", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("filter", {
+    id: "filter0_d_6_2",
+    x: "0.789215",
+    y: "0.447304",
+    width: "49.2216",
+    height: "51.3549",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("feColorMatrix", {
+    in: "SourceAlpha",
+    type: "matrix",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+    result: "hardAlpha"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("feOffset", {
+    dy: "1.65809"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("feGaussianBlur", {
+    stdDeviation: "1.10539"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("feColorMatrix", {
+    type: "matrix",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("feBlend", {
+    mode: "normal",
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow_6_2"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("feBlend", {
+    mode: "normal",
+    in: "SourceGraphic",
+    in2: "effect1_dropShadow_6_2",
+    result: "shape"
+  })), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("linearGradient", {
+    id: id,
+    x1: "17.671",
+    y1: "31.7392",
+    x2: "17.671",
+    y2: "47.9333",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("stop", {
+    stopColor: gradientStart
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("stop", {
+    offset: "1",
+    stopColor: gradientEnd
+  }))));
+};
+/* harmony default export */ const avatar_TopSlotSvg = (TopSlotSvg);
 ;// CONCATENATED MODULE: ./avatar/index.tsx
 var avatar_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -27374,6 +27433,7 @@ var avatar_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const avatar_sizeSet = avatar_constants_strings.SIZE;
 const shapeSet = avatar_constants_strings.SHAPE;
 const colorSet = avatar_constants_strings.COLOR;
@@ -27447,6 +27507,64 @@ class Avatar extends BaseComponent {
       }
       return content;
     };
+    this.renderBottomSlot = () => {
+      var _a, _b;
+      if (!this.props.bottomSlot) {
+        return null;
+      }
+      if (this.props.bottomSlot.render) {
+        return this.props.bottomSlot.render();
+      }
+      const renderContent = (_a = this.props.bottomSlot.render) !== null && _a !== void 0 ? _a : () => {
+        var _a;
+        const style = {};
+        if (this.props.bottomSlot.bgColor) {
+          style['backgroundColor'] = this.props.bottomSlot.bgColor;
+        }
+        if (this.props.bottomSlot.textColor) {
+          style['color'] = this.props.bottomSlot.textColor;
+        }
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+          style: style,
+          className: classnames_default()(`${avatar_prefixCls}-bottom_slot-shape_${this.props.bottomSlot.shape}`, `${avatar_prefixCls}-bottom_slot-shape_${this.props.bottomSlot.shape}-${this.props.size}`, (_a = this.props.bottomSlot.className) !== null && _a !== void 0 ? _a : "")
+        }, this.props.bottomSlot.text);
+      };
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: classnames_default()([`${avatar_prefixCls}-bottom_slot`]),
+        style: (_b = this.props.bottomSlot.style) !== null && _b !== void 0 ? _b : {}
+      }, renderContent());
+    };
+    this.renderTopSlot = () => {
+      var _a, _b, _c, _d;
+      if (!this.props.topSlot) {
+        return null;
+      }
+      if (this.props.topSlot.render) {
+        return this.props.topSlot.render();
+      }
+      const textStyle = {};
+      if (this.props.topSlot.textColor) {
+        textStyle['color'] = this.props.topSlot.textColor;
+      }
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        style: (_a = this.props.topSlot.style) !== null && _a !== void 0 ? _a : {},
+        className: classnames_default()([`${avatar_prefixCls}-top_slot-wrapper`, (_b = this.props.topSlot.className) !== null && _b !== void 0 ? _b : "", {
+          [`${avatar_prefixCls}-animated`]: this.props.contentMotion
+        }])
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: classnames_default()([`${avatar_prefixCls}-top_slot-bg`, `${avatar_prefixCls}-top_slot-bg-${this.props.size}`])
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: classnames_default()([`${avatar_prefixCls}-top_slot-bg-svg`, `${avatar_prefixCls}-top_slot-bg-svg-${this.props.size}`])
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(avatar_TopSlotSvg, {
+        gradientStart: (_c = this.props.topSlot.gradientStart) !== null && _c !== void 0 ? _c : "var(--semi-color-primary)",
+        gradientEnd: (_d = this.props.topSlot.gradientEnd) !== null && _d !== void 0 ? _d : "var(--semi-color-primary)"
+      }))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: classnames_default()([`${avatar_prefixCls}-top_slot`])
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        style: textStyle,
+        className: classnames_default()([`${avatar_prefixCls}-top_slot-content`, `${avatar_prefixCls}-top_slot-content-${this.props.size}`])
+      }, this.props.topSlot.text)));
+    };
     this.state = {
       isImgExist: true,
       hoverContent: '',
@@ -27564,7 +27682,8 @@ class Avatar extends BaseComponent {
     }
   }
   render() {
-    const _a = this.props,
+    var _a, _b;
+    const _c = this.props,
       {
         shape,
         children,
@@ -27578,9 +27697,13 @@ class Avatar extends BaseComponent {
         srcSet,
         style,
         alt,
-        gap
-      } = _a,
-      others = avatar_rest(_a, ["shape", "children", "size", "color", "className", "hoverMask", "onClick", "imgAttr", "src", "srcSet", "style", "alt", "gap"]);
+        gap,
+        bottomSlot,
+        topSlot,
+        border,
+        contentMotion
+      } = _c,
+      others = avatar_rest(_c, ["shape", "children", "size", "color", "className", "hoverMask", "onClick", "imgAttr", "src", "srcSet", "style", "alt", "gap", "bottomSlot", "topSlot", "border", "contentMotion"]);
     const {
       isImgExist,
       hoverContent,
@@ -27592,14 +27715,15 @@ class Avatar extends BaseComponent {
       [`${avatar_prefixCls}-${size}`]: size,
       [`${avatar_prefixCls}-${color}`]: color && !isImg,
       [`${avatar_prefixCls}-img`]: isImg,
-      [`${avatar_prefixCls}-focus`]: focusVisible
+      [`${avatar_prefixCls}-focus`]: focusVisible,
+      [`${avatar_prefixCls}-animated`]: contentMotion
     }, className);
     const hoverRender = hoverContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${avatar_prefixCls}-hover`,
       "x-semi-prop": "hoverContent"
     }, hoverContent) : null;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", Object.assign({}, others, {
-      style: style,
+    let avatar = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", Object.assign({}, others, {
+      style: border || bottomSlot || topSlot || border ? {} : style,
       className: avatarCls,
       onClick: onClick,
       onMouseEnter: this.onEnter,
@@ -27607,6 +27731,36 @@ class Avatar extends BaseComponent {
       role: 'listitem',
       ref: this.avatarRef
     }), this.getContent(), hoverRender);
+    if (border) {
+      const borderStyle = {};
+      if (border === null || border === void 0 ? void 0 : border.color) {
+        borderStyle['borderColor'] = border.color;
+      }
+      avatar = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        style: Object.assign({
+          position: "relative"
+        }, style)
+      }, avatar, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+        style: borderStyle,
+        className: classnames_default()([`${avatar_prefixCls}-additionalBorder`, `${avatar_prefixCls}-additionalBorder-${size}`, {
+          [`${avatar_prefixCls}-${shape}`]: shape
+        }])
+      }), ((_a = this.props.border) === null || _a === void 0 ? void 0 : _a.motion) && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+        style: borderStyle,
+        className: classnames_default()([`${avatar_prefixCls}-additionalBorder`, `${avatar_prefixCls}-additionalBorder-${size}`, {
+          [`${avatar_prefixCls}-${shape}`]: shape,
+          [`${avatar_prefixCls}-additionalBorder-animated`]: (_b = this.props.border) === null || _b === void 0 ? void 0 : _b.motion
+        }])
+      }));
+    }
+    if (bottomSlot || topSlot || border) {
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+        className: classnames_default()([`${avatar_prefixCls}-wrapper`]),
+        style: style
+      }, avatar, topSlot && ["small", "default", "medium", "large", "extra-large"].includes(size) && shape === "circle" && this.renderTopSlot(), bottomSlot && ["small", "default", "medium", "large", "extra-large"].includes(size) && this.renderBottomSlot());
+    } else {
+      return avatar;
+    }
   }
 }
 Avatar.defaultProps = {
@@ -27634,7 +27788,30 @@ Avatar.propTypes = {
   onError: (prop_types_default()).func,
   onClick: (prop_types_default()).func,
   onMouseEnter: (prop_types_default()).func,
-  onMouseLeave: (prop_types_default()).func
+  onMouseLeave: (prop_types_default()).func,
+  bottomSlot: prop_types_default().shape({
+    render: (prop_types_default()).func,
+    shape: prop_types_default().oneOf(['circle', 'square']),
+    text: (prop_types_default()).node,
+    bgColor: (prop_types_default()).string,
+    textColor: (prop_types_default()).string,
+    className: (prop_types_default()).string,
+    style: (prop_types_default()).object
+  }),
+  topSlot: prop_types_default().shape({
+    render: (prop_types_default()).func,
+    gradientStart: (prop_types_default()).string,
+    gradientEnd: (prop_types_default()).string,
+    text: (prop_types_default()).node,
+    textColor: (prop_types_default()).string,
+    className: (prop_types_default()).string,
+    style: (prop_types_default()).object
+  }),
+  border: prop_types_default().oneOfType([prop_types_default().shape({
+    color: (prop_types_default()).string,
+    motion: (prop_types_default()).bool
+  }), (prop_types_default()).bool]),
+  contentMotion: (prop_types_default()).bool
 };
 Avatar.elementType = 'Avatar';
 ;// CONCATENATED MODULE: ./avatar/avatarGroup.tsx
@@ -37005,12 +37182,10 @@ function util_traverseDataNodes(treeNodes, callback) {
     // Process node if is not root
     if (node) {
       const key = parent ? `${parent.key}${constants_VALUE_SPLIT}${node.value}` : node.value;
-      const pos = parent ? util_getPosition(parent.pos, ind) : `${ind}`;
       item = {
         data: Object.assign({}, node),
         ind,
         key,
-        pos,
         level: parent ? parent.level + 1 : 0,
         parentKey: parent ? parent.key : null,
         path: parent ? [...parent.path, key] : [key],
@@ -37043,17 +37218,6 @@ function getKeyByValuePath(valuePath) {
 function getValuePathByKey(key) {
   return key.split(VALUE_SPLIT);
 }
-function getKeyByPos(pos, treeData) {
-  const posArr = pos.split('-').map(item => Number(item));
-  let resultData = treeData;
-  let valuePath = [];
-  posArr.forEach((item, index) => {
-    var _a;
-    resultData = index === 0 ? resultData[item] : (_a = resultData === null || resultData === void 0 ? void 0 : resultData.children) === null || _a === void 0 ? void 0 : _a[item];
-    valuePath.push(resultData === null || resultData === void 0 ? void 0 : resultData.value);
-  });
-  return getKeyByValuePath(valuePath);
-}
 function util_convertDataToEntities(dataNodes) {
   const keyEntities = {};
   util_traverseDataNodes(dataNodes, data => {
@@ -37108,28 +37272,6 @@ class CascaderFoundation extends foundation {
         isSearching: false
       });
     };
-    this.handleTagRemoveByKey = key => {
-      var _a, _b;
-      const {
-        keyEntities
-      } = this.getStates();
-      const {
-        disabled
-      } = this.getProps();
-      if (disabled) {
-        /* istanbul ignore next */
-        return;
-      }
-      const removedItem = (_a = keyEntities[key]) !== null && _a !== void 0 ? _a : {};
-      !((_b = removedItem === null || removedItem === void 0 ? void 0 : removedItem.data) === null || _b === void 0 ? void 0 : _b.disable) && this._handleMultipleSelect(removedItem);
-    };
-    this.handleTagRemoveInTrigger = pos => {
-      const {
-        treeData
-      } = this.getStates();
-      const key = getKeyByPos(pos, treeData);
-      this.handleTagRemoveByKey(key);
-    };
   }
   init() {
     const isOpen = this.getProp('open') || this.getProp('defaultOpen');
@@ -37963,6 +38105,20 @@ class CascaderFoundation extends foundation {
       activeNode: data
     });
   }
+  handleTagRemove(e, tagValuePath) {
+    const {
+      keyEntities
+    } = this.getStates();
+    const {
+      disabled
+    } = this.getProps();
+    if (disabled) {
+      /* istanbul ignore next */
+      return;
+    }
+    const removedItem = Object.values(keyEntities).filter(item => isEqual_default()(item.valuePath, tagValuePath))[0];
+    !isEmpty_default()(removedItem) && !removedItem.data.disabled && this._handleMultipleSelect(removedItem);
+  }
 }
 // EXTERNAL MODULE: ../semi-foundation/cascader/cascader.scss
 var cascader = __webpack_require__("B2DP");
@@ -47621,13 +47777,14 @@ class Cascader extends BaseComponent {
     this.handleInputChange = value => {
       this.foundation.handleInputChange(value);
     };
-    this.handleTagRemoveInTrigger = pos => {
-      this.foundation.handleTagRemoveInTrigger(pos);
+    this.handleTagRemove = (e, tagValuePath) => {
+      this.foundation.handleTagRemove(e, tagValuePath);
     };
-    this.handleTagClose = (tagChildren, e, tagKey) => {
-      // When value has not changed, prevent clicking tag closeBtn to close tag
-      e.preventDefault();
-      this.foundation.handleTagRemoveByKey(tagKey);
+    this.handleRemoveByKey = key => {
+      const {
+        keyEntities
+      } = this.state;
+      this.handleTagRemove(null, keyEntities[key].valuePath);
     };
     this.renderTagItem = (nodeKey, idx) => {
       const {
@@ -47655,18 +47812,18 @@ class Cascader extends BaseComponent {
             size: size === 'default' ? 'large' : size,
             key: `tag-${nodeKey}-${idx}`,
             color: "white",
-            tagKey: nodeKey,
             className: tagCls,
             closable: true,
-            onClose: this.handleTagClose
+            onClose: (tagChildren, e) => {
+              // When value has not changed, prevent clicking tag closeBtn to close tag
+              e.preventDefault();
+              this.handleTagRemove(e, keyEntities[nodeKey].valuePath);
+            }
           }, keyEntities[nodeKey].data[displayProp]);
         }
       }
       return null;
     };
-    this.onRemoveInTagInput = v => {
-      this.foundation.handleTagRemoveByKey(v);
-    };
     this.handleItemClick = (e, item) => {
       this.foundation.handleItemClick(e, item);
     };
@@ -47866,7 +48023,6 @@ class Cascader extends BaseComponent {
       }, labelNode);
     };
     this.renderCustomTrigger = () => {
-      var _a;
       const {
         disabled,
         triggerRender,
@@ -47877,26 +48033,17 @@ class Cascader extends BaseComponent {
         inputValue,
         inputPlaceHolder,
         resolvedCheckedKeys,
-        checkedKeys,
-        keyEntities
+        checkedKeys
       } = this.state;
       let realValue;
       if (multiple) {
         if (this.mergeType === cascader_constants_strings.NONE_MERGE_TYPE) {
-          realValue = new Set();
-          checkedKeys.forEach(key => {
-            var _a;
-            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
-          });
+          realValue = checkedKeys;
         } else {
-          realValue = new Set();
-          resolvedCheckedKeys.forEach(key => {
-            var _a;
-            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
-          });
+          realValue = resolvedCheckedKeys;
         }
       } else {
-        realValue = (_a = keyEntities[[...selectedKeys][0]]) === null || _a === void 0 ? void 0 : _a.pos;
+        realValue = [...selectedKeys][0];
       }
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(trigger, {
         value: realValue,
@@ -47909,7 +48056,7 @@ class Cascader extends BaseComponent {
         componentName: 'Cascader',
         componentProps: Object.assign({}, this.props),
         onSearch: this.handleInputChange,
-        onRemove: this.handleTagRemoveInTrigger
+        onRemove: this.handleRemoveByKey
       });
     };
     this.handleMouseOver = () => {
@@ -48393,11 +48540,11 @@ class Cascader extends BaseComponent {
       showRestTagsPopover: showRestTagsPopover,
       restTagsPopoverProps: restTagsPopoverProps,
       maxTagCount: maxTagCount,
-      renderTagItem: this.renderTagItem,
+      renderTagItem: (value, index) => this.renderTagItem(value, index),
       inputValue: inputValue,
       onInputChange: this.handleInputChange,
       // TODO Modify logic, not modify type
-      onRemove: this.onRemoveInTagInput,
+      onRemove: v => this.handleTagRemove(null, v),
       placeholder: placeholder,
       expandRestTagsOnClick: false
     });
@@ -53228,7 +53375,6 @@ function isValidTimeZone(timeZone) {
 
 
 
-
 /**
  * The datePicker foundation.js is responsible for maintaining the date value and the input box value, as well as the callback of both
  *  task 1. Accept the selected date change, update the date value, and update the input box value according to the date = > Notify the change
@@ -53332,8 +53478,6 @@ class DatePickerFoundation extends foundation {
             parsedV = zonedTimeToUtc(parsedV, prevTimeZone);
           }
           result.push(isValidTimeZone(timeZone) ? utcToZonedTime(parsedV, timeZone) : parsedV);
-        } else {
-          warning(true, `[Semi DatePicker] value cannot be parsed, value: ${String(v)}`);
         }
       }
     }
@@ -54093,17 +54237,19 @@ class DatePickerFoundation extends foundation {
       timeZone
     } = this.getProps();
     const prevTimeZone = this.getState('prevTimezone');
+    const start = typeof item.start === 'function' ? item.start() : item.start;
+    const end = typeof item.end === 'function' ? item.end() : item.end;
     let value;
     switch (type) {
       case 'month':
       case 'dateTime':
       case 'date':
-        value = this.parseWithTimezone([item.start], timeZone, prevTimeZone);
+        value = this.parseWithTimezone([start], timeZone, prevTimeZone);
         this.handleSelectedChange(value);
         break;
       case 'dateTimeRange':
       case 'dateRange':
-        value = this.parseWithTimezone([item.start, item.end], timeZone, prevTimeZone);
+        value = this.parseWithTimezone([start, end], timeZone, prevTimeZone);
         this.handleSelectedChange(value, {
           needCheckFocusRecord: false
         });
@@ -58963,6 +59109,16 @@ class YearAndMonth extends BaseComponent {
       currentYear,
       currentMonth
     } = props;
+    const currentLeftYear = currentYear.left || now.getFullYear();
+    const currentLeftMonth = currentMonth.left || now.getMonth() + 1;
+    currentYear = {
+      left: currentLeftYear,
+      right: currentLeftYear
+    };
+    currentMonth = {
+      left: currentLeftMonth,
+      right: currentMonth.right || currentLeftMonth + 1
+    };
     this.state = {
       years: _utils_getYears(props.startYear, props.endYear).map(year => ({
         value: year,
@@ -58972,14 +59128,8 @@ class YearAndMonth extends BaseComponent {
         value: idx + 1,
         month: idx + 1
       })),
-      currentYear: {
-        left: currentYear.left || now.getFullYear(),
-        right: currentYear.right || now.getFullYear()
-      },
-      currentMonth: {
-        left: currentMonth.left || now.getMonth() + 1,
-        right: currentMonth.right || now.getMonth() + 2
-      }
+      currentYear,
+      currentMonth
     };
     this.yearRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
     this.monthRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
@@ -59016,19 +59166,11 @@ class YearAndMonth extends BaseComponent {
   }
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-    if (!isEqual_default()(props.currentYear, state.currentYear)) {
-      const nowYear = new Date().getFullYear();
-      willUpdateStates.currentYear = {
-        left: props.currentYear.left || nowYear,
-        right: props.currentYear.right || nowYear
-      };
+    if (!isEqual_default()(props.currentYear, state.currentYear) && props.currentYear.left !== 0) {
+      willUpdateStates.currentYear = props.currentYear;
     }
-    if (!isEqual_default()(props.currentMonth, state.currentMonth)) {
-      const nowMonth = new Date().getMonth();
-      willUpdateStates.currentMonth = {
-        left: props.currentMonth.left || nowMonth + 1,
-        right: props.currentMonth.right || nowMonth + 2
-      };
+    if (!isEqual_default()(props.currentMonth, state.currentMonth) && props.currentMonth.left !== 0) {
+      willUpdateStates.currentMonth = props.currentMonth;
     }
     return willUpdateStates;
   }
@@ -60447,7 +60589,7 @@ class DatePicker extends BaseComponent {
     return /range/i.test(type) && !isFunction_default()(triggerRender);
   }
   componentDidUpdate(prevProps) {
-    if (!isEqual_default()(prevProps.value, this.props.value)) {
+    if (prevProps.value !== this.props.value) {
       this.foundation.initFromProps(Object.assign({}, this.props));
     } else if (this.props.timeZone !== prevProps.timeZone) {
       this.foundation.initFromProps({
@@ -62194,7 +62336,6 @@ const destroyFns = [];
 class Modal extends BaseComponent {
   constructor(props) {
     super(props);
-    this.bodyOverflow = null;
     this.handleCancel = e => {
       this.foundation.handleCancel(e);
     };
@@ -62214,7 +62355,8 @@ class Modal extends BaseComponent {
         cancelText,
         confirmLoading,
         cancelLoading,
-        hasCancel
+        hasCancel,
+        footerFill
       } = this.props;
       const getCancelButton = locale => {
         if (!hasCancel) {
@@ -62225,6 +62367,7 @@ class Modal extends BaseComponent {
             onClick: this.handleCancel,
             loading: cancelLoading === undefined ? this.state.onCancelReturnPromiseStatus === "pending" : cancelLoading,
             type: "tertiary",
+            block: footerFill,
             autoFocus: true
           }, this.props.cancelButtonProps, {
             "x-semi-children-alias": "cancelText"
@@ -62233,10 +62376,15 @@ class Modal extends BaseComponent {
       };
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
         componentName: "Modal"
-      }, (locale, localeCode) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", null, getCancelButton(locale), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(button_0, Object.assign({
+      }, (locale, localeCode) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: classnames_default()({
+          [`${modal_constants_cssClasses.DIALOG}-footerfill`]: footerFill
+        })
+      }, getCancelButton(locale), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(button_0, Object.assign({
         "aria-label": "confirm",
         type: okType,
         theme: "solid",
+        block: footerFill,
         loading: confirmLoading === undefined ? this.state.onOKReturnPromiseStatus === "pending" : confirmLoading,
         onClick: this.handleOk
       }, this.props.okButtonProps, {
@@ -62334,6 +62482,7 @@ class Modal extends BaseComponent {
     };
     this.foundation = new ModalFoundation(this.adapter);
     this.modalRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
+    this.bodyOverflow = '';
     this.scrollBarWidth = 0;
     this.originBodyWidth = '100%';
   }
@@ -62354,7 +62503,7 @@ class Modal extends BaseComponent {
         const {
           getPopupContainer
         } = this.props;
-        if (!getPopupContainer && this.bodyOverflow !== null && this.bodyOverflow !== 'hidden') {
+        if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
           document.body.style.overflow = this.bodyOverflow;
           document.body.style.width = this.originBodyWidth;
         }
@@ -62469,7 +62618,8 @@ Modal.propTypes = {
   keepDOM: (prop_types_default()).bool,
   lazyRender: (prop_types_default()).bool,
   direction: prop_types_default().oneOf(modal_constants_strings.directions),
-  fullScreen: (prop_types_default()).bool
+  fullScreen: (prop_types_default()).bool,
+  footerFill: (prop_types_default()).bool
 };
 Modal.defaultProps = {
   zIndex: 1000,
@@ -62754,7 +62904,8 @@ class DropdownItem extends BaseComponent {
     const events = {};
     if (!disabled) {
       ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu'].forEach(eventName => {
-        if (eventName === "onClick") {
+        const isInAnotherDropdown = this.context.level !== 1;
+        if (isInAnotherDropdown && eventName === "onClick") {
           events["onMouseDown"] = e => {
             var _a, _b;
             if (e.button === 0) {
@@ -70628,8 +70779,7 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
           value,
           label,
           children
-        }, rest), e),
-        className
+        }, rest), e)
       }, rest));
     }
     const config = {
@@ -75513,7 +75663,8 @@ const slider_constants_cssClasses = {
   TRACK: `${BASE_CLASS_PREFIX}-slider-track`,
   DOTS: `${BASE_CLASS_PREFIX}-slider-dots`,
   MARKS: `${BASE_CLASS_PREFIX}-slider-marks`,
-  HANDLE: `${BASE_CLASS_PREFIX}-slider-handle`
+  HANDLE: `${BASE_CLASS_PREFIX}-slider-handle`,
+  HANDLE_DOT: `${BASE_CLASS_PREFIX}-slider-handle-dot`
 };
 const slider_constants_strings = {
   SIZE: ['small', 'large', 'default'],
@@ -76332,6 +76483,7 @@ class Slider extends BaseComponent {
   constructor(props) {
     super(props);
     this.renderHandle = () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       const {
         vertical,
         range,
@@ -76430,6 +76582,14 @@ class Slider extends BaseComponent {
         "aria-valuenow": currentValue,
         "aria-valuemax": max,
         "aria-valuemin": min
+      }), this.props.handleDot && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: slider_constants_cssClasses.HANDLE_DOT,
+        style: Object.assign(Object.assign({}, ((_a = this.props.handleDot) === null || _a === void 0 ? void 0 : _a.size) ? {
+          width: this.props.handleDot.size,
+          height: this.props.handleDot.size
+        } : {}), ((_b = this.props.handleDot) === null || _b === void 0 ? void 0 : _b.color) ? {
+          backgroundColor: this.props.handleDot.color
+        } : {})
       }))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Tooltip, {
         content: tipChildren.min,
         position: "top",
@@ -76481,6 +76641,14 @@ class Slider extends BaseComponent {
         "aria-valuenow": currentValue[0],
         "aria-valuemax": currentValue[1],
         "aria-valuemin": min
+      }), ((_c = this.props.handleDot) === null || _c === void 0 ? void 0 : _c[0]) && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: slider_constants_cssClasses.HANDLE_DOT,
+        style: Object.assign(Object.assign({}, ((_d = this.props.handleDot[0]) === null || _d === void 0 ? void 0 : _d.size) ? {
+          width: this.props.handleDot[0].size,
+          height: this.props.handleDot[0].size
+        } : {}), ((_e = this.props.handleDot[0]) === null || _e === void 0 ? void 0 : _e.color) ? {
+          backgroundColor: this.props.handleDot[0].color
+        } : {})
       }))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Tooltip, {
         content: tipChildren.max,
         position: "top",
@@ -76532,6 +76700,14 @@ class Slider extends BaseComponent {
         "aria-valuenow": currentValue[1],
         "aria-valuemax": max,
         "aria-valuemin": currentValue[0]
+      }), ((_f = this.props.handleDot) === null || _f === void 0 ? void 0 : _f[1]) && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: slider_constants_cssClasses.HANDLE_DOT,
+        style: Object.assign(Object.assign({}, ((_g = this.props.handleDot[1]) === null || _g === void 0 ? void 0 : _g.size) ? {
+          width: this.props.handleDot[1].size,
+          height: this.props.handleDot[1].size
+        } : {}), ((_h = this.props.handleDot[1]) === null || _h === void 0 ? void 0 : _h.color) ? {
+          backgroundColor: this.props.handleDot[1].color
+        } : {})
       }))));
       return handleContents;
     };
@@ -76948,7 +77124,14 @@ Slider.propTypes = {
   showBoundary: (prop_types_default()).bool,
   railStyle: (prop_types_default()).object,
   verticalReverse: (prop_types_default()).bool,
-  getAriaValueText: (prop_types_default()).func
+  getAriaValueText: (prop_types_default()).func,
+  handleDot: prop_types_default().oneOfType([prop_types_default().shape({
+    size: (prop_types_default()).string,
+    color: (prop_types_default()).string
+  }), prop_types_default().arrayOf(prop_types_default().shape({
+    size: (prop_types_default()).string,
+    color: (prop_types_default()).string
+  }))])
 };
 Slider.defaultProps = {
   // allowClear: false,
@@ -79865,8 +80048,9 @@ const IconFilter_IconComponent = convertIcon(IconFilter_SvgComponent, 'filter');
 
 
 
-function renderDropdown() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+
+function renderDropdown(props) {
   let nestedElem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   const {
@@ -79878,77 +80062,80 @@ function renderDropdown() {
     onFilterDropdownVisibleChange = (noop_default()),
     trigger = 'click',
     position = 'bottom',
+    renderFilterDropdown,
     renderFilterDropdownItem
-  } = props;
+  } = props !== null && props !== void 0 ? props : {};
+  const renderFilterDropdownProps = pick_default()(props, ['tempFilteredValue', 'setTempFilteredValue', 'confirm', 'clear', 'close', 'filters']);
+  const render = typeof renderFilterDropdown === 'function' ? renderFilterDropdown(renderFilterDropdownProps) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(dropdown_0.Menu, null, Array.isArray(filters) && filters.map((filter, index) => {
+    const changeFn = e => {
+      const domEvent = e && e.nativeEvent;
+      if (domEvent) {
+        // Block this event to prevent the pop-up layer from closing
+        domEvent.stopImmediatePropagation();
+        // Prevent bubbling and default events to prevent label click events from triggering twice
+        domEvent.stopPropagation();
+        domEvent.preventDefault();
+      }
+      let values = [...filteredValue];
+      const included = values.includes(filter.value);
+      const idx = values.indexOf(filter.value);
+      if (idx > -1) {
+        values.splice(idx, 1);
+      } else if (filterMultiple) {
+        values.push(filter.value);
+      } else {
+        values = [filter.value];
+      }
+      return onSelect({
+        value: filter.value,
+        filteredValue: values,
+        included: !included,
+        domEvent
+      });
+    };
+    const checked = filteredValue.includes(filter.value);
+    const {
+      text
+    } = filter;
+    const {
+      value
+    } = filter;
+    const key = `${level}_${index}`;
+    const dropdownItem = typeof renderFilterDropdownItem === 'function' ? renderFilterDropdownItem({
+      onChange: changeFn,
+      filterMultiple,
+      value,
+      text,
+      checked,
+      filteredValue,
+      level
+    }) : null;
+    let item = dropdownItem && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(dropdownItem) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(dropdownItem, {
+      key
+    }) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(dropdown_0.Item, {
+      key: key,
+      onClick: changeFn
+    }, filterMultiple ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(checkbox_checkbox_0, {
+      checked: checked
+    }, text) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(radio_radio_0, {
+      checked: checked
+    }, text));
+    if (Array.isArray(filter.children) && filter.children.length) {
+      const childrenDropdownProps = Object.assign(Object.assign({}, props), {
+        filters: filter.children,
+        trigger: 'hover',
+        position: 'right'
+      });
+      delete childrenDropdownProps.filterDropdownVisible;
+      item = renderDropdown(childrenDropdownProps, item, level + 1);
+    }
+    return item;
+  }));
   const dropdownProps = Object.assign(Object.assign({}, props), {
     onVisibleChange: visible => onFilterDropdownVisibleChange(visible),
     trigger,
     position,
-    render: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(dropdown_0.Menu, null, Array.isArray(filters) && filters.map((filter, index) => {
-      const changeFn = e => {
-        const domEvent = e && e.nativeEvent;
-        if (domEvent) {
-          // Block this event to prevent the pop-up layer from closing
-          domEvent.stopImmediatePropagation();
-          // Prevent bubbling and default events to prevent label click events from triggering twice
-          domEvent.stopPropagation();
-          domEvent.preventDefault();
-        }
-        let values = [...filteredValue];
-        const included = values.includes(filter.value);
-        const idx = values.indexOf(filter.value);
-        if (idx > -1) {
-          values.splice(idx, 1);
-        } else if (filterMultiple) {
-          values.push(filter.value);
-        } else {
-          values = [filter.value];
-        }
-        return onSelect({
-          value: filter.value,
-          filteredValue: values,
-          included: !included,
-          domEvent
-        });
-      };
-      const checked = filteredValue.includes(filter.value);
-      const {
-        text
-      } = filter;
-      const {
-        value
-      } = filter;
-      const key = `${level}_${index}`;
-      const dropdownItem = typeof renderFilterDropdownItem === 'function' ? renderFilterDropdownItem({
-        onChange: changeFn,
-        filterMultiple,
-        value,
-        text,
-        checked,
-        filteredValue,
-        level
-      }) : null;
-      let item = dropdownItem && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(dropdownItem) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(dropdownItem, {
-        key
-      }) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(dropdown_0.Item, {
-        key: key,
-        onClick: changeFn
-      }, filterMultiple ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(checkbox_checkbox_0, {
-        checked: checked
-      }, text) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(radio_radio_0, {
-        checked: checked
-      }, text));
-      if (Array.isArray(filter.children) && filter.children.length) {
-        const childrenDropdownProps = Object.assign(Object.assign({}, props), {
-          filters: filter.children,
-          trigger: 'hover',
-          position: 'right'
-        });
-        delete childrenDropdownProps.filterDropdownVisible;
-        item = renderDropdown(childrenDropdownProps, item, level + 1);
-      }
-      return item;
-    }))
+    render
   });
   if (filterDropdownVisible != null) {
     dropdownProps.visible = filterDropdownVisible;
@@ -79964,12 +80151,68 @@ function ColumnFilter() {
     prefixCls = table_constants_cssClasses.PREFIX,
     filteredValue,
     filterIcon = 'filter',
+    filterDropdownProps,
+    onSelect,
+    filterDropdownVisible,
     renderFilterDropdown,
-    filterDropdownProps
+    onFilterDropdownVisibleChange
   } = props;
   let {
     filterDropdown = null
   } = props;
+  // custom filter related status
+  const isFilterDropdownVisibleControlled = typeof filterDropdownVisible !== 'undefined';
+  const isCustomFilterDropdown = typeof renderFilterDropdown === 'function';
+  const isCustomDropdownVisible = !isFilterDropdownVisibleControlled && isCustomFilterDropdown;
+  const [tempFilteredValue, setTempFilteredValue] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(filteredValue);
+  const dropdownVisibleInitValue = isCustomDropdownVisible ? false : filterDropdownVisible;
+  const [dropdownVisible, setDropdownVisible] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(dropdownVisibleInitValue);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    if (typeof filterDropdownVisible !== 'undefined') {
+      setDropdownVisible(filterDropdownVisible);
+    }
+  }, [filterDropdownVisible]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    setTempFilteredValue(filteredValue);
+  }, [filteredValue]);
+  const confirm = function () {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const newFilteredValue = (props === null || props === void 0 ? void 0 : props.filteredValue) || tempFilteredValue;
+    if (!isEqual_default()(newFilteredValue, filteredValue)) {
+      onSelect({
+        filteredValue: newFilteredValue
+      });
+    }
+    if (props.closeDropdown) {
+      setDropdownVisible(false);
+    }
+  };
+  const clear = function () {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    setTempFilteredValue([]);
+    onSelect({
+      filteredValue: []
+    });
+    if (props.closeDropdown) {
+      setDropdownVisible(false);
+    }
+  };
+  const close = () => {
+    setDropdownVisible(false);
+  };
+  const handleFilterDropdownVisibleChange = visible => {
+    if (isCustomDropdownVisible) {
+      setDropdownVisible(visible);
+    }
+    onFilterDropdownVisibleChange(visible);
+  };
+  const renderFilterDropdownProps = {
+    tempFilteredValue,
+    setTempFilteredValue,
+    confirm,
+    clear,
+    close
+  };
   const finalCls = classnames_default()(`${prefixCls}-column-filter`, {
     on: Array.isArray(filteredValue) && filteredValue.length
   });
@@ -79989,10 +80232,11 @@ function ColumnFilter() {
       size: "default"
     }));
   }
-  const renderProps = Object.assign(Object.assign({}, props), filterDropdownProps);
-  filterDropdown = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(filterDropdown) ? filterDropdown : typeof renderFilterDropdown === 'function' ? renderFilterDropdown(renderProps, {
-    iconElem
-  }) : renderDropdown(renderProps, iconElem);
+  const renderProps = Object.assign(Object.assign(Object.assign(Object.assign({}, props), filterDropdownProps), renderFilterDropdownProps), {
+    filterDropdownVisible: isFilterDropdownVisibleControlled ? filterDropdownVisible : dropdownVisible,
+    onFilterDropdownVisibleChange: handleFilterDropdownVisibleChange
+  });
+  filterDropdown = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(filterDropdown) ? filterDropdown : renderDropdown(renderProps, iconElem);
   return filterDropdown;
 }
 ;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCaretup.js
@@ -83229,6 +83473,7 @@ class Table extends BaseComponent {
     this.renderSelection = function () {
       let record = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       let inHeader = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      let index = arguments.length > 2 ? arguments[2] : undefined;
       const {
         rowSelection,
         allDisabledRowKeysSet
@@ -83238,43 +83483,67 @@ class Table extends BaseComponent {
           selectedRowKeys = [],
           selectedRowKeysSet = new Set(),
           getCheckboxProps,
-          disabled
+          disabled,
+          renderCell
         } = rowSelection;
+        const allRowKeys = _this2.cachedFilteredSortedRowKeys;
+        const allRowKeysSet = _this2.cachedFilteredSortedRowKeysSet;
+        const allIsSelected = _this2.foundation.allIsSelected(selectedRowKeysSet, allDisabledRowKeysSet, allRowKeys);
+        const hasRowSelected = _this2.foundation.hasRowSelected(selectedRowKeys, allRowKeysSet);
+        const indeterminate = hasRowSelected && !allIsSelected;
         if (inHeader) {
           const columnKey = get_default()(rowSelection, 'key', table_constants_strings.DEFAULT_KEY_COLUMN_SELECTION);
-          const allRowKeys = _this2.cachedFilteredSortedRowKeys;
-          const allRowKeysSet = _this2.cachedFilteredSortedRowKeysSet;
-          const allIsSelected = _this2.foundation.allIsSelected(selectedRowKeysSet, allDisabledRowKeysSet, allRowKeys);
-          const hasRowSelected = _this2.foundation.hasRowSelected(selectedRowKeys, allRowKeysSet);
-          return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(TableSelectionCell, {
+          const originNode = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(TableSelectionCell, {
             "aria-label": `${allIsSelected ? 'Deselect' : 'Select'} all rows`,
             disabled: disabled,
             key: columnKey,
             selected: allIsSelected,
-            indeterminate: hasRowSelected && !allIsSelected,
+            indeterminate: indeterminate,
             onChange: (selected, e) => {
               _this2.toggleSelectAllRow(selected, e);
             }
           });
+          const selectAll = (selected, e) => _this2.toggleSelectAllRow(selected, e);
+          return isFunction_default()(renderCell) ? renderCell({
+            selected: allIsSelected,
+            record,
+            originNode,
+            inHeader,
+            disabled,
+            indeterminate,
+            selectAll
+          }) : originNode;
         } else {
           const key = _this2.foundation.getRecordKey(record);
           const selected = selectedRowKeysSet.has(key);
           const checkboxPropsFn = () => typeof getCheckboxProps === 'function' ? getCheckboxProps(record) : {};
-          return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(TableSelectionCell, {
+          const originNode = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(TableSelectionCell, {
             "aria-label": `${selected ? 'Deselect' : 'Select'} this row`,
             getCheckboxProps: checkboxPropsFn,
             selected: selected,
             onChange: (status, e) => _this2.toggleSelectRow(status, key, e)
           });
+          const selectRow = (selected, e) => _this2.toggleSelectRow(selected, key, e);
+          return isFunction_default()(renderCell) ? renderCell({
+            selected,
+            record,
+            index,
+            originNode,
+            inHeader: false,
+            disabled,
+            indeterminate,
+            selectRow
+          }) : originNode;
         }
       }
       return null;
     };
     this.renderRowSelectionCallback = function (text) {
       let record = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return _this2.renderSelection(record);
+      let index = arguments.length > 2 ? arguments[2] : undefined;
+      return _this2.renderSelection(record, false, index);
     };
-    this.renderTitleSelectionCallback = () => this.renderSelection(null, true);
+    this.renderTitleSelectionCallback = () => this.renderSelection(undefined, true);
     this.normalizeSelectionColumn = function () {
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       const {
@@ -83369,7 +83638,7 @@ class Table extends BaseComponent {
       const {
         prefixCls
       } = _this2.props;
-      if (column && (column.sorter || column.filters || column.useFullRender)) {
+      if (column && (column.sorter || column.filters || column.onFilter || column.useFullRender)) {
         let hasSorterOrFilter = false;
         const {
           dataIndex,
@@ -83411,10 +83680,10 @@ class Table extends BaseComponent {
         const stateFilteredValue = get_default()(curQuery, 'filteredValue');
         const defaultFilteredValue = get_default()(curQuery, 'defaultFilteredValue');
         const filteredValue = stateFilteredValue ? stateFilteredValue : defaultFilteredValue;
-        if (Array.isArray(column.filters) && column.filters.length || /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(column.filterDropdown)) {
+        if (Array.isArray(column.filters) && column.filters.length || /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(column.filterDropdown) || typeof column.renderFilterDropdown === 'function') {
           const filter = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(ColumnFilter, Object.assign({
             key: table_constants_strings.DEFAULT_KEY_COLUMN_FILTER
-          }, curQuery, {
+          }, omit_default()(curQuery, 'children'), {
             filteredValue: filteredValue,
             onFilterDropdownVisibleChange: visible => _this2.foundation.toggleShowFilter(dataIndex, visible),
             onSelect: data => _this2.foundation.handleFilterSelect(dataIndex, data)
@@ -84301,7 +84570,7 @@ const ResizableTable = function () {
       width: table_constants_numbers.DEFAULT_WIDTH_COLUMN_EXPAND
     });
   }
-  if (props.rowSelection && !get_default()(props.rowSelection, 'hidden') && !find_default()(rawColumns, item => item.key === table_constants_strings.DEFAULT_KEY_COLUMN_SELECTION)) {
+  if (props.rowSelection && !find_default()(rawColumns, item => item.key === table_constants_strings.DEFAULT_KEY_COLUMN_SELECTION)) {
     newColumns.unshift({
       width: get_default()(props, 'rowSelection.width', table_constants_numbers.DEFAULT_WIDTH_COLUMN_SELECTION),
       key: table_constants_strings.DEFAULT_KEY_COLUMN_SELECTION
@@ -90132,6 +90401,7 @@ class TreeSelectFoundation extends foundation {
         }
       }
     }
+    this._adapter.notifyClear(e);
   }
   /**
    * A11y: simulate clear button click
@@ -91698,6 +91968,9 @@ class TreeSelect extends BaseComponent {
           onLoad
         } = this.props;
         isFunction_default()(onLoad) && onLoad(newLoadedKeys, data);
+      },
+      notifyClear: e => {
+        this.props.onClear && this.props.onClear(e);
       }
     };
     return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), filterAdapter), treeSelectAdapter), treeAdapter), {
@@ -91869,6 +92142,7 @@ TreeSelect.propTypes = {
   virtualize: (prop_types_default()).object,
   treeNodeFilterProp: (prop_types_default()).string,
   onChange: (prop_types_default()).func,
+  onClear: (prop_types_default()).func,
   onSearch: (prop_types_default()).func,
   onSelect: (prop_types_default()).func,
   onExpand: (prop_types_default()).func,