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

package/lib/es/navigation/index.js

@@ -255,12 +255,12 @@ class Nav extends BaseComponent {
       for (let i = 0; i < childrenLength; i++) {
         const child = children[i];
 
-        if (child.type === Footer || _get(child, 'type.name') === 'NavFooter') {
+        if (child.type === Footer || _get(child, 'type.elementType') === 'NavFooter') {
           footers.push(child);
           children.splice(i, 1);
           i--;
           childrenLength--;
-        } else if (child.type === Header || _get(child, 'type.name') === 'NavHeader') {
+        } else if (child.type === Header || _get(child, 'type.elementType') === 'NavHeader') {
           headers.push(child);
           children.splice(i, 1);
           i--;

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

@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
+        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
         tooltips: PropTypes.Requireable<string[]>;
         id: PropTypes.Requireable<string>;
         preventScroll: PropTypes.Requireable<boolean>;

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

@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
         disabled: PropTypes.Requireable<boolean>;
         count: PropTypes.Requireable<number>;
         ariaLabelPrefix: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
+        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
         'aria-describedby': PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/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/es/select/index.js

@@ -1125,7 +1125,8 @@ class Select extends BaseComponent {
       placeholder,
       triggerRender,
       arrowIcon,
-      clearIcon
+      clearIcon,
+      borderless
     } = this.props;
     const {
       selections,
@@ -1141,6 +1142,7 @@ class Select extends BaseComponent {
     const filterable = Boolean(filter); // filter（boolean || function）
 
     const selectionCls = useCustomTrigger ? cls(className) : cls(prefixcls, className, {
+      [`${prefixcls}-borderless`]: borderless,
       [`${prefixcls}-open`]: isOpen,
       [`${prefixcls}-focus`]: isFocus,
       [`${prefixcls}-disabled`]: disabled,
@@ -1292,6 +1294,7 @@ Select.propTypes = {
   'aria-required': PropTypes.bool,
   autoFocus: PropTypes.bool,
   autoClearSearchValue: PropTypes.bool,
+  borderless: PropTypes.bool,
   children: PropTypes.node,
   clearIcon: PropTypes.node,
   defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array, PropTypes.object]),
@@ -1373,6 +1376,7 @@ Select.propTypes = {
 Select.defaultProps = {
   stopPropagation: true,
   motion: true,
+  borderless: false,
   zIndex: popoverNumbers.DEFAULT_Z_INDEX,
   // position: 'bottomLeft',
   filter: false,

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

@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         id: PropTypes.Requireable<string>;
     };

package/lib/es/table/Column.d.ts

@@ -31,6 +31,7 @@ export default class Column extends React.PureComponent<ColumnProps> {
         useFullRender: import("prop-types").Requireable<boolean>;
         width: import("prop-types").Requireable<NonNullable<string | number>>;
     };
+    static elementType: string;
     constructor(props?: ColumnProps);
     render(): null;
 }

package/lib/es/table/Column.js

@@ -11,4 +11,5 @@ export default class Column extends React.PureComponent {
   }
 
 }
-Column.propTypes = Object.assign({}, ColumnShape);
+Column.propTypes = Object.assign({}, ColumnShape);
+Column.elementType = 'Column';

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

@@ -60,7 +60,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         components: PropTypes.Requireable<any>;
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "default" | "middle">;
+        size: PropTypes.Requireable<"default" | "small" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"left" | "right" | "center">;
@@ -297,7 +297,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showTotal?: boolean;
         pageSize?: number;
         pageSizeOpts?: number[];
-        size?: "small" | "default";
+        size?: "default" | "small";
         currentPage?: number;
         defaultCurrentPage?: number;
         onPageChange?: (currentPage: number) => void;

package/lib/es/table/getColumns.js

@@ -12,7 +12,7 @@ export default function getColumns(children) {
   if (children) {
     const columns = [];
     React.Children.forEach(children, child => {
-      if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || _get(child, 'type.name') === Column.name)) {
+      if ( /*#__PURE__*/React.isValidElement(child) && (child.type === Column || _get(child, 'type.elementType') === 'Column')) {
         const col = _omit(child.props, ['children']);
 
         if (Array.isArray(child.props.children) && child.props.children.length) {

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

@@ -16,7 +16,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
         components: PropTypes.Requireable<any>;
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "default" | "middle">;
+        size: PropTypes.Requireable<"default" | "small" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"left" | "right" | "center">;

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

@@ -96,7 +96,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onAdd: PropTypes.Requireable<(...args: any[]) => any>;
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         prefix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         suffix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/es/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/es/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/es/timePicker/TimeInput.js

@@ -162,6 +162,7 @@ class TimeInput extends BaseComponent {
 }
 
 TimeInput.propTypes = {
+  borderless: PropTypes.bool,
   format: PropTypes.string,
   prefixCls: PropTypes.string,
   placeholder: PropTypes.string,
@@ -189,6 +190,7 @@ TimeInput.propTypes = {
   preventScroll: PropTypes.bool
 };
 TimeInput.defaultProps = {
+  borderless: false,
   inputReadOnly: false,
   onChange: _noop,
   onBlur: _noop,

package/lib/es/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[]>>;
@@ -130,7 +132,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         secondStep: PropTypes.Requireable<number>;
         focusOnOpen: PropTypes.Requireable<boolean>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         panels: PropTypes.Requireable<PropTypes.InferProps<{
             panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
@@ -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/es/timePicker/TimePicker.js

@@ -387,6 +387,7 @@ TimePicker.propTypes = Object.assign(Object.assign({
   'aria-describedby': PropTypes.string,
   'aria-required': PropTypes.bool,
   prefixCls: PropTypes.string,
+  borderless: PropTypes.bool,
   clearText: PropTypes.string,
   clearIcon: PropTypes.node,
   value: TimeShape,
@@ -441,6 +442,7 @@ TimePicker.propTypes = Object.assign(Object.assign({
 });
 TimePicker.defaultProps = Object.assign({
   autoAdjustOverflow: true,
+  borderless: false,
   getPopupContainer: () => document.body,
   showClear: true,
   zIndex: popoverNumbers.DEFAULT_Z_INDEX,

package/lib/es/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[]>>;
@@ -48,7 +49,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         secondStep: import("prop-types").Requireable<number>;
         focusOnOpen: import("prop-types").Requireable<boolean>;
         autoFocus: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"small" | "default" | "large">;
+        size: import("prop-types").Requireable<"default" | "small" | "large">;
         panels: import("prop-types").Requireable<import("prop-types").InferProps<{
             panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
             panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
@@ -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/es/tooltip/index.js

@@ -70,7 +70,7 @@ export default class Tooltip extends BaseComponent {
         /* Only judge the loading state of the Button, and no longer judge other components */
 
 
-        const isButton = !_isEmpty(elem) && !_isEmpty(elem.type) && elem.type.name === 'Button' || elem.type.name === 'IconButton';
+        const isButton = !_isEmpty(elem) && !_isEmpty(elem.type) && (_get(elem, 'type.elementType') === 'Button' || _get(elem, 'type.elementType') === 'IconButton');
 
         if (loading && isButton) {
           return strings.STATUS_LOADING;

package/lib/es/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>;

package/lib/es/treeSelect/index.js

@@ -391,7 +391,8 @@ class TreeSelect extends BaseComponent {
         showClear,
         leafOnly,
         searchPosition,
-        triggerRender
+        triggerRender,
+        borderless
       } = this.props;
       const {
         inputValue,
@@ -412,6 +413,7 @@ class TreeSelect extends BaseComponent {
 
       const isValueTriggerSearch = isTriggerPositionSearch && !_isEmpty(checkedKeys);
       const classNames = useCustomTrigger ? cls(className) : cls(prefixcls, {
+        [`${prefixcls}-borderless`]: borderless,
         [`${prefixcls}-focus`]: isFocus,
         [`${prefixcls}-disabled`]: disabled,
         [`${prefixcls}-single`]: !multiple,
@@ -1294,6 +1296,7 @@ TreeSelect.propTypes = {
   'aria-invalid': PropTypes.bool,
   'aria-labelledby': PropTypes.string,
   'aria-required': PropTypes.bool,
+  borderless: PropTypes.bool,
   loadedKeys: PropTypes.arrayOf(PropTypes.string),
   loadData: PropTypes.func,
   onLoad: PropTypes.func,
@@ -1377,6 +1380,7 @@ TreeSelect.propTypes = {
   clickTriggerToHide: PropTypes.bool
 };
 TreeSelect.defaultProps = {
+  borderless: false,
   searchPosition: strings.SEARCH_POSITION_DROPDOWN,
   arrowIcon: /*#__PURE__*/React.createElement(IconChevronDown, null),
   autoExpandParent: false,

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

@@ -8,6 +8,7 @@ export interface CopyableConfig {
     content?: string;
     copyTip?: React.ReactNode;
     successTip?: React.ReactNode;
+    icon?: React.ReactNode;
     onCopy?(e: React.MouseEvent, content: string, res: boolean): void;
 }
 export declare type LinkType = React.AnchorHTMLAttributes<HTMLAnchorElement> | boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.32.1-alpha.2",
+    "version": "2.33.0-beta.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.32.1-alpha.0",
-        "@douyinfe/semi-animation-react": "2.32.1-alpha.0",
-        "@douyinfe/semi-foundation": "2.32.1-alpha.0",
-        "@douyinfe/semi-icons": "2.32.1-alpha.0",
-        "@douyinfe/semi-illustrations": "2.32.1-alpha.0",
-        "@douyinfe/semi-theme-default": "2.32.1-alpha.0",
+        "@douyinfe/semi-animation": "2.33.0-beta.0",
+        "@douyinfe/semi-animation-react": "2.33.0-beta.0",
+        "@douyinfe/semi-foundation": "2.33.0-beta.0",
+        "@douyinfe/semi-icons": "2.33.0-beta.0",
+        "@douyinfe/semi-illustrations": "2.33.0-beta.0",
+        "@douyinfe/semi-theme-default": "2.33.0-beta.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "34e404c2ef3d92be254109cd9c29ac72547de9bb",
+    "gitHead": "270966db4a563cf7b8670dc7d6b568858c5f9060",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",