@douyinfe/semi-foundation 2.18.0 → 2.18.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/table/mixin.scss +2 -2
- package/lib/cjs/table/rtl.scss +8 -8
- package/lib/cjs/table/table.scss +16 -16
- package/lib/cjs/table/variables.scss +0 -3
- package/lib/es/table/mixin.scss +2 -2
- package/lib/es/table/rtl.scss +8 -8
- package/lib/es/table/table.scss +16 -16
- package/lib/es/table/variables.scss +0 -3
- package/package.json +2 -2
- package/table/mixin.scss +2 -2
- package/table/rtl.scss +8 -8
- package/table/table.scss +16 -16
- package/table/variables.scss +0 -3
package/lib/cjs/table/mixin.scss
CHANGED
package/lib/cjs/table/rtl.scss
CHANGED
|
@@ -19,7 +19,7 @@ $module: #{$prefix}-table;
|
|
|
19
19
|
|
|
20
20
|
&.resizing {
|
|
21
21
|
// rtl override mixin
|
|
22
|
-
border-left: $
|
|
22
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -28,7 +28,7 @@ $module: #{$prefix}-table;
|
|
|
28
28
|
border-right: 1px solid $color-table_shadow-border-default;
|
|
29
29
|
|
|
30
30
|
&.resizing {
|
|
31
|
-
border-left: $
|
|
31
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
&[x-type="column-scrollbar"] {
|
|
@@ -40,7 +40,7 @@ $module: #{$prefix}-table;
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.resizing {
|
|
43
|
-
border-left: $
|
|
43
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.react-resizable-handle {
|
|
@@ -57,7 +57,7 @@ $module: #{$prefix}-table;
|
|
|
57
57
|
|
|
58
58
|
&.resizing {
|
|
59
59
|
border-right: 0;
|
|
60
|
-
border-left: $
|
|
60
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
|
|
@@ -112,17 +112,17 @@ $module: #{$prefix}-table;
|
|
|
112
112
|
&-bordered {
|
|
113
113
|
.#{$module}-container {
|
|
114
114
|
border-left: 0;
|
|
115
|
-
border-right: $border-table;
|
|
115
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.#{$module}-thead > .#{$module}-row > .#{$module}-row-head,
|
|
119
119
|
.#{$module}-tbody > .#{$module}-row > .#{$module}-row-cell {
|
|
120
120
|
border-right: 0;
|
|
121
|
-
border-left: $border-table;
|
|
121
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
.#{$module}-placeholder {
|
|
125
|
-
border-left: $border-table;
|
|
125
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
126
126
|
border-right: 0;
|
|
127
127
|
}
|
|
128
128
|
|
|
@@ -130,7 +130,7 @@ $module: #{$prefix}-table;
|
|
|
130
130
|
|
|
131
131
|
&::-webkit-scrollbar {
|
|
132
132
|
border-right: 0;
|
|
133
|
-
border-left: $border-table;
|
|
133
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
}
|
package/lib/cjs/table/table.scss
CHANGED
|
@@ -60,7 +60,7 @@ $module: #{$prefix}-table;
|
|
|
60
60
|
|
|
61
61
|
&::-webkit-scrollbar {
|
|
62
62
|
background-color: transparent;
|
|
63
|
-
border-bottom: $border-
|
|
63
|
+
border-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
|
|
64
64
|
}
|
|
65
65
|
scrollbar-base-color: transparent;
|
|
66
66
|
}
|
|
@@ -91,7 +91,7 @@ $module: #{$prefix}-table;
|
|
|
91
91
|
color: $color-table_th-text-default;
|
|
92
92
|
font-weight: $font-weight-bold;
|
|
93
93
|
text-align: left;
|
|
94
|
-
border-bottom: $border-
|
|
94
|
+
border-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
|
|
95
95
|
padding-left: $spacing-table_row_head-paddingX;
|
|
96
96
|
padding-right: $spacing-table_row_head-paddingX;
|
|
97
97
|
padding-top: $spacing-table_row_head-paddingY;
|
|
@@ -223,14 +223,14 @@ $module: #{$prefix}-table;
|
|
|
223
223
|
word-break: break-all;
|
|
224
224
|
border-left: none;
|
|
225
225
|
border-right: none;
|
|
226
|
-
border-bottom: $border-table;
|
|
226
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
227
227
|
padding: $spacing-table_tbody_rowCell-padding;
|
|
228
228
|
box-sizing: border-box;
|
|
229
229
|
position: relative;
|
|
230
230
|
vertical-align: middle;
|
|
231
231
|
|
|
232
232
|
&.resizing {
|
|
233
|
-
border-right: $
|
|
233
|
+
border-right: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
236
|
&.#{$module}-row {
|
|
@@ -276,7 +276,7 @@ $module: #{$prefix}-table;
|
|
|
276
276
|
|
|
277
277
|
& > .#{$module}-row-cell {
|
|
278
278
|
background-color: $color-table_selection-bg-default;
|
|
279
|
-
border-bottom: $border-table;
|
|
279
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
280
280
|
}
|
|
281
281
|
|
|
282
282
|
& > .#{$module}-row-cell:not(.#{$module}-column-selection) {
|
|
@@ -431,27 +431,27 @@ $module: #{$prefix}-table;
|
|
|
431
431
|
.#{$module}-title {
|
|
432
432
|
padding-left: $spacing-table_bordered_titler-paddingLeft;
|
|
433
433
|
padding-right: $spacing-table_bordered_titler-paddingRight;
|
|
434
|
-
border-top: $border-table;
|
|
435
|
-
border-right: $border-table;
|
|
436
|
-
border-left: $border-table;
|
|
434
|
+
border-top: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
435
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
436
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
437
437
|
}
|
|
438
438
|
|
|
439
439
|
.#{$module}-container {
|
|
440
|
-
border: $border-table;
|
|
440
|
+
border: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
441
441
|
border-right: 0;
|
|
442
442
|
border-bottom: 0;
|
|
443
443
|
}
|
|
444
444
|
|
|
445
445
|
.#{$module}-header {
|
|
446
446
|
&::-webkit-scrollbar {
|
|
447
|
-
border-right: $border-table;
|
|
447
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
.#{$module}-footer {
|
|
452
|
-
border-left: $border-table;
|
|
453
|
-
border-right: $border-table;
|
|
454
|
-
border-bottom: $border-table;
|
|
452
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
453
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
454
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
455
455
|
}
|
|
456
456
|
|
|
457
457
|
.#{$module}-thead > .#{$module}-row > .#{$module}-row-head {
|
|
@@ -462,11 +462,11 @@ $module: #{$prefix}-table;
|
|
|
462
462
|
|
|
463
463
|
.#{$module}-thead > .#{$module}-row > .#{$module}-row-head,
|
|
464
464
|
.#{$module}-tbody > .#{$module}-row > .#{$module}-row-cell {
|
|
465
|
-
border-right: $border-table;
|
|
465
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
466
466
|
}
|
|
467
467
|
|
|
468
468
|
.#{$module}-placeholder {
|
|
469
|
-
border-right: $border-table;
|
|
469
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
|
|
@@ -478,7 +478,7 @@ $module: #{$prefix}-table;
|
|
|
478
478
|
font-size: #{$font-table_base-fontSize};
|
|
479
479
|
text-align: center;
|
|
480
480
|
background: $color-table_pl-bg-default;
|
|
481
|
-
border-bottom: $border-table;
|
|
481
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
482
482
|
border-radius: 0 0 #{$radius-table_base} #{$radius-table_base};
|
|
483
483
|
}
|
|
484
484
|
|
|
@@ -80,9 +80,6 @@ $font-table_base-fontSize: 14px; // 表格默认文本字号
|
|
|
80
80
|
$border-table_base-borderStyle: solid; // 表格描边样式
|
|
81
81
|
$shadow-table_left: -3px 0 0 0 $color-table_shadow-bg-default; // 表格滚动阴影 - 左侧
|
|
82
82
|
$shadow-table_right: 3px 0 0 0 $color-table_shadow-bg-default; // 表格滚动阴影 - 右侧
|
|
83
|
-
$border-table: $width-table_base_border $border-table_base-borderStyle $color-table-border-default; // 表格默认描边
|
|
84
|
-
$border-table_head-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default; // 表头单元格描边 - 底部
|
|
85
|
-
$border-table_resizer: $width-table_resizer_border solid $color-table_resizer-bg-default; // 表格拉伸标识描边
|
|
86
83
|
|
|
87
84
|
$z-table-fixed: 101!default; // fixed列的zIndex值
|
|
88
85
|
$z-table_fixed_column: $z-table-fixed; // fixed列的zIndex值
|
package/lib/es/table/mixin.scss
CHANGED
package/lib/es/table/rtl.scss
CHANGED
|
@@ -19,7 +19,7 @@ $module: #{$prefix}-table;
|
|
|
19
19
|
|
|
20
20
|
&.resizing {
|
|
21
21
|
// rtl override mixin
|
|
22
|
-
border-left: $
|
|
22
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -28,7 +28,7 @@ $module: #{$prefix}-table;
|
|
|
28
28
|
border-right: 1px solid $color-table_shadow-border-default;
|
|
29
29
|
|
|
30
30
|
&.resizing {
|
|
31
|
-
border-left: $
|
|
31
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
&[x-type="column-scrollbar"] {
|
|
@@ -40,7 +40,7 @@ $module: #{$prefix}-table;
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.resizing {
|
|
43
|
-
border-left: $
|
|
43
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.react-resizable-handle {
|
|
@@ -57,7 +57,7 @@ $module: #{$prefix}-table;
|
|
|
57
57
|
|
|
58
58
|
&.resizing {
|
|
59
59
|
border-right: 0;
|
|
60
|
-
border-left: $
|
|
60
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
|
|
@@ -112,17 +112,17 @@ $module: #{$prefix}-table;
|
|
|
112
112
|
&-bordered {
|
|
113
113
|
.#{$module}-container {
|
|
114
114
|
border-left: 0;
|
|
115
|
-
border-right: $border-table;
|
|
115
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.#{$module}-thead > .#{$module}-row > .#{$module}-row-head,
|
|
119
119
|
.#{$module}-tbody > .#{$module}-row > .#{$module}-row-cell {
|
|
120
120
|
border-right: 0;
|
|
121
|
-
border-left: $border-table;
|
|
121
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
.#{$module}-placeholder {
|
|
125
|
-
border-left: $border-table;
|
|
125
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
126
126
|
border-right: 0;
|
|
127
127
|
}
|
|
128
128
|
|
|
@@ -130,7 +130,7 @@ $module: #{$prefix}-table;
|
|
|
130
130
|
|
|
131
131
|
&::-webkit-scrollbar {
|
|
132
132
|
border-right: 0;
|
|
133
|
-
border-left: $border-table;
|
|
133
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
}
|
package/lib/es/table/table.scss
CHANGED
|
@@ -60,7 +60,7 @@ $module: #{$prefix}-table;
|
|
|
60
60
|
|
|
61
61
|
&::-webkit-scrollbar {
|
|
62
62
|
background-color: transparent;
|
|
63
|
-
border-bottom: $border-
|
|
63
|
+
border-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
|
|
64
64
|
}
|
|
65
65
|
scrollbar-base-color: transparent;
|
|
66
66
|
}
|
|
@@ -91,7 +91,7 @@ $module: #{$prefix}-table;
|
|
|
91
91
|
color: $color-table_th-text-default;
|
|
92
92
|
font-weight: $font-weight-bold;
|
|
93
93
|
text-align: left;
|
|
94
|
-
border-bottom: $border-
|
|
94
|
+
border-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
|
|
95
95
|
padding-left: $spacing-table_row_head-paddingX;
|
|
96
96
|
padding-right: $spacing-table_row_head-paddingX;
|
|
97
97
|
padding-top: $spacing-table_row_head-paddingY;
|
|
@@ -223,14 +223,14 @@ $module: #{$prefix}-table;
|
|
|
223
223
|
word-break: break-all;
|
|
224
224
|
border-left: none;
|
|
225
225
|
border-right: none;
|
|
226
|
-
border-bottom: $border-table;
|
|
226
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
227
227
|
padding: $spacing-table_tbody_rowCell-padding;
|
|
228
228
|
box-sizing: border-box;
|
|
229
229
|
position: relative;
|
|
230
230
|
vertical-align: middle;
|
|
231
231
|
|
|
232
232
|
&.resizing {
|
|
233
|
-
border-right: $
|
|
233
|
+
border-right: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
236
|
&.#{$module}-row {
|
|
@@ -276,7 +276,7 @@ $module: #{$prefix}-table;
|
|
|
276
276
|
|
|
277
277
|
& > .#{$module}-row-cell {
|
|
278
278
|
background-color: $color-table_selection-bg-default;
|
|
279
|
-
border-bottom: $border-table;
|
|
279
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
280
280
|
}
|
|
281
281
|
|
|
282
282
|
& > .#{$module}-row-cell:not(.#{$module}-column-selection) {
|
|
@@ -431,27 +431,27 @@ $module: #{$prefix}-table;
|
|
|
431
431
|
.#{$module}-title {
|
|
432
432
|
padding-left: $spacing-table_bordered_titler-paddingLeft;
|
|
433
433
|
padding-right: $spacing-table_bordered_titler-paddingRight;
|
|
434
|
-
border-top: $border-table;
|
|
435
|
-
border-right: $border-table;
|
|
436
|
-
border-left: $border-table;
|
|
434
|
+
border-top: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
435
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
436
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
437
437
|
}
|
|
438
438
|
|
|
439
439
|
.#{$module}-container {
|
|
440
|
-
border: $border-table;
|
|
440
|
+
border: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
441
441
|
border-right: 0;
|
|
442
442
|
border-bottom: 0;
|
|
443
443
|
}
|
|
444
444
|
|
|
445
445
|
.#{$module}-header {
|
|
446
446
|
&::-webkit-scrollbar {
|
|
447
|
-
border-right: $border-table;
|
|
447
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
.#{$module}-footer {
|
|
452
|
-
border-left: $border-table;
|
|
453
|
-
border-right: $border-table;
|
|
454
|
-
border-bottom: $border-table;
|
|
452
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
453
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
454
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
455
455
|
}
|
|
456
456
|
|
|
457
457
|
.#{$module}-thead > .#{$module}-row > .#{$module}-row-head {
|
|
@@ -462,11 +462,11 @@ $module: #{$prefix}-table;
|
|
|
462
462
|
|
|
463
463
|
.#{$module}-thead > .#{$module}-row > .#{$module}-row-head,
|
|
464
464
|
.#{$module}-tbody > .#{$module}-row > .#{$module}-row-cell {
|
|
465
|
-
border-right: $border-table;
|
|
465
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
466
466
|
}
|
|
467
467
|
|
|
468
468
|
.#{$module}-placeholder {
|
|
469
|
-
border-right: $border-table;
|
|
469
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
|
|
@@ -478,7 +478,7 @@ $module: #{$prefix}-table;
|
|
|
478
478
|
font-size: #{$font-table_base-fontSize};
|
|
479
479
|
text-align: center;
|
|
480
480
|
background: $color-table_pl-bg-default;
|
|
481
|
-
border-bottom: $border-table;
|
|
481
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
482
482
|
border-radius: 0 0 #{$radius-table_base} #{$radius-table_base};
|
|
483
483
|
}
|
|
484
484
|
|
|
@@ -80,9 +80,6 @@ $font-table_base-fontSize: 14px; // 表格默认文本字号
|
|
|
80
80
|
$border-table_base-borderStyle: solid; // 表格描边样式
|
|
81
81
|
$shadow-table_left: -3px 0 0 0 $color-table_shadow-bg-default; // 表格滚动阴影 - 左侧
|
|
82
82
|
$shadow-table_right: 3px 0 0 0 $color-table_shadow-bg-default; // 表格滚动阴影 - 右侧
|
|
83
|
-
$border-table: $width-table_base_border $border-table_base-borderStyle $color-table-border-default; // 表格默认描边
|
|
84
|
-
$border-table_head-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default; // 表头单元格描边 - 底部
|
|
85
|
-
$border-table_resizer: $width-table_resizer_border solid $color-table_resizer-bg-default; // 表格拉伸标识描边
|
|
86
83
|
|
|
87
84
|
$z-table-fixed: 101!default; // fixed列的zIndex值
|
|
88
85
|
$z-table_fixed_column: $z-table-fixed; // fixed列的zIndex值
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.18.
|
|
3
|
+
"version": "2.18.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": "576fdef0e26abd56fef7893ad7f6f80b5e652c9d",
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@babel/plugin-proposal-decorators": "^7.15.8",
|
|
30
30
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
package/table/mixin.scss
CHANGED
package/table/rtl.scss
CHANGED
|
@@ -19,7 +19,7 @@ $module: #{$prefix}-table;
|
|
|
19
19
|
|
|
20
20
|
&.resizing {
|
|
21
21
|
// rtl override mixin
|
|
22
|
-
border-left: $
|
|
22
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -28,7 +28,7 @@ $module: #{$prefix}-table;
|
|
|
28
28
|
border-right: 1px solid $color-table_shadow-border-default;
|
|
29
29
|
|
|
30
30
|
&.resizing {
|
|
31
|
-
border-left: $
|
|
31
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
&[x-type="column-scrollbar"] {
|
|
@@ -40,7 +40,7 @@ $module: #{$prefix}-table;
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.resizing {
|
|
43
|
-
border-left: $
|
|
43
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.react-resizable-handle {
|
|
@@ -57,7 +57,7 @@ $module: #{$prefix}-table;
|
|
|
57
57
|
|
|
58
58
|
&.resizing {
|
|
59
59
|
border-right: 0;
|
|
60
|
-
border-left: $
|
|
60
|
+
border-left: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
|
|
@@ -112,17 +112,17 @@ $module: #{$prefix}-table;
|
|
|
112
112
|
&-bordered {
|
|
113
113
|
.#{$module}-container {
|
|
114
114
|
border-left: 0;
|
|
115
|
-
border-right: $border-table;
|
|
115
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.#{$module}-thead > .#{$module}-row > .#{$module}-row-head,
|
|
119
119
|
.#{$module}-tbody > .#{$module}-row > .#{$module}-row-cell {
|
|
120
120
|
border-right: 0;
|
|
121
|
-
border-left: $border-table;
|
|
121
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
.#{$module}-placeholder {
|
|
125
|
-
border-left: $border-table;
|
|
125
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
126
126
|
border-right: 0;
|
|
127
127
|
}
|
|
128
128
|
|
|
@@ -130,7 +130,7 @@ $module: #{$prefix}-table;
|
|
|
130
130
|
|
|
131
131
|
&::-webkit-scrollbar {
|
|
132
132
|
border-right: 0;
|
|
133
|
-
border-left: $border-table;
|
|
133
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
}
|
package/table/table.scss
CHANGED
|
@@ -60,7 +60,7 @@ $module: #{$prefix}-table;
|
|
|
60
60
|
|
|
61
61
|
&::-webkit-scrollbar {
|
|
62
62
|
background-color: transparent;
|
|
63
|
-
border-bottom: $border-
|
|
63
|
+
border-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
|
|
64
64
|
}
|
|
65
65
|
scrollbar-base-color: transparent;
|
|
66
66
|
}
|
|
@@ -91,7 +91,7 @@ $module: #{$prefix}-table;
|
|
|
91
91
|
color: $color-table_th-text-default;
|
|
92
92
|
font-weight: $font-weight-bold;
|
|
93
93
|
text-align: left;
|
|
94
|
-
border-bottom: $border-
|
|
94
|
+
border-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
|
|
95
95
|
padding-left: $spacing-table_row_head-paddingX;
|
|
96
96
|
padding-right: $spacing-table_row_head-paddingX;
|
|
97
97
|
padding-top: $spacing-table_row_head-paddingY;
|
|
@@ -223,14 +223,14 @@ $module: #{$prefix}-table;
|
|
|
223
223
|
word-break: break-all;
|
|
224
224
|
border-left: none;
|
|
225
225
|
border-right: none;
|
|
226
|
-
border-bottom: $border-table;
|
|
226
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
227
227
|
padding: $spacing-table_tbody_rowCell-padding;
|
|
228
228
|
box-sizing: border-box;
|
|
229
229
|
position: relative;
|
|
230
230
|
vertical-align: middle;
|
|
231
231
|
|
|
232
232
|
&.resizing {
|
|
233
|
-
border-right: $
|
|
233
|
+
border-right: $width-table_resizer_border solid $color-table_resizer-bg-default;
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
236
|
&.#{$module}-row {
|
|
@@ -276,7 +276,7 @@ $module: #{$prefix}-table;
|
|
|
276
276
|
|
|
277
277
|
& > .#{$module}-row-cell {
|
|
278
278
|
background-color: $color-table_selection-bg-default;
|
|
279
|
-
border-bottom: $border-table;
|
|
279
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
280
280
|
}
|
|
281
281
|
|
|
282
282
|
& > .#{$module}-row-cell:not(.#{$module}-column-selection) {
|
|
@@ -431,27 +431,27 @@ $module: #{$prefix}-table;
|
|
|
431
431
|
.#{$module}-title {
|
|
432
432
|
padding-left: $spacing-table_bordered_titler-paddingLeft;
|
|
433
433
|
padding-right: $spacing-table_bordered_titler-paddingRight;
|
|
434
|
-
border-top: $border-table;
|
|
435
|
-
border-right: $border-table;
|
|
436
|
-
border-left: $border-table;
|
|
434
|
+
border-top: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
435
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
436
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
437
437
|
}
|
|
438
438
|
|
|
439
439
|
.#{$module}-container {
|
|
440
|
-
border: $border-table;
|
|
440
|
+
border: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
441
441
|
border-right: 0;
|
|
442
442
|
border-bottom: 0;
|
|
443
443
|
}
|
|
444
444
|
|
|
445
445
|
.#{$module}-header {
|
|
446
446
|
&::-webkit-scrollbar {
|
|
447
|
-
border-right: $border-table;
|
|
447
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
.#{$module}-footer {
|
|
452
|
-
border-left: $border-table;
|
|
453
|
-
border-right: $border-table;
|
|
454
|
-
border-bottom: $border-table;
|
|
452
|
+
border-left: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
453
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
454
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
455
455
|
}
|
|
456
456
|
|
|
457
457
|
.#{$module}-thead > .#{$module}-row > .#{$module}-row-head {
|
|
@@ -462,11 +462,11 @@ $module: #{$prefix}-table;
|
|
|
462
462
|
|
|
463
463
|
.#{$module}-thead > .#{$module}-row > .#{$module}-row-head,
|
|
464
464
|
.#{$module}-tbody > .#{$module}-row > .#{$module}-row-cell {
|
|
465
|
-
border-right: $border-table;
|
|
465
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
466
466
|
}
|
|
467
467
|
|
|
468
468
|
.#{$module}-placeholder {
|
|
469
|
-
border-right: $border-table;
|
|
469
|
+
border-right: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
|
|
@@ -478,7 +478,7 @@ $module: #{$prefix}-table;
|
|
|
478
478
|
font-size: #{$font-table_base-fontSize};
|
|
479
479
|
text-align: center;
|
|
480
480
|
background: $color-table_pl-bg-default;
|
|
481
|
-
border-bottom: $border-table;
|
|
481
|
+
border-bottom: $width-table_base_border $border-table_base-borderStyle $color-table-border-default;
|
|
482
482
|
border-radius: 0 0 #{$radius-table_base} #{$radius-table_base};
|
|
483
483
|
}
|
|
484
484
|
|
package/table/variables.scss
CHANGED
|
@@ -80,9 +80,6 @@ $font-table_base-fontSize: 14px; // 表格默认文本字号
|
|
|
80
80
|
$border-table_base-borderStyle: solid; // 表格描边样式
|
|
81
81
|
$shadow-table_left: -3px 0 0 0 $color-table_shadow-bg-default; // 表格滚动阴影 - 左侧
|
|
82
82
|
$shadow-table_right: 3px 0 0 0 $color-table_shadow-bg-default; // 表格滚动阴影 - 右侧
|
|
83
|
-
$border-table: $width-table_base_border $border-table_base-borderStyle $color-table-border-default; // 表格默认描边
|
|
84
|
-
$border-table_head-bottom: $width-table_header_border $border-table_base-borderStyle $color-table_th-border-default; // 表头单元格描边 - 底部
|
|
85
|
-
$border-table_resizer: $width-table_resizer_border solid $color-table_resizer-bg-default; // 表格拉伸标识描边
|
|
86
83
|
|
|
87
84
|
$z-table-fixed: 101!default; // fixed列的zIndex值
|
|
88
85
|
$z-table_fixed_column: $z-table-fixed; // fixed列的zIndex值
|