@douyinfe/semi-foundation 2.58.0 → 2.58.1
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/tabs/tabs.css +3 -0
- package/lib/cjs/tabs/tabs.scss +3 -0
- package/lib/cjs/tabs/variables.scss +6 -0
- package/lib/cjs/tree/tree.css +20 -20
- package/lib/cjs/tree/tree.scss +1 -1
- package/lib/es/tabs/tabs.css +3 -0
- package/lib/es/tabs/tabs.scss +3 -0
- package/lib/es/tabs/variables.scss +6 -0
- package/lib/es/tree/tree.css +20 -20
- package/lib/es/tree/tree.scss +1 -1
- package/package.json +3 -3
- package/tabs/tabs.scss +3 -0
- package/tabs/variables.scss +6 -0
- package/tree/tree.scss +1 -1
package/lib/cjs/tabs/tabs.css
CHANGED
|
@@ -500,6 +500,7 @@
|
|
|
500
500
|
animation-fill-mode: forwards;
|
|
501
501
|
}
|
|
502
502
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
|
|
503
|
+
font-size: 14px;
|
|
503
504
|
padding: 16px 4px 14px 4px;
|
|
504
505
|
transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
505
506
|
border-bottom: 2px solid transparent;
|
|
@@ -518,9 +519,11 @@
|
|
|
518
519
|
border-bottom: 2px solid var(--semi-color-fill-1);
|
|
519
520
|
}
|
|
520
521
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-small {
|
|
522
|
+
font-size: 14px;
|
|
521
523
|
padding: 8px 4px 6px 4px;
|
|
522
524
|
}
|
|
523
525
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-medium {
|
|
526
|
+
font-size: 14px;
|
|
524
527
|
padding: 12px 4px 10px 4px;
|
|
525
528
|
}
|
|
526
529
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
|
package/lib/cjs/tabs/tabs.scss
CHANGED
|
@@ -690,6 +690,7 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
|
|
|
690
690
|
&.#{$module}-tab-top {
|
|
691
691
|
|
|
692
692
|
&.#{$module}-tab {
|
|
693
|
+
font-size: $font-tabs_bar_large-fontSize;
|
|
693
694
|
padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
|
|
694
695
|
transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
|
|
695
696
|
color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
|
|
@@ -718,10 +719,12 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
|
|
|
718
719
|
// }
|
|
719
720
|
|
|
720
721
|
&-small {
|
|
722
|
+
font-size: $font-tabs_bar_small-fontSize;
|
|
721
723
|
padding: $spacing-tabs_bar_line_tab_small-paddingTop $spacing-tabs_bar_line_tab_small-paddingRight $spacing-tabs_bar_line_tab_small-paddingBottom $spacing-tabs_bar_line_tab_small-paddingLeft;
|
|
722
724
|
}
|
|
723
725
|
|
|
724
726
|
&-medium {
|
|
727
|
+
font-size: $font-tabs_bar_medium-fontSize;
|
|
725
728
|
padding: $spacing-tabs_bar_line_tab_medium-paddingTop $spacing-tabs_bar_line_tab_medium-paddingRight $spacing-tabs_bar_line_tab_medium-paddingBottom $spacing-tabs_bar_line_tab_medium-paddingLeft;
|
|
726
729
|
}
|
|
727
730
|
}
|
|
@@ -144,3 +144,9 @@ $radius-tabs_tab_card: var(--semi-border-radius-small) var(--semi-border-radius-
|
|
|
144
144
|
$radius-tabs_tab_card_left: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small); // 垂直卡片式页签四向圆角
|
|
145
145
|
$radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆角
|
|
146
146
|
|
|
147
|
+
|
|
148
|
+
$font-tabs_bar_large-fontSize: $font-size-regular; // 大号模式 字体大小
|
|
149
|
+
$font-tabs_bar_small-fontSize: $font-size-regular; // 小号模式 字体大小
|
|
150
|
+
$font-tabs_bar_medium-fontSize: $font-size-regular; // 中等模式 字体大小
|
|
151
|
+
|
|
152
|
+
|
package/lib/cjs/tree/tree.css
CHANGED
|
@@ -245,64 +245,64 @@
|
|
|
245
245
|
.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
|
|
246
246
|
background-color: transparent;
|
|
247
247
|
}
|
|
248
|
-
.semi-tree-option-list
|
|
248
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
|
|
249
249
|
padding-left: 8px;
|
|
250
250
|
}
|
|
251
|
-
.semi-tree-option-list
|
|
251
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
|
|
252
252
|
padding-left: 28px;
|
|
253
253
|
}
|
|
254
|
-
.semi-tree-option-list
|
|
254
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
|
|
255
255
|
padding-left: 48px;
|
|
256
256
|
}
|
|
257
|
-
.semi-tree-option-list
|
|
257
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
|
|
258
258
|
padding-left: 68px;
|
|
259
259
|
}
|
|
260
|
-
.semi-tree-option-list
|
|
260
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
|
|
261
261
|
padding-left: 88px;
|
|
262
262
|
}
|
|
263
|
-
.semi-tree-option-list
|
|
263
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
|
|
264
264
|
padding-left: 108px;
|
|
265
265
|
}
|
|
266
|
-
.semi-tree-option-list
|
|
266
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
|
|
267
267
|
padding-left: 128px;
|
|
268
268
|
}
|
|
269
|
-
.semi-tree-option-list
|
|
269
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
|
|
270
270
|
padding-left: 148px;
|
|
271
271
|
}
|
|
272
|
-
.semi-tree-option-list
|
|
272
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
|
|
273
273
|
padding-left: 168px;
|
|
274
274
|
}
|
|
275
|
-
.semi-tree-option-list
|
|
275
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
|
|
276
276
|
padding-left: 188px;
|
|
277
277
|
}
|
|
278
|
-
.semi-tree-option-list
|
|
278
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
|
|
279
279
|
padding-left: 208px;
|
|
280
280
|
}
|
|
281
|
-
.semi-tree-option-list
|
|
281
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
|
|
282
282
|
padding-left: 228px;
|
|
283
283
|
}
|
|
284
|
-
.semi-tree-option-list
|
|
284
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
|
|
285
285
|
padding-left: 248px;
|
|
286
286
|
}
|
|
287
|
-
.semi-tree-option-list
|
|
287
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
|
|
288
288
|
padding-left: 268px;
|
|
289
289
|
}
|
|
290
|
-
.semi-tree-option-list
|
|
290
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
|
|
291
291
|
padding-left: 288px;
|
|
292
292
|
}
|
|
293
|
-
.semi-tree-option-list
|
|
293
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
|
|
294
294
|
padding-left: 308px;
|
|
295
295
|
}
|
|
296
|
-
.semi-tree-option-list
|
|
296
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
|
|
297
297
|
padding-left: 328px;
|
|
298
298
|
}
|
|
299
|
-
.semi-tree-option-list
|
|
299
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
|
|
300
300
|
padding-left: 348px;
|
|
301
301
|
}
|
|
302
|
-
.semi-tree-option-list
|
|
302
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
|
|
303
303
|
padding-left: 368px;
|
|
304
304
|
}
|
|
305
|
-
.semi-tree-option-list
|
|
305
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
|
|
306
306
|
padding-left: 388px;
|
|
307
307
|
}
|
|
308
308
|
.semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
|
package/lib/cjs/tree/tree.scss
CHANGED
|
@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
|
|
|
330
330
|
}
|
|
331
331
|
|
|
332
332
|
@for $i from 1 through 20 {
|
|
333
|
-
|
|
333
|
+
.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
|
|
334
334
|
padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
|
|
335
335
|
}
|
|
336
336
|
}
|
package/lib/es/tabs/tabs.css
CHANGED
|
@@ -500,6 +500,7 @@
|
|
|
500
500
|
animation-fill-mode: forwards;
|
|
501
501
|
}
|
|
502
502
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
|
|
503
|
+
font-size: 14px;
|
|
503
504
|
padding: 16px 4px 14px 4px;
|
|
504
505
|
transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
505
506
|
border-bottom: 2px solid transparent;
|
|
@@ -518,9 +519,11 @@
|
|
|
518
519
|
border-bottom: 2px solid var(--semi-color-fill-1);
|
|
519
520
|
}
|
|
520
521
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-small {
|
|
522
|
+
font-size: 14px;
|
|
521
523
|
padding: 8px 4px 6px 4px;
|
|
522
524
|
}
|
|
523
525
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-medium {
|
|
526
|
+
font-size: 14px;
|
|
524
527
|
padding: 12px 4px 10px 4px;
|
|
525
528
|
}
|
|
526
529
|
.semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
|
package/lib/es/tabs/tabs.scss
CHANGED
|
@@ -690,6 +690,7 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
|
|
|
690
690
|
&.#{$module}-tab-top {
|
|
691
691
|
|
|
692
692
|
&.#{$module}-tab {
|
|
693
|
+
font-size: $font-tabs_bar_large-fontSize;
|
|
693
694
|
padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
|
|
694
695
|
transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
|
|
695
696
|
color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
|
|
@@ -718,10 +719,12 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
|
|
|
718
719
|
// }
|
|
719
720
|
|
|
720
721
|
&-small {
|
|
722
|
+
font-size: $font-tabs_bar_small-fontSize;
|
|
721
723
|
padding: $spacing-tabs_bar_line_tab_small-paddingTop $spacing-tabs_bar_line_tab_small-paddingRight $spacing-tabs_bar_line_tab_small-paddingBottom $spacing-tabs_bar_line_tab_small-paddingLeft;
|
|
722
724
|
}
|
|
723
725
|
|
|
724
726
|
&-medium {
|
|
727
|
+
font-size: $font-tabs_bar_medium-fontSize;
|
|
725
728
|
padding: $spacing-tabs_bar_line_tab_medium-paddingTop $spacing-tabs_bar_line_tab_medium-paddingRight $spacing-tabs_bar_line_tab_medium-paddingBottom $spacing-tabs_bar_line_tab_medium-paddingLeft;
|
|
726
729
|
}
|
|
727
730
|
}
|
|
@@ -144,3 +144,9 @@ $radius-tabs_tab_card: var(--semi-border-radius-small) var(--semi-border-radius-
|
|
|
144
144
|
$radius-tabs_tab_card_left: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small); // 垂直卡片式页签四向圆角
|
|
145
145
|
$radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆角
|
|
146
146
|
|
|
147
|
+
|
|
148
|
+
$font-tabs_bar_large-fontSize: $font-size-regular; // 大号模式 字体大小
|
|
149
|
+
$font-tabs_bar_small-fontSize: $font-size-regular; // 小号模式 字体大小
|
|
150
|
+
$font-tabs_bar_medium-fontSize: $font-size-regular; // 中等模式 字体大小
|
|
151
|
+
|
|
152
|
+
|
package/lib/es/tree/tree.css
CHANGED
|
@@ -245,64 +245,64 @@
|
|
|
245
245
|
.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
|
|
246
246
|
background-color: transparent;
|
|
247
247
|
}
|
|
248
|
-
.semi-tree-option-list
|
|
248
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
|
|
249
249
|
padding-left: 8px;
|
|
250
250
|
}
|
|
251
|
-
.semi-tree-option-list
|
|
251
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
|
|
252
252
|
padding-left: 28px;
|
|
253
253
|
}
|
|
254
|
-
.semi-tree-option-list
|
|
254
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
|
|
255
255
|
padding-left: 48px;
|
|
256
256
|
}
|
|
257
|
-
.semi-tree-option-list
|
|
257
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
|
|
258
258
|
padding-left: 68px;
|
|
259
259
|
}
|
|
260
|
-
.semi-tree-option-list
|
|
260
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
|
|
261
261
|
padding-left: 88px;
|
|
262
262
|
}
|
|
263
|
-
.semi-tree-option-list
|
|
263
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
|
|
264
264
|
padding-left: 108px;
|
|
265
265
|
}
|
|
266
|
-
.semi-tree-option-list
|
|
266
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
|
|
267
267
|
padding-left: 128px;
|
|
268
268
|
}
|
|
269
|
-
.semi-tree-option-list
|
|
269
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
|
|
270
270
|
padding-left: 148px;
|
|
271
271
|
}
|
|
272
|
-
.semi-tree-option-list
|
|
272
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
|
|
273
273
|
padding-left: 168px;
|
|
274
274
|
}
|
|
275
|
-
.semi-tree-option-list
|
|
275
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
|
|
276
276
|
padding-left: 188px;
|
|
277
277
|
}
|
|
278
|
-
.semi-tree-option-list
|
|
278
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
|
|
279
279
|
padding-left: 208px;
|
|
280
280
|
}
|
|
281
|
-
.semi-tree-option-list
|
|
281
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
|
|
282
282
|
padding-left: 228px;
|
|
283
283
|
}
|
|
284
|
-
.semi-tree-option-list
|
|
284
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
|
|
285
285
|
padding-left: 248px;
|
|
286
286
|
}
|
|
287
|
-
.semi-tree-option-list
|
|
287
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
|
|
288
288
|
padding-left: 268px;
|
|
289
289
|
}
|
|
290
|
-
.semi-tree-option-list
|
|
290
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
|
|
291
291
|
padding-left: 288px;
|
|
292
292
|
}
|
|
293
|
-
.semi-tree-option-list
|
|
293
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
|
|
294
294
|
padding-left: 308px;
|
|
295
295
|
}
|
|
296
|
-
.semi-tree-option-list
|
|
296
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
|
|
297
297
|
padding-left: 328px;
|
|
298
298
|
}
|
|
299
|
-
.semi-tree-option-list
|
|
299
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
|
|
300
300
|
padding-left: 348px;
|
|
301
301
|
}
|
|
302
|
-
.semi-tree-option-list
|
|
302
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
|
|
303
303
|
padding-left: 368px;
|
|
304
304
|
}
|
|
305
|
-
.semi-tree-option-list
|
|
305
|
+
.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
|
|
306
306
|
padding-left: 388px;
|
|
307
307
|
}
|
|
308
308
|
.semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
|
package/lib/es/tree/tree.scss
CHANGED
|
@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
|
|
|
330
330
|
}
|
|
331
331
|
|
|
332
332
|
@for $i from 1 through 20 {
|
|
333
|
-
|
|
333
|
+
.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
|
|
334
334
|
padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
|
|
335
335
|
}
|
|
336
336
|
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.58.
|
|
3
|
+
"version": "2.58.1",
|
|
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.58.
|
|
10
|
+
"@douyinfe/semi-animation": "2.58.1",
|
|
11
11
|
"async-validator": "^3.5.0",
|
|
12
12
|
"classnames": "^2.2.6",
|
|
13
13
|
"date-fns": "^2.29.3",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"*.scss",
|
|
25
25
|
"*.css"
|
|
26
26
|
],
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "1e48bf7b71e78f49b188ff82c5ab61884a6ec0ab",
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
30
30
|
"@babel/preset-env": "^7.15.8",
|
package/tabs/tabs.scss
CHANGED
|
@@ -690,6 +690,7 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
|
|
|
690
690
|
&.#{$module}-tab-top {
|
|
691
691
|
|
|
692
692
|
&.#{$module}-tab {
|
|
693
|
+
font-size: $font-tabs_bar_large-fontSize;
|
|
693
694
|
padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
|
|
694
695
|
transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
|
|
695
696
|
color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
|
|
@@ -718,10 +719,12 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
|
|
|
718
719
|
// }
|
|
719
720
|
|
|
720
721
|
&-small {
|
|
722
|
+
font-size: $font-tabs_bar_small-fontSize;
|
|
721
723
|
padding: $spacing-tabs_bar_line_tab_small-paddingTop $spacing-tabs_bar_line_tab_small-paddingRight $spacing-tabs_bar_line_tab_small-paddingBottom $spacing-tabs_bar_line_tab_small-paddingLeft;
|
|
722
724
|
}
|
|
723
725
|
|
|
724
726
|
&-medium {
|
|
727
|
+
font-size: $font-tabs_bar_medium-fontSize;
|
|
725
728
|
padding: $spacing-tabs_bar_line_tab_medium-paddingTop $spacing-tabs_bar_line_tab_medium-paddingRight $spacing-tabs_bar_line_tab_medium-paddingBottom $spacing-tabs_bar_line_tab_medium-paddingLeft;
|
|
726
729
|
}
|
|
727
730
|
}
|
package/tabs/variables.scss
CHANGED
|
@@ -144,3 +144,9 @@ $radius-tabs_tab_card: var(--semi-border-radius-small) var(--semi-border-radius-
|
|
|
144
144
|
$radius-tabs_tab_card_left: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small); // 垂直卡片式页签四向圆角
|
|
145
145
|
$radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆角
|
|
146
146
|
|
|
147
|
+
|
|
148
|
+
$font-tabs_bar_large-fontSize: $font-size-regular; // 大号模式 字体大小
|
|
149
|
+
$font-tabs_bar_small-fontSize: $font-size-regular; // 小号模式 字体大小
|
|
150
|
+
$font-tabs_bar_medium-fontSize: $font-size-regular; // 中等模式 字体大小
|
|
151
|
+
|
|
152
|
+
|
package/tree/tree.scss
CHANGED
|
@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
|
|
|
330
330
|
}
|
|
331
331
|
|
|
332
332
|
@for $i from 1 through 20 {
|
|
333
|
-
|
|
333
|
+
.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
|
|
334
334
|
padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
|
|
335
335
|
}
|
|
336
336
|
}
|