@douyinfe/semi-ui 2.24.3 → 2.25.0-beta.0

package/dist/umd/semi-ui.js

@@ -20104,6 +20104,9 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
 
       const transformOrigin = get_default()(containerStyle, 'transformOrigin');
 
+      const userOpacity = get_default()(style, 'opacity');
+
+      const opacity = userOpacity ? userOpacity : 1;
       const inner = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(_cssAnimation, {
         fillMode: "forwards",
         animationState: transitionState,
@@ -20125,11 +20128,11 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         } = _ref;
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({
           className: classnames_default()(className, animationClassName),
-          style: Object.assign(Object.assign(Object.assign({
-            opacity: isPositionUpdated ? '1' : "0"
-          }, animationStyle), {
+          style: Object.assign(Object.assign(Object.assign(Object.assign({}, animationStyle), {
             transformOrigin
-          }), style)
+          }), style), {
+            opacity: isPositionUpdated ? opacity : "0"
+          })
         }, portalEventSet, animationEventsNeedBind, {
           role: role,
           "x-placement": placement,
@@ -24075,6 +24078,7 @@ popover_Popover.propTypes = {
   motion: prop_types_default.a.bool,
   position: prop_types_default.a.oneOf(popover_positionSet),
   // getPopupContainer: PropTypes.func,
+  margin: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.object]),
   mouseEnterDelay: prop_types_default.a.number,
   mouseLeaveDelay: prop_types_default.a.number,
   trigger: prop_types_default.a.oneOf(popover_triggerSet).isRequired,
@@ -27218,6 +27222,9 @@ class input_Input extends baseComponent_BaseComponent {
 
   renderClearBtn() {
     const clearCls = classnames_default()("".concat(input_prefixCls, "-clearbtn"));
+    const {
+      clearIcon
+    } = this.props;
     const allowClear = this.foundation.isAllowClear(); // use onMouseDown to fix issue 1203
 
     if (allowClear) {
@@ -27227,7 +27234,7 @@ class input_Input extends baseComponent_BaseComponent {
         external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
           className: clearCls,
           onMouseDown: this.handleClear
-        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null))
+        }, clearIcon ? clearIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null))
       );
     }
 
@@ -27364,6 +27371,7 @@ class input_Input extends baseComponent_BaseComponent {
       addonAfter,
       addonBefore,
       autofocus,
+      clearIcon,
       className,
       disabled,
       defaultValue,
@@ -27388,7 +27396,7 @@ class input_Input extends baseComponent_BaseComponent {
       getValueLength,
       preventScroll
     } = _a,
-          rest = input_rest(_a, ["addonAfter", "addonBefore", "autofocus", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll"]);
+          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"]);
 
     const {
       value,
@@ -27481,6 +27489,7 @@ input_Input.propTypes = {
   'aria-required': prop_types_default.a.bool,
   addonBefore: prop_types_default.a.node,
   addonAfter: prop_types_default.a.node,
+  clearIcon: prop_types_default.a.node,
   prefix: prop_types_default.a.node,
   suffix: prop_types_default.a.node,
   mode: prop_types_default.a.oneOf(modeSet),
@@ -27967,7 +27976,8 @@ class autoComplete_AutoComplete extends baseComponent_BaseComponent {
       validateStatus,
       autoFocus,
       value,
-      id
+      id,
+      clearIcon
     } = this.props;
     const {
       inputValue,
@@ -28008,7 +28018,8 @@ class autoComplete_AutoComplete extends baseComponent_BaseComponent {
       validateStatus,
       size,
       onBlur: this.onBlur,
-      onFocus: this.onFocus
+      onFocus: this.onFocus,
+      clearIcon
     };
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", Object.assign({}, outerProps), typeof triggerRender === 'function' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(trigger_0, Object.assign({}, innerProps, {
       inputValue: typeof value !== 'undefined' ? value : inputValue,
@@ -28124,6 +28135,7 @@ autoComplete_AutoComplete.propTypes = {
   autoFocus: prop_types_default.a.bool,
   autoAdjustOverflow: prop_types_default.a.bool,
   className: prop_types_default.a.string,
+  clearIcon: prop_types_default.a.node,
   children: prop_types_default.a.node,
   data: prop_types_default.a.array,
   defaultOpen: prop_types_default.a.bool,
@@ -41283,7 +41295,7 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
       "aria-label": this.props['aria-label'] || isString_default()(children) ? "".concat(closable ? 'Closable ' : '', "Tag: ").concat(children) : ''
     }, wrapProps), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(tag_prefixCls, "-content")
-    }, avatarSrc ? this.renderAvatar() : null, children, closeIcon));
+    }, avatarSrc ? this.renderAvatar() : null, children), closeIcon);
   }
 
 }
@@ -43834,7 +43846,8 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
     } = this.state;
     const {
       showClear,
-      disabled
+      disabled,
+      clearIcon
     } = this.props;
     const clearCls = classnames_default()("".concat(tagInput_prefixCls, "-clearBtn"), {
       ["".concat(tagInput_prefixCls, "-clearBtn-invisible")]: !hovering || inputValue === '' && tagsArray.length === 0 || disabled
@@ -43848,7 +43861,7 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
         className: clearCls,
         onClick: e => this.handleClearBtn(e),
         onKeyPress: e => this.handleClearEnterPress(e)
-      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
+      }, clearIcon ? clearIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
     }
 
     return null;
@@ -44060,6 +44073,7 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
 
 tagInput_TagInput.propTypes = {
   children: prop_types_default.a.node,
+  clearIcon: prop_types_default.a.node,
   style: prop_types_default.a.object,
   className: prop_types_default.a.string,
   disabled: prop_types_default.a.bool,
@@ -44498,6 +44512,9 @@ class cascader_Cascader extends baseComponent_BaseComponent {
 
     this.renderClearBtn = () => {
       const clearCls = classnames_default()("".concat(cascader_prefixcls, "-clearbtn"));
+      const {
+        clearIcon
+      } = this.props;
       const allowClear = this.showClearBtn();
 
       if (allowClear) {
@@ -44507,7 +44524,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
           onKeyPress: this.handleClearEnterPress,
           role: "button",
           tabIndex: 0
-        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
+        }, clearIcon ? clearIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
       }
 
       return null;
@@ -45034,7 +45051,8 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       mouseLeaveDelay,
       mouseEnterDelay,
       position,
-      motion
+      motion,
+      dropdownMargin
     } = this.props;
     const {
       isOpen,
@@ -45050,6 +45068,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       getPopupContainer: getPopupContainer,
       zIndex: zIndex,
       motion: motion,
+      margin: dropdownMargin,
       ref: this.optionsRef,
       content: content,
       visible: isOpen,
@@ -45075,11 +45094,13 @@ cascader_Cascader.propTypes = {
   'aria-required': prop_types_default.a.bool,
   'aria-label': prop_types_default.a.string,
   arrowIcon: prop_types_default.a.node,
+  clearIcon: prop_types_default.a.node,
   changeOnSelect: prop_types_default.a.bool,
   defaultValue: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array]),
   disabled: prop_types_default.a.bool,
   dropdownClassName: prop_types_default.a.string,
   dropdownStyle: prop_types_default.a.object,
+  dropdownMargin: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.object]),
   emptyContent: prop_types_default.a.node,
   motion: prop_types_default.a.bool,
 
@@ -52506,7 +52527,8 @@ class dateInput_DateInput extends baseComponent_BaseComponent {
     const {
       showClear,
       prefixCls,
-      disabled
+      disabled,
+      clearIcon
     } = this.props;
     const allowClear = (rangeStart || rangeEnd) && showClear;
     return allowClear && !disabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -52515,7 +52537,7 @@ class dateInput_DateInput extends baseComponent_BaseComponent {
       "aria-label": "Clear range input value",
       className: "".concat(prefixCls, "-range-input-clearbtn"),
       onMouseDown: e => !disabled && this.handleRangeInputClear(e)
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, {
+    }, clearIcon ? clearIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, {
       "aria-hidden": true
     })) : null;
   }
@@ -58074,7 +58096,8 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
         dateFnsLocale,
         stopPropagation,
         autoAdjustOverflow,
-        spacing
+        spacing,
+        dropdownMargin
       } = this.props;
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popover_0, {
         getPopupContainer: getPopupContainer,
@@ -58082,6 +58105,7 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
         autoAdjustOverflow: autoAdjustOverflow,
         zIndex: zIndex,
         motion: motion,
+        margin: dropdownMargin,
         content: this.renderPanel(locale, localeCode, dateFnsLocale),
         trigger: "custom",
         position: position,
@@ -58484,6 +58508,7 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
 
   renderInner(extraProps) {
     const {
+      clearIcon,
       type,
       format,
       multiple,
@@ -58525,6 +58550,7 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
 
     const props = Object.assign(Object.assign({}, extraProps), {
       placeholder: phText,
+      clearIcon,
       disabled: inputDisabled,
       inputValue,
       value: value,
@@ -58606,6 +58632,7 @@ datePicker_DatePicker.propTypes = {
   'aria-required': prop_types_default.a.bool,
   type: prop_types_default.a.oneOf(datePicker_constants_strings.TYPE_SET),
   size: prop_types_default.a.oneOf(datePicker_constants_strings.SIZE_SET),
+  clearIcon: prop_types_default.a.node,
   density: prop_types_default.a.oneOf(datePicker_constants_strings.DENSITY_SET),
   defaultValue: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number, prop_types_default.a.object, prop_types_default.a.array]),
   value: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number, prop_types_default.a.object, prop_types_default.a.array]),
@@ -58661,6 +58688,7 @@ datePicker_DatePicker.propTypes = {
   autoSwitchDate: prop_types_default.a.bool,
   dropdownClassName: prop_types_default.a.string,
   dropdownStyle: prop_types_default.a.object,
+  dropdownMargin: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.object]),
   topSlot: prop_types_default.a.node,
   bottomSlot: prop_types_default.a.node,
   dateFnsLocale: prop_types_default.a.object,
@@ -61048,10 +61076,11 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
       zIndex,
       className,
       motion,
+      margin,
       style,
       prefixCls
     } = _a,
-          attr = dropdown_rest(_a, ["children", "position", "trigger", "onVisibleChange", "zIndex", "className", "motion", "style", "prefixCls"]);
+          attr = dropdown_rest(_a, ["children", "position", "trigger", "onVisibleChange", "zIndex", "className", "motion", "margin", "style", "prefixCls"]);
 
     let {
       spacing
@@ -61073,6 +61102,7 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tooltip_Tooltip, Object.assign({
       zIndex: zIndex,
       motion: motion,
+      margin: margin,
       content: pop,
       className: className,
       prefixCls: prefixCls,
@@ -61108,25 +61138,26 @@ dropdown_Dropdown.Divider = dropdownDivider;
 dropdown_Dropdown.Title = dropdownTitle;
 dropdown_Dropdown.contextType = dropdown_context;
 dropdown_Dropdown.propTypes = {
-  render: prop_types_default.a.node,
   children: prop_types_default.a.node,
-  visible: prop_types_default.a.bool,
-  position: prop_types_default.a.oneOf(dropdown_positionSet),
+  contentClassName: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array]),
+  className: prop_types_default.a.string,
   getPopupContainer: prop_types_default.a.func,
+  margin: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.object]),
   mouseEnterDelay: prop_types_default.a.number,
   mouseLeaveDelay: prop_types_default.a.number,
-  trigger: prop_types_default.a.oneOf(dropdown_triggerSet),
-  zIndex: prop_types_default.a.number,
+  menu: prop_types_default.a.array,
   motion: prop_types_default.a.oneOfType([prop_types_default.a.bool, prop_types_default.a.func, prop_types_default.a.object]),
-  className: prop_types_default.a.string,
-  contentClassName: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array]),
-  style: prop_types_default.a.object,
   onVisibleChange: prop_types_default.a.func,
-  rePosKey: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number]),
-  showTick: prop_types_default.a.bool,
   prefixCls: prop_types_default.a.string,
+  position: prop_types_default.a.oneOf(dropdown_positionSet),
+  rePosKey: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number]),
+  render: prop_types_default.a.node,
   spacing: prop_types_default.a.number,
-  menu: prop_types_default.a.array
+  showTick: prop_types_default.a.bool,
+  style: prop_types_default.a.object,
+  trigger: prop_types_default.a.oneOf(dropdown_triggerSet),
+  visible: prop_types_default.a.bool,
+  zIndex: prop_types_default.a.number
 };
 dropdown_Dropdown.defaultProps = {
   onVisibleChange: noop_default.a,
@@ -64186,6 +64217,7 @@ inputNumber_InputNumber.propTypes = {
   'aria-describedby': prop_types_default.a.string,
   'aria-required': prop_types_default.a.bool,
   autofocus: prop_types_default.a.bool,
+  clearIcon: prop_types_default.a.node,
   className: prop_types_default.a.string,
   defaultValue: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.string]),
   disabled: prop_types_default.a.bool,
@@ -72773,7 +72805,8 @@ class select_Select extends baseComponent_BaseComponent {
       insetLabel,
       placeholder,
       triggerRender,
-      arrowIcon
+      arrowIcon,
+      clearIcon
     } = this.props;
     const {
       selections,
@@ -72810,6 +72843,7 @@ class select_Select extends baseComponent_BaseComponent {
     }, arrowIcon) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(select_prefixcls, "-arrow-empty")
     });
+    const clear = clearIcon ? clearIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null);
     const inner = useCustomTrigger ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(trigger_0, {
       value: Array.from(selections.values()),
       inputValue: inputValue,
@@ -72831,7 +72865,7 @@ class select_Select extends baseComponent_BaseComponent {
     }, showClear ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: classnames_default()("".concat(select_prefixcls, "-clear")),
       onClick: this.onClear
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null)) : arrowContent), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_["Fragment"], {
+    }, clear) : arrowContent), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_["Fragment"], {
       key: "suffix"
     }, suffix ? this.renderSuffix() : null)];
     /**
@@ -72891,7 +72925,8 @@ class select_Select extends baseComponent_BaseComponent {
       mouseLeaveDelay,
       mouseEnterDelay,
       spacing,
-      stopPropagation
+      stopPropagation,
+      dropdownMargin
     } = this.props;
     const {
       isOpen,
@@ -72902,6 +72937,7 @@ class select_Select extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popover_0, {
       getPopupContainer: getPopupContainer,
       motion: motion,
+      margin: dropdownMargin,
       autoAdjustOverflow: autoAdjustOverflow,
       mouseLeaveDelay: mouseLeaveDelay,
       mouseEnterDelay: mouseEnterDelay,
@@ -72935,6 +72971,7 @@ select_Select.propTypes = {
   autoFocus: prop_types_default.a.bool,
   autoClearSearchValue: prop_types_default.a.bool,
   children: prop_types_default.a.node,
+  clearIcon: prop_types_default.a.node,
   defaultValue: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number, prop_types_default.a.array, prop_types_default.a.object]),
   value: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number, prop_types_default.a.array, prop_types_default.a.object]),
   placeholder: prop_types_default.a.node,
@@ -72959,6 +72996,7 @@ select_Select.propTypes = {
   getPopupContainer: prop_types_default.a.func,
   dropdownClassName: prop_types_default.a.string,
   dropdownStyle: prop_types_default.a.object,
+  dropdownMargin: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.object]),
   outerTopSlot: prop_types_default.a.node,
   innerTopSlot: prop_types_default.a.node,
   inputProps: prop_types_default.a.object,
@@ -79465,8 +79503,7 @@ const DEFAULT_CELL_MIDDLE_PADDING_TOP = 12;
 const DEFAULT_CELL_MIDDLE_PADDING_BOTTOM = 12;
 const DEFAULT_CELL_SMALL_PADDING_TOP = 8;
 const DEFAULT_CELL_SMALL_PADDING_BOTTOM = 8;
-const DEFAULT_CELL_LINE_HEIGHT = 20;
-const DEFAULT_EMPTYSLOT_HEIGHT = 52; // normal size
+const DEFAULT_CELL_LINE_HEIGHT = 20; // normal size
 
 const DEFAULT_VIRTUALIZED_ROW_HEIGHT = DEFAULT_CELL_LINE_HEIGHT + DEFAULT_CELL_BORDER_WITH_BOTTOM + DEFAULT_CELL_BORDER_WITH_TOP + DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM;
 const DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT = DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM; // middle  size
@@ -79502,8 +79539,7 @@ const table_constants_numbers = {
   DEFAULT_VIRTUALIZED_ROW_MIDDLE_MIN_HEIGHT,
   DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
   DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
-  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT,
-  DEFAULT_EMPTYSLOT_HEIGHT
+  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT
 };
 
 // CONCATENATED MODULE: ../semi-foundation/utils/Logger.ts
@@ -84242,7 +84278,7 @@ class Body_Body extends baseComponent_BaseComponent {
 
       const listStyle = {
         width: '100%',
-        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : table_constants_numbers.DEFAULT_EMPTYSLOT_HEIGHT,
+        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : null,
         overflowX: 'auto',
         overflowY: 'auto'
       };
@@ -84254,7 +84290,7 @@ class Body_Body extends baseComponent_BaseComponent {
         ref: this.listRef,
         className: wrapCls,
         outerRef: this.forwardRef,
-        height: listStyle.height,
+        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : 0,
         width: listStyle.width,
         itemData: virtualizedData,
         itemSize: this.itemSize,
@@ -88887,8 +88923,8 @@ class TimePicker_TimePicker extends baseComponent_BaseComponent {
           0: locale.begin,
           1: locale.end
         };
-        panelProps.panelHeader = get_default()(panels, index, isNullOrUndefined(panelHeader) ? get_default()(defaultHeaderMap, index, null) : panelHeader);
-        panelProps.panelFooter = get_default()(panels, index, panelFooter);
+        panelProps.panelHeader = get_default()(panels, index, isNullOrUndefined(panelHeader) ? get_default()(defaultHeaderMap, index, null) : Array.isArray(panelHeader) ? panelHeader[index] : panelHeader);
+        panelProps.panelFooter = get_default()(panels, index, Array.isArray(panelFooter) ? panelFooter[index] : panelFooter);
       }
 
       return panelProps;
@@ -89095,6 +89131,7 @@ class TimePicker_TimePicker extends baseComponent_BaseComponent {
       placeholder,
       disabled,
       defaultValue,
+      dropdownMargin,
       className,
       popupStyle,
       size,
@@ -89123,7 +89160,7 @@ class TimePicker_TimePicker extends baseComponent_BaseComponent {
       motion,
       autoAdjustOverflow
     } = _a,
-          rest = TimePicker_rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "onChangeWithDateFirst", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
+          rest = TimePicker_rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "dropdownMargin", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "onChangeWithDateFirst", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
 
     const format = this.foundation.getDefaultFormatIfNeed();
     const position = this.foundation.getPosition();
@@ -89183,6 +89220,7 @@ class TimePicker_TimePicker extends baseComponent_BaseComponent {
       position: position,
       visible: disabled ? false : Boolean(open),
       motion: motion,
+      margin: dropdownMargin,
       autoAdjustOverflow: autoAdjustOverflow
     }, useCustomTrigger ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(trigger_0, {
       triggerRender: triggerRender,
@@ -89208,6 +89246,7 @@ TimePicker_TimePicker.propTypes = Object.assign(Object.assign({
   'aria-required': prop_types_default.a.bool,
   prefixCls: prop_types_default.a.string,
   clearText: prop_types_default.a.string,
+  clearIcon: prop_types_default.a.node,
   value: TimeShape,
   inputReadOnly: prop_types_default.a.bool,
   disabled: prop_types_default.a.bool,
@@ -89227,6 +89266,7 @@ TimePicker_TimePicker.propTypes = Object.assign(Object.assign({
   disabledHours: prop_types_default.a.func,
   disabledMinutes: prop_types_default.a.func,
   disabledSeconds: prop_types_default.a.func,
+  dropdownMargin: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.object]),
   hideDisabledOptions: prop_types_default.a.bool,
   onChange: prop_types_default.a.func,
   use12Hours: prop_types_default.a.bool,
@@ -93568,6 +93608,9 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
 
     this.renderClearBtn = () => {
       const showClearBtn = this.showClearBtn();
+      const {
+        clearIcon
+      } = this.props;
       const clearCls = classnames_default()("".concat(treeSelect_prefixcls, "-clearbtn"));
 
       if (showClearBtn) {
@@ -93578,7 +93621,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
           className: clearCls,
           onClick: this.handleClear,
           onKeyPress: this.handleClearEnterPress
-        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
+        }, clearIcon ? clearIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
       }
 
       return null;
@@ -94454,19 +94497,22 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       mouseEnterDelay,
       autoAdjustOverflow,
       stopPropagation,
-      getPopupContainer
+      getPopupContainer,
+      dropdownMargin,
+      position
     } = this.props;
     const {
       isOpen,
       rePosKey
     } = this.state;
     const selection = this.renderSelection();
-    const pos = 'bottomLeft';
+    const pos = position ? position : 'bottomLeft';
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popover_0, {
       stopPropagation: stopPropagation,
       getPopupContainer: getPopupContainer,
       zIndex: zIndex,
       motion: motion,
+      margin: dropdownMargin,
       ref: this.optionsRef,
       content: content,
       visible: isOpen,
@@ -94493,6 +94539,7 @@ treeSelect_TreeSelect.propTypes = {
   loadData: prop_types_default.a.func,
   onLoad: prop_types_default.a.func,
   arrowIcon: prop_types_default.a.node,
+  clearIcon: prop_types_default.a.node,
   defaultOpen: prop_types_default.a.bool,
   defaultValue: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array]),
   defaultExpandAll: prop_types_default.a.bool,
@@ -94531,6 +94578,7 @@ treeSelect_TreeSelect.propTypes = {
   })),
   dropdownClassName: prop_types_default.a.string,
   dropdownStyle: prop_types_default.a.object,
+  dropdownMargin: prop_types_default.a.oneOfType([prop_types_default.a.number, prop_types_default.a.object]),
   motion: prop_types_default.a.bool,
   placeholder: prop_types_default.a.string,
   maxTagCount: prop_types_default.a.number,