@douyinfe/semi-ui 2.31.2-alpha.0 → 2.32.0-beta.0

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

@@ -140,16 +140,16 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
+    title?: React.ReactNode;
     children?: React.ReactNode;
-    motion?: boolean;
+    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;
-    title?: React.ReactNode;
     direction?: any;
-    size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
     width?: string | number;
     height?: string | number;
     mask?: boolean;
@@ -201,13 +201,13 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
+        title?: string;
+        name?: string;
+        value?: string | number | readonly string[];
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
-        value?: string | number | readonly string[];
         form?: string;
         slot?: string;
-        title?: string;
-        name?: string;
         hidden?: boolean;
         color?: string;
         onChange?: React.FormEventHandler<HTMLButtonElement>;
@@ -228,7 +228,7 @@ export declare function withError(props: ModalReactProps): {
         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>;
@@ -274,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";

package/lib/es/navigation/Item.js

@@ -31,12 +31,14 @@ export default class NavItem extends BaseComponent {
         tooltipHideDelay,
         tooltipShowDelay
       } = this.props;
+      const hideDelay = tooltipHideDelay !== null && tooltipHideDelay !== void 0 ? tooltipHideDelay : this.context.tooltipHideDelay;
+      const showDelay = tooltipShowDelay !== null && tooltipShowDelay !== void 0 ? tooltipShowDelay : this.context.tooltipShowDelay;
       return /*#__PURE__*/React.createElement(Tooltip, {
         content: text,
         position: "right",
         trigger: 'hover',
-        mouseEnterDelay: tooltipShowDelay,
-        mouseLeaveDelay: tooltipHideDelay
+        mouseEnterDelay: showDelay,
+        mouseLeaveDelay: hideDelay
       }, node);
     };
 

package/lib/es/navigation/nav-context.d.ts

@@ -21,6 +21,8 @@ export interface NavContextType {
     canUpdateOpenKeys?: boolean;
     renderWrapper?: NavProps['renderWrapper'];
     getPopupContainer?: DropdownProps['getPopupContainer'];
+    tooltipShowDelay?: number;
+    tooltipHideDelay?: number;
 }
 declare const NavContext: React.Context<NavContextType>;
 export default NavContext;

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

@@ -33,6 +33,23 @@ export interface optionRenderProps {
     onClick?: (e: React.MouseEvent) => any;
     [x: string]: any;
 }
+export interface SelectedItemProps {
+    value: OptionProps['value'];
+    label: OptionProps['label'];
+    _show?: boolean;
+    _selected: boolean;
+    _scrollIndex?: number;
+}
+export interface TriggerRenderProps {
+    value: SelectedItemProps[];
+    inputValue: string;
+    onSearch: (inputValue: string) => void;
+    onClear: () => void;
+    onRemove: (option: OptionProps) => void;
+    disabled: boolean;
+    placeholder: string;
+    componentProps: Record<string, any>;
+}
 export interface selectMethod {
     clearInput?: () => void;
     selectAll?: () => void;
@@ -121,7 +138,7 @@ export declare type SelectProps = {
     onDeselect?: (value: SelectProps['value'], option: Record<string, any>) => void;
     onSelect?: (value: SelectProps['value'], option: Record<string, any>) => void;
     allowCreate?: boolean;
-    triggerRender?: (props?: any) => React.ReactNode;
+    triggerRender?: (props?: TriggerRenderProps) => React.ReactNode;
     onClear?: () => void;
     virtualize?: virtualListProps;
     onFocus?: (e: React.FocusEvent) => void;

package/lib/es/select/index.js

@@ -1162,11 +1162,14 @@ class Select extends BaseComponent {
     }, arrowIcon) : /*#__PURE__*/React.createElement("div", {
       className: `${prefixcls}-arrow-empty`
     });
-    const clear = clearIcon ? clearIcon : /*#__PURE__*/React.createElement(IconClear, null);
+    const clear = clearIcon ? clearIcon : /*#__PURE__*/React.createElement(IconClear, null); // semantics of onSearch are more in line with behavior, onChange is alias of onSearch, will be deprecate next major version
+
     const inner = useCustomTrigger ? /*#__PURE__*/React.createElement(Trigger, {
       value: Array.from(selections.values()),
       inputValue: inputValue,
       onChange: this.handleInputChange,
+      onSearch: this.handleInputChange,
+      onRemove: item => this.foundation.removeTag(item),
       onClear: this.onClear,
       disabled: disabled,
       triggerRender: triggerRender,

package/lib/es/sideSheet/SideSheetContent.d.ts

@@ -1,5 +1,6 @@
 import React, { CSSProperties } from 'react';
 import PropTypes from 'prop-types';
+import { SideSheetProps } from '@douyinfe/semi-foundation/lib/es/sideSheet/sideSheetFoundation';
 export interface SideSheetContentProps {
     onClose?: (e: React.MouseEvent) => void;
     mask?: boolean;
@@ -9,9 +10,10 @@ export interface SideSheetContentProps {
     title?: React.ReactNode;
     closable?: boolean;
     headerStyle?: CSSProperties;
-    width: CSSProperties['width'];
+    width?: CSSProperties['width'];
     height: CSSProperties['height'];
     style: CSSProperties;
+    size: SideSheetProps['size'];
     bodyStyle?: CSSProperties;
     className: string;
     dialogClassName?: string;

package/lib/es/sideSheet/SideSheetContent.js

@@ -126,7 +126,7 @@ export default class SideSheetContent extends React.PureComponent {
       key: "dialog-element",
       role: "dialog",
       tabIndex: -1,
-      className: cls(`${prefixCls}-inner`, `${prefixCls}-inner-wrap`, (_a = this.props.dialogClassName) !== null && _a !== void 0 ? _a : ""),
+      className: cls(`${prefixCls}-inner`, `${prefixCls}-inner-wrap`, (_a = this.props.dialogClassName) !== null && _a !== void 0 ? _a : "", `${prefixCls}-size-${props.size}`),
       // onMouseDown={this.onDialogMouseDown}
       style: Object.assign(Object.assign({}, props.style), style)
     }, this.props.wrapperExtraProps), /*#__PURE__*/React.createElement("div", {
@@ -149,7 +149,8 @@ export default class SideSheetContent extends React.PureComponent {
       width
     } = this.props;
     const wrapperCls = cls(className, {
-      [`${prefixCls}-fixed`]: !mask
+      [`${prefixCls}-fixed`]: !mask,
+      [`${prefixCls}-size-${this.props.size}`]: !mask
     });
     const wrapperStyle = {};
 

package/lib/es/sideSheet/index.js

@@ -161,7 +161,6 @@ export default class SideSheet extends BaseComponent {
     } = this.context;
     const isVertical = placement === 'left' || placement === 'right';
     const isHorizontal = placement === 'top' || placement === 'bottom';
-    const sheetWidth = isVertical ? width ? width : defaultWidthList[size] : '100%';
     const sheetHeight = isHorizontal ? height ? height : defaultHeight : '100%';
     const classList = cls(prefixCls, className, {
       [`${prefixCls}-${placement}`]: placement,
@@ -170,11 +169,15 @@ export default class SideSheet extends BaseComponent {
       [`${prefixCls}-rtl`]: direction === 'rtl',
       [`${prefixCls}-hidden`]: keepDOM && this.state.displayNone
     });
-    const contentProps = Object.assign(Object.assign({}, props), {
+    const contentProps = Object.assign(Object.assign(Object.assign({}, isVertical ? width ? {
+      width
+    } : {} : {
+      width: "100%"
+    }), props), {
       visible,
       motion: false,
+      size,
       className: classList,
-      width: sheetWidth,
       height: sheetHeight,
       onClose: this.handleCancel
     });

package/lib/es/space/index.js

@@ -7,6 +7,7 @@ import PropTypes from 'prop-types';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/space/constants';
 import '@douyinfe/semi-foundation/lib/es/space/space.css';
 import { flatten } from './utils';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 const prefixCls = cssClasses.PREFIX;
 
 class Space extends PureComponent {
@@ -58,11 +59,12 @@ class Space extends PureComponent {
       [`${prefixCls}-loose-vertical`]: spacingVerticalType === strings.SPACING_LOOSE
     });
     const childrenNodes = flatten(children);
-    return /*#__PURE__*/React.createElement("div", {
+    const dataAttributes = getDataAttr(this.props);
+    return /*#__PURE__*/React.createElement("div", Object.assign({}, dataAttributes, {
       className: classNames,
       style: realStyle,
       "x-semi-prop": "children"
-    }, childrenNodes);
+    }), childrenNodes);
   }
 
 }

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/switch/index.js

@@ -23,7 +23,7 @@ class Switch extends BaseComponent {
     };
 
     this.state = {
-      nativeControlChecked: false,
+      nativeControlChecked: props.defaultChecked || props.checked,
       nativeControlDisabled: false,
       focusVisible: false
     };

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/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/TimePicker.d.ts

@@ -130,7 +130,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>>;

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

@@ -48,7 +48,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>>;

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

@@ -180,6 +180,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         showRestTagsPopover: PropTypes.Requireable<boolean>;
         restTagsPopoverProps: PropTypes.Requireable<object>;
         preventScroll: PropTypes.Requireable<boolean>;
+        clickTriggerToHide: PropTypes.Requireable<boolean>;
     };
     static defaultProps: Partial<TreeSelectProps>;
     inputRef: React.RefObject<typeof Input>;

package/lib/es/treeSelect/index.js

@@ -437,7 +437,9 @@ class TreeSelect extends BaseComponent {
         onClear: this.handleClear,
         componentName: 'TreeSelect',
         triggerRender: triggerRender,
-        componentProps: Object.assign({}, this.props)
+        componentProps: Object.assign({}, this.props),
+        onSearch: this.search,
+        onRemove: this.removeTag
       }) : [/*#__PURE__*/React.createElement(Fragment, {
         key: 'prefix'
       }, prefix || insetLabel ? this.renderPrefix() : null), /*#__PURE__*/React.createElement(Fragment, {
@@ -1371,7 +1373,8 @@ TreeSelect.propTypes = {
   'aria-label': PropTypes.string,
   showRestTagsPopover: PropTypes.bool,
   restTagsPopoverProps: PropTypes.object,
-  preventScroll: PropTypes.bool
+  preventScroll: PropTypes.bool,
+  clickTriggerToHide: PropTypes.bool
 };
 TreeSelect.defaultProps = {
   searchPosition: strings.SEARCH_POSITION_DROPDOWN,
@@ -1401,6 +1404,7 @@ TreeSelect.defaultProps = {
   checkRelation: 'related',
   'aria-label': 'TreeSelect',
   showRestTagsPopover: false,
-  restTagsPopoverProps: {}
+  restTagsPopoverProps: {},
+  clickTriggerToHide: true
 };
 export default TreeSelect;

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

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 6 | 5>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.31.2-alpha.0",
+    "version": "2.32.0-beta.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.31.2-alpha.0",
-        "@douyinfe/semi-animation-react": "2.31.2-alpha.0",
-        "@douyinfe/semi-foundation": "2.31.2-alpha.0",
-        "@douyinfe/semi-icons": "2.31.2-alpha.0",
-        "@douyinfe/semi-illustrations": "2.31.2-alpha.0",
-        "@douyinfe/semi-theme-default": "2.31.2-alpha.0",
+        "@douyinfe/semi-animation": "2.32.0-beta.0",
+        "@douyinfe/semi-animation-react": "2.32.0-beta.0",
+        "@douyinfe/semi-foundation": "2.32.0-beta.0",
+        "@douyinfe/semi-icons": "2.32.0-beta.0",
+        "@douyinfe/semi-illustrations": "2.32.0-beta.0",
+        "@douyinfe/semi-theme-default": "2.32.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": "b502692ae72f3cb550595912d9caefe0517c52c6",
+    "gitHead": "335f8c47c40373ee1464c841581130e62b62b1d5",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",