@douyinfe/semi-ui 2.31.4 → 2.32.0

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/table/Table.js

@@ -45,7 +45,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { createRef, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { mergeQueries, equalWith, mergeColumns, assignColumnKeys, flattenColumns, getAllDisabledRowKeys } from '@douyinfe/semi-foundation/lib/es/table/utils';
+import { mergeQueries, equalWith, assignColumnKeys, flattenColumns, getAllDisabledRowKeys } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import Store from '@douyinfe/semi-foundation/lib/es/utils/Store';
 import TableFoundation from '@douyinfe/semi-foundation/lib/es/table/foundation';
 import { strings, cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/table/constants';
@@ -64,7 +64,7 @@ import ColumnSorter from './ColumnSorter';
 import ExpandedIcon from './CustomExpandIcon';
 import HeadTable from './HeadTable';
 import BodyTable from './Body';
-import { logger, cloneDeep, mergeComponents } from './utils';
+import { logger, cloneDeep, mergeComponents, mergeColumns } from './utils';
 
 class Table extends BaseComponent {
   constructor(props, context) {

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/package.json

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