@douyinfe/semi-foundation 2.18.0 → 2.19.0-alpha.2
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.
- package/lib/cjs/select/option.scss +2 -0
- package/lib/cjs/select/select.css +2 -0
- package/lib/cjs/table/table.css +4 -8
- package/lib/cjs/table/table.scss +2 -8
- package/lib/cjs/table/variables.scss +2 -2
- package/lib/es/select/option.scss +2 -0
- package/lib/es/select/select.css +2 -0
- package/lib/es/table/table.css +4 -8
- package/lib/es/table/table.scss +2 -8
- package/lib/es/table/variables.scss +2 -2
- package/package.json +2 -2
- package/select/option.scss +2 -0
- package/table/table.scss +2 -8
- package/table/variables.scss +2 -2
|
@@ -25,6 +25,7 @@ $multiple: #{$module}-multiple;
|
|
|
25
25
|
&-icon {
|
|
26
26
|
width: $width-select_option_tick;
|
|
27
27
|
color: $color-select_option-icon-default;
|
|
28
|
+
visibility: hidden;
|
|
28
29
|
margin-right: $spacing-select_option_tick-marginRight;
|
|
29
30
|
display: flex;
|
|
30
31
|
justify-content: center;
|
|
@@ -77,6 +78,7 @@ $multiple: #{$module}-multiple;
|
|
|
77
78
|
font-weight: $font-weight-bold;
|
|
78
79
|
|
|
79
80
|
.#{$module}-option-icon {
|
|
81
|
+
visibility: visible;
|
|
80
82
|
color: $color-select_option-icon-active;
|
|
81
83
|
}
|
|
82
84
|
}
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
.semi-select-option-icon {
|
|
24
24
|
width: 12px;
|
|
25
25
|
color: transparent;
|
|
26
|
+
visibility: hidden;
|
|
26
27
|
margin-right: 8px;
|
|
27
28
|
display: flex;
|
|
28
29
|
justify-content: center;
|
|
@@ -63,6 +64,7 @@
|
|
|
63
64
|
font-weight: 600;
|
|
64
65
|
}
|
|
65
66
|
.semi-select-option-selected .semi-select-option-icon {
|
|
67
|
+
visibility: visible;
|
|
66
68
|
color: var(--semi-color-text-2);
|
|
67
69
|
}
|
|
68
70
|
.semi-select-option-focused {
|
package/lib/cjs/table/table.css
CHANGED
|
@@ -317,14 +317,10 @@
|
|
|
317
317
|
display: inline-block;
|
|
318
318
|
width: 16px;
|
|
319
319
|
height: 16px;
|
|
320
|
+
cursor: pointer;
|
|
320
321
|
vertical-align: middle;
|
|
321
322
|
text-align: center;
|
|
322
323
|
}
|
|
323
|
-
.semi-table .semi-table-column-sorter-wrapper {
|
|
324
|
-
display: inline-flex;
|
|
325
|
-
align-items: center;
|
|
326
|
-
cursor: pointer;
|
|
327
|
-
}
|
|
328
324
|
.semi-table .semi-table-column-sorter-up, .semi-table .semi-table-column-sorter-down {
|
|
329
325
|
height: 0;
|
|
330
326
|
display: block;
|
|
@@ -347,11 +343,11 @@
|
|
|
347
343
|
display: inline-flex;
|
|
348
344
|
cursor: pointer;
|
|
349
345
|
color: var(--semi-color-text-2);
|
|
350
|
-
align
|
|
346
|
+
vertical-align: middle;
|
|
351
347
|
}
|
|
352
348
|
.semi-table .semi-table-column-filter svg {
|
|
353
|
-
width:
|
|
354
|
-
height:
|
|
349
|
+
width: 12px;
|
|
350
|
+
height: 12px;
|
|
355
351
|
}
|
|
356
352
|
.semi-table .semi-table-column-filter.on {
|
|
357
353
|
color: var(--semi-color-primary);
|
package/lib/cjs/table/table.scss
CHANGED
|
@@ -375,15 +375,10 @@ $module: #{$prefix}-table;
|
|
|
375
375
|
display: inline-block;
|
|
376
376
|
width: $width-table_column_sorter-icon;
|
|
377
377
|
height: $height-table_column_sorter-icon;
|
|
378
|
+
cursor: pointer;
|
|
378
379
|
vertical-align: middle;
|
|
379
380
|
text-align: center;
|
|
380
381
|
|
|
381
|
-
&-wrapper {
|
|
382
|
-
display: inline-flex;
|
|
383
|
-
align-items: center;
|
|
384
|
-
cursor: pointer;
|
|
385
|
-
}
|
|
386
|
-
|
|
387
382
|
&-up,
|
|
388
383
|
&-down {
|
|
389
384
|
height: 0;
|
|
@@ -413,8 +408,7 @@ $module: #{$prefix}-table;
|
|
|
413
408
|
display: inline-flex;
|
|
414
409
|
cursor: pointer;
|
|
415
410
|
color: $color-table_filter-text-default;
|
|
416
|
-
|
|
417
|
-
align-items: center;
|
|
411
|
+
vertical-align: middle;
|
|
418
412
|
|
|
419
413
|
svg {
|
|
420
414
|
width: $width-table_column_filter-icon;
|
|
@@ -36,8 +36,8 @@ $radius-table_base: 4px;
|
|
|
36
36
|
$width-table_column_selection: 48px; // 表格默认列宽
|
|
37
37
|
$width-table_column_sorter-icon: 16px; // 表格排序按钮宽度
|
|
38
38
|
$height-table_column_sorter-icon: 16px; // 表格排序按钮高度
|
|
39
|
-
$width-table_column_filter-icon:
|
|
40
|
-
$height-table_column_filter-icon:
|
|
39
|
+
$width-table_column_filter-icon: 12px; // 表格过滤按钮宽度
|
|
40
|
+
$height-table_column_filter-icon: 12px; // 表格过滤按钮高度
|
|
41
41
|
$width-table_cell_fixed_left_last: 1px; // 表格左上角单元格底部描边宽度
|
|
42
42
|
$width-table_cell_fixed_right_first: 1px; // 表格左上角单元格右侧描边宽度
|
|
43
43
|
$width-table_react_resizable_handle: 9px; // 表格伸缩列调节热区宽度
|
|
@@ -25,6 +25,7 @@ $multiple: #{$module}-multiple;
|
|
|
25
25
|
&-icon {
|
|
26
26
|
width: $width-select_option_tick;
|
|
27
27
|
color: $color-select_option-icon-default;
|
|
28
|
+
visibility: hidden;
|
|
28
29
|
margin-right: $spacing-select_option_tick-marginRight;
|
|
29
30
|
display: flex;
|
|
30
31
|
justify-content: center;
|
|
@@ -77,6 +78,7 @@ $multiple: #{$module}-multiple;
|
|
|
77
78
|
font-weight: $font-weight-bold;
|
|
78
79
|
|
|
79
80
|
.#{$module}-option-icon {
|
|
81
|
+
visibility: visible;
|
|
80
82
|
color: $color-select_option-icon-active;
|
|
81
83
|
}
|
|
82
84
|
}
|
package/lib/es/select/select.css
CHANGED
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
.semi-select-option-icon {
|
|
24
24
|
width: 12px;
|
|
25
25
|
color: transparent;
|
|
26
|
+
visibility: hidden;
|
|
26
27
|
margin-right: 8px;
|
|
27
28
|
display: flex;
|
|
28
29
|
justify-content: center;
|
|
@@ -63,6 +64,7 @@
|
|
|
63
64
|
font-weight: 600;
|
|
64
65
|
}
|
|
65
66
|
.semi-select-option-selected .semi-select-option-icon {
|
|
67
|
+
visibility: visible;
|
|
66
68
|
color: var(--semi-color-text-2);
|
|
67
69
|
}
|
|
68
70
|
.semi-select-option-focused {
|
package/lib/es/table/table.css
CHANGED
|
@@ -317,14 +317,10 @@
|
|
|
317
317
|
display: inline-block;
|
|
318
318
|
width: 16px;
|
|
319
319
|
height: 16px;
|
|
320
|
+
cursor: pointer;
|
|
320
321
|
vertical-align: middle;
|
|
321
322
|
text-align: center;
|
|
322
323
|
}
|
|
323
|
-
.semi-table .semi-table-column-sorter-wrapper {
|
|
324
|
-
display: inline-flex;
|
|
325
|
-
align-items: center;
|
|
326
|
-
cursor: pointer;
|
|
327
|
-
}
|
|
328
324
|
.semi-table .semi-table-column-sorter-up, .semi-table .semi-table-column-sorter-down {
|
|
329
325
|
height: 0;
|
|
330
326
|
display: block;
|
|
@@ -347,11 +343,11 @@
|
|
|
347
343
|
display: inline-flex;
|
|
348
344
|
cursor: pointer;
|
|
349
345
|
color: var(--semi-color-text-2);
|
|
350
|
-
align
|
|
346
|
+
vertical-align: middle;
|
|
351
347
|
}
|
|
352
348
|
.semi-table .semi-table-column-filter svg {
|
|
353
|
-
width:
|
|
354
|
-
height:
|
|
349
|
+
width: 12px;
|
|
350
|
+
height: 12px;
|
|
355
351
|
}
|
|
356
352
|
.semi-table .semi-table-column-filter.on {
|
|
357
353
|
color: var(--semi-color-primary);
|
package/lib/es/table/table.scss
CHANGED
|
@@ -375,15 +375,10 @@ $module: #{$prefix}-table;
|
|
|
375
375
|
display: inline-block;
|
|
376
376
|
width: $width-table_column_sorter-icon;
|
|
377
377
|
height: $height-table_column_sorter-icon;
|
|
378
|
+
cursor: pointer;
|
|
378
379
|
vertical-align: middle;
|
|
379
380
|
text-align: center;
|
|
380
381
|
|
|
381
|
-
&-wrapper {
|
|
382
|
-
display: inline-flex;
|
|
383
|
-
align-items: center;
|
|
384
|
-
cursor: pointer;
|
|
385
|
-
}
|
|
386
|
-
|
|
387
382
|
&-up,
|
|
388
383
|
&-down {
|
|
389
384
|
height: 0;
|
|
@@ -413,8 +408,7 @@ $module: #{$prefix}-table;
|
|
|
413
408
|
display: inline-flex;
|
|
414
409
|
cursor: pointer;
|
|
415
410
|
color: $color-table_filter-text-default;
|
|
416
|
-
|
|
417
|
-
align-items: center;
|
|
411
|
+
vertical-align: middle;
|
|
418
412
|
|
|
419
413
|
svg {
|
|
420
414
|
width: $width-table_column_filter-icon;
|
|
@@ -36,8 +36,8 @@ $radius-table_base: 4px;
|
|
|
36
36
|
$width-table_column_selection: 48px; // 表格默认列宽
|
|
37
37
|
$width-table_column_sorter-icon: 16px; // 表格排序按钮宽度
|
|
38
38
|
$height-table_column_sorter-icon: 16px; // 表格排序按钮高度
|
|
39
|
-
$width-table_column_filter-icon:
|
|
40
|
-
$height-table_column_filter-icon:
|
|
39
|
+
$width-table_column_filter-icon: 12px; // 表格过滤按钮宽度
|
|
40
|
+
$height-table_column_filter-icon: 12px; // 表格过滤按钮高度
|
|
41
41
|
$width-table_cell_fixed_left_last: 1px; // 表格左上角单元格底部描边宽度
|
|
42
42
|
$width-table_cell_fixed_right_first: 1px; // 表格左上角单元格右侧描边宽度
|
|
43
43
|
$width-table_react_resizable_handle: 9px; // 表格伸缩列调节热区宽度
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.19.0-alpha.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build:lib": "node ./scripts/compileLib.js",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"*.scss",
|
|
25
25
|
"*.css"
|
|
26
26
|
],
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "8f3924ea67e8b1df150c590927421b42f7325074",
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@babel/plugin-proposal-decorators": "^7.15.8",
|
|
30
30
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
package/select/option.scss
CHANGED
|
@@ -25,6 +25,7 @@ $multiple: #{$module}-multiple;
|
|
|
25
25
|
&-icon {
|
|
26
26
|
width: $width-select_option_tick;
|
|
27
27
|
color: $color-select_option-icon-default;
|
|
28
|
+
visibility: hidden;
|
|
28
29
|
margin-right: $spacing-select_option_tick-marginRight;
|
|
29
30
|
display: flex;
|
|
30
31
|
justify-content: center;
|
|
@@ -77,6 +78,7 @@ $multiple: #{$module}-multiple;
|
|
|
77
78
|
font-weight: $font-weight-bold;
|
|
78
79
|
|
|
79
80
|
.#{$module}-option-icon {
|
|
81
|
+
visibility: visible;
|
|
80
82
|
color: $color-select_option-icon-active;
|
|
81
83
|
}
|
|
82
84
|
}
|
package/table/table.scss
CHANGED
|
@@ -375,15 +375,10 @@ $module: #{$prefix}-table;
|
|
|
375
375
|
display: inline-block;
|
|
376
376
|
width: $width-table_column_sorter-icon;
|
|
377
377
|
height: $height-table_column_sorter-icon;
|
|
378
|
+
cursor: pointer;
|
|
378
379
|
vertical-align: middle;
|
|
379
380
|
text-align: center;
|
|
380
381
|
|
|
381
|
-
&-wrapper {
|
|
382
|
-
display: inline-flex;
|
|
383
|
-
align-items: center;
|
|
384
|
-
cursor: pointer;
|
|
385
|
-
}
|
|
386
|
-
|
|
387
382
|
&-up,
|
|
388
383
|
&-down {
|
|
389
384
|
height: 0;
|
|
@@ -413,8 +408,7 @@ $module: #{$prefix}-table;
|
|
|
413
408
|
display: inline-flex;
|
|
414
409
|
cursor: pointer;
|
|
415
410
|
color: $color-table_filter-text-default;
|
|
416
|
-
|
|
417
|
-
align-items: center;
|
|
411
|
+
vertical-align: middle;
|
|
418
412
|
|
|
419
413
|
svg {
|
|
420
414
|
width: $width-table_column_filter-icon;
|
package/table/variables.scss
CHANGED
|
@@ -36,8 +36,8 @@ $radius-table_base: 4px;
|
|
|
36
36
|
$width-table_column_selection: 48px; // 表格默认列宽
|
|
37
37
|
$width-table_column_sorter-icon: 16px; // 表格排序按钮宽度
|
|
38
38
|
$height-table_column_sorter-icon: 16px; // 表格排序按钮高度
|
|
39
|
-
$width-table_column_filter-icon:
|
|
40
|
-
$height-table_column_filter-icon:
|
|
39
|
+
$width-table_column_filter-icon: 12px; // 表格过滤按钮宽度
|
|
40
|
+
$height-table_column_filter-icon: 12px; // 表格过滤按钮高度
|
|
41
41
|
$width-table_cell_fixed_left_last: 1px; // 表格左上角单元格底部描边宽度
|
|
42
42
|
$width-table_cell_fixed_right_first: 1px; // 表格左上角单元格右侧描边宽度
|
|
43
43
|
$width-table_react_resizable_handle: 9px; // 表格伸缩列调节热区宽度
|