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

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

@@ -39,7 +39,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
-        size: PropTypes.Requireable<"small" | "default">;
+        size: PropTypes.Requireable<"default" | "small">;
         railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

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

@@ -125,7 +125,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         showClear: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         style: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/button/Button.d.ts

@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
         disabled: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/button/buttonGroup.d.ts

@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };

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

@@ -22,7 +22,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"small" | "default" | "large">;
+        size: import("prop-types").Requireable<"default" | "small" | "large">;
         type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;

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

@@ -75,6 +75,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         'aria-required': PropTypes.Requireable<boolean>;
         'aria-label': PropTypes.Requireable<string>;
         arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        borderless: PropTypes.Requireable<boolean>;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         changeOnSelect: PropTypes.Requireable<boolean>;
         defaultValue: PropTypes.Requireable<NonNullable<string | any[]>>;
@@ -143,6 +144,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         position: PropTypes.Requireable<string>;
     };
     static defaultProps: {
+        borderless: boolean;
         leafOnly: boolean;
         arrowIcon: JSX.Element;
         stopPropagation: boolean;

package/lib/cjs/cascader/index.js

@@ -479,7 +479,8 @@ class Cascader extends _baseComponent.default {
         insetLabel,
         triggerRender,
         showClear,
-        id
+        id,
+        borderless
       } = this.props;
       const {
         isOpen,
@@ -490,6 +491,7 @@ class Cascader extends _baseComponent.default {
       const filterable = Boolean(filterTreeNode);
       const useCustomTrigger = typeof triggerRender === 'function';
       const classNames = useCustomTrigger ? (0, _classnames.default)(className) : (0, _classnames.default)(prefixcls, className, {
+        [`${prefixcls}-borderless`]: borderless,
         [`${prefixcls}-focus`]: isFocus || isOpen && !isInput,
         [`${prefixcls}-disabled`]: disabled,
         [`${prefixcls}-single`]: true,
@@ -1025,6 +1027,7 @@ Cascader.propTypes = {
   'aria-required': _propTypes.default.bool,
   'aria-label': _propTypes.default.string,
   arrowIcon: _propTypes.default.node,
+  borderless: _propTypes.default.bool,
   clearIcon: _propTypes.default.node,
   changeOnSelect: _propTypes.default.bool,
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
@@ -1095,6 +1098,7 @@ Cascader.propTypes = {
   position: _propTypes.default.string
 };
 Cascader.defaultProps = {
+  borderless: false,
   leafOnly: false,
   arrowIcon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null),
   stopPropagation: true,

package/lib/cjs/collapse/collapse-context.d.ts

@@ -3,6 +3,7 @@ export interface CollapseContextType {
     activeSet: Set<string>;
     expandIcon: React.ReactNode;
     collapseIcon: React.ReactNode;
+    clickHeaderToExpand: boolean;
     keepDOM: boolean;
     expandIconPosition: 'left' | 'right';
     onClick: (activeKey: string, e: React.MouseEvent) => void;

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

@@ -20,6 +20,7 @@ declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState>
         activeKey: PropTypes.Requireable<NonNullable<string | any[]>>;
         defaultActiveKey: PropTypes.Requireable<NonNullable<string | any[]>>;
         accordion: PropTypes.Requireable<boolean>;
+        clickHeaderToExpand: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         collapseIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -31,6 +32,7 @@ declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState>
     };
     static defaultProps: {
         defaultActiveKey: string;
+        clickHeaderToExpand: boolean;
         onChange: typeof noop;
         expandIconPosition: string;
     };

package/lib/cjs/collapse/index.js

@@ -99,9 +99,10 @@ class Collapse extends _baseComponent.default {
       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 = (0, _classnames.default)(_constants.cssClasses.PREFIX, className);
     const {
@@ -115,6 +116,7 @@ class Collapse extends _baseComponent.default {
         activeSet,
         expandIcon,
         collapseIcon,
+        clickHeaderToExpand,
         keepDOM,
         expandIconPosition,
         onClick: this.onChange,
@@ -130,6 +132,7 @@ Collapse.propTypes = {
   activeKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
   defaultActiveKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
   accordion: _propTypes.default.bool,
+  clickHeaderToExpand: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   expandIcon: _propTypes.default.node,
   collapseIcon: _propTypes.default.node,
@@ -141,6 +144,7 @@ Collapse.propTypes = {
 };
 Collapse.defaultProps = {
   defaultActiveKey: '',
+  clickHeaderToExpand: true,
   onChange: _function.noop,
   expandIconPosition: 'right'
 };

package/lib/cjs/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/cjs/collapse/item.js

@@ -41,7 +41,18 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 class CollapsePanel extends _react.PureComponent {
   constructor() {
     super(...arguments);
+    this.headerExpandIconTriggerRef = /*#__PURE__*/_react.default.createRef();
     this.ariaID = (0, _uuid.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) {
@@ -68,6 +79,7 @@ class CollapsePanel extends _react.PureComponent {
     }
 
     const icon = /*#__PURE__*/_react.default.createElement("span", {
+      ref: this.headerExpandIconTriggerRef,
       "aria-hidden": 'true',
       className: (0, _classnames.default)([`${_constants.cssClasses.PREFIX}-header-icon`, {
         [`${_constants.cssClasses.PREFIX}-header-iconDisabled`]: !expandIconEnable
@@ -103,7 +115,6 @@ class CollapsePanel extends _react.PureComponent {
       keepDOM,
       expandIconPosition,
       activeSet,
-      onClick,
       motion
     } = this.context;
     const active = activeSet.has(itemKey);
@@ -127,7 +138,7 @@ class CollapsePanel extends _react.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.default.createElement(_collapsible.default, {
       isOpen: active,
       keepDOM: keepDOM,

package/lib/cjs/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/cjs/datePicker/dateInput.js

@@ -234,7 +234,8 @@ class DateInput extends _baseComponent.default {
       rangeInputEndRef,
       rangeInputFocus,
       prefixCls,
-      rangeSeparator
+      rangeSeparator,
+      borderless
     } = rangeProps;
     const [rangeStart, rangeEnd = ''] = text.split(rangeSeparator) || [];
     const rangeSize = size === 'large' ? 'default' : 'small';
@@ -242,15 +243,18 @@ class DateInput extends _baseComponent.default {
     const [rangeStartPlaceholder, rangeEndPlaceholder] = rangePlaceholder;
     const inputLeftWrapperCls = (0, _classnames.default)(`${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 = (0, _classnames.default)(`${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.default.createElement(_react.default.Fragment, null, this.renderRangePrefix(), /*#__PURE__*/_react.default.createElement("div", {
       onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeStart'),
       className: `${inputCls} ${inputLeftWrapperCls}`
     }, /*#__PURE__*/_react.default.createElement(_index.default, {
+      borderless: borderless,
       size: rangeSize,
       style: inputStyle,
       disabled: disabled,
@@ -268,6 +272,7 @@ class DateInput extends _baseComponent.default {
       className: `${inputCls} ${inputRightWrapperCls}`,
       onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeEnd')
     }, /*#__PURE__*/_react.default.createElement(_index.default, {
+      borderless: borderless,
       size: rangeSize,
       style: inputStyle,
       disabled: disabled,
@@ -460,6 +465,7 @@ class DateInput extends _baseComponent.default {
 
 exports.default = DateInput;
 DateInput.propTypes = {
+  borderless: _propTypes.default.bool,
   onClick: _propTypes.default.func,
   onChange: _propTypes.default.func,
   onEnterPress: _propTypes.default.func,
@@ -488,6 +494,7 @@ DateInput.propTypes = {
   defaultPickerValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.object, _propTypes.default.array])
 };
 DateInput.defaultProps = {
+  borderless: false,
   showClear: true,
   onClick: _function.noop,
   onChange: _function.noop,

package/lib/cjs/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/cjs/datePicker/datePicker.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _pick2 = _interopRequireDefault(require("lodash/pick"));
+
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
@@ -727,7 +729,7 @@ class DatePicker extends _baseComponent.default {
     })) : null;
   }
 
-  renderInner() {
+  renderInner(extraProps) {
     const {
       clearIcon,
       type,
@@ -748,7 +750,8 @@ class DatePicker extends _baseComponent.default {
       inputReadOnly,
       rangeSeparator,
       insetInput,
-      defaultPickerValue
+      defaultPickerValue,
+      borderless
     } = this.props;
     const {
       value,
@@ -764,12 +767,13 @@ class DatePicker extends _baseComponent.default {
       [`${_constants.cssClasses.PREFIX}-range-input-${size}`]: isRangeType && size,
       [`${_constants.cssClasses.PREFIX}-range-input-active`]: isRangeType && rangeInputFocus && !inputDisabled,
       [`${_constants.cssClasses.PREFIX}-range-input-disabled`]: isRangeType && inputDisabled,
-      [`${_constants.cssClasses.PREFIX}-range-input-${validateStatus}`]: isRangeType && validateStatus
+      [`${_constants.cssClasses.PREFIX}-range-input-${validateStatus}`]: isRangeType && validateStatus,
+      [`${_constants.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,
@@ -805,7 +809,7 @@ class DatePicker extends _baseComponent.default {
       rangeInputStartRef: insetInput ? null : this.rangeInputStartRef,
       rangeInputEndRef: insetInput ? null : this.rangeInputEndRef,
       inputRef: this.inputRef
-    };
+    });
     return /*#__PURE__*/_react.default.createElement("div", {
       // tooltip will mount a11y props to children
       // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
@@ -825,7 +829,8 @@ class DatePicker extends _baseComponent.default {
     const {
       style,
       className,
-      prefixCls
+      prefixCls,
+      type
     } = this.props;
     const outerProps = {
       style,
@@ -839,7 +844,13 @@ class DatePicker extends _baseComponent.default {
       '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((0, _pick2.default)(this.props, innerPropKeys));
     const wrappedInner = this.wrapPopover(inner);
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, outerProps), wrappedInner);
   }
@@ -854,6 +865,7 @@ DatePicker.propTypes = {
   'aria-invalid': _propTypes.default.bool,
   'aria-labelledby': _propTypes.default.string,
   'aria-required': _propTypes.default.bool,
+  borderless: _propTypes.default.bool,
   type: _propTypes.default.oneOf(_constants.strings.TYPE_SET),
   size: _propTypes.default.oneOf(_constants.strings.SIZE_SET),
   clearIcon: _propTypes.default.node,
@@ -927,6 +939,7 @@ DatePicker.propTypes = {
 };
 DatePicker.defaultProps = {
   onChangeWithDateFirst: true,
+  borderless: false,
   autoAdjustOverflow: true,
   stopPropagation: true,
   motion: true,

package/lib/cjs/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/cjs/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/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;
+        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/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;
+    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/cjs/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/cjs/iconButton/index.js

@@ -122,6 +122,7 @@ IconButton.defaultProps = {
   onMouseEnter: _noop2.default,
   onMouseLeave: _noop2.default
 };
+IconButton.elementType = "IconButton";
 IconButton.propTypes = {
   iconStyle: _propTypes.default.object,
   style: _propTypes.default.object,

package/lib/cjs/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/cjs/input/index.js

@@ -396,9 +396,10 @@ class Input extends _baseComponent.default {
       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,
@@ -426,7 +427,8 @@ class Input extends _baseComponent.default {
       [`${wrapperPrefix}-clearable`]: showClear,
       [`${wrapperPrefix}-modebtn`]: mode === 'password',
       [`${wrapperPrefix}-hidden`]: type === 'hidden',
-      [`${wrapperPrefix}-${size}`]: size
+      [`${wrapperPrefix}-${size}`]: size,
+      [`${prefixCls}-borderless`]: borderless
     });
     const inputCls = (0, _classnames.default)(prefixCls, {
       [`${prefixCls}-${size}`]: size,
@@ -522,7 +524,8 @@ Input.propTypes = {
   insetLabelId: _propTypes.default.string,
   inputStyle: _propTypes.default.object,
   getValueLength: _propTypes.default.func,
-  preventScroll: _propTypes.default.bool
+  preventScroll: _propTypes.default.bool,
+  borderless: _propTypes.default.bool
 };
 Input.defaultProps = {
   addonBefore: '',
@@ -545,7 +548,8 @@ Input.defaultProps = {
   onKeyUp: _noop2.default,
   onKeyPress: _noop2.default,
   onEnterPress: _noop2.default,
-  validateStatus: 'default'
+  validateStatus: 'default',
+  noBg: false
 };
 
 const ForwardInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(Input, Object.assign({}, props, {

package/lib/cjs/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/cjs/input/textarea.d.ts

@@ -4,6 +4,7 @@ import '@douyinfe/semi-foundation/lib/cjs/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/cjs/input/textarea.js

@@ -237,9 +237,10 @@ class TextArea extends _baseComponent.default {
       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,
@@ -247,6 +248,7 @@ class TextArea extends _baseComponent.default {
       minLength: stateMinLength
     } = this.state;
     const wrapperCls = (0, _classnames.default)(className, `${prefixCls}-textarea-wrapper`, {
+      [`${prefixCls}-textarea-borderless`]: borderless,
       [`${prefixCls}-textarea-wrapper-disabled`]: disabled,
       [`${prefixCls}-textarea-wrapper-readonly`]: readonly,
       [`${prefixCls}-textarea-wrapper-${validateStatus}`]: Boolean(validateStatus),
@@ -294,6 +296,7 @@ class TextArea extends _baseComponent.default {
 
 TextArea.propTypes = {
   autosize: _propTypes.default.bool,
+  borderless: _propTypes.default.bool,
   placeholder: _propTypes.default.string,
   value: _propTypes.default.string,
   rows: _propTypes.default.number,
@@ -312,6 +315,7 @@ TextArea.propTypes = {
 };
 TextArea.defaultProps = {
   autosize: false,
+  borderless: false,
   rows: 4,
   cols: 20,
   showCounter: false,