@douyinfe/semi-foundation 2.1.4 → 2.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/checkbox/checkboxFoundation.ts +1 -0
  2. package/lib/cjs/checkbox/checkboxFoundation.d.ts +1 -0
  3. package/lib/cjs/modal/modal.css +1 -1
  4. package/lib/cjs/modal/modalFoundation.d.ts +2 -2
  5. package/lib/cjs/modal/variables.scss +1 -1
  6. package/lib/cjs/sideSheet/sideSheet.css +1 -1
  7. package/lib/cjs/sideSheet/variables.scss +1 -1
  8. package/lib/cjs/table/table.css +2 -2
  9. package/lib/cjs/table/table.scss +2 -2
  10. package/lib/cjs/table/variables.scss +3 -0
  11. package/lib/cjs/upload/upload.css +1 -1
  12. package/lib/cjs/upload/variables.scss +1 -1
  13. package/lib/es/checkbox/checkboxFoundation.d.ts +1 -0
  14. package/lib/es/modal/modal.css +1 -1
  15. package/lib/es/modal/modalFoundation.d.ts +2 -2
  16. package/lib/es/modal/variables.scss +1 -1
  17. package/lib/es/sideSheet/sideSheet.css +1 -1
  18. package/lib/es/sideSheet/variables.scss +1 -1
  19. package/lib/es/table/table.css +2 -2
  20. package/lib/es/table/table.scss +2 -2
  21. package/lib/es/table/variables.scss +3 -0
  22. package/lib/es/upload/upload.css +1 -1
  23. package/lib/es/upload/variables.scss +1 -1
  24. package/modal/modalFoundation.ts +2 -2
  25. package/modal/variables.scss +1 -1
  26. package/package.json +3 -3
  27. package/sideSheet/variables.scss +1 -1
  28. package/table/table.scss +2 -2
  29. package/table/variables.scss +3 -0
  30. package/upload/variables.scss +1 -1
package/checkbox/checkboxFoundation.ts CHANGED
@@ -107,6 +107,7 @@ class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> exten
107
107
  }
108
108
 
109
109
  export interface BaseCheckboxProps {
110
+ id?: string;
110
111
  autoFocus?: boolean;
111
112
  checked?: boolean;
112
113
  defaultChecked?: boolean;
package/lib/cjs/checkbox/checkboxFoundation.d.ts CHANGED
@@ -38,6 +38,7 @@ declare class CheckboxFoundation<P = Record<string, any>, S = Record<string, any
38
38
  destroy(): void;
39
39
  }
40
40
  export interface BaseCheckboxProps {
41
+ id?: string;
41
42
  autoFocus?: boolean;
42
43
  checked?: boolean;
43
44
  defaultChecked?: boolean;
package/lib/cjs/modal/modal.css CHANGED
@@ -14,7 +14,7 @@
14
14
  right: 0;
15
15
  left: 0;
16
16
  bottom: 0;
17
- background-color: var(--semi-overlay-bg);
17
+ background-color: var(--semi-color-overlay-bg);
18
18
  height: 100%;
19
19
  z-index: 1000;
20
20
  }
package/lib/cjs/modal/modalFoundation.d.ts CHANGED
@@ -26,7 +26,7 @@ export interface ModalProps {
26
26
  footer?: any;
27
27
  hasCancel?: boolean;
28
28
  header?: any;
29
- height?: number;
29
+ height?: string | number;
30
30
  mask?: boolean;
31
31
  maskClosable?: boolean;
32
32
  maskStyle?: Record<string, any>;
@@ -40,7 +40,7 @@ export interface ModalProps {
40
40
  style?: Record<string, any>;
41
41
  title?: any;
42
42
  visible?: boolean;
43
- width?: number;
43
+ width?: string | number;
44
44
  zIndex?: number;
45
45
  icon?: any;
46
46
  getPopupContainer?: () => HTMLElement;
package/lib/cjs/modal/variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // Color
2
2
  $color-modal-bg: var(--semi-color-bg-2); // 模态框背景颜色
3
- $color-modal_mask-bg: var(--semi-overlay-bg); // 模态框蒙层颜色
3
+ $color-modal_mask-bg: var(--semi-color-overlay-bg); // 模态框蒙层颜色
4
4
  $color-modal_main-text: var(--semi-color-text-0); // 模态框文字颜色
5
5
  $color-modal_info-icon: var(--semi-color-info); // 模态框信息图标颜色
6
6
  $color-modal_primary-icon: var(--semi-color-primary); // 模态框主要图标颜色
package/lib/cjs/sideSheet/sideSheet.css CHANGED
@@ -93,7 +93,7 @@
93
93
  left: 0;
94
94
  width: 100%;
95
95
  height: 100%;
96
- background-color: var(--semi-overlay-bg);
96
+ background-color: var(--semi-color-overlay-bg);
97
97
  }
98
98
  .semi-sidesheet-mask-hidden {
99
99
  display: none;
package/lib/cjs/sideSheet/variables.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // Color
2
- $color-sideSheet_mask-bg: var(--semi-overlay-bg); // 侧边栏打开后蒙层颜色
2
+ $color-sideSheet_mask-bg: var(--semi-color-overlay-bg); // 侧边栏打开后蒙层颜色
3
3
  $color-sideSheet-bg: var(--semi-color-bg-2); // 侧边栏背景颜色
4
4
  $color-sideSheet_main-text: var(--semi-color-text-0); // 侧边栏默认文本颜色
5
5
 
package/lib/cjs/table/table.css CHANGED
@@ -111,7 +111,7 @@
111
111
  user-select: none;
112
112
  }
113
113
  .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
114
- z-index: 1;
114
+ z-index: 101;
115
115
  position: sticky;
116
116
  background-color: var(--semi-color-bg-2);
117
117
  }
@@ -225,7 +225,7 @@
225
225
  background-color: var(--semi-color-fill-0);
226
226
  }
227
227
  .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right {
228
- z-index: 1;
228
+ z-index: 101;
229
229
  position: sticky;
230
230
  background-color: var(--semi-color-bg-2);
231
231
  }
package/lib/cjs/table/table.scss CHANGED
@@ -104,7 +104,7 @@ $module: #{$prefix}-table;
104
104
 
105
105
  &-left,
106
106
  &-right {
107
- z-index: 1;
107
+ z-index: $z-table_fixed_column;
108
108
  position: sticky;
109
109
  background-color: $color-table-bg-default;
110
110
 
@@ -247,7 +247,7 @@ $module: #{$prefix}-table;
247
247
 
248
248
  &-left,
249
249
  &-right {
250
- z-index: 1;
250
+ z-index: $z-table_fixed_column;;
251
251
  position: sticky;
252
252
  background-color: $color-table-bg-default;
253
253
  }
package/lib/cjs/table/variables.scss CHANGED
@@ -82,3 +82,6 @@ $shadow-table_right: 3px 0 0 0 $color-table_shadow-bg-default; // 表格滚动
82
82
  $border-table: #{$width-table_base_border} #{$border-table_base-borderStyle} $color-table-border-default; // 表格默认描边
83
83
  $border-table_head-bottom: #{$width-table_header_border} #{$border-table_base-borderStyle} $color-table_th-border-default; // 表头单元格描边 - 底部
84
84
  $border-table_resizer: $width-table_resizer_border solid $color-table_resizer-bg-default; // 表格拉伸标识描边
85
+
86
+ $z-table-fixed: 101!default; // fixed列的zIndex值
87
+ $z-table_fixed_column: $z-table-fixed; // fixed列的zIndex值
package/lib/cjs/upload/upload.css CHANGED
@@ -296,7 +296,7 @@
296
296
  .semi-upload-picture-file-card-close {
297
297
  width: 16px;
298
298
  height: 16px;
299
- background-color: var(--semi-overlay-bg);
299
+ background-color: var(--semi-color-overlay-bg);
300
300
  position: absolute;
301
301
  top: 8px;
302
302
  right: 8px;
package/lib/cjs/upload/variables.scss CHANGED
@@ -22,7 +22,7 @@ $color-upload-icon: var(--semi-color-tertiary); // 图片墙上传图标加号
22
22
  $color-upload_pic_add-bg-active: var(--semi-color-fill-2); // 图片墙上传背景色 - 按下
23
23
  $color-upload_pic_add-bg-hover: var(--semi-color-fill-1); // 图片墙上传背景色 - 悬浮
24
24
  $color-upload_pic_add-bg: var(--semi-color-fill-0); // 图片墙上传背景色 - 默认
25
- $color-upload_pic_remove-bg: var(--semi-overlay-bg); // 图片墙上传移除图标颜色
25
+ $color-upload_pic_remove-bg: var(--semi-color-overlay-bg); // 图片墙上传移除图标颜色
26
26
  $color-upload_picture_file_card_loading_error-icon: var(--semi-color-danger); // 图片墙上传移除图标颜色
27
27
  $color-upload_preview-icon: var(--semi-color-text-2); // 上传文件卡片文本颜色
28
28
  $color-upload_retry-text: var(--semi-color-primary); // 上传文件卡片重新上传按钮文本颜色
package/lib/es/checkbox/checkboxFoundation.d.ts CHANGED
@@ -38,6 +38,7 @@ declare class CheckboxFoundation<P = Record<string, any>, S = Record<string, any
38
38
  destroy(): void;
39
39
  }
40
40
  export interface BaseCheckboxProps {
41
+ id?: string;
41
42
  autoFocus?: boolean;
42
43
  checked?: boolean;
43
44
  defaultChecked?: boolean;
package/lib/es/modal/modal.css CHANGED
@@ -14,7 +14,7 @@
14
14
  right: 0;
15
15
  left: 0;
16
16
  bottom: 0;
17
- background-color: var(--semi-overlay-bg);
17
+ background-color: var(--semi-color-overlay-bg);
18
18
  height: 100%;
19
19
  z-index: 1000;
20
20
  }
package/lib/es/modal/modalFoundation.d.ts CHANGED
@@ -26,7 +26,7 @@ export interface ModalProps {
26
26
  footer?: any;
27
27
  hasCancel?: boolean;
28
28
  header?: any;
29
- height?: number;
29
+ height?: string | number;
30
30
  mask?: boolean;
31
31
  maskClosable?: boolean;
32
32
  maskStyle?: Record<string, any>;
@@ -40,7 +40,7 @@ export interface ModalProps {
40
40
  style?: Record<string, any>;
41
41
  title?: any;
42
42
  visible?: boolean;
43
- width?: number;
43
+ width?: string | number;
44
44
  zIndex?: number;
45
45
  icon?: any;
46
46
  getPopupContainer?: () => HTMLElement;
package/lib/es/modal/variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // Color
2
2
  $color-modal-bg: var(--semi-color-bg-2); // 模态框背景颜色
3
- $color-modal_mask-bg: var(--semi-overlay-bg); // 模态框蒙层颜色
3
+ $color-modal_mask-bg: var(--semi-color-overlay-bg); // 模态框蒙层颜色
4
4
  $color-modal_main-text: var(--semi-color-text-0); // 模态框文字颜色
5
5
  $color-modal_info-icon: var(--semi-color-info); // 模态框信息图标颜色
6
6
  $color-modal_primary-icon: var(--semi-color-primary); // 模态框主要图标颜色
package/lib/es/sideSheet/sideSheet.css CHANGED
@@ -93,7 +93,7 @@
93
93
  left: 0;
94
94
  width: 100%;
95
95
  height: 100%;
96
- background-color: var(--semi-overlay-bg);
96
+ background-color: var(--semi-color-overlay-bg);
97
97
  }
98
98
  .semi-sidesheet-mask-hidden {
99
99
  display: none;
package/lib/es/sideSheet/variables.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // Color
2
- $color-sideSheet_mask-bg: var(--semi-overlay-bg); // 侧边栏打开后蒙层颜色
2
+ $color-sideSheet_mask-bg: var(--semi-color-overlay-bg); // 侧边栏打开后蒙层颜色
3
3
  $color-sideSheet-bg: var(--semi-color-bg-2); // 侧边栏背景颜色
4
4
  $color-sideSheet_main-text: var(--semi-color-text-0); // 侧边栏默认文本颜色
5
5
 
package/lib/es/table/table.css CHANGED
@@ -111,7 +111,7 @@
111
111
  user-select: none;
112
112
  }
113
113
  .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
114
- z-index: 1;
114
+ z-index: 101;
115
115
  position: sticky;
116
116
  background-color: var(--semi-color-bg-2);
117
117
  }
@@ -225,7 +225,7 @@
225
225
  background-color: var(--semi-color-fill-0);
226
226
  }
227
227
  .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right {
228
- z-index: 1;
228
+ z-index: 101;
229
229
  position: sticky;
230
230
  background-color: var(--semi-color-bg-2);
231
231
  }
package/lib/es/table/table.scss CHANGED
@@ -104,7 +104,7 @@ $module: #{$prefix}-table;
104
104
 
105
105
  &-left,
106
106
  &-right {
107
- z-index: 1;
107
+ z-index: $z-table_fixed_column;
108
108
  position: sticky;
109
109
  background-color: $color-table-bg-default;
110
110
 
@@ -247,7 +247,7 @@ $module: #{$prefix}-table;
247
247
 
248
248
  &-left,
249
249
  &-right {
250
- z-index: 1;
250
+ z-index: $z-table_fixed_column;;
251
251
  position: sticky;
252
252
  background-color: $color-table-bg-default;
253
253
  }
package/lib/es/table/variables.scss CHANGED
@@ -82,3 +82,6 @@ $shadow-table_right: 3px 0 0 0 $color-table_shadow-bg-default; // 表格滚动
82
82
  $border-table: #{$width-table_base_border} #{$border-table_base-borderStyle} $color-table-border-default; // 表格默认描边
83
83
  $border-table_head-bottom: #{$width-table_header_border} #{$border-table_base-borderStyle} $color-table_th-border-default; // 表头单元格描边 - 底部
84
84
  $border-table_resizer: $width-table_resizer_border solid $color-table_resizer-bg-default; // 表格拉伸标识描边
85
+
86
+ $z-table-fixed: 101!default; // fixed列的zIndex值
87
+ $z-table_fixed_column: $z-table-fixed; // fixed列的zIndex值
package/lib/es/upload/upload.css CHANGED
@@ -296,7 +296,7 @@
296
296
  .semi-upload-picture-file-card-close {
297
297
  width: 16px;
298
298
  height: 16px;
299
- background-color: var(--semi-overlay-bg);
299
+ background-color: var(--semi-color-overlay-bg);
300
300
  position: absolute;
301
301
  top: 8px;
302
302
  right: 8px;
package/lib/es/upload/variables.scss CHANGED
@@ -22,7 +22,7 @@ $color-upload-icon: var(--semi-color-tertiary); // 图片墙上传图标加号
22
22
  $color-upload_pic_add-bg-active: var(--semi-color-fill-2); // 图片墙上传背景色 - 按下
23
23
  $color-upload_pic_add-bg-hover: var(--semi-color-fill-1); // 图片墙上传背景色 - 悬浮
24
24
  $color-upload_pic_add-bg: var(--semi-color-fill-0); // 图片墙上传背景色 - 默认
25
- $color-upload_pic_remove-bg: var(--semi-overlay-bg); // 图片墙上传移除图标颜色
25
+ $color-upload_pic_remove-bg: var(--semi-color-overlay-bg); // 图片墙上传移除图标颜色
26
26
  $color-upload_picture_file_card_loading_error-icon: var(--semi-color-danger); // 图片墙上传移除图标颜色
27
27
  $color-upload_preview-icon: var(--semi-color-text-2); // 上传文件卡片文本颜色
28
28
  $color-upload_retry-text: var(--semi-color-primary); // 上传文件卡片重新上传按钮文本颜色
package/modal/modalFoundation.ts CHANGED
@@ -29,7 +29,7 @@ export interface ModalProps {
29
29
  footer?: any;
30
30
  hasCancel?: boolean;
31
31
  header?: any;
32
- height?: number;
32
+ height?: string | number;
33
33
  mask?: boolean;
34
34
  maskClosable?: boolean;
35
35
  maskStyle?: Record<string, any>;
@@ -43,7 +43,7 @@ export interface ModalProps {
43
43
  style?: Record<string, any>;
44
44
  title?: any;
45
45
  visible?: boolean;
46
- width?: number;
46
+ width?: string | number;
47
47
  zIndex?: number;
48
48
  icon?: any;
49
49
  getPopupContainer?: () => HTMLElement;
package/modal/variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // Color
2
2
  $color-modal-bg: var(--semi-color-bg-2); // 模态框背景颜色
3
- $color-modal_mask-bg: var(--semi-overlay-bg); // 模态框蒙层颜色
3
+ $color-modal_mask-bg: var(--semi-color-overlay-bg); // 模态框蒙层颜色
4
4
  $color-modal_main-text: var(--semi-color-text-0); // 模态框文字颜色
5
5
  $color-modal_info-icon: var(--semi-color-info); // 模态框信息图标颜色
6
6
  $color-modal_primary-icon: var(--semi-color-primary); // 模态框主要图标颜色
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.1.4",
3
+ "version": "2.1.5",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build:lib": "node ./scripts/compileLib.js",
@@ -8,7 +8,7 @@
8
8
  },
9
9
  "dependencies": {
10
10
  "@babel/runtime-corejs3": "^7.15.4",
11
- "@douyinfe/semi-animation": "2.1.4",
11
+ "@douyinfe/semi-animation": "2.1.5",
12
12
  "async-validator": "^3.5.0",
13
13
  "classnames": "^2.2.6",
14
14
  "date-fns": "^2.9.0",
@@ -24,7 +24,7 @@
24
24
  "*.scss",
25
25
  "*.css"
26
26
  ],
27
- "gitHead": "c6ce83aa28229d455cba4c01bc84c53f76c57c78",
27
+ "gitHead": "8e2db56ec6e5a3f2ddf47ec03224e5e6adf443c2",
28
28
  "devDependencies": {
29
29
  "@babel/plugin-proposal-decorators": "^7.15.8",
30
30
  "@babel/plugin-transform-runtime": "^7.15.8",
package/sideSheet/variables.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // Color
2
- $color-sideSheet_mask-bg: var(--semi-overlay-bg); // 侧边栏打开后蒙层颜色
2
+ $color-sideSheet_mask-bg: var(--semi-color-overlay-bg); // 侧边栏打开后蒙层颜色
3
3
  $color-sideSheet-bg: var(--semi-color-bg-2); // 侧边栏背景颜色
4
4
  $color-sideSheet_main-text: var(--semi-color-text-0); // 侧边栏默认文本颜色
5
5
 
package/table/table.scss CHANGED
@@ -104,7 +104,7 @@ $module: #{$prefix}-table;
104
104
 
105
105
  &-left,
106
106
  &-right {
107
- z-index: 1;
107
+ z-index: $z-table_fixed_column;
108
108
  position: sticky;
109
109
  background-color: $color-table-bg-default;
110
110
 
@@ -247,7 +247,7 @@ $module: #{$prefix}-table;
247
247
 
248
248
  &-left,
249
249
  &-right {
250
- z-index: 1;
250
+ z-index: $z-table_fixed_column;;
251
251
  position: sticky;
252
252
  background-color: $color-table-bg-default;
253
253
  }
package/table/variables.scss CHANGED
@@ -82,3 +82,6 @@ $shadow-table_right: 3px 0 0 0 $color-table_shadow-bg-default; // 表格滚动
82
82
  $border-table: #{$width-table_base_border} #{$border-table_base-borderStyle} $color-table-border-default; // 表格默认描边
83
83
  $border-table_head-bottom: #{$width-table_header_border} #{$border-table_base-borderStyle} $color-table_th-border-default; // 表头单元格描边 - 底部
84
84
  $border-table_resizer: $width-table_resizer_border solid $color-table_resizer-bg-default; // 表格拉伸标识描边
85
+
86
+ $z-table-fixed: 101!default; // fixed列的zIndex值
87
+ $z-table_fixed_column: $z-table-fixed; // fixed列的zIndex值
package/upload/variables.scss CHANGED
@@ -22,7 +22,7 @@ $color-upload-icon: var(--semi-color-tertiary); // 图片墙上传图标加号
22
22
  $color-upload_pic_add-bg-active: var(--semi-color-fill-2); // 图片墙上传背景色 - 按下
23
23
  $color-upload_pic_add-bg-hover: var(--semi-color-fill-1); // 图片墙上传背景色 - 悬浮
24
24
  $color-upload_pic_add-bg: var(--semi-color-fill-0); // 图片墙上传背景色 - 默认
25
- $color-upload_pic_remove-bg: var(--semi-overlay-bg); // 图片墙上传移除图标颜色
25
+ $color-upload_pic_remove-bg: var(--semi-color-overlay-bg); // 图片墙上传移除图标颜色
26
26
  $color-upload_picture_file_card_loading_error-icon: var(--semi-color-danger); // 图片墙上传移除图标颜色
27
27
  $color-upload_preview-icon: var(--semi-color-text-2); // 上传文件卡片文本颜色
28
28
  $color-upload_retry-text: var(--semi-color-primary); // 上传文件卡片重新上传按钮文本颜色