@douyinfe/semi-ui 2.24.4-alpha.0 → 2.25.0

package/lib/cjs/input/index.js

@@ -224,6 +224,9 @@ class Input extends _baseComponent.default {
 
   renderClearBtn() {
     const clearCls = (0, _classnames.default)("".concat(prefixCls, "-clearbtn"));
+    const {
+      clearIcon
+    } = this.props;
     const allowClear = this.foundation.isAllowClear(); // use onMouseDown to fix issue 1203
 
     if (allowClear) {
@@ -233,7 +236,7 @@ class Input extends _baseComponent.default {
         _react.default.createElement("div", {
           className: clearCls,
           onMouseDown: this.handleClear
-        }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null))
+        }, clearIcon ? clearIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null))
       );
     }
 
@@ -370,6 +373,7 @@ class Input extends _baseComponent.default {
       addonAfter,
       addonBefore,
       autofocus,
+      clearIcon,
       className,
       disabled,
       defaultValue,
@@ -394,7 +398,7 @@ class Input extends _baseComponent.default {
       getValueLength,
       preventScroll
     } = _a,
-          rest = __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 = __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,
@@ -488,6 +492,7 @@ Input.propTypes = {
   'aria-required': _propTypes.default.bool,
   addonBefore: _propTypes.default.node,
   addonAfter: _propTypes.default.node,
+  clearIcon: _propTypes.default.node,
   prefix: _propTypes.default.node,
   suffix: _propTypes.default.node,
   mode: _propTypes.default.oneOf(modeSet),

package/lib/cjs/inputNumber/index.d.ts

@@ -9,6 +9,7 @@ import { ArrayElement } from '../_base/base';
 export interface InputNumberProps extends InputProps {
     autofocus?: boolean;
     className?: string;
+    clearIcon?: React.ReactNode;
     defaultValue?: number | string;
     disabled?: boolean;
     formatter?: (value: number | string) => string;
@@ -51,6 +52,7 @@ declare class InputNumber extends BaseComponent<InputNumberProps, InputNumberSta
         'aria-describedby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         autofocus: PropTypes.Requireable<boolean>;
+        clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         defaultValue: PropTypes.Requireable<NonNullable<string | number>>;
         disabled: PropTypes.Requireable<boolean>;

package/lib/cjs/inputNumber/index.js

@@ -505,6 +505,7 @@ InputNumber.propTypes = {
   'aria-describedby': _propTypes.default.string,
   'aria-required': _propTypes.default.bool,
   autofocus: _propTypes.default.bool,
+  clearIcon: _propTypes.default.node,
   className: _propTypes.default.string,
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   disabled: _propTypes.default.bool,

package/lib/cjs/popover/index.d.ts

@@ -12,12 +12,13 @@ declare interface ArrowStyle {
     borderOpacity?: string | number;
 }
 export interface PopoverProps extends BaseProps {
+    autoAdjustOverflow?: boolean;
     children?: React.ReactNode;
     content?: TooltipProps['content'];
     visible?: boolean;
-    autoAdjustOverflow?: boolean;
-    motion?: boolean;
     position?: Position;
+    motion?: boolean;
+    margin?: TooltipProps['margin'];
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
     trigger?: Trigger;
@@ -53,7 +54,8 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        margin: PropTypes.Requireable<NonNullable<number | object>>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
         trigger: PropTypes.Validator<NonNullable<"hover" | "focus" | "click" | "custom">>;

package/lib/cjs/popover/index.js

@@ -139,6 +139,7 @@ Popover.propTypes = {
   motion: _propTypes.default.bool,
   position: _propTypes.default.oneOf(positionSet),
   // getPopupContainer: PropTypes.func,
+  margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   mouseEnterDelay: _propTypes.default.number,
   mouseLeaveDelay: _propTypes.default.number,
   trigger: _propTypes.default.oneOf(triggerSet).isRequired,

package/lib/cjs/radio/radio.d.ts

@@ -82,7 +82,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "middle" | "large";
+        buttonSize?: "small" | "large" | "middle";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

package/lib/cjs/radio/radioGroup.d.ts

@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         disabled: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
-        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
+        buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/select/index.d.ts

@@ -67,6 +67,7 @@ export declare type SelectProps = {
     autoFocus?: boolean;
     autoClearSearchValue?: boolean;
     arrowIcon?: React.ReactNode;
+    clearIcon?: React.ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
     value?: string | number | any[] | Record<string, any>;
     placeholder?: React.ReactNode;
@@ -87,6 +88,7 @@ export declare type SelectProps = {
     onSearch?: (value: string) => void;
     dropdownClassName?: string;
     dropdownStyle?: React.CSSProperties;
+    dropdownMargin?: PopoverProps['margin'];
     outerTopSlot?: React.ReactNode;
     innerTopSlot?: React.ReactNode;
     outerBottomSlot?: React.ReactNode;
@@ -157,6 +159,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         autoFocus: PropTypes.Requireable<boolean>;
         autoClearSearchValue: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         value: PropTypes.Requireable<NonNullable<string | number | object>>;
         placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -173,11 +176,12 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         dropdownClassName: PropTypes.Requireable<string>;
         dropdownStyle: PropTypes.Requireable<object>;
+        dropdownMargin: PropTypes.Requireable<NonNullable<number | object>>;
         outerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         innerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         inputProps: PropTypes.Requireable<object>;

package/lib/cjs/select/index.js

@@ -984,7 +984,8 @@ class Select extends _baseComponent.default {
       insetLabel,
       placeholder,
       triggerRender,
-      arrowIcon
+      arrowIcon,
+      clearIcon
     } = this.props;
     const {
       selections,
@@ -1021,6 +1022,7 @@ class Select extends _baseComponent.default {
     }, arrowIcon) : /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixcls, "-arrow-empty")
     });
+    const clear = clearIcon ? clearIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null);
     const inner = useCustomTrigger ? /*#__PURE__*/_react.default.createElement(_trigger.default, {
       value: Array.from(selections.values()),
       inputValue: inputValue,
@@ -1042,7 +1044,7 @@ class Select extends _baseComponent.default {
     }, showClear ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(prefixcls, "-clear")),
       onClick: this.onClear
-    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null)) : arrowContent), /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+    }, clear) : arrowContent), /*#__PURE__*/_react.default.createElement(_react.Fragment, {
       key: "suffix"
     }, suffix ? this.renderSuffix() : null)];
     /**
@@ -1102,7 +1104,8 @@ class Select extends _baseComponent.default {
       mouseLeaveDelay,
       mouseEnterDelay,
       spacing,
-      stopPropagation
+      stopPropagation,
+      dropdownMargin
     } = this.props;
     const {
       isOpen,
@@ -1113,6 +1116,7 @@ class Select extends _baseComponent.default {
     return /*#__PURE__*/_react.default.createElement(_index2.default, {
       getPopupContainer: getPopupContainer,
       motion: motion,
+      margin: dropdownMargin,
       autoAdjustOverflow: autoAdjustOverflow,
       mouseLeaveDelay: mouseLeaveDelay,
       mouseEnterDelay: mouseEnterDelay,
@@ -1146,6 +1150,7 @@ Select.propTypes = {
   autoFocus: _propTypes.default.bool,
   autoClearSearchValue: _propTypes.default.bool,
   children: _propTypes.default.node,
+  clearIcon: _propTypes.default.node,
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array, _propTypes.default.object]),
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array, _propTypes.default.object]),
   placeholder: _propTypes.default.node,
@@ -1170,6 +1175,7 @@ Select.propTypes = {
   getPopupContainer: _propTypes.default.func,
   dropdownClassName: _propTypes.default.string,
   dropdownStyle: _propTypes.default.object,
+  dropdownMargin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   outerTopSlot: _propTypes.default.node,
   innerTopSlot: _propTypes.default.node,
   inputProps: _propTypes.default.object,

package/lib/cjs/table/Body/index.js

@@ -308,7 +308,7 @@ class Body extends _baseComponent.default {
 
       const listStyle = {
         width: '100%',
-        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : _constants.numbers.DEFAULT_EMPTYSLOT_HEIGHT,
+        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : null,
         overflowX: 'auto',
         overflowY: 'auto'
       };
@@ -320,7 +320,7 @@ class Body extends _baseComponent.default {
         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,

package/lib/cjs/table/Table.d.ts

@@ -300,7 +300,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showSizeChanger?: boolean;
         showQuickJumper?: boolean;
         popoverZIndex?: number;
-        popoverPosition?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
     };

package/lib/cjs/tag/index.js

@@ -210,7 +210,7 @@ class Tag extends _react.Component {
       "aria-label": this.props['aria-label'] || (0, _isString2.default)(children) ? "".concat(closable ? 'Closable ' : '', "Tag: ").concat(children) : ''
     }, wrapProps), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-content")
-    }, avatarSrc ? this.renderAvatar() : null, children, closeIcon));
+    }, avatarSrc ? this.renderAvatar() : null, children), closeIcon);
   }
 
 }

package/lib/cjs/tagInput/index.d.ts

@@ -11,6 +11,7 @@ export declare type RestTagsPopoverProps = PopoverProps;
 declare type ValidateStatus = "default" | "error" | "warning";
 export interface TagInputProps {
     className?: string;
+    clearIcon?: React.ReactNode;
     defaultValue?: string[];
     disabled?: boolean;
     inputValue?: string;
@@ -59,6 +60,7 @@ export interface TagInputState {
 declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;

package/lib/cjs/tagInput/index.js

@@ -338,7 +338,8 @@ class TagInput extends _baseComponent.default {
     } = this.state;
     const {
       showClear,
-      disabled
+      disabled,
+      clearIcon
     } = this.props;
     const clearCls = (0, _classnames.default)("".concat(prefixCls, "-clearBtn"), {
       ["".concat(prefixCls, "-clearBtn-invisible")]: !hovering || inputValue === '' && tagsArray.length === 0 || disabled
@@ -352,7 +353,7 @@ class TagInput extends _baseComponent.default {
         className: clearCls,
         onClick: e => this.handleClearBtn(e),
         onKeyPress: e => this.handleClearEnterPress(e)
-      }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
+      }, clearIcon ? clearIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
     }
 
     return null;
@@ -471,7 +472,7 @@ class TagInput extends _baseComponent.default {
   }
 
   blur() {
-    this.inputRef.current.blur(); // unregister clickOutside event 
+    this.inputRef.current.blur(); // unregister clickOutside event
 
     this.foundation.clickOutsideCallBack();
   }
@@ -486,7 +487,7 @@ class TagInput extends _baseComponent.default {
     });
 
     if (!disabled) {
-      // register clickOutside event 
+      // register clickOutside event
       this.foundation.handleClick();
     }
   }
@@ -512,13 +513,15 @@ class TagInput extends _baseComponent.default {
       ["".concat(prefixCls, "-disabled")]: disabled,
       ["".concat(prefixCls, "-hover")]: hovering && !disabled,
       ["".concat(prefixCls, "-error")]: validateStatus === 'error',
-      ["".concat(prefixCls, "-warning")]: validateStatus === 'warning'
+      ["".concat(prefixCls, "-warning")]: validateStatus === 'warning',
+      ["".concat(prefixCls, "-small")]: size === 'small',
+      ["".concat(prefixCls, "-large")]: size === 'large'
     });
     const inputCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-input"), "".concat(prefixCls, "-wrapper-input-").concat(size));
-    const wrapperCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), "".concat(prefixCls, "-wrapper-").concat(size));
+    const wrapperCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"));
     return (
       /*#__PURE__*/
-      // eslint-disable-next-line 
+      // eslint-disable-next-line
       _react.default.createElement("div", {
         ref: this.tagInputRef,
         style: style,
@@ -565,6 +568,7 @@ class TagInput extends _baseComponent.default {
 
 TagInput.propTypes = {
   children: _propTypes.default.node,
+  clearIcon: _propTypes.default.node,
   style: _propTypes.default.object,
   className: _propTypes.default.string,
   disabled: _propTypes.default.bool,

package/lib/cjs/timePicker/TimePicker.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
+import { PopoverProps } from '../popover';
 import TimePickerFoundation, { TimePickerAdapter } from '@douyinfe/semi-foundation/lib/cjs/timePicker/foundation';
 import '@douyinfe/semi-foundation/lib/cjs/timePicker/timePicker.css';
 import { InputSize } from '../input';
@@ -8,8 +9,8 @@ import { Position } from '../tooltip';
 import { ScrollItemProps } from '../scrollList/scrollItem';
 import { Locale } from '../locale/interface';
 export interface Panel {
-    panelHeader?: React.ReactNode;
-    panelFooter?: React.ReactNode;
+    panelHeader?: React.ReactNode | React.ReactNode[];
+    panelFooter?: React.ReactNode | React.ReactNode[];
 }
 export declare type BaseValueType = string | number | Date;
 export declare type Type = 'time' | 'timeRange';
@@ -23,6 +24,7 @@ export declare type TimePickerProps = {
     autoFocus?: boolean;
     className?: string;
     clearText?: string;
+    clearIcon?: React.ReactNode;
     dateFnsLocale?: Locale['dateFnsLocale'];
     defaultOpen?: boolean;
     defaultValue?: BaseValueType | BaseValueType[];
@@ -30,6 +32,7 @@ export declare type TimePickerProps = {
     disabledHours?: () => number[];
     disabledMinutes?: (selectedHour: number) => number[];
     disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];
+    dropdownMargin?: PopoverProps['margin'];
     focusOnOpen?: boolean;
     format?: string;
     getPopupContainer?: () => HTMLElement;
@@ -45,8 +48,8 @@ export declare type TimePickerProps = {
     minuteStep?: number;
     motion?: boolean;
     open?: boolean;
-    panelFooter?: React.ReactNode;
-    panelHeader?: React.ReactNode;
+    panelFooter?: React.ReactNode | React.ReactNode[];
+    panelHeader?: React.ReactNode | React.ReactNode[];
     panels?: Panel[];
     placeholder?: string;
     popupClassName?: string;
@@ -98,6 +101,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         'aria-required': PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         clearText: PropTypes.Requireable<string>;
+        clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         value: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
@@ -117,6 +121,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         disabledHours: PropTypes.Requireable<(...args: any[]) => any>;
         disabledMinutes: PropTypes.Requireable<(...args: any[]) => any>;
         disabledSeconds: PropTypes.Requireable<(...args: any[]) => any>;
+        dropdownMargin: PropTypes.Requireable<NonNullable<number | object>>;
         hideDisabledOptions: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         use12Hours: PropTypes.Requireable<boolean>;
@@ -197,8 +202,8 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
     }, index: number) => void;
     handleInput: (value: string) => void;
     createPanelProps: (index?: number) => {
-        panelHeader: React.ReactNode;
-        panelFooter: React.ReactNode;
+        panelHeader: React.ReactNode | React.ReactNode[];
+        panelFooter: React.ReactNode | React.ReactNode[];
     };
     getPanelElement(): JSX.Element;
     getPopupClassName(): string;

package/lib/cjs/timePicker/TimePicker.js

@@ -91,8 +91,8 @@ class TimePicker extends _baseComponent.default {
           0: locale.begin,
           1: locale.end
         };
-        panelProps.panelHeader = (0, _get2.default)(panels, index, (0, _isNullOrUndefined.default)(panelHeader) ? (0, _get2.default)(defaultHeaderMap, index, null) : panelHeader);
-        panelProps.panelFooter = (0, _get2.default)(panels, index, panelFooter);
+        panelProps.panelHeader = (0, _get2.default)(panels, index, (0, _isNullOrUndefined.default)(panelHeader) ? (0, _get2.default)(defaultHeaderMap, index, null) : Array.isArray(panelHeader) ? panelHeader[index] : panelHeader);
+        panelProps.panelFooter = (0, _get2.default)(panels, index, Array.isArray(panelFooter) ? panelFooter[index] : panelFooter);
       }
 
       return panelProps;
@@ -299,6 +299,7 @@ class TimePicker extends _baseComponent.default {
       placeholder,
       disabled,
       defaultValue,
+      dropdownMargin,
       className,
       popupStyle,
       size,
@@ -327,7 +328,7 @@ class TimePicker extends _baseComponent.default {
       motion,
       autoAdjustOverflow
     } = _a,
-          rest = __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 = __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();
@@ -387,6 +388,7 @@ class TimePicker extends _baseComponent.default {
       position: position,
       visible: disabled ? false : Boolean(open),
       motion: motion,
+      margin: dropdownMargin,
       autoAdjustOverflow: autoAdjustOverflow
     }, useCustomTrigger ? /*#__PURE__*/_react.default.createElement(_trigger.default, {
       triggerRender: triggerRender,
@@ -414,6 +416,7 @@ TimePicker.propTypes = Object.assign(Object.assign({
   'aria-required': _propTypes.default.bool,
   prefixCls: _propTypes.default.string,
   clearText: _propTypes.default.string,
+  clearIcon: _propTypes.default.node,
   value: _TimeShape.TimeShape,
   inputReadOnly: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
@@ -433,6 +436,7 @@ TimePicker.propTypes = Object.assign(Object.assign({
   disabledHours: _propTypes.default.func,
   disabledMinutes: _propTypes.default.func,
   disabledSeconds: _propTypes.default.func,
+  dropdownMargin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   hideDisabledOptions: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   use12Hours: _propTypes.default.bool,

package/lib/cjs/timePicker/index.d.ts

@@ -19,6 +19,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         'aria-required': import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         clearText: import("prop-types").Requireable<string>;
+        clearIcon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         value: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
@@ -38,6 +39,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         disabledHours: import("prop-types").Requireable<(...args: any[]) => any>;
         disabledMinutes: import("prop-types").Requireable<(...args: any[]) => any>;
         disabledSeconds: import("prop-types").Requireable<(...args: any[]) => any>;
+        dropdownMargin: import("prop-types").Requireable<NonNullable<number | object>>;
         hideDisabledOptions: import("prop-types").Requireable<boolean>;
         onChange: import("prop-types").Requireable<(...args: any[]) => any>;
         use12Hours: import("prop-types").Requireable<boolean>;

package/lib/cjs/tooltip/index.d.ts

@@ -86,7 +86,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

package/lib/cjs/treeSelect/index.d.ts

@@ -46,10 +46,12 @@ export interface TreeSelectProps extends Omit<BasicTreeSelectProps, OverrideComm
     arrowIcon?: React.ReactNode;
     autoAdjustOverflow?: boolean;
     clickToHide?: boolean;
+    clearIcon?: React.ReactNode;
     defaultOpen?: boolean;
     dropdownClassName?: string;
     dropdownMatchSelectWidth?: boolean;
     dropdownStyle?: React.CSSProperties;
+    dropdownMargin?: PopoverProps['margin'];
     insetLabel?: React.ReactNode;
     insetLabelId?: string;
     maxTagCount?: number;
@@ -59,6 +61,7 @@ export interface TreeSelectProps extends Omit<BasicTreeSelectProps, OverrideComm
     outerTopSlot?: React.ReactNode;
     placeholder?: string;
     prefix?: React.ReactNode;
+    position?: PopoverProps['position'];
     searchAutoFocus?: boolean;
     searchPlaceholder?: string;
     showSearchClear?: boolean;
@@ -102,6 +105,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         loadData: PropTypes.Requireable<(...args: any[]) => any>;
         onLoad: PropTypes.Requireable<(...args: any[]) => any>;
         arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         defaultOpen: PropTypes.Requireable<boolean>;
         defaultValue: PropTypes.Requireable<NonNullable<string | any[]>>;
         defaultExpandAll: PropTypes.Requireable<boolean>;
@@ -139,6 +143,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         }>[]>;
         dropdownClassName: PropTypes.Requireable<string>;
         dropdownStyle: PropTypes.Requireable<object>;
+        dropdownMargin: PropTypes.Requireable<NonNullable<number | object>>;
         motion: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<string>;
         maxTagCount: PropTypes.Requireable<number>;

package/lib/cjs/treeSelect/index.js

@@ -396,6 +396,9 @@ class TreeSelect extends _baseComponent.default {
 
     this.renderClearBtn = () => {
       const showClearBtn = this.showClearBtn();
+      const {
+        clearIcon
+      } = this.props;
       const clearCls = (0, _classnames.default)("".concat(prefixcls, "-clearbtn"));
 
       if (showClearBtn) {
@@ -406,7 +409,7 @@ class TreeSelect extends _baseComponent.default {
           className: clearCls,
           onClick: this.handleClear,
           onKeyPress: this.handleClearEnterPress
-        }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
+        }, clearIcon ? clearIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
       }
 
       return null;
@@ -1281,19 +1284,22 @@ class TreeSelect extends _baseComponent.default {
       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__*/_react.default.createElement(_index3.default, {
       stopPropagation: stopPropagation,
       getPopupContainer: getPopupContainer,
       zIndex: zIndex,
       motion: motion,
+      margin: dropdownMargin,
       ref: this.optionsRef,
       content: content,
       visible: isOpen,
@@ -1320,6 +1326,7 @@ TreeSelect.propTypes = {
   loadData: _propTypes.default.func,
   onLoad: _propTypes.default.func,
   arrowIcon: _propTypes.default.node,
+  clearIcon: _propTypes.default.node,
   defaultOpen: _propTypes.default.bool,
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
   defaultExpandAll: _propTypes.default.bool,
@@ -1358,6 +1365,7 @@ TreeSelect.propTypes = {
   })),
   dropdownClassName: _propTypes.default.string,
   dropdownStyle: _propTypes.default.object,
+  dropdownMargin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   motion: _propTypes.default.bool,
   placeholder: _propTypes.default.string,
   maxTagCount: _propTypes.default.number,

package/lib/cjs/typography/numeral.d.ts

@@ -28,7 +28,7 @@ export default class Numeral extends PureComponent<NumeralProps> {
     static propTypes: {
         rule: PropTypes.Requireable<"text" | "numbers" | "bytes-decimal" | "bytes-binary" | "percentages" | "exponential">;
         precision: PropTypes.Requireable<number>;
-        truncate: PropTypes.Requireable<"ceil" | "floor" | "round">;
+        truncate: PropTypes.Requireable<"round" | "ceil" | "floor">;
         parser: PropTypes.Requireable<(...args: any[]) => any>;
         copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
         delete: PropTypes.Requireable<boolean>;

package/lib/cjs/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/lib/es/anchor/index.d.ts

@@ -48,7 +48,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<NonNullable<string | number>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;