@douyinfe/semi-foundation 2.79.0-beta.0 → 2.79.0
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/checkbox/checkbox.scss +1 -0
- package/dropdown/dropdown.scss +1 -0
- package/dropdown/variables.scss +1 -0
- package/lib/cjs/checkbox/checkbox.css +1 -0
- package/lib/cjs/checkbox/checkbox.scss +1 -0
- package/lib/cjs/dropdown/dropdown.css +1 -0
- package/lib/cjs/dropdown/dropdown.scss +1 -0
- package/lib/cjs/dropdown/variables.scss +1 -0
- package/lib/cjs/radio/radio.css +3 -0
- package/lib/cjs/radio/radio.scss +3 -0
- package/lib/cjs/radio/variables.scss +2 -1
- package/lib/cjs/scrollList/scrollList.css +1 -0
- package/lib/cjs/scrollList/scrollList.scss +1 -1
- package/lib/cjs/switch/switch.css +3 -0
- package/lib/cjs/switch/switch.scss +6 -0
- package/lib/cjs/table/table.css +0 -24
- package/lib/cjs/table/table.scss +34 -33
- package/lib/es/checkbox/checkbox.css +1 -0
- package/lib/es/checkbox/checkbox.scss +1 -0
- package/lib/es/dropdown/dropdown.css +1 -0
- package/lib/es/dropdown/dropdown.scss +1 -0
- package/lib/es/dropdown/variables.scss +1 -0
- package/lib/es/radio/radio.css +3 -0
- package/lib/es/radio/radio.scss +3 -0
- package/lib/es/radio/variables.scss +2 -1
- package/lib/es/scrollList/scrollList.css +1 -0
- package/lib/es/scrollList/scrollList.scss +1 -1
- package/lib/es/switch/switch.css +3 -0
- package/lib/es/switch/switch.scss +6 -0
- package/lib/es/table/table.css +0 -24
- package/lib/es/table/table.scss +34 -33
- package/package.json +4 -4
- package/radio/radio.scss +3 -0
- package/radio/variables.scss +2 -1
- package/scrollList/scrollList.scss +1 -1
- package/switch/switch.scss +6 -0
- package/table/table.scss +34 -33
package/checkbox/checkbox.scss
CHANGED
package/dropdown/dropdown.scss
CHANGED
|
@@ -48,6 +48,7 @@ $module: #{$prefix}-dropdown;
|
|
|
48
48
|
align-items: center;
|
|
49
49
|
transition: background-color $transition_duration-dropdown_item-bg $transition_function-dropdown_item-bg
|
|
50
50
|
$transition_delay-dropdown_item-bg;
|
|
51
|
+
border-radius: $radius-dropdown_item;
|
|
51
52
|
|
|
52
53
|
&-hover {
|
|
53
54
|
background-color: $color-dropdown_item-bg-hover;
|
package/dropdown/variables.scss
CHANGED
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
box-shadow: inset 0 0 0 1px var(--semi-color-border);
|
|
58
58
|
}
|
|
59
59
|
.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
|
|
60
|
+
color: var(--semi-color-white);
|
|
60
61
|
background: var(--semi-color-primary-disabled);
|
|
61
62
|
box-shadow: none;
|
|
62
63
|
}
|
|
@@ -48,6 +48,7 @@ $module: #{$prefix}-dropdown;
|
|
|
48
48
|
align-items: center;
|
|
49
49
|
transition: background-color $transition_duration-dropdown_item-bg $transition_function-dropdown_item-bg
|
|
50
50
|
$transition_delay-dropdown_item-bg;
|
|
51
|
+
border-radius: $radius-dropdown_item;
|
|
51
52
|
|
|
52
53
|
&-hover {
|
|
53
54
|
background-color: $color-dropdown_item-bg-hover;
|
package/lib/cjs/radio/radio.css
CHANGED
|
@@ -144,6 +144,7 @@
|
|
|
144
144
|
border: solid 1px var(--semi-color-border);
|
|
145
145
|
}
|
|
146
146
|
.semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display {
|
|
147
|
+
color: rgba(var(--semi-white), 1);
|
|
147
148
|
background: var(--semi-color-primary-disabled);
|
|
148
149
|
border-color: var(--semi-color-primary-disabled);
|
|
149
150
|
}
|
|
@@ -261,10 +262,12 @@
|
|
|
261
262
|
background: transparent;
|
|
262
263
|
}
|
|
263
264
|
.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display {
|
|
265
|
+
color: rgba(var(--semi-white), 1);
|
|
264
266
|
background: var(--semi-color-primary-disabled);
|
|
265
267
|
border-color: var(--semi-color-primary-disabled);
|
|
266
268
|
}
|
|
267
269
|
.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
|
|
270
|
+
color: rgba(var(--semi-white), 1);
|
|
268
271
|
background: var(--semi-color-primary-disabled);
|
|
269
272
|
border-color: var(--semi-color-primary-disabled);
|
|
270
273
|
}
|
package/lib/cjs/radio/radio.scss
CHANGED
|
@@ -202,6 +202,7 @@ $inner-width: $width-icon-medium;
|
|
|
202
202
|
|
|
203
203
|
.#{$module}-inner-checked {
|
|
204
204
|
.#{$module}-inner-display {
|
|
205
|
+
color: $color-radio_checked-icon-disabled;
|
|
205
206
|
background: $color-radio_checked-bg-disabled;
|
|
206
207
|
border-color: $color-radio_checked-border-disabled;
|
|
207
208
|
}
|
|
@@ -363,10 +364,12 @@ $inner-width: $width-icon-medium;
|
|
|
363
364
|
|
|
364
365
|
.#{$module}-inner-checked {
|
|
365
366
|
.#{$module}-inner-display {
|
|
367
|
+
color: $color-radio_checked-icon-disabled;
|
|
366
368
|
background: $color-radio_checked-bg-disabled;
|
|
367
369
|
border-color: $color-radio_checked-border-disabled;
|
|
368
370
|
|
|
369
371
|
&:hover {
|
|
372
|
+
color: $color-radio_checked-icon-disabled;
|
|
370
373
|
background: $color-radio_checked-bg-disabled;
|
|
371
374
|
border-color: $color-radio_checked-border-disabled;
|
|
372
375
|
}
|
|
@@ -13,7 +13,7 @@ $color-radio_primary-bg-hover: var(--semi-color-primary-hover); // 选中项悬
|
|
|
13
13
|
$color-radio_primary-bg-active: var(--semi-color-primary-active); // 选中项按下态背景颜色
|
|
14
14
|
$color-radio_primary-border-default: var(--semi-color-primary); // 选中项描边颜色
|
|
15
15
|
$color-radio_primary-bg-default: var(--semi-color-primary); // 选中项背景颜色
|
|
16
|
-
$color-radio_primary-text-default: rgba(var(--semi-white), 1); //
|
|
16
|
+
$color-radio_primary-text-default: rgba(var(--semi-white), 1); // 选中项圆点颜色
|
|
17
17
|
|
|
18
18
|
$color-radio_checked-bg-disabled: var(--semi-color-primary-disabled); // 选中项禁用态背景颜色
|
|
19
19
|
$color-radio_default-border-disabled: var(--semi-color-border); // 禁用态描边颜色
|
|
@@ -23,6 +23,7 @@ $color-radio_disabled-bg-default: var(--semi-color-disabled-fill); // 禁用态
|
|
|
23
23
|
$color-radio_disabled-bg-hover: transparent;
|
|
24
24
|
$color-radio_disabled-text-default: var(--semi-color-disabled-text); // 禁用态文本颜色
|
|
25
25
|
$color-radio_disabled-border-default: var(--semi-color-border); // 禁用态描边颜色
|
|
26
|
+
$color-radio_checked-icon-disabled: rgba(var(--semi-white), 1); // 禁用态圆点颜色
|
|
26
27
|
|
|
27
28
|
$color-radio_buttonRadio-text-default: var(--semi-color-text-1); // 按钮样式单选文本颜色
|
|
28
29
|
$color-radio_buttonRadio-bg-default: var(--semi-color-fill-0); // 按钮样式单选背景颜色
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
background: var(--semi-color-bg-3);
|
|
8
8
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.1);
|
|
9
9
|
border-radius: var(--semi-border-radius-medium);
|
|
10
|
+
overflow: hidden;
|
|
10
11
|
font-size: 14px;
|
|
11
12
|
line-height: 20px;
|
|
12
13
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
@@ -74,6 +74,9 @@
|
|
|
74
74
|
box-shadow: none;
|
|
75
75
|
border: none;
|
|
76
76
|
}
|
|
77
|
+
.semi-switch-disabled.semi-switch-loading:not(.semi-switch-checked):hover {
|
|
78
|
+
background-color: var(--semi-color-fill-1);
|
|
79
|
+
}
|
|
77
80
|
.semi-switch-knob {
|
|
78
81
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
|
|
79
82
|
cursor: pointer;
|
|
@@ -98,6 +98,12 @@ $module: #{$prefix}-switch;
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
+
&-disabled.#{$module}-loading:not(.#{$module}-checked) {
|
|
102
|
+
&:hover {
|
|
103
|
+
background-color: $color-switch_spin_unchecked-bg-default;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
101
107
|
&-knob {
|
|
102
108
|
@include shadow-knob;
|
|
103
109
|
cursor: pointer;
|
package/lib/cjs/table/table.css
CHANGED
|
@@ -143,25 +143,11 @@
|
|
|
143
143
|
background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
|
|
144
144
|
background-color: var(--semi-color-bg-0);
|
|
145
145
|
}
|
|
146
|
-
.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-left::before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-right::before {
|
|
147
|
-
background-color: transparent;
|
|
148
|
-
}
|
|
149
146
|
.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 {
|
|
150
147
|
z-index: 101;
|
|
151
148
|
position: sticky;
|
|
152
149
|
background-color: var(--semi-color-bg-1);
|
|
153
150
|
}
|
|
154
|
-
.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left::before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right::before {
|
|
155
|
-
background-color: var(--semi-color-bg-1);
|
|
156
|
-
content: "";
|
|
157
|
-
position: absolute;
|
|
158
|
-
left: 0;
|
|
159
|
-
top: 0;
|
|
160
|
-
right: 0;
|
|
161
|
-
bottom: 0;
|
|
162
|
-
display: block;
|
|
163
|
-
z-index: -1;
|
|
164
|
-
}
|
|
165
151
|
.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
|
|
166
152
|
border-right: 1px solid var(--semi-color-border);
|
|
167
153
|
box-shadow: 3px 0 0 0 var(--semi-color-shadow);
|
|
@@ -242,17 +228,7 @@
|
|
|
242
228
|
}
|
|
243
229
|
.semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
|
|
244
230
|
background-image: linear-gradient(0deg, var(--semi-color-bg-1), var(--semi-color-bg-1));
|
|
245
|
-
}
|
|
246
|
-
.semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left::before, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right::before {
|
|
247
231
|
background-color: var(--semi-color-fill-0);
|
|
248
|
-
content: "";
|
|
249
|
-
position: absolute;
|
|
250
|
-
left: 0;
|
|
251
|
-
top: 0;
|
|
252
|
-
right: 0;
|
|
253
|
-
bottom: 0;
|
|
254
|
-
display: block;
|
|
255
|
-
z-index: -1;
|
|
256
232
|
}
|
|
257
233
|
.semi-table-tbody > .semi-table-row > .semi-table-row-cell {
|
|
258
234
|
display: table-cell;
|
package/lib/cjs/table/table.scss
CHANGED
|
@@ -148,14 +148,14 @@ $module: #{$prefix}-table;
|
|
|
148
148
|
background-image: linear-gradient(0deg, $color-table_th-clickSort-bg-hover, $color-table_th-clickSort-bg-hover);
|
|
149
149
|
background-color: $color-table_cell-bg-hover;
|
|
150
150
|
|
|
151
|
-
&.#{$module}-cell-fixed {
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
}
|
|
151
|
+
// &.#{$module}-cell-fixed {
|
|
152
|
+
// &-left,
|
|
153
|
+
// &-right {
|
|
154
|
+
// &::before {
|
|
155
|
+
// background-color: transparent;
|
|
156
|
+
// }
|
|
157
|
+
// }
|
|
158
|
+
// }
|
|
159
159
|
}
|
|
160
160
|
}
|
|
161
161
|
|
|
@@ -164,19 +164,19 @@ $module: #{$prefix}-table;
|
|
|
164
164
|
&-right {
|
|
165
165
|
z-index: $z-table_fixed_column;
|
|
166
166
|
position: sticky;
|
|
167
|
-
background-color: $color-
|
|
168
|
-
|
|
169
|
-
&::before {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}
|
|
167
|
+
background-color: $color-table_th-bg-default;
|
|
168
|
+
|
|
169
|
+
// &::before {
|
|
170
|
+
// background-color: $color-table_th-bg-default;
|
|
171
|
+
// content: '';
|
|
172
|
+
// position: absolute;
|
|
173
|
+
// left: 0;
|
|
174
|
+
// top: 0;
|
|
175
|
+
// right: 0;
|
|
176
|
+
// bottom: 0;
|
|
177
|
+
// display: block;
|
|
178
|
+
// z-index: -1;
|
|
179
|
+
// }
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
&-left-last {
|
|
@@ -270,18 +270,19 @@ $module: #{$prefix}-table;
|
|
|
270
270
|
&-left,
|
|
271
271
|
&-right {
|
|
272
272
|
background-image: linear-gradient(0deg, $color-table_body-bg-default, $color-table_body-bg-default);
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
273
|
+
background-color: $color-table_body-bg-hover;
|
|
274
|
+
|
|
275
|
+
// &::before {
|
|
276
|
+
// background-color: $color-table_body-bg-hover;
|
|
277
|
+
// content: '';
|
|
278
|
+
// position: absolute;
|
|
279
|
+
// left: 0;
|
|
280
|
+
// top: 0;
|
|
281
|
+
// right: 0;
|
|
282
|
+
// bottom: 0;
|
|
283
|
+
// display: block;
|
|
284
|
+
// z-index: -1;
|
|
285
|
+
// }
|
|
285
286
|
}
|
|
286
287
|
}
|
|
287
288
|
}
|
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
box-shadow: inset 0 0 0 1px var(--semi-color-border);
|
|
58
58
|
}
|
|
59
59
|
.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
|
|
60
|
+
color: var(--semi-color-white);
|
|
60
61
|
background: var(--semi-color-primary-disabled);
|
|
61
62
|
box-shadow: none;
|
|
62
63
|
}
|
|
@@ -48,6 +48,7 @@ $module: #{$prefix}-dropdown;
|
|
|
48
48
|
align-items: center;
|
|
49
49
|
transition: background-color $transition_duration-dropdown_item-bg $transition_function-dropdown_item-bg
|
|
50
50
|
$transition_delay-dropdown_item-bg;
|
|
51
|
+
border-radius: $radius-dropdown_item;
|
|
51
52
|
|
|
52
53
|
&-hover {
|
|
53
54
|
background-color: $color-dropdown_item-bg-hover;
|
package/lib/es/radio/radio.css
CHANGED
|
@@ -144,6 +144,7 @@
|
|
|
144
144
|
border: solid 1px var(--semi-color-border);
|
|
145
145
|
}
|
|
146
146
|
.semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display {
|
|
147
|
+
color: rgba(var(--semi-white), 1);
|
|
147
148
|
background: var(--semi-color-primary-disabled);
|
|
148
149
|
border-color: var(--semi-color-primary-disabled);
|
|
149
150
|
}
|
|
@@ -261,10 +262,12 @@
|
|
|
261
262
|
background: transparent;
|
|
262
263
|
}
|
|
263
264
|
.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display {
|
|
265
|
+
color: rgba(var(--semi-white), 1);
|
|
264
266
|
background: var(--semi-color-primary-disabled);
|
|
265
267
|
border-color: var(--semi-color-primary-disabled);
|
|
266
268
|
}
|
|
267
269
|
.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
|
|
270
|
+
color: rgba(var(--semi-white), 1);
|
|
268
271
|
background: var(--semi-color-primary-disabled);
|
|
269
272
|
border-color: var(--semi-color-primary-disabled);
|
|
270
273
|
}
|
package/lib/es/radio/radio.scss
CHANGED
|
@@ -202,6 +202,7 @@ $inner-width: $width-icon-medium;
|
|
|
202
202
|
|
|
203
203
|
.#{$module}-inner-checked {
|
|
204
204
|
.#{$module}-inner-display {
|
|
205
|
+
color: $color-radio_checked-icon-disabled;
|
|
205
206
|
background: $color-radio_checked-bg-disabled;
|
|
206
207
|
border-color: $color-radio_checked-border-disabled;
|
|
207
208
|
}
|
|
@@ -363,10 +364,12 @@ $inner-width: $width-icon-medium;
|
|
|
363
364
|
|
|
364
365
|
.#{$module}-inner-checked {
|
|
365
366
|
.#{$module}-inner-display {
|
|
367
|
+
color: $color-radio_checked-icon-disabled;
|
|
366
368
|
background: $color-radio_checked-bg-disabled;
|
|
367
369
|
border-color: $color-radio_checked-border-disabled;
|
|
368
370
|
|
|
369
371
|
&:hover {
|
|
372
|
+
color: $color-radio_checked-icon-disabled;
|
|
370
373
|
background: $color-radio_checked-bg-disabled;
|
|
371
374
|
border-color: $color-radio_checked-border-disabled;
|
|
372
375
|
}
|
|
@@ -13,7 +13,7 @@ $color-radio_primary-bg-hover: var(--semi-color-primary-hover); // 选中项悬
|
|
|
13
13
|
$color-radio_primary-bg-active: var(--semi-color-primary-active); // 选中项按下态背景颜色
|
|
14
14
|
$color-radio_primary-border-default: var(--semi-color-primary); // 选中项描边颜色
|
|
15
15
|
$color-radio_primary-bg-default: var(--semi-color-primary); // 选中项背景颜色
|
|
16
|
-
$color-radio_primary-text-default: rgba(var(--semi-white), 1); //
|
|
16
|
+
$color-radio_primary-text-default: rgba(var(--semi-white), 1); // 选中项圆点颜色
|
|
17
17
|
|
|
18
18
|
$color-radio_checked-bg-disabled: var(--semi-color-primary-disabled); // 选中项禁用态背景颜色
|
|
19
19
|
$color-radio_default-border-disabled: var(--semi-color-border); // 禁用态描边颜色
|
|
@@ -23,6 +23,7 @@ $color-radio_disabled-bg-default: var(--semi-color-disabled-fill); // 禁用态
|
|
|
23
23
|
$color-radio_disabled-bg-hover: transparent;
|
|
24
24
|
$color-radio_disabled-text-default: var(--semi-color-disabled-text); // 禁用态文本颜色
|
|
25
25
|
$color-radio_disabled-border-default: var(--semi-color-border); // 禁用态描边颜色
|
|
26
|
+
$color-radio_checked-icon-disabled: rgba(var(--semi-white), 1); // 禁用态圆点颜色
|
|
26
27
|
|
|
27
28
|
$color-radio_buttonRadio-text-default: var(--semi-color-text-1); // 按钮样式单选文本颜色
|
|
28
29
|
$color-radio_buttonRadio-bg-default: var(--semi-color-fill-0); // 按钮样式单选背景颜色
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
background: var(--semi-color-bg-3);
|
|
8
8
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.1);
|
|
9
9
|
border-radius: var(--semi-border-radius-medium);
|
|
10
|
+
overflow: hidden;
|
|
10
11
|
font-size: 14px;
|
|
11
12
|
line-height: 20px;
|
|
12
13
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
package/lib/es/switch/switch.css
CHANGED
|
@@ -74,6 +74,9 @@
|
|
|
74
74
|
box-shadow: none;
|
|
75
75
|
border: none;
|
|
76
76
|
}
|
|
77
|
+
.semi-switch-disabled.semi-switch-loading:not(.semi-switch-checked):hover {
|
|
78
|
+
background-color: var(--semi-color-fill-1);
|
|
79
|
+
}
|
|
77
80
|
.semi-switch-knob {
|
|
78
81
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
|
|
79
82
|
cursor: pointer;
|
|
@@ -98,6 +98,12 @@ $module: #{$prefix}-switch;
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
+
&-disabled.#{$module}-loading:not(.#{$module}-checked) {
|
|
102
|
+
&:hover {
|
|
103
|
+
background-color: $color-switch_spin_unchecked-bg-default;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
101
107
|
&-knob {
|
|
102
108
|
@include shadow-knob;
|
|
103
109
|
cursor: pointer;
|
package/lib/es/table/table.css
CHANGED
|
@@ -143,25 +143,11 @@
|
|
|
143
143
|
background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
|
|
144
144
|
background-color: var(--semi-color-bg-0);
|
|
145
145
|
}
|
|
146
|
-
.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-left::before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort:hover.semi-table-cell-fixed-right::before {
|
|
147
|
-
background-color: transparent;
|
|
148
|
-
}
|
|
149
146
|
.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 {
|
|
150
147
|
z-index: 101;
|
|
151
148
|
position: sticky;
|
|
152
149
|
background-color: var(--semi-color-bg-1);
|
|
153
150
|
}
|
|
154
|
-
.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left::before, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right::before {
|
|
155
|
-
background-color: var(--semi-color-bg-1);
|
|
156
|
-
content: "";
|
|
157
|
-
position: absolute;
|
|
158
|
-
left: 0;
|
|
159
|
-
top: 0;
|
|
160
|
-
right: 0;
|
|
161
|
-
bottom: 0;
|
|
162
|
-
display: block;
|
|
163
|
-
z-index: -1;
|
|
164
|
-
}
|
|
165
151
|
.semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
|
|
166
152
|
border-right: 1px solid var(--semi-color-border);
|
|
167
153
|
box-shadow: 3px 0 0 0 var(--semi-color-shadow);
|
|
@@ -242,17 +228,7 @@
|
|
|
242
228
|
}
|
|
243
229
|
.semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
|
|
244
230
|
background-image: linear-gradient(0deg, var(--semi-color-bg-1), var(--semi-color-bg-1));
|
|
245
|
-
}
|
|
246
|
-
.semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left::before, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right::before {
|
|
247
231
|
background-color: var(--semi-color-fill-0);
|
|
248
|
-
content: "";
|
|
249
|
-
position: absolute;
|
|
250
|
-
left: 0;
|
|
251
|
-
top: 0;
|
|
252
|
-
right: 0;
|
|
253
|
-
bottom: 0;
|
|
254
|
-
display: block;
|
|
255
|
-
z-index: -1;
|
|
256
232
|
}
|
|
257
233
|
.semi-table-tbody > .semi-table-row > .semi-table-row-cell {
|
|
258
234
|
display: table-cell;
|
package/lib/es/table/table.scss
CHANGED
|
@@ -148,14 +148,14 @@ $module: #{$prefix}-table;
|
|
|
148
148
|
background-image: linear-gradient(0deg, $color-table_th-clickSort-bg-hover, $color-table_th-clickSort-bg-hover);
|
|
149
149
|
background-color: $color-table_cell-bg-hover;
|
|
150
150
|
|
|
151
|
-
&.#{$module}-cell-fixed {
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
}
|
|
151
|
+
// &.#{$module}-cell-fixed {
|
|
152
|
+
// &-left,
|
|
153
|
+
// &-right {
|
|
154
|
+
// &::before {
|
|
155
|
+
// background-color: transparent;
|
|
156
|
+
// }
|
|
157
|
+
// }
|
|
158
|
+
// }
|
|
159
159
|
}
|
|
160
160
|
}
|
|
161
161
|
|
|
@@ -164,19 +164,19 @@ $module: #{$prefix}-table;
|
|
|
164
164
|
&-right {
|
|
165
165
|
z-index: $z-table_fixed_column;
|
|
166
166
|
position: sticky;
|
|
167
|
-
background-color: $color-
|
|
168
|
-
|
|
169
|
-
&::before {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}
|
|
167
|
+
background-color: $color-table_th-bg-default;
|
|
168
|
+
|
|
169
|
+
// &::before {
|
|
170
|
+
// background-color: $color-table_th-bg-default;
|
|
171
|
+
// content: '';
|
|
172
|
+
// position: absolute;
|
|
173
|
+
// left: 0;
|
|
174
|
+
// top: 0;
|
|
175
|
+
// right: 0;
|
|
176
|
+
// bottom: 0;
|
|
177
|
+
// display: block;
|
|
178
|
+
// z-index: -1;
|
|
179
|
+
// }
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
&-left-last {
|
|
@@ -270,18 +270,19 @@ $module: #{$prefix}-table;
|
|
|
270
270
|
&-left,
|
|
271
271
|
&-right {
|
|
272
272
|
background-image: linear-gradient(0deg, $color-table_body-bg-default, $color-table_body-bg-default);
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
273
|
+
background-color: $color-table_body-bg-hover;
|
|
274
|
+
|
|
275
|
+
// &::before {
|
|
276
|
+
// background-color: $color-table_body-bg-hover;
|
|
277
|
+
// content: '';
|
|
278
|
+
// position: absolute;
|
|
279
|
+
// left: 0;
|
|
280
|
+
// top: 0;
|
|
281
|
+
// right: 0;
|
|
282
|
+
// bottom: 0;
|
|
283
|
+
// display: block;
|
|
284
|
+
// z-index: -1;
|
|
285
|
+
// }
|
|
285
286
|
}
|
|
286
287
|
}
|
|
287
288
|
}
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.79.0
|
|
3
|
+
"version": "2.79.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build:lib": "node ./scripts/compileLib.js",
|
|
7
7
|
"prepublishOnly": "npm run build:lib"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@douyinfe/semi-animation": "2.79.0
|
|
11
|
-
"@douyinfe/semi-json-viewer-core": "2.79.0
|
|
10
|
+
"@douyinfe/semi-animation": "2.79.0",
|
|
11
|
+
"@douyinfe/semi-json-viewer-core": "2.79.0",
|
|
12
12
|
"@mdx-js/mdx": "^3.0.1",
|
|
13
13
|
"async-validator": "^3.5.0",
|
|
14
14
|
"classnames": "^2.2.6",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"*.scss",
|
|
30
30
|
"*.css"
|
|
31
31
|
],
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "75c21673b01437b75ff311b3805dbc0bf8109d01",
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
35
35
|
"@babel/preset-env": "^7.15.8",
|
package/radio/radio.scss
CHANGED
|
@@ -202,6 +202,7 @@ $inner-width: $width-icon-medium;
|
|
|
202
202
|
|
|
203
203
|
.#{$module}-inner-checked {
|
|
204
204
|
.#{$module}-inner-display {
|
|
205
|
+
color: $color-radio_checked-icon-disabled;
|
|
205
206
|
background: $color-radio_checked-bg-disabled;
|
|
206
207
|
border-color: $color-radio_checked-border-disabled;
|
|
207
208
|
}
|
|
@@ -363,10 +364,12 @@ $inner-width: $width-icon-medium;
|
|
|
363
364
|
|
|
364
365
|
.#{$module}-inner-checked {
|
|
365
366
|
.#{$module}-inner-display {
|
|
367
|
+
color: $color-radio_checked-icon-disabled;
|
|
366
368
|
background: $color-radio_checked-bg-disabled;
|
|
367
369
|
border-color: $color-radio_checked-border-disabled;
|
|
368
370
|
|
|
369
371
|
&:hover {
|
|
372
|
+
color: $color-radio_checked-icon-disabled;
|
|
370
373
|
background: $color-radio_checked-bg-disabled;
|
|
371
374
|
border-color: $color-radio_checked-border-disabled;
|
|
372
375
|
}
|
package/radio/variables.scss
CHANGED
|
@@ -13,7 +13,7 @@ $color-radio_primary-bg-hover: var(--semi-color-primary-hover); // 选中项悬
|
|
|
13
13
|
$color-radio_primary-bg-active: var(--semi-color-primary-active); // 选中项按下态背景颜色
|
|
14
14
|
$color-radio_primary-border-default: var(--semi-color-primary); // 选中项描边颜色
|
|
15
15
|
$color-radio_primary-bg-default: var(--semi-color-primary); // 选中项背景颜色
|
|
16
|
-
$color-radio_primary-text-default: rgba(var(--semi-white), 1); //
|
|
16
|
+
$color-radio_primary-text-default: rgba(var(--semi-white), 1); // 选中项圆点颜色
|
|
17
17
|
|
|
18
18
|
$color-radio_checked-bg-disabled: var(--semi-color-primary-disabled); // 选中项禁用态背景颜色
|
|
19
19
|
$color-radio_default-border-disabled: var(--semi-color-border); // 禁用态描边颜色
|
|
@@ -23,6 +23,7 @@ $color-radio_disabled-bg-default: var(--semi-color-disabled-fill); // 禁用态
|
|
|
23
23
|
$color-radio_disabled-bg-hover: transparent;
|
|
24
24
|
$color-radio_disabled-text-default: var(--semi-color-disabled-text); // 禁用态文本颜色
|
|
25
25
|
$color-radio_disabled-border-default: var(--semi-color-border); // 禁用态描边颜色
|
|
26
|
+
$color-radio_checked-icon-disabled: rgba(var(--semi-white), 1); // 禁用态圆点颜色
|
|
26
27
|
|
|
27
28
|
$color-radio_buttonRadio-text-default: var(--semi-color-text-1); // 按钮样式单选文本颜色
|
|
28
29
|
$color-radio_buttonRadio-bg-default: var(--semi-color-fill-0); // 按钮样式单选背景颜色
|
package/switch/switch.scss
CHANGED
|
@@ -98,6 +98,12 @@ $module: #{$prefix}-switch;
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
+
&-disabled.#{$module}-loading:not(.#{$module}-checked) {
|
|
102
|
+
&:hover {
|
|
103
|
+
background-color: $color-switch_spin_unchecked-bg-default;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
101
107
|
&-knob {
|
|
102
108
|
@include shadow-knob;
|
|
103
109
|
cursor: pointer;
|
package/table/table.scss
CHANGED
|
@@ -148,14 +148,14 @@ $module: #{$prefix}-table;
|
|
|
148
148
|
background-image: linear-gradient(0deg, $color-table_th-clickSort-bg-hover, $color-table_th-clickSort-bg-hover);
|
|
149
149
|
background-color: $color-table_cell-bg-hover;
|
|
150
150
|
|
|
151
|
-
&.#{$module}-cell-fixed {
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
}
|
|
151
|
+
// &.#{$module}-cell-fixed {
|
|
152
|
+
// &-left,
|
|
153
|
+
// &-right {
|
|
154
|
+
// &::before {
|
|
155
|
+
// background-color: transparent;
|
|
156
|
+
// }
|
|
157
|
+
// }
|
|
158
|
+
// }
|
|
159
159
|
}
|
|
160
160
|
}
|
|
161
161
|
|
|
@@ -164,19 +164,19 @@ $module: #{$prefix}-table;
|
|
|
164
164
|
&-right {
|
|
165
165
|
z-index: $z-table_fixed_column;
|
|
166
166
|
position: sticky;
|
|
167
|
-
background-color: $color-
|
|
168
|
-
|
|
169
|
-
&::before {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}
|
|
167
|
+
background-color: $color-table_th-bg-default;
|
|
168
|
+
|
|
169
|
+
// &::before {
|
|
170
|
+
// background-color: $color-table_th-bg-default;
|
|
171
|
+
// content: '';
|
|
172
|
+
// position: absolute;
|
|
173
|
+
// left: 0;
|
|
174
|
+
// top: 0;
|
|
175
|
+
// right: 0;
|
|
176
|
+
// bottom: 0;
|
|
177
|
+
// display: block;
|
|
178
|
+
// z-index: -1;
|
|
179
|
+
// }
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
&-left-last {
|
|
@@ -270,18 +270,19 @@ $module: #{$prefix}-table;
|
|
|
270
270
|
&-left,
|
|
271
271
|
&-right {
|
|
272
272
|
background-image: linear-gradient(0deg, $color-table_body-bg-default, $color-table_body-bg-default);
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
273
|
+
background-color: $color-table_body-bg-hover;
|
|
274
|
+
|
|
275
|
+
// &::before {
|
|
276
|
+
// background-color: $color-table_body-bg-hover;
|
|
277
|
+
// content: '';
|
|
278
|
+
// position: absolute;
|
|
279
|
+
// left: 0;
|
|
280
|
+
// top: 0;
|
|
281
|
+
// right: 0;
|
|
282
|
+
// bottom: 0;
|
|
283
|
+
// display: block;
|
|
284
|
+
// z-index: -1;
|
|
285
|
+
// }
|
|
285
286
|
}
|
|
286
287
|
}
|
|
287
288
|
}
|