@douyinfe/semi-foundation 2.20.8 → 2.20.9-alpha.0

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) {

package/datePicker/foundation.ts

@@ -41,6 +41,10 @@ export type DayStatusType = {
 export type DisabledDateOptions = {
     rangeStart?: string;
     rangeEnd?: string;
+    /**
+     * current select of range type
+     */
+    rangeInputFocus?: 'rangeStart' | 'rangeEnd' | false;
 };
 export type PresetType = {
     start?: string | Date | number;
@@ -1187,7 +1191,8 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
      */
     _someDateDisabled(value: Date[]) {
         const stateValue = this.getState('value');
-        const disabledOptions = { rangeStart: '', rangeEnd: '' };
+        const { rangeInputFocus } = this.getStates();
+        const disabledOptions = { rangeStart: '', rangeEnd: '', rangeInputFocus };
 
         // DisabledDate needs to pass the second parameter
         if (this._isRangeType() && Array.isArray(stateValue)) {

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;

package/lib/cjs/autoComplete/foundation.js

@@ -395,6 +395,8 @@ class AutoCompleteFoundation extends _foundation.default {
       default:
         break;
     }
+
+    this._adapter.notifyKeyDown(event);
   }
 
   _getEnableFocusIndex(offset) {

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

@@ -24,6 +24,10 @@ export declare type DayStatusType = {
 export declare type DisabledDateOptions = {
     rangeStart?: string;
     rangeEnd?: string;
+    /**
+     * current select of range type
+     */
+    rangeInputFocus?: 'rangeStart' | 'rangeEnd' | false;
 };
 export declare type PresetType = {
     start?: string | Date | number;

package/lib/cjs/datePicker/foundation.js

@@ -1279,9 +1279,13 @@ class DatePickerFoundation extends _foundation.default {
 
   _someDateDisabled(value) {
     const stateValue = this.getState('value');
+    const {
+      rangeInputFocus
+    } = this.getStates();
     const disabledOptions = {
       rangeStart: '',
-      rangeEnd: ''
+      rangeEnd: '',
+      rangeInputFocus
     }; // DisabledDate needs to pass the second parameter
 
     if (this._isRangeType() && Array.isArray(stateValue)) {

package/lib/cjs/modal/modalContentFoundation.d.ts

@@ -28,7 +28,7 @@ export default class ModalContentFoundation extends BaseFoundation<ModalContentA
     destroy(): void;
     handleDialogMouseDown(): void;
     handleMaskMouseUp(): void;
-    handleKeyDown(e: any): void;
+    handleKeyDown: (e: any) => void;
     handleKeyDownEventListenerMount(): void;
     handleKeyDownEventListenerUnmount(): void;
     getMouseState(): void;

package/lib/cjs/modal/modalContentFoundation.js

@@ -14,6 +14,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 class ModalContentFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign(Object.assign({}, ModalContentFoundation.defaultAdapter), adapter));
+
+    this.handleKeyDown = e => {
+      const {
+        closeOnEsc
+      } = this.getProps();
+
+      if (closeOnEsc && e.keyCode === _keyCode.default.ESC) {
+        e.stopPropagation();
+        this.close(e);
+        return;
+      }
+    };
   }
 
   destroy() {
@@ -30,18 +42,6 @@ class ModalContentFoundation extends _foundation.default {
     this._adapter.notifyDialogMouseUp();
   }
 
-  handleKeyDown(e) {
-    const {
-      closeOnEsc
-    } = this.getProps();
-
-    if (closeOnEsc && e.keyCode === _keyCode.default.ESC) {
-      e.stopPropagation();
-      this.close(e);
-      return;
-    }
-  }
-
   handleKeyDownEventListenerMount() {
     this._adapter.addKeyDownEventListener();
   }

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/cjs/tree/treeUtil.d.ts

@@ -74,6 +74,6 @@ export declare function getValueOrKey(data: any): any;
 export declare function normalizeValue(value: any, withObject: boolean): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

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

@@ -18,7 +18,7 @@ declare const strings: {
     DRAG_AREA_ILLEGAL: string;
     TRIGGER_AUTO: "auto";
     TRIGGER_CUSTOM: "custom";
-    UPLOAD_TRIGGER: ("auto" | "custom")[];
+    UPLOAD_TRIGGER: ("custom" | "auto")[];
     VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
     PROMPT_POSITION: readonly ["left", "right", "bottom"];
 };

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;

package/lib/es/autoComplete/foundation.js

@@ -381,6 +381,8 @@ class AutoCompleteFoundation extends BaseFoundation {
       default:
         break;
     }
+
+    this._adapter.notifyKeyDown(event);
   }
 
   _getEnableFocusIndex(offset) {

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

@@ -24,6 +24,10 @@ export declare type DayStatusType = {
 export declare type DisabledDateOptions = {
     rangeStart?: string;
     rangeEnd?: string;
+    /**
+     * current select of range type
+     */
+    rangeInputFocus?: 'rangeStart' | 'rangeEnd' | false;
 };
 export declare type PresetType = {
     start?: string | Date | number;

package/lib/es/datePicker/foundation.js

@@ -1258,9 +1258,13 @@ export default class DatePickerFoundation extends BaseFoundation {
 
   _someDateDisabled(value) {
     const stateValue = this.getState('value');
+    const {
+      rangeInputFocus
+    } = this.getStates();
     const disabledOptions = {
       rangeStart: '',
-      rangeEnd: ''
+      rangeEnd: '',
+      rangeInputFocus
     }; // DisabledDate needs to pass the second parameter
 
     if (this._isRangeType() && Array.isArray(stateValue)) {

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

@@ -28,7 +28,7 @@ export default class ModalContentFoundation extends BaseFoundation<ModalContentA
     destroy(): void;
     handleDialogMouseDown(): void;
     handleMaskMouseUp(): void;
-    handleKeyDown(e: any): void;
+    handleKeyDown: (e: any) => void;
     handleKeyDownEventListenerMount(): void;
     handleKeyDownEventListenerUnmount(): void;
     getMouseState(): void;

package/lib/es/modal/modalContentFoundation.js

@@ -3,6 +3,18 @@ import KeyCode from '../utils/keyCode';
 export default class ModalContentFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign(Object.assign({}, ModalContentFoundation.defaultAdapter), adapter));
+
+    this.handleKeyDown = e => {
+      const {
+        closeOnEsc
+      } = this.getProps();
+
+      if (closeOnEsc && e.keyCode === KeyCode.ESC) {
+        e.stopPropagation();
+        this.close(e);
+        return;
+      }
+    };
   }
 
   destroy() {
@@ -19,18 +31,6 @@ export default class ModalContentFoundation extends BaseFoundation {
     this._adapter.notifyDialogMouseUp();
   }
 
-  handleKeyDown(e) {
-    const {
-      closeOnEsc
-    } = this.getProps();
-
-    if (closeOnEsc && e.keyCode === KeyCode.ESC) {
-      e.stopPropagation();
-      this.close(e);
-      return;
-    }
-  }
-
   handleKeyDownEventListenerMount() {
     this._adapter.addKeyDownEventListener();
   }

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/lib/es/tree/treeUtil.d.ts

@@ -74,6 +74,6 @@ export declare function getValueOrKey(data: any): any;
 export declare function normalizeValue(value: any, withObject: boolean): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

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

@@ -18,7 +18,7 @@ declare const strings: {
     DRAG_AREA_ILLEGAL: string;
     TRIGGER_AUTO: "auto";
     TRIGGER_CUSTOM: "custom";
-    UPLOAD_TRIGGER: ("auto" | "custom")[];
+    UPLOAD_TRIGGER: ("custom" | "auto")[];
     VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
     PROMPT_POSITION: readonly ["left", "right", "bottom"];
 };

package/modal/modalContentFoundation.ts

@@ -48,7 +48,7 @@ export default class ModalContentFoundation extends BaseFoundation<ModalContentA
         this._adapter.notifyDialogMouseUp();
     }
 
-    handleKeyDown(e: any) {
+    handleKeyDown = (e: any) => {
         const { closeOnEsc } = this.getProps();
         if (closeOnEsc && e.keyCode === KeyCode.ESC) {
             e.stopPropagation();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.20.8",
+    "version": "2.20.9-alpha.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "9e94c35ebc88ffd1ed06cc5057ed90f94132a8f2",
+    "gitHead": "023bcb9e58c4d547ac53ca44c6d093eeb9ada6e2",
     "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 {