@douyinfe/semi-foundation 2.20.5-alpha.0 → 2.20.5

package/autoComplete/foundation.ts

@@ -8,6 +8,7 @@ interface KeyboardAdapter<P = Record<string, any>, S = Record<string, any>> exte
     registerKeyDown: (callback: (event: any) => void) => void;
     unregisterKeyDown: (callback: (event: any) => void) => void;
     updateFocusIndex: (focusIndex: number) => void;
+    notifyKeyDown: (e: any) => void;
 }
 
 export interface DataItem {
@@ -336,6 +337,7 @@ class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> e
             default:
                 break;
         }
+        this._adapter.notifyKeyDown(event);
     }
 
     _getEnableFocusIndex(offset: number) {
@@ -413,7 +415,9 @@ class AutoCompleteFoundation<P = Record<string, any>, S = Record<string, any>> e
         this._adapter.notifyFocus(e);
     }
 
-    handleBlur(e: FocusEvent) {
+    handleBlur(e: any) {
+        // https://reactjs.org/docs/legacy-event-pooling.html
+        e.persist();
         // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
         // internal-issues:1231
         setTimeout(() => {

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

@@ -3,6 +3,7 @@ interface KeyboardAdapter<P = Record<string, any>, S = Record<string, any>> exte
     registerKeyDown: (callback: (event: any) => void) => void;
     unregisterKeyDown: (callback: (event: any) => void) => void;
     updateFocusIndex: (focusIndex: number) => void;
+    notifyKeyDown: (e: any) => void;
 }
 export interface DataItem {
     [x: string]: any;
@@ -59,6 +60,6 @@ declare class AutoCompleteFoundation<P = Record<string, any>, S = Record<string,
     _handleEnterKeyDown(): void;
     handleOptionMouseEnter(optionIndex: number): void;
     handleFocus(e: FocusEvent): void;
-    handleBlur(e: FocusEvent): void;
+    handleBlur(e: any): void;
 }
 export default AutoCompleteFoundation;

package/lib/cjs/autoComplete/foundation.js

@@ -395,6 +395,8 @@ class AutoCompleteFoundation extends _foundation.default {
       default:
         break;
     }
+
+    this._adapter.notifyKeyDown(event);
   }
 
   _getEnableFocusIndex(offset) {
@@ -497,8 +499,10 @@ class AutoCompleteFoundation extends _foundation.default {
   }
 
   handleBlur(e) {
-    // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
+    // https://reactjs.org/docs/legacy-event-pooling.html
+    e.persist(); // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
     // internal-issues:1231
+
     setTimeout(() => {
       this._adapter.notifyBlur(e);
 

package/lib/cjs/table/table.css

@@ -81,6 +81,13 @@
   background-color: transparent;
   border-bottom: 2px solid var(--semi-color-border);
 }
+.semi-table-header-sticky {
+  position: sticky;
+  z-index: 102;
+}
+.semi-table-header-sticky .semi-table-thead > .semi-table-row > .semi-table-row-head {
+  background-color: var(--semi-color-bg-2);
+}
 .semi-table-body {
   overflow: auto;
   width: 100%;

package/lib/cjs/table/table.scss

@@ -64,6 +64,15 @@ $module: #{$prefix}-table;
             border-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
         }
         scrollbar-base-color: transparent;
+
+        &-sticky {
+            position: sticky;
+            z-index: $z-table_fixed_column + 1;
+
+            .semi-table-thead > .semi-table-row > .semi-table-row-head {
+                background-color: $color-table-bg-default;
+            }
+        }
     }
 
     &-body {

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

@@ -3,6 +3,7 @@ interface KeyboardAdapter<P = Record<string, any>, S = Record<string, any>> exte
     registerKeyDown: (callback: (event: any) => void) => void;
     unregisterKeyDown: (callback: (event: any) => void) => void;
     updateFocusIndex: (focusIndex: number) => void;
+    notifyKeyDown: (e: any) => void;
 }
 export interface DataItem {
     [x: string]: any;
@@ -59,6 +60,6 @@ declare class AutoCompleteFoundation<P = Record<string, any>, S = Record<string,
     _handleEnterKeyDown(): void;
     handleOptionMouseEnter(optionIndex: number): void;
     handleFocus(e: FocusEvent): void;
-    handleBlur(e: FocusEvent): void;
+    handleBlur(e: any): void;
 }
 export default AutoCompleteFoundation;

package/lib/es/autoComplete/foundation.js

@@ -381,6 +381,8 @@ class AutoCompleteFoundation extends BaseFoundation {
       default:
         break;
     }
+
+    this._adapter.notifyKeyDown(event);
   }
 
   _getEnableFocusIndex(offset) {
@@ -483,8 +485,10 @@ class AutoCompleteFoundation extends BaseFoundation {
   }
 
   handleBlur(e) {
-    // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
+    // https://reactjs.org/docs/legacy-event-pooling.html
+    e.persist(); // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
     // internal-issues:1231
+
     setTimeout(() => {
       this._adapter.notifyBlur(e);
 

package/lib/es/table/table.css

@@ -81,6 +81,13 @@
   background-color: transparent;
   border-bottom: 2px solid var(--semi-color-border);
 }
+.semi-table-header-sticky {
+  position: sticky;
+  z-index: 102;
+}
+.semi-table-header-sticky .semi-table-thead > .semi-table-row > .semi-table-row-head {
+  background-color: var(--semi-color-bg-2);
+}
 .semi-table-body {
   overflow: auto;
   width: 100%;

package/lib/es/table/table.scss

@@ -64,6 +64,15 @@ $module: #{$prefix}-table;
             border-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
         }
         scrollbar-base-color: transparent;
+
+        &-sticky {
+            position: sticky;
+            z-index: $z-table_fixed_column + 1;
+
+            .semi-table-thead > .semi-table-row > .semi-table-row-head {
+                background-color: $color-table-bg-default;
+            }
+        }
     }
 
     &-body {

package/package.json

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

package/table/table.scss

@@ -64,6 +64,15 @@ $module: #{$prefix}-table;
             border-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
         }
         scrollbar-base-color: transparent;
+
+        &-sticky {
+            position: sticky;
+            z-index: $z-table_fixed_column + 1;
+
+            .semi-table-thead > .semi-table-row > .semi-table-row-head {
+                background-color: $color-table-bg-default;
+            }
+        }
     }
 
     &-body {