@douyinfe/semi-foundation 2.20.2 → 2.21.0-alpha.0

package/image/variables.scss

@@ -45,6 +45,3 @@ $color-image_header_close-bg: rgba(0, 0, 0, 0.75); //图像预览header的关闭
 $color-image_preview_footer-bg: rgba(0, 0, 0, 0.75); // 图像预览footer部分背景色
 $color-image-preview_divider-bg: rgba(255, 255, 255, .5); // 图像预览footer中的分割线背景色
 $color-image_preview_image_spin: #ccc; // 图像预览的加载状态颜色
-
-$z-image_preview: 1070 !default; // Image 组件预览层z-index
-$z-image_preview_header: 1 !default; // Image 组件预览层中 header 部分 z-index

package/lib/cjs/image/variables.scss

@@ -45,6 +45,3 @@ $color-image_header_close-bg: rgba(0, 0, 0, 0.75); //图像预览header的关闭
 $color-image_preview_footer-bg: rgba(0, 0, 0, 0.75); // 图像预览footer部分背景色
 $color-image-preview_divider-bg: rgba(255, 255, 255, .5); // 图像预览footer中的分割线背景色
 $color-image_preview_image_spin: #ccc; // 图像预览的加载状态颜色
-
-$z-image_preview: 1070 !default; // Image 组件预览层z-index
-$z-image_preview_header: 1 !default; // Image 组件预览层中 header 部分 z-index

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/image/variables.scss

@@ -45,6 +45,3 @@ $color-image_header_close-bg: rgba(0, 0, 0, 0.75); //图像预览header的关闭
 $color-image_preview_footer-bg: rgba(0, 0, 0, 0.75); // 图像预览footer部分背景色
 $color-image-preview_divider-bg: rgba(255, 255, 255, .5); // 图像预览footer中的分割线背景色
 $color-image_preview_image_spin: #ccc; // 图像预览的加载状态颜色
-
-$z-image_preview: 1070 !default; // Image 组件预览层z-index
-$z-image_preview_header: 1 !default; // Image 组件预览层中 header 部分 z-index

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

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.20.2",
+    "version": "2.21.0-alpha.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "bd882a1aea13fc07aa43d61a51dd9a346b428059",
+    "gitHead": "689c04c44cdfda8c477e77785f47c1be3743e11e",
     "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 {