@douyinfe/semi-ui 2.32.1-alpha.2 → 2.33.0-beta.0

package/lib/es/collapse/index.js

@@ -81,9 +81,10 @@ class Collapse extends BaseComponent {
       expandIconPosition,
       expandIcon,
       collapseIcon,
-      children
+      children,
+      clickHeaderToExpand
     } = _a,
-          rest = __rest(_a, ["defaultActiveKey", "accordion", "style", "motion", "className", "keepDOM", "expandIconPosition", "expandIcon", "collapseIcon", "children"]);
+          rest = __rest(_a, ["defaultActiveKey", "accordion", "style", "motion", "className", "keepDOM", "expandIconPosition", "expandIcon", "collapseIcon", "children", "clickHeaderToExpand"]);
 
     const clsPrefix = cls(cssClasses.PREFIX, className);
     const {
@@ -97,6 +98,7 @@ class Collapse extends BaseComponent {
         activeSet,
         expandIcon,
         collapseIcon,
+        clickHeaderToExpand,
         keepDOM,
         expandIconPosition,
         onClick: this.onChange,
@@ -112,6 +114,7 @@ Collapse.propTypes = {
   activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   defaultActiveKey: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   accordion: PropTypes.bool,
+  clickHeaderToExpand: PropTypes.bool,
   onChange: PropTypes.func,
   expandIcon: PropTypes.node,
   collapseIcon: PropTypes.node,
@@ -123,6 +126,7 @@ Collapse.propTypes = {
 };
 Collapse.defaultProps = {
   defaultActiveKey: '',
+  clickHeaderToExpand: true,
   onChange: noop,
   expandIconPosition: 'right'
 };

package/lib/es/collapse/item.d.ts

@@ -14,6 +14,7 @@ export interface CollapsePanelProps {
 }
 export default class CollapsePanel extends PureComponent<CollapsePanelProps> {
     static contextType: React.Context<CollapseContextType>;
+    headerExpandIconTriggerRef: React.RefObject<HTMLElement>;
     static propTypes: {
         itemKey: PropTypes.Requireable<string>;
         extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -30,5 +31,6 @@ export default class CollapsePanel extends PureComponent<CollapsePanelProps> {
     private ariaID;
     context: CollapseContextType;
     renderHeader(active: boolean, expandIconEnable?: boolean): JSX.Element;
+    handleClick: (itemKey: string, e: React.MouseEvent) => void;
     render(): JSX.Element;
 }

package/lib/es/collapse/item.js

@@ -20,7 +20,18 @@ import { getUuidShort } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 export default class CollapsePanel extends PureComponent {
   constructor() {
     super(...arguments);
+    this.headerExpandIconTriggerRef = /*#__PURE__*/React.createRef();
     this.ariaID = getUuidShort({});
+
+    this.handleClick = (itemKey, e) => {
+      var _a; // Judge user click Icon or Header
+      // Don't mount this func into icon span wrapper, or get triggered twice because of event propagation
+
+
+      if (this.context.clickHeaderToExpand || ((_a = this.headerExpandIconTriggerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+        this.context.onClick(itemKey, e);
+      }
+    };
   }
 
   renderHeader(active) {
@@ -47,6 +58,7 @@ export default class CollapsePanel extends PureComponent {
     }
 
     const icon = /*#__PURE__*/React.createElement("span", {
+      ref: this.headerExpandIconTriggerRef,
       "aria-hidden": 'true',
       className: cls([`${cssClasses.PREFIX}-header-icon`, {
         [`${cssClasses.PREFIX}-header-iconDisabled`]: !expandIconEnable
@@ -81,7 +93,6 @@ export default class CollapsePanel extends PureComponent {
       keepDOM,
       expandIconPosition,
       activeSet,
-      onClick,
       motion
     } = this.context;
     const active = activeSet.has(itemKey);
@@ -105,7 +116,7 @@ export default class CollapsePanel extends PureComponent {
       "aria-disabled": disabled,
       "aria-expanded": active ? 'true' : 'false',
       "aria-owns": this.ariaID,
-      onClick: e => !disabled && onClick(itemKey, e)
+      onClick: e => !disabled && this.handleClick(itemKey, e)
     }, this.renderHeader(active, children !== undefined && !disabled)), children && /*#__PURE__*/React.createElement(Collapsible, {
       isOpen: active,
       keepDOM: keepDOM,

package/lib/es/datePicker/dateInput.d.ts

@@ -21,6 +21,7 @@ export interface DateInputProps extends DateInputFoundationProps, BaseProps {
 }
 export default class DateInput extends BaseComponent<DateInputProps, {}> {
     static propTypes: {
+        borderless: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onEnterPress: PropTypes.Requireable<(...args: any[]) => any>;
@@ -29,7 +30,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;
@@ -49,6 +50,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
     };
     static defaultProps: {
+        borderless: boolean;
         showClear: boolean;
         onClick: typeof noop;
         onChange: typeof noop;

package/lib/es/datePicker/dateInput.js

@@ -214,7 +214,8 @@ export default class DateInput extends BaseComponent {
       rangeInputEndRef,
       rangeInputFocus,
       prefixCls,
-      rangeSeparator
+      rangeSeparator,
+      borderless
     } = rangeProps;
     const [rangeStart, rangeEnd = ''] = text.split(rangeSeparator) || [];
     const rangeSize = size === 'large' ? 'default' : 'small';
@@ -222,15 +223,18 @@ export default class DateInput extends BaseComponent {
     const [rangeStartPlaceholder, rangeEndPlaceholder] = rangePlaceholder;
     const inputLeftWrapperCls = cls(`${prefixCls}-range-input-wrapper-start`, `${prefixCls}-range-input-wrapper`, {
       [`${prefixCls}-range-input-wrapper-active`]: rangeInputFocus === 'rangeStart' && !disabled,
-      [`${prefixCls}-range-input-wrapper-start-with-prefix`]: this.props.prefix || this.props.insetLabel
+      [`${prefixCls}-range-input-wrapper-start-with-prefix`]: this.props.prefix || this.props.insetLabel,
+      [`${prefixCls}-borderless`]: borderless
     });
     const inputRightWrapperCls = cls(`${prefixCls}-range-input-wrapper-end`, `${prefixCls}-range-input-wrapper`, {
-      [`${prefixCls}-range-input-wrapper-active`]: rangeInputFocus === 'rangeEnd' && !disabled
+      [`${prefixCls}-range-input-wrapper-active`]: rangeInputFocus === 'rangeEnd' && !disabled,
+      [`${prefixCls}-borderless`]: borderless
     });
     return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderRangePrefix(), /*#__PURE__*/React.createElement("div", {
       onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeStart'),
       className: `${inputCls} ${inputLeftWrapperCls}`
     }, /*#__PURE__*/React.createElement(Input, {
+      borderless: borderless,
       size: rangeSize,
       style: inputStyle,
       disabled: disabled,
@@ -248,6 +252,7 @@ export default class DateInput extends BaseComponent {
       className: `${inputCls} ${inputRightWrapperCls}`,
       onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeEnd')
     }, /*#__PURE__*/React.createElement(Input, {
+      borderless: borderless,
       size: rangeSize,
       style: inputStyle,
       disabled: disabled,
@@ -438,6 +443,7 @@ export default class DateInput extends BaseComponent {
 
 }
 DateInput.propTypes = {
+  borderless: PropTypes.bool,
   onClick: PropTypes.func,
   onChange: PropTypes.func,
   onEnterPress: PropTypes.func,
@@ -466,6 +472,7 @@ DateInput.propTypes = {
   defaultPickerValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object, PropTypes.array])
 };
 DateInput.defaultProps = {
+  borderless: false,
   showClear: true,
   onClick: noop,
   onChange: noop,

package/lib/es/datePicker/datePicker.d.ts

@@ -57,8 +57,9 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        borderless: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
@@ -128,6 +129,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
     };
     static defaultProps: {
         onChangeWithDateFirst: boolean;
+        borderless: boolean;
         autoAdjustOverflow: boolean;
         stopPropagation: boolean;
         motion: boolean;
@@ -227,7 +229,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
     handleInsetDateFocus: (e: React.FocusEvent, rangeType: 'rangeStart' | 'rangeEnd') => void;
     handleInsetTimeFocus: () => void;
     handlePanelVisibleChange: (visible: boolean) => void;
-    renderInner(): JSX.Element;
+    renderInner(extraProps?: Partial<DatePickerProps>): JSX.Element;
     handleConfirm: (e: React.MouseEvent) => void;
     handleCancel: (e: React.MouseEvent) => void;
     renderFooter: (locale: Locale['DatePicker'], localeCode: string) => JSX.Element;

package/lib/es/datePicker/datePicker.js

@@ -1,3 +1,4 @@
+import _pick from "lodash/pick";
 import _isEqual from "lodash/isEqual";
 import _isFunction from "lodash/isFunction";
 import _get from "lodash/get";
@@ -706,7 +707,7 @@ export default class DatePicker extends BaseComponent {
     })) : null;
   }
 
-  renderInner() {
+  renderInner(extraProps) {
     const {
       clearIcon,
       type,
@@ -727,7 +728,8 @@ export default class DatePicker extends BaseComponent {
       inputReadOnly,
       rangeSeparator,
       insetInput,
-      defaultPickerValue
+      defaultPickerValue,
+      borderless
     } = this.props;
     const {
       value,
@@ -743,12 +745,13 @@ export default class DatePicker extends BaseComponent {
       [`${cssClasses.PREFIX}-range-input-${size}`]: isRangeType && size,
       [`${cssClasses.PREFIX}-range-input-active`]: isRangeType && rangeInputFocus && !inputDisabled,
       [`${cssClasses.PREFIX}-range-input-disabled`]: isRangeType && inputDisabled,
-      [`${cssClasses.PREFIX}-range-input-${validateStatus}`]: isRangeType && validateStatus
+      [`${cssClasses.PREFIX}-range-input-${validateStatus}`]: isRangeType && validateStatus,
+      [`${cssClasses.PREFIX}-borderless`]: borderless
     });
     const phText = placeholder || locale.placeholder[type]; // i18n
     // These values should be passed to triggerRender, do not delete any key if it is not necessary
 
-    const props = {
+    const props = Object.assign(Object.assign({}, extraProps), {
       placeholder: phText,
       clearIcon,
       disabled: inputDisabled,
@@ -784,7 +787,7 @@ export default class DatePicker extends BaseComponent {
       rangeInputStartRef: insetInput ? null : this.rangeInputStartRef,
       rangeInputEndRef: insetInput ? null : this.rangeInputEndRef,
       inputRef: this.inputRef
-    };
+    });
     return /*#__PURE__*/React.createElement("div", {
       // tooltip will mount a11y props to children
       // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
@@ -804,7 +807,8 @@ export default class DatePicker extends BaseComponent {
     const {
       style,
       className,
-      prefixCls
+      prefixCls,
+      type
     } = this.props;
     const outerProps = {
       style,
@@ -818,7 +822,13 @@ export default class DatePicker extends BaseComponent {
       'aria-describedby': this.props['aria-describedby'],
       'aria-required': this.props['aria-required']
     };
-    const inner = this.renderInner();
+    const innerPropKeys = [];
+
+    if (!type.toLowerCase().includes("range")) {
+      innerPropKeys.push("borderless");
+    }
+
+    const inner = this.renderInner(_pick(this.props, innerPropKeys));
     const wrappedInner = this.wrapPopover(inner);
     return /*#__PURE__*/React.createElement("div", Object.assign({}, outerProps), wrappedInner);
   }
@@ -831,6 +841,7 @@ DatePicker.propTypes = {
   'aria-invalid': PropTypes.bool,
   'aria-labelledby': PropTypes.string,
   'aria-required': PropTypes.bool,
+  borderless: PropTypes.bool,
   type: PropTypes.oneOf(strings.TYPE_SET),
   size: PropTypes.oneOf(strings.SIZE_SET),
   clearIcon: PropTypes.node,
@@ -904,6 +915,7 @@ DatePicker.propTypes = {
 };
 DatePicker.defaultProps = {
   onChangeWithDateFirst: true,
+  borderless: false,
   autoAdjustOverflow: true,
   stopPropagation: true,
   motion: true,

package/lib/es/datePicker/monthsGrid.d.ts

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

package/lib/es/datePicker/yearAndMonth.d.ts

@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
     };
     static defaultProps: {
         disabledDate: {

package/lib/es/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;
+        borderless?: boolean;
         clearIcon?: React.ReactNode;
         defaultValue?: string | number | any[] | Record<string, any>;
         value?: string | number | any[] | Record<string, any>;
@@ -137,7 +138,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/es/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;
+    borderless?: boolean;
     clearIcon?: import("react").ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
     value?: string | number | any[] | Record<string, any>;
@@ -85,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

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

@@ -26,6 +26,7 @@ declare class IconButton extends PureComponent<IconButtonProps> {
         onMouseEnter: (...args: any[]) => void;
         onMouseLeave: (...args: any[]) => void;
     };
+    static elementType: string;
     static propTypes: {
         iconStyle: PropTypes.Requireable<object>;
         style: PropTypes.Requireable<object>;

package/lib/es/iconButton/index.js

@@ -101,6 +101,7 @@ IconButton.defaultProps = {
   onMouseEnter: _noop,
   onMouseLeave: _noop
 };
+IconButton.elementType = "IconButton";
 IconButton.propTypes = {
   iconStyle: PropTypes.object,
   style: PropTypes.object,

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

@@ -17,6 +17,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     'aria-required'?: React.AriaAttributes['aria-required'];
     addonBefore?: React.ReactNode;
     addonAfter?: React.ReactNode;
+    borderless?: boolean;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
     mode?: InputMode;
@@ -83,7 +84,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         showClear: PropTypes.Requireable<boolean>;
         hideSuffix: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
@@ -101,6 +102,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         inputStyle: PropTypes.Requireable<object>;
         getValueLength: PropTypes.Requireable<(...args: any[]) => any>;
         preventScroll: PropTypes.Requireable<boolean>;
+        borderless: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         addonBefore: string;
@@ -124,6 +126,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         onKeyPress: (...args: any[]) => void;
         onEnterPress: (...args: any[]) => void;
         validateStatus: string;
+        noBg: boolean;
     };
     inputRef: React.RefObject<HTMLInputElement>;
     prefixRef: React.RefObject<React.ReactNode>;

package/lib/es/input/index.js

@@ -375,9 +375,10 @@ class Input extends BaseComponent {
       forwardRef,
       maxLength,
       getValueLength,
-      preventScroll
+      preventScroll,
+      borderless
     } = _a,
-          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"]);
+          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", "borderless"]);
 
     const {
       value,
@@ -405,7 +406,8 @@ class Input extends BaseComponent {
       [`${wrapperPrefix}-clearable`]: showClear,
       [`${wrapperPrefix}-modebtn`]: mode === 'password',
       [`${wrapperPrefix}-hidden`]: type === 'hidden',
-      [`${wrapperPrefix}-${size}`]: size
+      [`${wrapperPrefix}-${size}`]: size,
+      [`${prefixCls}-borderless`]: borderless
     });
     const inputCls = cls(prefixCls, {
       [`${prefixCls}-${size}`]: size,
@@ -500,7 +502,8 @@ Input.propTypes = {
   insetLabelId: PropTypes.string,
   inputStyle: PropTypes.object,
   getValueLength: PropTypes.func,
-  preventScroll: PropTypes.bool
+  preventScroll: PropTypes.bool,
+  borderless: PropTypes.bool
 };
 Input.defaultProps = {
   addonBefore: '',
@@ -523,7 +526,8 @@ Input.defaultProps = {
   onKeyUp: _noop,
   onKeyPress: _noop,
   onEnterPress: _noop,
-  validateStatus: 'default'
+  validateStatus: 'default',
+  noBg: false
 };
 const ForwardInput = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
   forwardRef: ref

package/lib/es/input/inputGroup.d.ts

@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         style: PropTypes.Requireable<object>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/input/textarea.d.ts

@@ -4,6 +4,7 @@ import '@douyinfe/semi-foundation/lib/es/input/textarea.css';
 declare type OmitTextareaAttr = 'onChange' | 'onInput' | 'prefix' | 'size' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp';
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, OmitTextareaAttr> {
     autosize?: boolean;
+    borderless?: boolean;
     placeholder?: string;
     value?: string;
     rows?: number;

package/lib/es/input/textarea.js

@@ -218,9 +218,10 @@ class TextArea extends BaseComponent {
       getValueLength,
       maxLength,
       minLength,
-      showClear
+      showClear,
+      borderless
     } = _a,
-          rest = __rest(_a, ["autosize", "placeholder", "onEnterPress", "onResize", "disabled", "readonly", "className", "showCounter", "validateStatus", "maxCount", "defaultValue", "style", "forwardRef", "getValueLength", "maxLength", "minLength", "showClear"]);
+          rest = __rest(_a, ["autosize", "placeholder", "onEnterPress", "onResize", "disabled", "readonly", "className", "showCounter", "validateStatus", "maxCount", "defaultValue", "style", "forwardRef", "getValueLength", "maxLength", "minLength", "showClear", "borderless"]);
 
     const {
       isFocus,
@@ -228,6 +229,7 @@ class TextArea extends BaseComponent {
       minLength: stateMinLength
     } = this.state;
     const wrapperCls = cls(className, `${prefixCls}-textarea-wrapper`, {
+      [`${prefixCls}-textarea-borderless`]: borderless,
       [`${prefixCls}-textarea-wrapper-disabled`]: disabled,
       [`${prefixCls}-textarea-wrapper-readonly`]: readonly,
       [`${prefixCls}-textarea-wrapper-${validateStatus}`]: Boolean(validateStatus),
@@ -275,6 +277,7 @@ class TextArea extends BaseComponent {
 
 TextArea.propTypes = {
   autosize: PropTypes.bool,
+  borderless: PropTypes.bool,
   placeholder: PropTypes.string,
   value: PropTypes.string,
   rows: PropTypes.number,
@@ -293,6 +296,7 @@ TextArea.propTypes = {
 };
 TextArea.defaultProps = {
   autosize: false,
+  borderless: false,
   rows: 4,
   cols: 20,
   showCounter: false,

package/lib/es/modal/confirm.d.ts

@@ -140,12 +140,12 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
-    children?: React.ReactNode;
-    motion?: boolean;
     title?: React.ReactNode;
+    children?: React.ReactNode;
     size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
+    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
@@ -201,24 +201,34 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
-        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
         title?: string;
         name?: string;
         value?: string | number | readonly string[];
+        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
         form?: string;
         slot?: string;
         hidden?: boolean;
         color?: string;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
+        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
         accessKey?: string;
+        autoFocus?: boolean;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "yes" | "no";
+        translate?: "no" | "yes";
         prefix?: string;
         contentEditable?: "inherit" | (boolean | "false" | "true");
-        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
         tabIndex?: number;
         role?: React.AriaRole;
         onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
@@ -230,9 +240,6 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
-        defaultChecked?: boolean;
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -267,7 +274,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-current'?: boolean | "time" | "page" | "false" | "true" | "location" | "step" | "date";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "false" | "true";
-        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup";
+        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
         'aria-errormessage'?: string;
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "false" | "true";
@@ -316,7 +323,6 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -451,12 +457,6 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

package/lib/es/navigation/Footer.d.ts

@@ -20,6 +20,7 @@ export default class NavFooter extends PureComponent<NavFooterProps> {
         collapseButton: boolean;
     };
     context: NavContextType;
+    static elementType: string;
     renderCollapseButton: () => JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/navigation/Footer.js

@@ -73,4 +73,5 @@ NavFooter.propTypes = {
 };
 NavFooter.defaultProps = {
   collapseButton: false
-};
+};
+NavFooter.elementType = "NavFooter";

package/lib/es/navigation/Header.d.ts

@@ -26,6 +26,7 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
     static defaultProps: {
         prefixCls: string;
     };
+    static elementType: string;
     context: NavContextType;
     renderLogo(logo: React.ReactNode): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     render(): JSX.Element;

package/lib/es/navigation/Header.js

@@ -64,4 +64,5 @@ NavHeader.propTypes = {
 };
 NavHeader.defaultProps = {
   prefixCls: cssClasses.PREFIX
-};
+};
+NavHeader.elementType = "NavHeader";