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

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

@@ -26,6 +26,7 @@ export interface AutoCompleteProps<T extends AutoCompleteItems> {
     autoAdjustOverflow?: boolean;
     autoFocus?: boolean;
     className?: string;
+    clearIcon?: ReactNode;
     children?: ReactNode | undefined;
     data?: T[];
     disabled?: boolean;
@@ -94,6 +95,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         autoFocus: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
+        clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         data: PropTypes.Requireable<any[]>;
         defaultOpen: PropTypes.Requireable<boolean>;

package/lib/cjs/autoComplete/index.js

@@ -207,7 +207,8 @@ class AutoComplete extends _baseComponent.default {
       validateStatus,
       autoFocus,
       value,
-      id
+      id,
+      clearIcon
     } = this.props;
     const {
       inputValue,
@@ -248,7 +249,8 @@ class AutoComplete extends _baseComponent.default {
       validateStatus,
       size,
       onBlur: this.onBlur,
-      onFocus: this.onFocus
+      onFocus: this.onFocus,
+      clearIcon
     };
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, outerProps), typeof triggerRender === 'function' ? /*#__PURE__*/_react.default.createElement(_trigger.default, Object.assign({}, innerProps, {
       inputValue: typeof value !== 'undefined' ? value : inputValue,
@@ -364,6 +366,7 @@ AutoComplete.propTypes = {
   autoFocus: _propTypes.default.bool,
   autoAdjustOverflow: _propTypes.default.bool,
   className: _propTypes.default.string,
+  clearIcon: _propTypes.default.node,
   children: _propTypes.default.node,
   data: _propTypes.default.array,
   defaultOpen: _propTypes.default.bool,

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

@@ -27,8 +27,10 @@ export interface CascaderProps extends BasicCascaderProps {
     'aria-required'?: React.AriaAttributes['aria-required'];
     'aria-label'?: React.AriaAttributes['aria-label'];
     arrowIcon?: ReactNode;
+    clearIcon?: ReactNode;
     defaultValue?: Value;
     dropdownStyle?: CSSProperties;
+    dropdownMargin?: PopoverProps['margin'];
     emptyContent?: ReactNode;
     motion?: boolean;
     treeData?: Array<CascaderData>;
@@ -70,11 +72,13 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         'aria-required': PropTypes.Requireable<boolean>;
         'aria-label': PropTypes.Requireable<string>;
         arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         changeOnSelect: PropTypes.Requireable<boolean>;
         defaultValue: PropTypes.Requireable<NonNullable<string | any[]>>;
         disabled: PropTypes.Requireable<boolean>;
         dropdownClassName: PropTypes.Requireable<string>;
         dropdownStyle: PropTypes.Requireable<object>;
+        dropdownMargin: PropTypes.Requireable<NonNullable<number | object>>;
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean>;
         filterTreeNode: PropTypes.Requireable<NonNullable<boolean | ((...args: any[]) => any)>>;

package/lib/cjs/cascader/index.js

@@ -420,6 +420,9 @@ class Cascader extends _baseComponent.default {
 
     this.renderClearBtn = () => {
       const clearCls = (0, _classnames.default)("".concat(prefixcls, "-clearbtn"));
+      const {
+        clearIcon
+      } = this.props;
       const allowClear = this.showClearBtn();
 
       if (allowClear) {
@@ -429,7 +432,7 @@ class Cascader extends _baseComponent.default {
           onKeyPress: this.handleClearEnterPress,
           role: "button",
           tabIndex: 0
-        }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
+        }, clearIcon ? clearIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
       }
 
       return null;
@@ -959,7 +962,8 @@ class Cascader extends _baseComponent.default {
       mouseLeaveDelay,
       mouseEnterDelay,
       position,
-      motion
+      motion,
+      dropdownMargin
     } = this.props;
     const {
       isOpen,
@@ -975,6 +979,7 @@ class Cascader extends _baseComponent.default {
       getPopupContainer: getPopupContainer,
       zIndex: zIndex,
       motion: motion,
+      margin: dropdownMargin,
       ref: this.optionsRef,
       content: content,
       visible: isOpen,
@@ -1000,11 +1005,13 @@ Cascader.propTypes = {
   'aria-required': _propTypes.default.bool,
   'aria-label': _propTypes.default.string,
   arrowIcon: _propTypes.default.node,
+  clearIcon: _propTypes.default.node,
   changeOnSelect: _propTypes.default.bool,
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
   disabled: _propTypes.default.bool,
   dropdownClassName: _propTypes.default.string,
   dropdownStyle: _propTypes.default.object,
+  dropdownMargin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   emptyContent: _propTypes.default.node,
   motion: _propTypes.default.bool,
 

package/lib/cjs/datePicker/dateInput.js

@@ -186,7 +186,8 @@ class DateInput extends _baseComponent.default {
     const {
       showClear,
       prefixCls,
-      disabled
+      disabled,
+      clearIcon
     } = this.props;
     const allowClear = (rangeStart || rangeEnd) && showClear;
     return allowClear && !disabled ? /*#__PURE__*/_react.default.createElement("div", {
@@ -195,7 +196,7 @@ class DateInput extends _baseComponent.default {
       "aria-label": "Clear range input value",
       className: "".concat(prefixCls, "-range-input-clearbtn"),
       onMouseDown: e => !disabled && this.handleRangeInputClear(e)
-    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, {
+    }, clearIcon ? clearIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, {
       "aria-hidden": true
     })) : null;
   }

package/lib/cjs/datePicker/datePicker.d.ts

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { ContextValue } from '../configProvider/context';
 import DatePickerFoundation, { DatePickerAdapter, DatePickerFoundationProps, DatePickerFoundationState, DayStatusType, PresetType, Type, RangeType } from '@douyinfe/semi-foundation/lib/cjs/datePicker/foundation';
 import BaseComponent from '../_base/baseComponent';
+import { PopoverProps } from '../popover/index';
 import { DateInputProps } from './dateInput';
 import MonthsGrid, { MonthsGridProps } from './monthsGrid';
 import { YearAndMonthProps } from './yearAndMonth';
@@ -17,6 +18,7 @@ export interface DatePickerProps extends DatePickerFoundationProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
     'aria-required'?: React.AriaAttributes['aria-required'];
+    clearIcon?: React.ReactNode;
     timePickerOpts?: TimePickerProps;
     bottomSlot?: React.ReactNode;
     insetLabel?: React.ReactNode;
@@ -33,6 +35,7 @@ export interface DatePickerProps extends DatePickerFoundationProps {
     locale?: Locale['DatePicker'];
     dateFnsLocale?: Locale['dateFnsLocale'];
     yearAndMonthOpts?: ScrollItemProps<any>;
+    dropdownMargin?: PopoverProps['margin'];
 }
 export declare type DatePickerState = DatePickerFoundationState;
 export default class DatePicker extends BaseComponent<DatePickerProps, DatePickerState> {
@@ -45,6 +48,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-required': PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
+        clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         value: PropTypes.Requireable<NonNullable<string | number | object>>;
@@ -100,6 +104,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         autoSwitchDate: PropTypes.Requireable<boolean>;
         dropdownClassName: PropTypes.Requireable<string>;
         dropdownStyle: PropTypes.Requireable<object>;
+        dropdownMargin: PropTypes.Requireable<NonNullable<number | object>>;
         topSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         bottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         dateFnsLocale: PropTypes.Requireable<object>;

package/lib/cjs/datePicker/datePicker.js

@@ -267,7 +267,8 @@ class DatePicker extends _baseComponent.default {
         dateFnsLocale,
         stopPropagation,
         autoAdjustOverflow,
-        spacing
+        spacing,
+        dropdownMargin
       } = this.props;
       return /*#__PURE__*/_react.default.createElement(_index.default, {
         getPopupContainer: getPopupContainer,
@@ -275,6 +276,7 @@ class DatePicker extends _baseComponent.default {
         autoAdjustOverflow: autoAdjustOverflow,
         zIndex: zIndex,
         motion: motion,
+        margin: dropdownMargin,
         content: this.renderPanel(locale, localeCode, dateFnsLocale),
         trigger: "custom",
         position: position,
@@ -673,6 +675,7 @@ class DatePicker extends _baseComponent.default {
 
   renderInner(extraProps) {
     const {
+      clearIcon,
       type,
       format,
       multiple,
@@ -714,6 +717,7 @@ class DatePicker extends _baseComponent.default {
 
     const props = Object.assign(Object.assign({}, extraProps), {
       placeholder: phText,
+      clearIcon,
       disabled: inputDisabled,
       inputValue,
       value: value,
@@ -797,6 +801,7 @@ DatePicker.propTypes = {
   'aria-required': _propTypes.default.bool,
   type: _propTypes.default.oneOf(_constants.strings.TYPE_SET),
   size: _propTypes.default.oneOf(_constants.strings.SIZE_SET),
+  clearIcon: _propTypes.default.node,
   density: _propTypes.default.oneOf(_constants.strings.DENSITY_SET),
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.object, _propTypes.default.array]),
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.object, _propTypes.default.array]),
@@ -852,6 +857,7 @@ DatePicker.propTypes = {
   autoSwitchDate: _propTypes.default.bool,
   dropdownClassName: _propTypes.default.string,
   dropdownStyle: _propTypes.default.object,
+  dropdownMargin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   topSlot: _propTypes.default.node,
   bottomSlot: _propTypes.default.node,
   dateFnsLocale: _propTypes.default.object,

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

@@ -55,25 +55,26 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
     static Title: typeof DropdownTitle;
     static contextType: React.Context<DropdownContextType>;
     static propTypes: {
-        render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        visible: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        contentClassName: PropTypes.Requireable<NonNullable<string | any[]>>;
+        className: PropTypes.Requireable<string>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
+        margin: PropTypes.Requireable<NonNullable<number | object>>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
-        trigger: PropTypes.Requireable<string>;
-        zIndex: PropTypes.Requireable<number>;
+        menu: PropTypes.Requireable<any[]>;
         motion: PropTypes.Requireable<NonNullable<boolean | object>>;
-        className: PropTypes.Requireable<string>;
-        contentClassName: PropTypes.Requireable<NonNullable<string | any[]>>;
-        style: PropTypes.Requireable<object>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
-        rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
-        showTick: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
+        render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         spacing: PropTypes.Requireable<number>;
-        menu: PropTypes.Requireable<any[]>;
+        showTick: PropTypes.Requireable<boolean>;
+        style: PropTypes.Requireable<object>;
+        trigger: PropTypes.Requireable<string>;
+        visible: PropTypes.Requireable<boolean>;
+        zIndex: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         onVisibleChange: (...args: any[]) => void;

package/lib/cjs/dropdown/index.js

@@ -196,10 +196,11 @@ class Dropdown extends _baseComponent.default {
       zIndex,
       className,
       motion,
+      margin,
       style,
       prefixCls
     } = _a,
-          attr = __rest(_a, ["children", "position", "trigger", "onVisibleChange", "zIndex", "className", "motion", "style", "prefixCls"]);
+          attr = __rest(_a, ["children", "position", "trigger", "onVisibleChange", "zIndex", "className", "motion", "margin", "style", "prefixCls"]);
 
     let {
       spacing
@@ -221,6 +222,7 @@ class Dropdown extends _baseComponent.default {
     return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({
       zIndex: zIndex,
       motion: motion,
+      margin: margin,
       content: pop,
       className: className,
       prefixCls: prefixCls,
@@ -254,25 +256,26 @@ Dropdown.Divider = _dropdownDivider.default;
 Dropdown.Title = _dropdownTitle.default;
 Dropdown.contextType = _context.default;
 Dropdown.propTypes = {
-  render: _propTypes.default.node,
   children: _propTypes.default.node,
-  visible: _propTypes.default.bool,
-  position: _propTypes.default.oneOf(positionSet),
+  contentClassName: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
+  className: _propTypes.default.string,
   getPopupContainer: _propTypes.default.func,
+  margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   mouseEnterDelay: _propTypes.default.number,
   mouseLeaveDelay: _propTypes.default.number,
-  trigger: _propTypes.default.oneOf(triggerSet),
-  zIndex: _propTypes.default.number,
+  menu: _propTypes.default.array,
   motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
-  className: _propTypes.default.string,
-  contentClassName: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
-  style: _propTypes.default.object,
   onVisibleChange: _propTypes.default.func,
-  rePosKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  showTick: _propTypes.default.bool,
   prefixCls: _propTypes.default.string,
+  position: _propTypes.default.oneOf(positionSet),
+  rePosKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  render: _propTypes.default.node,
   spacing: _propTypes.default.number,
-  menu: _propTypes.default.array
+  showTick: _propTypes.default.bool,
+  style: _propTypes.default.object,
+  trigger: _propTypes.default.oneOf(triggerSet),
+  visible: _propTypes.default.bool,
+  zIndex: _propTypes.default.number
 };
 Dropdown.defaultProps = {
   onVisibleChange: _noop2.default,

package/lib/cjs/form/baseForm.d.ts

@@ -64,6 +64,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         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;
@@ -84,6 +85,12 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         onSearch?: (value: string) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;
+        dropdownMargin?: number | {
+            marginLeft: number;
+            marginTop: number;
+            marginRight: number;
+            marginBottom: number;
+        };
         outerTopSlot?: React.ReactNode;
         innerTopSlot?: React.ReactNode;
         outerBottomSlot?: React.ReactNode;

package/lib/cjs/form/field.d.ts

@@ -12,6 +12,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     autoFocus?: boolean;
     autoClearSearchValue?: boolean;
     arrowIcon?: import("react").ReactNode;
+    clearIcon?: import("react").ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
     value?: string | number | any[] | Record<string, any>;
     placeholder?: import("react").ReactNode;
@@ -32,6 +33,12 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onSearch?: (value: string) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;
+    dropdownMargin?: number | {
+        marginLeft: number;
+        marginTop: number;
+        marginRight: number;
+        marginBottom: number;
+    };
     outerTopSlot?: import("react").ReactNode;
     innerTopSlot?: import("react").ReactNode;
     outerBottomSlot?: import("react").ReactNode;

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

@@ -33,6 +33,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     insetLabelId?: string;
     size?: InputSize;
     className?: string;
+    clearIcon?: React.ReactNode;
     style?: React.CSSProperties;
     validateStatus?: ValidateStatus;
     onClear?: (e: React.MouseEvent<HTMLDivElement>) => void;
@@ -69,6 +70,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         'aria-required': PropTypes.Requireable<boolean>;
         addonBefore: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         addonAfter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         mode: PropTypes.Requireable<"password">;

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;
@@ -54,6 +55,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean>;
         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/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>;
@@ -178,6 +181,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         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/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>;