@douyinfe/semi-ui 2.22.2 → 2.23.0-alpha.0

package/lib/es/table/Body/index.js

@@ -30,7 +30,7 @@ import classnames from 'classnames';
 import { VariableSizeList as List } from 'react-window';
 import { arrayAdd, getRecordKey, isExpanded, isSelected, isDisabled, getRecord, genExpandedRowKey, getDefaultVirtualizedRowConfig, isTreeTable } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import BodyFoundation from '@douyinfe/semi-foundation/lib/es/table/bodyFoundation';
-import { strings } from '@douyinfe/semi-foundation/lib/es/table/constants';
+import { strings, numbers } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import BaseComponent from '../../_base/baseComponent';
 import { logger } from '../utils';
 import ColGroup from '../ColGroup';
@@ -247,7 +247,7 @@ class Body extends BaseComponent {
           width: tableWidth
         },
         className: tableCls
-      }, _size(dataSource) === 0 ? emptySlot : children));
+      }, children), _size(dataSource) === 0 && emptySlot);
     });
 
     this.onItemsRendered = props => {
@@ -287,7 +287,7 @@ class Body extends BaseComponent {
 
       const listStyle = {
         width: '100%',
-        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : 0,
+        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : numbers.DEFAULT_EMPTYSLOT_HEIGHT,
         overflowX: 'auto',
         overflowY: 'auto'
       };

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

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

package/lib/es/table/Table.js

@@ -632,8 +632,9 @@ class Table extends BaseComponent {
         useFixedHeader,
         headerRef: this._cacheHeaderRef,
         bodyRef: this.bodyWrapRef,
-        includeHeader: !useFixedHeader
-      })), emptySlot, this.renderFooter(props)];
+        includeHeader: !useFixedHeader,
+        emptySlot
+      })), this.renderFooter(props)];
       return table;
     };
 

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

@@ -15,7 +15,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<"default" | "small" | "middle">;
+        size: PropTypes.Requireable<"small" | "default" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"left" | "right" | "center">;

package/lib/es/tabs/TabPane.js

@@ -64,9 +64,10 @@ class TabPane extends PureComponent {
       className,
       style,
       children,
-      itemKey
+      itemKey,
+      tabIndex
     } = _a,
-          restProps = __rest(_a, ["className", "style", "children", "itemKey"]);
+          restProps = __rest(_a, ["className", "style", "children", "itemKey", "tabIndex"]);
 
     const active = this.context.activeKey === itemKey;
     const classNames = cls(className, {
@@ -104,7 +105,7 @@ class TabPane extends PureComponent {
       className: classNames,
       style: style,
       "aria-hidden": active ? 'false' : 'true',
-      tabIndex: 0
+      tabIndex: tabIndex ? tabIndex : 0
     }, getDataAttr(restProps), {
       "x-semi-prop": "children"
     }), /*#__PURE__*/React.createElement(CSSAnimation, {

package/lib/es/tabs/interface.d.ts

@@ -61,6 +61,7 @@ export interface TabPaneProps {
     style?: CSSProperties;
     tab?: ReactNode;
     closable?: boolean;
+    tabIndex?: number;
 }
 export interface TabPaneTransitionProps {
     [key: string]: any;

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

@@ -37,7 +37,7 @@ export interface TagInputProps {
     insetLabel?: React.ReactNode;
     insetLabelId?: string;
     prefix?: React.ReactNode;
-    renderTagItem?: (value: string, index: number) => React.ReactNode;
+    renderTagItem?: (value: string, index: number, onClose: () => void) => React.ReactNode;
     separator?: string | string[] | null;
     showClear?: boolean;
     size?: Size;
@@ -89,7 +89,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<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         prefix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         suffix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/es/tagInput/index.js

@@ -123,20 +123,22 @@ class TagInput extends BaseComponent {
       return tagsArray.map((value, index) => {
         const elementKey = showIconHandler ? value : "".concat(index).concat(value);
 
+        const onClose = () => {
+          !disabled && this.handleTagClose(index);
+        };
+
         if (_isFunction(renderTagItem)) {
           return showIconHandler ? /*#__PURE__*/React.createElement("div", {
             className: itemWrapperCls,
             key: elementKey
-          }, /*#__PURE__*/React.createElement(DragHandle, null), renderTagItem(value, index)) : renderTagItem(value, index);
+          }, /*#__PURE__*/React.createElement(DragHandle, null), renderTagItem(value, index, onClose)) : renderTagItem(value, index, onClose);
         } else {
           return /*#__PURE__*/React.createElement(Tag, {
             className: tagCls,
             color: "white",
             size: size === 'small' ? 'small' : 'large',
             type: "light",
-            onClose: () => {
-              !disabled && this.handleTagClose(index);
-            },
+            onClose: onClose,
             closable: !disabled,
             key: elementKey,
             visible: true,

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

@@ -125,7 +125,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         secondStep: PropTypes.Requireable<number>;
         focusOnOpen: PropTypes.Requireable<boolean>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "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

@@ -46,7 +46,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<"default" | "small" | "large">;
+        size: import("prop-types").Requireable<"small" | "default" | "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/transfer/index.d.ts

@@ -152,6 +152,7 @@ declare class Transfer extends BaseComponent<TransferProps, TransferState> {
     static getDerivedStateFromProps(props: TransferProps, state: TransferState): TransferState;
     get adapter(): TransferAdapter<TransferProps, TransferState>;
     onInputChange(value: string): void;
+    search(value: string): void;
     onSelectOrRemove(item: ResolvedDataItem): void;
     onSortEnd(callbackProps: OnSortEndProps): void;
     renderFilter(locale: Locale['Transfer']): JSX.Element;

package/lib/es/transfer/index.js

@@ -125,7 +125,13 @@ class Transfer extends BaseComponent {
   }
 
   onInputChange(value) {
-    this.foundation.handleInputChange(value);
+    this.foundation.handleInputChange(value, true);
+  }
+
+  search(value) {
+    // The search method is used to provide the user with a manually triggered search
+    // Since the method is manually called by the user, setting the second parameter to false does not trigger the onSearch callback to notify the user
+    this.foundation.handleInputChange(value, false);
   }
 
   onSelectOrRemove(item) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.22.2",
+    "version": "2.23.0-alpha.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -18,11 +18,11 @@
     ],
     "dependencies": {
         "@douyinfe/semi-animation": "2.12.0",
-        "@douyinfe/semi-animation-react": "2.22.2",
-        "@douyinfe/semi-foundation": "2.22.2",
-        "@douyinfe/semi-icons": "2.22.2",
+        "@douyinfe/semi-animation-react": "2.23.0-alpha.0",
+        "@douyinfe/semi-foundation": "2.23.0-alpha.0",
+        "@douyinfe/semi-icons": "2.23.0-alpha.0",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.22.2",
+        "@douyinfe/semi-theme-default": "2.23.0-alpha.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "9d7513d744a1dce3969e680679708edfe26fde6f",
+    "gitHead": "d6a31067d6ccc8e56794eadd2c6ba8f6425586c0",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
         "@babel/preset-react": "^7.14.5",
-        "@douyinfe/semi-scss-compile": "2.22.2",
+        "@douyinfe/semi-scss-compile": "2.23.0-alpha.0",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",