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

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>;
@@ -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,6 +57,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
+        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>;
@@ -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/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>;

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>;

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;
@@ -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/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,

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

@@ -84,6 +84,7 @@ export declare type SelectProps = {
     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>;
@@ -178,6 +179,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         'aria-required': PropTypes.Requireable<boolean>;
         autoFocus: PropTypes.Requireable<boolean>;
         autoClearSearchValue: PropTypes.Requireable<boolean>;
+        borderless: PropTypes.Requireable<boolean>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;

package/lib/cjs/select/index.js

@@ -1175,7 +1175,8 @@ class Select extends _baseComponent.default {
       placeholder,
       triggerRender,
       arrowIcon,
-      clearIcon
+      clearIcon,
+      borderless
     } = this.props;
     const {
       selections,
@@ -1191,6 +1192,7 @@ class Select extends _baseComponent.default {
     const filterable = Boolean(filter); // filter（boolean || function）
 
     const selectionCls = useCustomTrigger ? (0, _classnames.default)(className) : (0, _classnames.default)(prefixcls, className, {
+      [`${prefixcls}-borderless`]: borderless,
       [`${prefixcls}-open`]: isOpen,
       [`${prefixcls}-focus`]: isFocus,
       [`${prefixcls}-disabled`]: disabled,
@@ -1342,6 +1344,7 @@ Select.propTypes = {
   'aria-required': _propTypes.default.bool,
   autoFocus: _propTypes.default.bool,
   autoClearSearchValue: _propTypes.default.bool,
+  borderless: _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]),
@@ -1423,6 +1426,7 @@ Select.propTypes = {
 Select.defaultProps = {
   stopPropagation: true,
   motion: true,
+  borderless: false,
   zIndex: _constants2.numbers.DEFAULT_Z_INDEX,
   // position: 'bottomLeft',
   filter: false,

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import InputFoundation, { TimeInputAdapter } from '@douyinfe/semi-foundation/lib/cjs/timePicker/inputFoundation';
 import { TimePickerProps } from './TimePicker';
-export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus' | 'preventScroll'> & BaseProps & {
+export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus' | 'borderless' | 'preventScroll'> & BaseProps & {
     onChange?: (value: string) => void;
     onEsc?: () => void;
     onClick?: React.MouseEventHandler;
@@ -14,6 +14,7 @@ export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' |
 };
 declare class TimeInput extends BaseComponent<TimeInputProps, any> {
     static propTypes: {
+        borderless: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         prefixCls: PropTypes.Requireable<string>;
         placeholder: PropTypes.Requireable<string>;
@@ -41,6 +42,7 @@ declare class TimeInput extends BaseComponent<TimeInputProps, any> {
         preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
+        borderless: boolean;
         inputReadOnly: boolean;
         onChange: (...args: any[]) => void;
         onBlur: (...args: any[]) => void;

package/lib/cjs/timePicker/TimeInput.js

@@ -178,6 +178,7 @@ class TimeInput extends _baseComponent.default {
 }
 
 TimeInput.propTypes = {
+  borderless: _propTypes.default.bool,
   format: _propTypes.default.string,
   prefixCls: _propTypes.default.string,
   placeholder: _propTypes.default.string,
@@ -205,6 +206,7 @@ TimeInput.propTypes = {
   preventScroll: _propTypes.default.bool
 };
 TimeInput.defaultProps = {
+  borderless: false,
   inputReadOnly: false,
   onChange: _noop2.default,
   onBlur: _noop2.default,

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

@@ -22,6 +22,7 @@ export declare type TimePickerProps = {
     'aria-required'?: React.AriaAttributes['aria-required'];
     autoAdjustOverflow?: boolean;
     autoFocus?: boolean;
+    borderless?: boolean;
     className?: string;
     clearText?: string;
     clearIcon?: React.ReactNode;
@@ -100,6 +101,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         'aria-describedby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
+        borderless: PropTypes.Requireable<boolean>;
         clearText: PropTypes.Requireable<string>;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         value: PropTypes.Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
@@ -154,6 +156,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
     };
     static defaultProps: {
         autoAdjustOverflow: boolean;
+        borderless: boolean;
         getPopupContainer: () => HTMLElement;
         showClear: boolean;
         zIndex: number;

package/lib/cjs/timePicker/TimePicker.js

@@ -415,6 +415,7 @@ TimePicker.propTypes = Object.assign(Object.assign({
   'aria-describedby': _propTypes.default.string,
   'aria-required': _propTypes.default.bool,
   prefixCls: _propTypes.default.string,
+  borderless: _propTypes.default.bool,
   clearText: _propTypes.default.string,
   clearIcon: _propTypes.default.node,
   value: _TimeShape.TimeShape,
@@ -469,6 +470,7 @@ TimePicker.propTypes = Object.assign(Object.assign({
 });
 TimePicker.defaultProps = Object.assign({
   autoAdjustOverflow: true,
+  borderless: false,
   getPopupContainer: () => document.body,
   showClear: true,
   zIndex: _constants2.numbers.DEFAULT_Z_INDEX,

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

@@ -18,6 +18,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         'aria-describedby': import("prop-types").Requireable<string>;
         'aria-required': import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
+        borderless: import("prop-types").Requireable<boolean>;
         clearText: import("prop-types").Requireable<string>;
         clearIcon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         value: import("prop-types").Requireable<NonNullable<string | number | string[] | number[] | Date | Date[]>>;
@@ -72,6 +73,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
     };
     static defaultProps: {
         autoAdjustOverflow: boolean;
+        borderless: boolean;
         getPopupContainer: () => HTMLElement;
         showClear: boolean;
         zIndex: number;

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

@@ -101,6 +101,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
+        borderless: PropTypes.Requireable<boolean>;
         loadedKeys: PropTypes.Requireable<string[]>;
         loadData: PropTypes.Requireable<(...args: any[]) => any>;
         onLoad: PropTypes.Requireable<(...args: any[]) => any>;