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

package/dist/umd/semi-ui.js

@@ -19596,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') {
@@ -26495,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,
@@ -26525,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,
@@ -26559,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)
@@ -27345,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 = {};
@@ -27363,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;
@@ -27436,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: '',
@@ -27553,7 +27682,8 @@ class Avatar extends BaseComponent {
     }
   }
   render() {
-    const _a = this.props,
+    var _a, _b;
+    const _c = this.props,
       {
         shape,
         children,
@@ -27567,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,
@@ -27581,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,
@@ -27596,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 = {
@@ -27623,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
@@ -54049,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
         });
@@ -62165,7 +62355,8 @@ class Modal extends BaseComponent {
         cancelText,
         confirmLoading,
         cancelLoading,
-        hasCancel
+        hasCancel,
+        footerFill
       } = this.props;
       const getCancelButton = locale => {
         if (!hasCancel) {
@@ -62176,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"
@@ -62184,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, {
@@ -62421,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,
@@ -62706,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) {
@@ -75464,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'],
@@ -76283,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,
@@ -76381,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",
@@ -76432,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",
@@ -76483,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;
     };
@@ -76899,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,
@@ -79816,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 {
@@ -79829,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;
@@ -79915,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
   });
@@ -79940,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
@@ -83180,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
@@ -83189,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 {
@@ -83320,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,
@@ -83362,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)
@@ -90083,6 +90401,7 @@ class TreeSelectFoundation extends foundation {
         }
       }
     }
+    this._adapter.notifyClear(e);
   }
   /**
    * A11y: simulate clear button click
@@ -91649,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), {
@@ -91820,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,