@douyinfe/semi-foundation 2.22.3 → 2.23.0-alpha.0

package/form/interface.ts

@@ -9,24 +9,28 @@ export type FieldValidateTriggerType = BasicTriggerType | Array<BasicTriggerType
 
 export type CommonFieldError = boolean | string | Array<any> | undefined | unknown;
 
-export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+export type BasicFieldError = Array<any>;
+
+export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>, Values extends object = any> extends DefaultAdapter<P, S> {
     cloneDeep: (val: any, ...rest: any[]) => any;
     notifySubmit: (values: any) => void;
-    notifySubmitFail: (errors: Record<string, any>, values: any) => void;
+    notifySubmitFail: (errors: Record<keyof Values, BasicFieldError>, values: Partial<Values>) => void;
     forceUpdate: (callback?: () => void) => void;
     notifyChange: (formState: FormState) => void;
     notifyValueChange: (values: any, changedValues: any) => void;
     notifyReset: () => void;
-    getInitValues: () => Record<string, any>;
+    getInitValues: () => Partial<Values>;
     getFormProps: (keys: undefined | string | Array<string>) => any;
     getAllErrorDOM: () => NodeList;
     getFieldDOM: (field: string) => Node;
     initFormId: () => void
 }
 
+export type AllErrors<T> = T extends Record<string, any> ? { [K in keyof T]?: string } : Record<string, any>;
+
 export interface FormState<T extends Record<string, any> = any> {
     values?: T extends Record<string, any> ? T : Record<string, any>;
-    errors?: T extends Record<string, any> ? { [K in keyof T]?: string } : Record<string, any>;
+    errors?: AllErrors<T>;
     touched?: T extends Record<string, any> ? { [K in keyof T]?: boolean } : Record<string, any>
 }
 export interface setValuesConfig {

package/image/imageFoundation.ts

@@ -50,7 +50,7 @@ export default class ImageFoundation<P = Record<string, any>, S = Record<string,
         if (isObject(preview)) {
             const { onVisibleChange } = preview as any;
             onVisibleChange && onVisibleChange(newVisible);
-            if (!("visible" in this.getProps())) {
+            if (!("visible" in preview)) {
                 this.setState({
                     previewVisible: newVisible,
                 } as any);

package/image/previewFooterFoundation.ts

@@ -20,9 +20,9 @@ export default class PreviewFooterFoundation<P = Record<string, any>, S = Record
     handleValueChange = (value: number): void => {
         const { onZoomIn, onZoomOut, zoom } = this.getProps();
         if (value > zoom) {
-            onZoomIn(value / 100);
+            onZoomIn(Number((value / 100).toFixed(2)));
         } else {
-            onZoomOut(value / 100);
+            onZoomOut(Number((value / 100).toFixed(2)));
         }
         this._adapter.setStartMouseOffset(value);
     };

package/image/previewImageFoundation.ts

@@ -257,7 +257,6 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
             }
             if (canDragVertical) {
                 newY = newY > 0 ? 0 : newY < extremeTop ? extremeTop : newY;
-
             }
             const _offset = {
                 x: newX,

package/image/previewInnerFoundation.ts

@@ -4,7 +4,7 @@ import { getPreloadImagArr, downloadImage, isTargetEmit } from "./utils";
 
 export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getIsInGroup: () => boolean;
-    notifyChange: (index: number) => void;
+    notifyChange: (index: number, direction: string) => void;
     notifyZoom: (zoom: number, increase: boolean) => void;
     notifyClose: () => void;
     notifyVisibleChange: (visible: boolean) => void;
@@ -119,7 +119,7 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
                 currentIndex: newIndex,
             } as any);
         }
-        this._adapter.notifyChange(newIndex);
+        this._adapter.notifyChange(newIndex, direction);
         this.setState({
             direction,
             rotation: 0,

package/lib/cjs/form/interface.d.ts

@@ -3,25 +3,27 @@ import { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
 export declare type BasicTriggerType = 'blur' | 'change' | 'custom' | 'mount';
 export declare type FieldValidateTriggerType = BasicTriggerType | Array<BasicTriggerType>;
 export declare type CommonFieldError = boolean | string | Array<any> | undefined | unknown;
-export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+export declare type BasicFieldError = Array<any>;
+export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>, Values extends object = any> extends DefaultAdapter<P, S> {
     cloneDeep: (val: any, ...rest: any[]) => any;
     notifySubmit: (values: any) => void;
-    notifySubmitFail: (errors: Record<string, any>, values: any) => void;
+    notifySubmitFail: (errors: Record<keyof Values, BasicFieldError>, values: Partial<Values>) => void;
     forceUpdate: (callback?: () => void) => void;
     notifyChange: (formState: FormState) => void;
     notifyValueChange: (values: any, changedValues: any) => void;
     notifyReset: () => void;
-    getInitValues: () => Record<string, any>;
+    getInitValues: () => Partial<Values>;
     getFormProps: (keys: undefined | string | Array<string>) => any;
     getAllErrorDOM: () => NodeList;
     getFieldDOM: (field: string) => Node;
     initFormId: () => void;
 }
+export declare type AllErrors<T> = T extends Record<string, any> ? {
+    [K in keyof T]?: string;
+} : Record<string, any>;
 export interface FormState<T extends Record<string, any> = any> {
     values?: T extends Record<string, any> ? T : Record<string, any>;
-    errors?: T extends Record<string, any> ? {
-        [K in keyof T]?: string;
-    } : Record<string, any>;
+    errors?: AllErrors<T>;
     touched?: T extends Record<string, any> ? {
         [K in keyof T]?: boolean;
     } : Record<string, any>;

package/lib/cjs/image/imageFoundation.js

@@ -71,7 +71,7 @@ class ImageFoundation extends _foundation.default {
         } = preview;
         onVisibleChange && onVisibleChange(newVisible);
 
-        if (!("visible" in this.getProps())) {
+        if (!("visible" in preview)) {
           this.setState({
             previewVisible: newVisible
           });

package/lib/cjs/image/previewFooterFoundation.js

@@ -39,9 +39,9 @@ class PreviewFooterFoundation extends _foundation.default {
       } = this.getProps();
 
       if (value > zoom) {
-        onZoomIn(value / 100);
+        onZoomIn(Number((value / 100).toFixed(2)));
       } else {
-        onZoomOut(value / 100);
+        onZoomOut(Number((value / 100).toFixed(2)));
       }
 
       this._adapter.setStartMouseOffset(value);

package/lib/cjs/image/previewInnerFoundation.d.ts

@@ -1,7 +1,7 @@
 import BaseFoundation, { DefaultAdapter } from "../base/foundation";
 export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getIsInGroup: () => boolean;
-    notifyChange: (index: number) => void;
+    notifyChange: (index: number, direction: string) => void;
     notifyZoom: (zoom: number, increase: boolean) => void;
     notifyClose: () => void;
     notifyVisibleChange: (visible: boolean) => void;

package/lib/cjs/image/previewInnerFoundation.js

@@ -133,7 +133,7 @@ class PreviewInnerFoundation extends _foundation.default {
         });
       }
 
-      this._adapter.notifyChange(newIndex);
+      this._adapter.notifyChange(newIndex, direction);
 
       this.setState({
         direction,

package/lib/cjs/navigation/navigation.css

@@ -87,6 +87,12 @@
   align-items: center;
   justify-content: flex-start;
 }
+.semi-navigation-item-has-link {
+  padding: 0;
+}
+.semi-navigation-item-has-link .semi-navigation-item-link {
+  padding: 8px 12px;
+}
 .semi-navigation-item-sub {
   padding: 0;
 }

package/lib/cjs/navigation/navigation.scss

@@ -113,6 +113,15 @@ $module: #{$prefix}-navigation;
         justify-content: flex-start;
     }
 
+    // when item has link, add the padding to link instead of item
+    &-item-has-link {
+        padding: 0;
+
+        .#{$module}-item-link {
+            padding: $spacing-navigation_item-paddingY $spacing-navigation_item-paddingX;
+        }
+    }
+
     &-item-sub {
         padding: $spacing-navigation_item_sub-padding;
     }

package/lib/cjs/table/constants.d.ts

@@ -73,5 +73,6 @@ declare const numbers: {
     readonly DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: number;
     readonly DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT: number;
     readonly DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT: number;
+    readonly DEFAULT_EMPTYSLOT_HEIGHT: 52;
 };
 export { cssClasses, strings, numbers };

package/lib/cjs/table/constants.js

@@ -66,7 +66,8 @@ const DEFAULT_CELL_MIDDLE_PADDING_TOP = 12;
 const DEFAULT_CELL_MIDDLE_PADDING_BOTTOM = 12;
 const DEFAULT_CELL_SMALL_PADDING_TOP = 8;
 const DEFAULT_CELL_SMALL_PADDING_BOTTOM = 8;
-const DEFAULT_CELL_LINE_HEIGHT = 20; // normal size
+const DEFAULT_CELL_LINE_HEIGHT = 20;
+const DEFAULT_EMPTYSLOT_HEIGHT = 52; // normal size
 
 const DEFAULT_VIRTUALIZED_ROW_HEIGHT = DEFAULT_CELL_LINE_HEIGHT + DEFAULT_CELL_BORDER_WITH_BOTTOM + DEFAULT_CELL_BORDER_WITH_TOP + DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM;
 const DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT = DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM; // middle  size
@@ -102,6 +103,7 @@ const numbers = {
   DEFAULT_VIRTUALIZED_ROW_MIDDLE_MIN_HEIGHT,
   DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
   DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
-  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT
+  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT,
+  DEFAULT_EMPTYSLOT_HEIGHT
 };
 exports.numbers = numbers;

package/lib/cjs/table/table.css

@@ -394,7 +394,8 @@
   border-right: 1px solid var(--semi-color-border);
 }
 .semi-table-placeholder {
-  position: relative;
+  position: sticky;
+  left: 0px;
   z-index: 1;
   padding: 16px 12px;
   color: var(--semi-color-text-2);

package/lib/cjs/table/table.scss

@@ -481,7 +481,8 @@ $module: #{$prefix}-table;
     }
 
     &-placeholder {
-        position: relative;
+        position: sticky;
+        left: 0px;
         z-index: 1;
         padding: #{$spacing-table-paddingY} #{$spacing-table-paddingX};
         color: $color-table_placeholder-text-default;

package/lib/cjs/transfer/foundation.d.ts

@@ -36,7 +36,7 @@ export default class TransferFoundation<P = Record<string, any>, S = Record<stri
     _generateGroupedData(dataSource: any[]): any[];
     _generateTreeData(dataSource: any[]): any[];
     _generatePath(item: BasicResolvedDataItem): any;
-    handleInputChange(inputVal: string): void;
+    handleInputChange(inputVal: string, notify: boolean): void;
     handleAll(wantAllChecked: boolean): void;
     handleClear(): void;
     handleSelectOrRemove(item: BasicResolvedDataItem): void;

package/lib/cjs/transfer/foundation.js

@@ -38,7 +38,7 @@ class TransferFoundation extends _foundation.default {
     return path.map(p => p.label).join(' > ');
   }
 
-  handleInputChange(inputVal) {
+  handleInputChange(inputVal, notify) {
     const {
       data
     } = this.getStates();
@@ -52,7 +52,7 @@ class TransferFoundation extends _foundation.default {
 
       this._adapter.searchTree(inputVal);
 
-      this._adapter.notifySearch(inputVal);
+      notify && this._adapter.notifySearch(inputVal);
 
       this._adapter.updateInput(inputVal);
 
@@ -64,8 +64,7 @@ class TransferFoundation extends _foundation.default {
     const filterFunc = typeof filter === 'function' ? item => filter(inputVal, item) : item => typeof item.label === 'string' && item.label.includes(inputVal);
     const searchData = data.filter(filterFunc);
     const searchResult = new Set(searchData.map(item => item.key));
-
-    this._adapter.notifySearch(inputVal);
+    notify && this._adapter.notifySearch(inputVal);
 
     this._adapter.updateInput(inputVal);
 

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

@@ -3,25 +3,27 @@ import { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
 export declare type BasicTriggerType = 'blur' | 'change' | 'custom' | 'mount';
 export declare type FieldValidateTriggerType = BasicTriggerType | Array<BasicTriggerType>;
 export declare type CommonFieldError = boolean | string | Array<any> | undefined | unknown;
-export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+export declare type BasicFieldError = Array<any>;
+export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>, Values extends object = any> extends DefaultAdapter<P, S> {
     cloneDeep: (val: any, ...rest: any[]) => any;
     notifySubmit: (values: any) => void;
-    notifySubmitFail: (errors: Record<string, any>, values: any) => void;
+    notifySubmitFail: (errors: Record<keyof Values, BasicFieldError>, values: Partial<Values>) => void;
     forceUpdate: (callback?: () => void) => void;
     notifyChange: (formState: FormState) => void;
     notifyValueChange: (values: any, changedValues: any) => void;
     notifyReset: () => void;
-    getInitValues: () => Record<string, any>;
+    getInitValues: () => Partial<Values>;
     getFormProps: (keys: undefined | string | Array<string>) => any;
     getAllErrorDOM: () => NodeList;
     getFieldDOM: (field: string) => Node;
     initFormId: () => void;
 }
+export declare type AllErrors<T> = T extends Record<string, any> ? {
+    [K in keyof T]?: string;
+} : Record<string, any>;
 export interface FormState<T extends Record<string, any> = any> {
     values?: T extends Record<string, any> ? T : Record<string, any>;
-    errors?: T extends Record<string, any> ? {
-        [K in keyof T]?: string;
-    } : Record<string, any>;
+    errors?: AllErrors<T>;
     touched?: T extends Record<string, any> ? {
         [K in keyof T]?: boolean;
     } : Record<string, any>;

package/lib/es/image/imageFoundation.js

@@ -60,7 +60,7 @@ export default class ImageFoundation extends BaseFoundation {
         } = preview;
         onVisibleChange && onVisibleChange(newVisible);
 
-        if (!("visible" in this.getProps())) {
+        if (!("visible" in preview)) {
           this.setState({
             previewVisible: newVisible
           });

package/lib/es/image/previewFooterFoundation.js

@@ -29,9 +29,9 @@ export default class PreviewFooterFoundation extends BaseFoundation {
       } = this.getProps();
 
       if (value > zoom) {
-        onZoomIn(value / 100);
+        onZoomIn(Number((value / 100).toFixed(2)));
       } else {
-        onZoomOut(value / 100);
+        onZoomOut(Number((value / 100).toFixed(2)));
       }
 
       this._adapter.setStartMouseOffset(value);

package/lib/es/image/previewInnerFoundation.d.ts

@@ -1,7 +1,7 @@
 import BaseFoundation, { DefaultAdapter } from "../base/foundation";
 export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getIsInGroup: () => boolean;
-    notifyChange: (index: number) => void;
+    notifyChange: (index: number, direction: string) => void;
     notifyZoom: (zoom: number, increase: boolean) => void;
     notifyClose: () => void;
     notifyVisibleChange: (visible: boolean) => void;

package/lib/es/image/previewInnerFoundation.js

@@ -120,7 +120,7 @@ export default class PreviewInnerFoundation extends BaseFoundation {
         });
       }
 
-      this._adapter.notifyChange(newIndex);
+      this._adapter.notifyChange(newIndex, direction);
 
       this.setState({
         direction,

package/lib/es/navigation/navigation.css

@@ -87,6 +87,12 @@
   align-items: center;
   justify-content: flex-start;
 }
+.semi-navigation-item-has-link {
+  padding: 0;
+}
+.semi-navigation-item-has-link .semi-navigation-item-link {
+  padding: 8px 12px;
+}
 .semi-navigation-item-sub {
   padding: 0;
 }

package/lib/es/navigation/navigation.scss

@@ -113,6 +113,15 @@ $module: #{$prefix}-navigation;
         justify-content: flex-start;
     }
 
+    // when item has link, add the padding to link instead of item
+    &-item-has-link {
+        padding: 0;
+
+        .#{$module}-item-link {
+            padding: $spacing-navigation_item-paddingY $spacing-navigation_item-paddingX;
+        }
+    }
+
     &-item-sub {
         padding: $spacing-navigation_item_sub-padding;
     }

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

@@ -73,5 +73,6 @@ declare const numbers: {
     readonly DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: number;
     readonly DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT: number;
     readonly DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT: number;
+    readonly DEFAULT_EMPTYSLOT_HEIGHT: 52;
 };
 export { cssClasses, strings, numbers };

package/lib/es/table/constants.js

@@ -56,7 +56,8 @@ const DEFAULT_CELL_MIDDLE_PADDING_TOP = 12;
 const DEFAULT_CELL_MIDDLE_PADDING_BOTTOM = 12;
 const DEFAULT_CELL_SMALL_PADDING_TOP = 8;
 const DEFAULT_CELL_SMALL_PADDING_BOTTOM = 8;
-const DEFAULT_CELL_LINE_HEIGHT = 20; // normal size
+const DEFAULT_CELL_LINE_HEIGHT = 20;
+const DEFAULT_EMPTYSLOT_HEIGHT = 52; // normal size
 
 const DEFAULT_VIRTUALIZED_ROW_HEIGHT = DEFAULT_CELL_LINE_HEIGHT + DEFAULT_CELL_BORDER_WITH_BOTTOM + DEFAULT_CELL_BORDER_WITH_TOP + DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM;
 const DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT = DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM; // middle  size
@@ -92,6 +93,7 @@ const numbers = {
   DEFAULT_VIRTUALIZED_ROW_MIDDLE_MIN_HEIGHT,
   DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
   DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
-  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT
+  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT,
+  DEFAULT_EMPTYSLOT_HEIGHT
 };
 export { cssClasses, strings, numbers };

package/lib/es/table/table.css

@@ -394,7 +394,8 @@
   border-right: 1px solid var(--semi-color-border);
 }
 .semi-table-placeholder {
-  position: relative;
+  position: sticky;
+  left: 0px;
   z-index: 1;
   padding: 16px 12px;
   color: var(--semi-color-text-2);

package/lib/es/table/table.scss

@@ -481,7 +481,8 @@ $module: #{$prefix}-table;
     }
 
     &-placeholder {
-        position: relative;
+        position: sticky;
+        left: 0px;
         z-index: 1;
         padding: #{$spacing-table-paddingY} #{$spacing-table-paddingX};
         color: $color-table_placeholder-text-default;

package/lib/es/transfer/foundation.d.ts

@@ -36,7 +36,7 @@ export default class TransferFoundation<P = Record<string, any>, S = Record<stri
     _generateGroupedData(dataSource: any[]): any[];
     _generateTreeData(dataSource: any[]): any[];
     _generatePath(item: BasicResolvedDataItem): any;
-    handleInputChange(inputVal: string): void;
+    handleInputChange(inputVal: string, notify: boolean): void;
     handleAll(wantAllChecked: boolean): void;
     handleClear(): void;
     handleSelectOrRemove(item: BasicResolvedDataItem): void;

package/lib/es/transfer/foundation.js

@@ -24,7 +24,7 @@ export default class TransferFoundation extends BaseFoundation {
     return path.map(p => p.label).join(' > ');
   }
 
-  handleInputChange(inputVal) {
+  handleInputChange(inputVal, notify) {
     const {
       data
     } = this.getStates();
@@ -38,7 +38,7 @@ export default class TransferFoundation extends BaseFoundation {
 
       this._adapter.searchTree(inputVal);
 
-      this._adapter.notifySearch(inputVal);
+      notify && this._adapter.notifySearch(inputVal);
 
       this._adapter.updateInput(inputVal);
 
@@ -50,8 +50,7 @@ export default class TransferFoundation extends BaseFoundation {
     const filterFunc = typeof filter === 'function' ? item => filter(inputVal, item) : item => typeof item.label === 'string' && item.label.includes(inputVal);
     const searchData = data.filter(filterFunc);
     const searchResult = new Set(searchData.map(item => item.key));
-
-    this._adapter.notifySearch(inputVal);
+    notify && this._adapter.notifySearch(inputVal);
 
     this._adapter.updateInput(inputVal);
 

package/navigation/navigation.scss

@@ -113,6 +113,15 @@ $module: #{$prefix}-navigation;
         justify-content: flex-start;
     }
 
+    // when item has link, add the padding to link instead of item
+    &-item-has-link {
+        padding: 0;
+
+        .#{$module}-item-link {
+            padding: $spacing-navigation_item-paddingY $spacing-navigation_item-paddingX;
+        }
+    }
+
     &-item-sub {
         padding: $spacing-navigation_item_sub-padding;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.22.3",
+    "version": "2.23.0-alpha.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "8cff064f240ea2a919c3527ae9b84e66c5b7a419",
+    "gitHead": "d6a31067d6ccc8e56794eadd2c6ba8f6425586c0",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/table/constants.ts

@@ -60,6 +60,7 @@ const DEFAULT_CELL_MIDDLE_PADDING_BOTTOM = 12;
 const DEFAULT_CELL_SMALL_PADDING_TOP = 8;
 const DEFAULT_CELL_SMALL_PADDING_BOTTOM = 8;
 const DEFAULT_CELL_LINE_HEIGHT = 20;
+const DEFAULT_EMPTYSLOT_HEIGHT = 52;
 
 // normal size
 const DEFAULT_VIRTUALIZED_ROW_HEIGHT =
@@ -118,6 +119,7 @@ const numbers = {
     DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
     DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
     DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT,
+    DEFAULT_EMPTYSLOT_HEIGHT
 } as const;
 
 export { cssClasses, strings, numbers };

package/table/table.scss

@@ -481,7 +481,8 @@ $module: #{$prefix}-table;
     }
 
     &-placeholder {
-        position: relative;
+        position: sticky;
+        left: 0px;
         z-index: 1;
         padding: #{$spacing-table-paddingY} #{$spacing-table-paddingX};
         color: $color-table_placeholder-text-default;

package/transfer/foundation.ts

@@ -61,13 +61,13 @@ export default class TransferFoundation<P = Record<string, any>, S = Record<stri
         return path.map((p: any) => p.label).join(' > ');
     }
 
-    handleInputChange(inputVal: string) {
+    handleInputChange(inputVal: string, notify: boolean) {
         const { data } = this.getStates();
         const { filter, type } = this.getProps();
         if (type === strings.TYPE_TREE_TO_LIST) {
             const searchResult = new Set(data.map((item: BasicResolvedDataItem) => item.key)) as Set<number | string>;
             this._adapter.searchTree(inputVal);
-            this._adapter.notifySearch(inputVal);
+            notify && this._adapter.notifySearch(inputVal);
             this._adapter.updateInput(inputVal);
             this._adapter.updateSearchResult(searchResult);
             return;
@@ -77,7 +77,7 @@ export default class TransferFoundation<P = Record<string, any>, S = Record<stri
             (item: BasicResolvedDataItem) => typeof item.label === 'string' && item.label.includes(inputVal);
         const searchData = data.filter(filterFunc);
         const searchResult = new Set(searchData.map((item: BasicResolvedDataItem) => item.key)) as Set<number | string>;
-        this._adapter.notifySearch(inputVal);
+        notify && this._adapter.notifySearch(inputVal);
         this._adapter.updateInput(inputVal);
         this._adapter.updateSearchResult(searchResult);
     }