@douyinfe/semi-foundation 2.76.0 → 2.76.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.
Files changed (55) hide show
  1. package/cascader/cascader.scss +4 -4
  2. package/cascader/rtl.scss +0 -4
  3. package/cascader/variables.scss +1 -1
  4. package/input/input.scss +4 -5
  5. package/input/rtl.scss +0 -4
  6. package/input/variables.scss +2 -2
  7. package/lib/cjs/cascader/cascader.css +1 -6
  8. package/lib/cjs/cascader/cascader.scss +4 -4
  9. package/lib/cjs/cascader/rtl.scss +0 -4
  10. package/lib/cjs/cascader/variables.scss +1 -1
  11. package/lib/cjs/input/input.css +1 -9
  12. package/lib/cjs/input/input.scss +4 -5
  13. package/lib/cjs/input/rtl.scss +0 -4
  14. package/lib/cjs/input/textarea.css +0 -5
  15. package/lib/cjs/input/variables.scss +2 -2
  16. package/lib/cjs/select/rtl.scss +0 -4
  17. package/lib/cjs/select/select.css +1 -5
  18. package/lib/cjs/select/select.scss +4 -4
  19. package/lib/cjs/select/variables.scss +1 -3
  20. package/lib/cjs/tagInput/tagInput.css +4 -1
  21. package/lib/cjs/tagInput/tagInput.scss +6 -5
  22. package/lib/cjs/tagInput/variables.scss +2 -2
  23. package/lib/cjs/treeSelect/rtl.scss +0 -6
  24. package/lib/cjs/treeSelect/treeSelect.css +1 -6
  25. package/lib/cjs/treeSelect/treeSelect.scss +4 -4
  26. package/lib/cjs/treeSelect/variables.scss +2 -3
  27. package/lib/es/cascader/cascader.css +1 -6
  28. package/lib/es/cascader/cascader.scss +4 -4
  29. package/lib/es/cascader/rtl.scss +0 -4
  30. package/lib/es/cascader/variables.scss +1 -1
  31. package/lib/es/input/input.css +1 -9
  32. package/lib/es/input/input.scss +4 -5
  33. package/lib/es/input/rtl.scss +0 -4
  34. package/lib/es/input/textarea.css +0 -5
  35. package/lib/es/input/variables.scss +2 -2
  36. package/lib/es/select/rtl.scss +0 -4
  37. package/lib/es/select/select.css +1 -5
  38. package/lib/es/select/select.scss +4 -4
  39. package/lib/es/select/variables.scss +1 -3
  40. package/lib/es/tagInput/tagInput.css +4 -1
  41. package/lib/es/tagInput/tagInput.scss +6 -5
  42. package/lib/es/tagInput/variables.scss +2 -2
  43. package/lib/es/treeSelect/rtl.scss +0 -6
  44. package/lib/es/treeSelect/treeSelect.css +1 -6
  45. package/lib/es/treeSelect/treeSelect.scss +4 -4
  46. package/lib/es/treeSelect/variables.scss +2 -3
  47. package/package.json +4 -4
  48. package/select/rtl.scss +0 -4
  49. package/select/select.scss +4 -4
  50. package/select/variables.scss +1 -3
  51. package/tagInput/tagInput.scss +6 -5
  52. package/tagInput/variables.scss +2 -2
  53. package/treeSelect/rtl.scss +0 -6
  54. package/treeSelect/treeSelect.scss +4 -4
  55. package/treeSelect/variables.scss +2 -3
@@ -246,7 +246,7 @@ $module: #{$prefix}-cascader;
246
246
 
247
247
  &-text {
248
248
  margin: 0 $spacing-cascader_text-marginX;
249
- font-weight: $font-weight-bold;
249
+ font-weight: $font-cascader_prefix_suffix_fontWeight;
250
250
  @include font-size-regular;
251
251
  color: $color-cascader_prefix_suffix_text-default;
252
252
  }
@@ -259,10 +259,10 @@ $module: #{$prefix}-cascader;
259
259
 
260
260
  &-inset-label {
261
261
  display: inline;
262
- margin-right: $spacing-cascader_label-marginRight;
263
- font-weight: $font-weight-bold;
262
+ margin: 0 $spacing-cascader_text-marginX;
263
+ font-weight: $font-cascader_prefix_suffix_fontWeight;
264
264
  @include font-size-regular;
265
- color: $color-cascader_label-text-default;
265
+ color: $color-cascader_prefix_suffix_text-default;
266
266
  flex-shrink: 0;
267
267
  white-space: nowrap;
268
268
  }
package/cascader/rtl.scss CHANGED
@@ -5,10 +5,6 @@ $module: #{$prefix}-cascader;
5
5
  .#{$module} {
6
6
  direction: rtl;
7
7
 
8
- &-inset-label {
9
- margin-right: $spacing-cascader_label-marginRight;
10
- margin-left: $spacing-cascader_label-marginRight;
11
- }
12
8
 
13
9
  &.#{$module}-with-prefix {
14
10
  .#{$module}-selection {
@@ -84,6 +84,7 @@ $font-cascader_select-fontWeight: $font-weight-bold; // 级联选择菜单项字
84
84
  $font-cascader-fontWeight: $font-weight-regular; // 级联选择菜单项字重 - 未选中
85
85
  $font-cascader_label-fontWeight: 600;
86
86
  $font-cascader_selection_n-fontSize: $font-size-small; // 超出 maxTagCount 后,+n 的文字尺寸
87
+ $font-cascader_prefix_suffix_fontWeight: $font-weight-bold; // 级联选择 prefix/suffix 文字字重
87
88
 
88
89
  $width-cascader-border: 1px; // 级联选择触发器描边宽度
89
90
  $width-cascader_option_list-border: 1px; // 级联选择各级菜单分割线宽度
@@ -107,7 +108,6 @@ $height-cascader_selection_wrapper_large: 38px; //级联选择单选搜索时
107
108
 
108
109
  $spacing-cascader_text-marginX: $spacing-base-tight; // 级联选择 prefix/suffix 文字水平内间距
109
110
  $spacing-cascader_icon-marginX: $spacing-tight; // 级联选择 prefix/suffix 图标水平内间距
110
- $spacing-cascader_label-marginRight: $spacing-base-tight; // 级联选择 prefix/suffix 图标水平内间距
111
111
  $spacing-cascader_label_checkbox-marginRight: $spacing-tight; // 级联选择 checkbox 的右间距
112
112
  $spacing-cascader_selection_n-paddingX: $spacing-tight; // 级联选择 +N 的水平间距
113
113
 
package/input/input.scss CHANGED
@@ -502,9 +502,8 @@ $module: #{$prefix}-input;
502
502
  // }
503
503
 
504
504
  &-inset-label {
505
- margin-right: $spacing-input_insetLabel-marginRight;
506
- font-weight: $font-input_insetLabel-fontWeight;
507
- @include font-size-regular;
505
+ margin: 0 $spacing-input_prefix_suffix-marginX;
506
+ font-weight: $font-input_prefix_suffix-fontWeight;
508
507
  color: $color-input_prefix-text-default;
509
508
  flex-shrink: 0;
510
509
  white-space: nowrap;
@@ -515,9 +514,9 @@ $module: #{$prefix}-input;
515
514
  @include all-center;
516
515
 
517
516
  &-text {
518
- margin: 0 $spacing-base-tight;
517
+ margin: 0 $spacing-input_prefix_suffix-marginX;
519
518
  color: $color-input_prefix-text-default;
520
- font-weight: $font-weight-bold;
519
+ font-weight: $font-input_prefix_suffix-fontWeight;
521
520
  white-space: nowrap;
522
521
  }
523
522
 
package/input/rtl.scss CHANGED
@@ -27,10 +27,6 @@ $module: #{$prefix}-input;
27
27
  padding-left: $spacing-input-paddingRight;
28
28
  padding-right: $spacing-input-paddingLeft;
29
29
 
30
- &-inset-label {
31
- margin-right: auto;
32
- margin-left: $spacing-input_insetLabel-marginRight;
33
- }
34
30
 
35
31
  &-clearbtn + &-suffix {
36
32
  & + .#{$module}-suffix-text {
@@ -88,7 +88,7 @@ $radius-input_wrapper: var(--semi-border-radius-small); // 输入框圆角大小
88
88
  $spacing-input_icon-marginLeft: -$spacing-base-tight; // 输入框图标左侧内边距
89
89
  $spacing-input-paddingLeft: $spacing-base-tight; // 输入光标距离容器的左侧内边距
90
90
  $spacing-input-paddingRight: $spacing-base-tight; // 输入文字距离容器的右侧内边距
91
- $spacing-input_insetLabel-marginRight: $spacing-base-tight;
91
+ $spacing-input_prefix_suffix-marginX: $spacing-base-tight; // prefix/suffix 水平外边距
92
92
  $spacing-input_prefix_icon-marginY: 0; // prefix 图标垂直内边距
93
93
  $spacing-input_prefix_icon-marginX: $spacing-tight; // prefix 图标水平内边距
94
94
  $spacing-input_clearBtn_withSuffix-marginLeft: -$spacing-base-tight; // 清空按钮左侧内边距
@@ -96,7 +96,7 @@ $spacing-input_prepend-paddingY: 0; // 前置标签垂直内边距
96
96
  $spacing-input_prepend-paddingX: $spacing-base-tight; // 前置标签水平内边距
97
97
  $spacing-input_group_withTopLabel-marginTop: $spacing-base;
98
98
  $spacing-input_group_withTopLabel-marginBottom: $spacing-base;
99
- $font-input_insetLabel-fontWeight: 600; // prefix 文字字重
99
+ $font-input_prefix_suffix-fontWeight: $font-weight-bold; // prefix/suffix 文字字重
100
100
 
101
101
  $spacing-textarea-paddingY: 5px; // 多行文本垂直内边距
102
102
  $spacing-textarea-paddingX: $spacing-base-tight; // 多行文本水平内边距
@@ -211,7 +211,7 @@
211
211
  }
212
212
  .semi-cascader-inset-label {
213
213
  display: inline;
214
- margin-right: 12px;
214
+ margin: 0 12px;
215
215
  font-weight: 600;
216
216
  font-size: 14px;
217
217
  line-height: 20px;
@@ -450,11 +450,6 @@
450
450
  .semi-portal-rtl .semi-cascader {
451
451
  direction: rtl;
452
452
  }
453
- .semi-rtl .semi-cascader-inset-label,
454
- .semi-portal-rtl .semi-cascader-inset-label {
455
- margin-right: 12px;
456
- margin-left: 12px;
457
- }
458
453
  .semi-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection,
459
454
  .semi-portal-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection {
460
455
  padding-left: auto;
@@ -246,7 +246,7 @@ $module: #{$prefix}-cascader;
246
246
 
247
247
  &-text {
248
248
  margin: 0 $spacing-cascader_text-marginX;
249
- font-weight: $font-weight-bold;
249
+ font-weight: $font-cascader_prefix_suffix_fontWeight;
250
250
  @include font-size-regular;
251
251
  color: $color-cascader_prefix_suffix_text-default;
252
252
  }
@@ -259,10 +259,10 @@ $module: #{$prefix}-cascader;
259
259
 
260
260
  &-inset-label {
261
261
  display: inline;
262
- margin-right: $spacing-cascader_label-marginRight;
263
- font-weight: $font-weight-bold;
262
+ margin: 0 $spacing-cascader_text-marginX;
263
+ font-weight: $font-cascader_prefix_suffix_fontWeight;
264
264
  @include font-size-regular;
265
- color: $color-cascader_label-text-default;
265
+ color: $color-cascader_prefix_suffix_text-default;
266
266
  flex-shrink: 0;
267
267
  white-space: nowrap;
268
268
  }
@@ -5,10 +5,6 @@ $module: #{$prefix}-cascader;
5
5
  .#{$module} {
6
6
  direction: rtl;
7
7
 
8
- &-inset-label {
9
- margin-right: $spacing-cascader_label-marginRight;
10
- margin-left: $spacing-cascader_label-marginRight;
11
- }
12
8
 
13
9
  &.#{$module}-with-prefix {
14
10
  .#{$module}-selection {
@@ -84,6 +84,7 @@ $font-cascader_select-fontWeight: $font-weight-bold; // 级联选择菜单项字
84
84
  $font-cascader-fontWeight: $font-weight-regular; // 级联选择菜单项字重 - 未选中
85
85
  $font-cascader_label-fontWeight: 600;
86
86
  $font-cascader_selection_n-fontSize: $font-size-small; // 超出 maxTagCount 后,+n 的文字尺寸
87
+ $font-cascader_prefix_suffix_fontWeight: $font-weight-bold; // 级联选择 prefix/suffix 文字字重
87
88
 
88
89
  $width-cascader-border: 1px; // 级联选择触发器描边宽度
89
90
  $width-cascader_option_list-border: 1px; // 级联选择各级菜单分割线宽度
@@ -107,7 +108,6 @@ $height-cascader_selection_wrapper_large: 38px; //级联选择单选搜索时
107
108
 
108
109
  $spacing-cascader_text-marginX: $spacing-base-tight; // 级联选择 prefix/suffix 文字水平内间距
109
110
  $spacing-cascader_icon-marginX: $spacing-tight; // 级联选择 prefix/suffix 图标水平内间距
110
- $spacing-cascader_label-marginRight: $spacing-base-tight; // 级联选择 prefix/suffix 图标水平内间距
111
111
  $spacing-cascader_label_checkbox-marginRight: $spacing-tight; // 级联选择 checkbox 的右间距
112
112
  $spacing-cascader_selection_n-paddingX: $spacing-tight; // 级联选择 +N 的水平间距
113
113
 
@@ -376,11 +376,8 @@
376
376
  color: inherit;
377
377
  }
378
378
  .semi-input-inset-label {
379
- margin-right: 12px;
379
+ margin: 0 12px;
380
380
  font-weight: 600;
381
- font-size: 14px;
382
- line-height: 20px;
383
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
384
381
  color: var(--semi-color-text-2);
385
382
  flex-shrink: 0;
386
383
  white-space: nowrap;
@@ -596,11 +593,6 @@
596
593
  padding-left: 12px;
597
594
  padding-right: 12px;
598
595
  }
599
- .semi-rtl .semi-input-inset-label,
600
- .semi-portal-rtl .semi-input-inset-label {
601
- margin-right: auto;
602
- margin-left: 12px;
603
- }
604
596
  .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
605
597
  .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
606
598
  .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
@@ -502,9 +502,8 @@ $module: #{$prefix}-input;
502
502
  // }
503
503
 
504
504
  &-inset-label {
505
- margin-right: $spacing-input_insetLabel-marginRight;
506
- font-weight: $font-input_insetLabel-fontWeight;
507
- @include font-size-regular;
505
+ margin: 0 $spacing-input_prefix_suffix-marginX;
506
+ font-weight: $font-input_prefix_suffix-fontWeight;
508
507
  color: $color-input_prefix-text-default;
509
508
  flex-shrink: 0;
510
509
  white-space: nowrap;
@@ -515,9 +514,9 @@ $module: #{$prefix}-input;
515
514
  @include all-center;
516
515
 
517
516
  &-text {
518
- margin: 0 $spacing-base-tight;
517
+ margin: 0 $spacing-input_prefix_suffix-marginX;
519
518
  color: $color-input_prefix-text-default;
520
- font-weight: $font-weight-bold;
519
+ font-weight: $font-input_prefix_suffix-fontWeight;
521
520
  white-space: nowrap;
522
521
  }
523
522
 
@@ -27,10 +27,6 @@ $module: #{$prefix}-input;
27
27
  padding-left: $spacing-input-paddingRight;
28
28
  padding-right: $spacing-input-paddingLeft;
29
29
 
30
- &-inset-label {
31
- margin-right: auto;
32
- margin-left: $spacing-input_insetLabel-marginRight;
33
- }
34
30
 
35
31
  &-clearbtn + &-suffix {
36
32
  & + .#{$module}-suffix-text {
@@ -190,11 +190,6 @@
190
190
  padding-left: 12px;
191
191
  padding-right: 12px;
192
192
  }
193
- .semi-rtl .semi-input-inset-label,
194
- .semi-portal-rtl .semi-input-inset-label {
195
- margin-right: auto;
196
- margin-left: 12px;
197
- }
198
193
  .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
199
194
  .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
200
195
  .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
@@ -88,7 +88,7 @@ $radius-input_wrapper: var(--semi-border-radius-small); // 输入框圆角大小
88
88
  $spacing-input_icon-marginLeft: -$spacing-base-tight; // 输入框图标左侧内边距
89
89
  $spacing-input-paddingLeft: $spacing-base-tight; // 输入光标距离容器的左侧内边距
90
90
  $spacing-input-paddingRight: $spacing-base-tight; // 输入文字距离容器的右侧内边距
91
- $spacing-input_insetLabel-marginRight: $spacing-base-tight;
91
+ $spacing-input_prefix_suffix-marginX: $spacing-base-tight; // prefix/suffix 水平外边距
92
92
  $spacing-input_prefix_icon-marginY: 0; // prefix 图标垂直内边距
93
93
  $spacing-input_prefix_icon-marginX: $spacing-tight; // prefix 图标水平内边距
94
94
  $spacing-input_clearBtn_withSuffix-marginLeft: -$spacing-base-tight; // 清空按钮左侧内边距
@@ -96,7 +96,7 @@ $spacing-input_prepend-paddingY: 0; // 前置标签垂直内边距
96
96
  $spacing-input_prepend-paddingX: $spacing-base-tight; // 前置标签水平内边距
97
97
  $spacing-input_group_withTopLabel-marginTop: $spacing-base;
98
98
  $spacing-input_group_withTopLabel-marginBottom: $spacing-base;
99
- $font-input_insetLabel-fontWeight: 600; // prefix 文字字重
99
+ $font-input_prefix_suffix-fontWeight: $font-weight-bold; // prefix/suffix 文字字重
100
100
 
101
101
  $spacing-textarea-paddingY: 5px; // 多行文本垂直内边距
102
102
  $spacing-textarea-paddingX: $spacing-base-tight; // 多行文本水平内边距
@@ -40,10 +40,6 @@ $module: #{$prefix}-select;
40
40
  }
41
41
  }
42
42
 
43
- &-inset-label {
44
- margin-left: $spacing-select_insetLabel-marginRight;
45
- }
46
-
47
43
  &-create-tips {
48
44
  margin-right: 0;
49
45
  margin-left: $spacing-select_create_tips-marginRight;
@@ -336,7 +336,7 @@
336
336
  display: inline;
337
337
  }
338
338
  .semi-select-inset-label {
339
- margin-right: 12px;
339
+ margin: 0px 12px;
340
340
  font-weight: 600;
341
341
  font-size: 14px;
342
342
  line-height: 20px;
@@ -531,10 +531,6 @@
531
531
  margin-left: 0;
532
532
  margin-right: 8px;
533
533
  }
534
- .semi-rtl .semi-select-inset-label,
535
- .semi-portal-rtl .semi-select-inset-label {
536
- margin-left: 12px;
537
- }
538
534
  .semi-rtl .semi-select-create-tips,
539
535
  .semi-portal-rtl .semi-select-create-tips {
540
536
  margin-right: 0;
@@ -311,7 +311,7 @@ $overflowList: #{$prefix}-overflow-list;
311
311
  margin: $spacing-select_prefix_suffix_text-marginY $spacing-select_prefix_suffix_text-marginX;
312
312
  color: $color-select_prefix_suffix_text-default;
313
313
  @include font-size-regular;
314
- font-weight: $font-weight-bold;
314
+ font-weight: $font-select_prefix_suffix-fontWeight;
315
315
  }
316
316
 
317
317
  &-icon {
@@ -339,10 +339,10 @@ $overflowList: #{$prefix}-overflow-list;
339
339
  }
340
340
 
341
341
  &-inset-label {
342
- margin-right: $spacing-base-tight;
343
- font-weight: $font-select_inset_label-fontWeight;
342
+ margin: $spacing-select_prefix_suffix_text-marginY $spacing-select_prefix_suffix_text-marginX;
343
+ font-weight: $font-select_prefix_suffix-fontWeight;
344
344
  @include font-size-regular;
345
- color: $color-select_inset_label-text;
345
+ color: $color-select_prefix_suffix_text-default;
346
346
  flex-shrink: 0;
347
347
  white-space: nowrap;
348
348
  }
@@ -55,7 +55,6 @@ $color-select_option_disabled-bg: transparent; // 禁用选择器菜单选项背
55
55
  $color-select_option-icon-active: var(--semi-color-text-2); // 禁用选择器菜单选项图标颜色 - 选中态
56
56
  $color-select_option-border-default: var(--semi-color-border); // 分组选择器菜单项描边颜色
57
57
  $color-select-option-bg-selected: transparent; // 选择器菜单选项背景颜色 - 选中态
58
- $color-select_inset_label-text: var(--semi-color-text-2); // 分组选择器菜单项辅助文本颜色
59
58
  $color-select_create_tips-text: var(--semi-color-text-2); // 分组选择器菜单项提示文本颜色
60
59
  $color-select_group-text: var(--semi-color-text-2); // 分组选择器菜单项分组标题文本颜色
61
60
 
@@ -109,7 +108,6 @@ $spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标
109
108
  $spacing-select_tag-marginRight: $spacing-extra-tight; // 多项选择器标签右侧外边距
110
109
  $spacing-select_tag-marginBottom: $spacing-super-tight - 1px; // 多项选择器标签底部外边距
111
110
  $spacing-select_selection-marginLeft: $spacing-base-tight; // 选择器内容区左侧外边距
112
- $spacing-select_insetLabel-marginRight: $spacing-base-tight; // 选择器内嵌标签右侧外边距
113
111
 
114
112
  $spacing-select_option_list-paddingTop: $spacing-extra-tight; // 选择器内容区顶部内边距
115
113
  $spacing-select_option_list-paddingRight: 0px; // 选择器内容区右侧内边距
@@ -127,8 +125,8 @@ $radius-select_option: 0px; // 选择器待选项圆角
127
125
 
128
126
  // Font
129
127
  $font-select-fontWeight: $font-weight-regular; // 选择器文本字重
130
- $font-select_inset_label-fontWeight: 600; // 选择器内嵌标签文本字重
131
128
  $font-select_keyword-fontWeight: 600; // 选择器搜索结果命关键词中文本字重
129
+ $font-select_prefix_suffix-fontWeight: $font-weight-bold; // 选择器输入框前后缀文本字重
132
130
 
133
131
  // Other
134
132
  $opacity-select_selection_text_inactive: 0.4;
@@ -208,7 +208,7 @@
208
208
  visibility: hidden;
209
209
  }
210
210
  .semi-tagInput-inset-label {
211
- margin-right: 12px;
211
+ margin: 0 12px;
212
212
  font-weight: 600;
213
213
  font-size: 14px;
214
214
  line-height: 20px;
@@ -226,6 +226,9 @@
226
226
  margin: 0 12px;
227
227
  font-weight: 600;
228
228
  white-space: nowrap;
229
+ font-size: 14px;
230
+ line-height: 20px;
231
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
229
232
  }
230
233
  .semi-tagInput-prefix-icon, .semi-tagInput-suffix-icon {
231
234
  color: var(--semi-color-text-2);
@@ -256,10 +256,10 @@ $module: #{$prefix}-tagInput;
256
256
  }
257
257
 
258
258
  &-inset-label {
259
- margin-right: $spacing-tagInput_insetLabel-marginRight;
260
- font-weight: $font-tagInput_insetLabel-fontWeight;
259
+ margin: 0 $spacing-tagInput_prefix_suffix-marginX;
260
+ font-weight: $font-tagInput_prefix_suffix-fontWeight;
261
261
  @include font-size-regular;
262
- color: $color-tagInput_prefix-text-default;
262
+ color: $color-tagInput_prefix-default;
263
263
  flex-shrink: 0;
264
264
  white-space: nowrap;
265
265
  }
@@ -268,9 +268,10 @@ $module: #{$prefix}-tagInput;
268
268
  &-suffix {
269
269
  @include all-center;
270
270
  &-text {
271
- margin: 0 $spacing-base-tight;
272
- font-weight: 600;
271
+ margin: 0 $spacing-tagInput_prefix_suffix-marginX;
272
+ font-weight: $font-tagInput_prefix_suffix-fontWeight;
273
273
  white-space: nowrap;
274
+ @include font-size-regular;
274
275
  }
275
276
  &-icon {
276
277
  color: $color-tagInput-icon-default;
@@ -37,7 +37,7 @@ $spacing-tagInput_large-Y: 3px; // 大尺寸标签输入框标签顶部外边距
37
37
  $spacing-tagInput_wrapper_n_paddingX: $spacing-tight; //标签输入框标签容器水平内边距
38
38
  $spacing-tagInput_drag_handler-marginRight: 4px; // 拖拽handler icon的右外边距
39
39
  $spacing-tagInput_tag_icon_paddingLeft: 4px; // tag中有handler icon时tag的左内边距
40
- $spacing-tagInput_insetLabel-marginRight: $spacing-base-tight; // Form容器中标签输入框内嵌Label的右边距
40
+ $spacing-tagInput_prefix_suffix-marginX: $spacing-base-tight; // 标签输入框 prefix/suffix 水平外边距
41
41
 
42
42
  $height-tagInput-large: $height-control-large; // 大尺寸标签输入框高度
43
43
  $height-tagInput-default: $height-control-default; // 默认尺寸标签输入框高度
@@ -56,4 +56,4 @@ $radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角
56
56
 
57
57
  $z-tagInput_drag_item_move: 2000 !default; // 标签输入框中正在拖拽元素的z-index
58
58
 
59
- $font-tagInput_insetLabel-fontWeight: 600; // prefix 文字字重
59
+ $font-tagInput_prefix_suffix-fontWeight: $font-weight-bold; // 标签输入框 prefix/suffix 文字字重
@@ -40,12 +40,6 @@ $module: #{$prefix}-tree-select;
40
40
  }
41
41
  }
42
42
  }
43
-
44
- &-inset-label {
45
- margin-right: 0;
46
- margin-left: $spacing-treeSelect_insertLabel-marginRight;
47
- }
48
-
49
43
  &-prefix,
50
44
  &-suffix {
51
45
  &.#{$module}-with-suffix {
@@ -229,7 +229,7 @@
229
229
  }
230
230
  .semi-tree-select-inset-label {
231
231
  display: inline;
232
- margin-right: 12px;
232
+ margin: 0px 12px;
233
233
  font-weight: 600;
234
234
  font-size: 14px;
235
235
  line-height: 20px;
@@ -363,11 +363,6 @@
363
363
  padding-left: 0;
364
364
  padding-right: 8px;
365
365
  }
366
- .semi-rtl .semi-tree-select-inset-label,
367
- .semi-portal-rtl .semi-tree-select-inset-label {
368
- margin-right: 0;
369
- margin-left: 12px;
370
- }
371
366
  .semi-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection,
372
367
  .semi-portal-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection,
373
368
  .semi-portal-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
@@ -297,10 +297,10 @@ $module: #{$prefix}-tree-select;
297
297
 
298
298
  &-inset-label {
299
299
  display: inline;
300
- margin-right: $spacing-treeSelect_insertLabel-marginRight;
301
- font-weight: $font-treeSelect_insertLabel-fontWeight;
300
+ margin: $spacing-treeSelect_prefix_text-marginY $spacing-treeSelect_prefix_text-marginX;
301
+ font-weight: $font-treeSelect_prefix_suffix_fontWeight;
302
302
  @include font-size-regular;
303
- color: $color-treeSelect_insertLabel-text-default;
303
+ color: $color-treeSelect_prefix_suffix_text-default;
304
304
  flex-shrink: 0;
305
305
  white-space: nowrap;
306
306
  }
@@ -338,7 +338,7 @@ $module: #{$prefix}-tree-select;
338
338
 
339
339
  &-text {
340
340
  color: $color-treeSelect_prefix_suffix_text-default;
341
- font-weight: $font-weight-bold;
341
+ font-weight: $font-treeSelect_prefix_suffix_fontWeight;
342
342
  @include font-size-regular;
343
343
  margin: $spacing-treeSelect_prefix_text-marginY $spacing-treeSelect_prefix_text-marginX;
344
344
  }
@@ -63,6 +63,8 @@ $font-treeSelect_small-lineHeight: $height-treeSelect_small; // 小尺寸树选
63
63
  $height-treeSelect_large: $height-control-large; // 大尺寸树选择器选择器文本行高
64
64
  $font-treeSelect_large-lineHeight: $height-treeSelect_large; // 大尺寸树选择器选择器文本行高
65
65
 
66
+ $font-treeSelect_prefix_suffix_fontWeight: $font-weight-bold; // 树选择器前缀后缀文本字重
67
+
66
68
  $spacing-treeSelect_selection_tagInput_wrapper-paddingX: $spacing-extra-tight; // 树选择器多选标签容器水平内边距
67
69
  $spacing-treeSelect_selection_tagInput_empty-marginLeft: $spacing-extra-tight; // 树选择器多选标签容器为空时左侧外边距
68
70
  $spacing-treeSelect_selection_tagInput_notEmpty-marginLeft: - $spacing-extra-tight; // 树选择器多选标签容器不为空时左侧外边距
@@ -75,7 +77,6 @@ $spacing-treeSelect_prefix_text-marginY: 0px; // 树选择器前缀文本垂直
75
77
  $spacing-treeSelect_prefix_text-marginX: $spacing-base-tight; // 树选择器前缀文本水平外边距
76
78
  $spacing-treeSelect_prefix_icon-marginY: 0px; // 树选择器前缀图标垂直外边距
77
79
  $spacing-treeSelect_prefix_icon-marginX: $spacing-tight; // 树选择器前缀图标水平外边距
78
- $spacing-treeSelect_insertLabel-marginRight: $spacing-base-tight; // 树选择器前缀标签右侧外边距
79
80
  $spacing-treeSelect_selection_withSuffix-paddingRight: 0px; // 树选择器有后缀时内容右侧内边距
80
81
  $spacing-treeSelect_search_wrapper-paddingX: 12px; // 树选择器搜索框容器水平内边距
81
82
  $spacing-treeSelect_search_wrapper-paddingY: 8px; // 树选择器搜索框容器垂直内边距
@@ -83,8 +84,6 @@ $spacing-treeSelect_search_wrapper-paddingY: 8px; // 树选择器搜索框容器
83
84
  $color-treeSelect_selection_TriggerSearchItem_disabled-text-default: var(--semi-color-disabled-text); // 带搜索的树选择器触发器占位文本默认颜色
84
85
  $color-treeSelect_inputTrigger-border-default: none; // 带搜索的树选择器触发器描边颜色
85
86
  $color-treeSelect_inputTrigger-bg-default: transparent; // 带搜索的树选择器触发器背景颜色
86
- $color-treeSelect_insertLabel-text-default: var(--semi-color-text-2); // 带搜索的树前缀标签文本颜色
87
- $font-treeSelect_insertLabel-fontWeight: 600; // 带搜索的树前缀标签文本字重
88
87
  $color-treeSelect_prefix_suffix_text-default: var(--semi-color-text-2); // 带搜索的树选择器前后缀文本颜色
89
88
 
90
89
  $width-treeSelect_arrow: 32px; // 树选择器展开箭头宽度
@@ -211,7 +211,7 @@
211
211
  }
212
212
  .semi-cascader-inset-label {
213
213
  display: inline;
214
- margin-right: 12px;
214
+ margin: 0 12px;
215
215
  font-weight: 600;
216
216
  font-size: 14px;
217
217
  line-height: 20px;
@@ -450,11 +450,6 @@
450
450
  .semi-portal-rtl .semi-cascader {
451
451
  direction: rtl;
452
452
  }
453
- .semi-rtl .semi-cascader-inset-label,
454
- .semi-portal-rtl .semi-cascader-inset-label {
455
- margin-right: 12px;
456
- margin-left: 12px;
457
- }
458
453
  .semi-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection,
459
454
  .semi-portal-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection {
460
455
  padding-left: auto;
@@ -246,7 +246,7 @@ $module: #{$prefix}-cascader;
246
246
 
247
247
  &-text {
248
248
  margin: 0 $spacing-cascader_text-marginX;
249
- font-weight: $font-weight-bold;
249
+ font-weight: $font-cascader_prefix_suffix_fontWeight;
250
250
  @include font-size-regular;
251
251
  color: $color-cascader_prefix_suffix_text-default;
252
252
  }
@@ -259,10 +259,10 @@ $module: #{$prefix}-cascader;
259
259
 
260
260
  &-inset-label {
261
261
  display: inline;
262
- margin-right: $spacing-cascader_label-marginRight;
263
- font-weight: $font-weight-bold;
262
+ margin: 0 $spacing-cascader_text-marginX;
263
+ font-weight: $font-cascader_prefix_suffix_fontWeight;
264
264
  @include font-size-regular;
265
- color: $color-cascader_label-text-default;
265
+ color: $color-cascader_prefix_suffix_text-default;
266
266
  flex-shrink: 0;
267
267
  white-space: nowrap;
268
268
  }
@@ -5,10 +5,6 @@ $module: #{$prefix}-cascader;
5
5
  .#{$module} {
6
6
  direction: rtl;
7
7
 
8
- &-inset-label {
9
- margin-right: $spacing-cascader_label-marginRight;
10
- margin-left: $spacing-cascader_label-marginRight;
11
- }
12
8
 
13
9
  &.#{$module}-with-prefix {
14
10
  .#{$module}-selection {
@@ -84,6 +84,7 @@ $font-cascader_select-fontWeight: $font-weight-bold; // 级联选择菜单项字
84
84
  $font-cascader-fontWeight: $font-weight-regular; // 级联选择菜单项字重 - 未选中
85
85
  $font-cascader_label-fontWeight: 600;
86
86
  $font-cascader_selection_n-fontSize: $font-size-small; // 超出 maxTagCount 后,+n 的文字尺寸
87
+ $font-cascader_prefix_suffix_fontWeight: $font-weight-bold; // 级联选择 prefix/suffix 文字字重
87
88
 
88
89
  $width-cascader-border: 1px; // 级联选择触发器描边宽度
89
90
  $width-cascader_option_list-border: 1px; // 级联选择各级菜单分割线宽度
@@ -107,7 +108,6 @@ $height-cascader_selection_wrapper_large: 38px; //级联选择单选搜索时
107
108
 
108
109
  $spacing-cascader_text-marginX: $spacing-base-tight; // 级联选择 prefix/suffix 文字水平内间距
109
110
  $spacing-cascader_icon-marginX: $spacing-tight; // 级联选择 prefix/suffix 图标水平内间距
110
- $spacing-cascader_label-marginRight: $spacing-base-tight; // 级联选择 prefix/suffix 图标水平内间距
111
111
  $spacing-cascader_label_checkbox-marginRight: $spacing-tight; // 级联选择 checkbox 的右间距
112
112
  $spacing-cascader_selection_n-paddingX: $spacing-tight; // 级联选择 +N 的水平间距
113
113
 
@@ -376,11 +376,8 @@
376
376
  color: inherit;
377
377
  }
378
378
  .semi-input-inset-label {
379
- margin-right: 12px;
379
+ margin: 0 12px;
380
380
  font-weight: 600;
381
- font-size: 14px;
382
- line-height: 20px;
383
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
384
381
  color: var(--semi-color-text-2);
385
382
  flex-shrink: 0;
386
383
  white-space: nowrap;
@@ -596,11 +593,6 @@
596
593
  padding-left: 12px;
597
594
  padding-right: 12px;
598
595
  }
599
- .semi-rtl .semi-input-inset-label,
600
- .semi-portal-rtl .semi-input-inset-label {
601
- margin-right: auto;
602
- margin-left: 12px;
603
- }
604
596
  .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
605
597
  .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
606
598
  .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
@@ -502,9 +502,8 @@ $module: #{$prefix}-input;
502
502
  // }
503
503
 
504
504
  &-inset-label {
505
- margin-right: $spacing-input_insetLabel-marginRight;
506
- font-weight: $font-input_insetLabel-fontWeight;
507
- @include font-size-regular;
505
+ margin: 0 $spacing-input_prefix_suffix-marginX;
506
+ font-weight: $font-input_prefix_suffix-fontWeight;
508
507
  color: $color-input_prefix-text-default;
509
508
  flex-shrink: 0;
510
509
  white-space: nowrap;
@@ -515,9 +514,9 @@ $module: #{$prefix}-input;
515
514
  @include all-center;
516
515
 
517
516
  &-text {
518
- margin: 0 $spacing-base-tight;
517
+ margin: 0 $spacing-input_prefix_suffix-marginX;
519
518
  color: $color-input_prefix-text-default;
520
- font-weight: $font-weight-bold;
519
+ font-weight: $font-input_prefix_suffix-fontWeight;
521
520
  white-space: nowrap;
522
521
  }
523
522
 
@@ -27,10 +27,6 @@ $module: #{$prefix}-input;
27
27
  padding-left: $spacing-input-paddingRight;
28
28
  padding-right: $spacing-input-paddingLeft;
29
29
 
30
- &-inset-label {
31
- margin-right: auto;
32
- margin-left: $spacing-input_insetLabel-marginRight;
33
- }
34
30
 
35
31
  &-clearbtn + &-suffix {
36
32
  & + .#{$module}-suffix-text {
@@ -190,11 +190,6 @@
190
190
  padding-left: 12px;
191
191
  padding-right: 12px;
192
192
  }
193
- .semi-rtl .semi-input-inset-label,
194
- .semi-portal-rtl .semi-input-inset-label {
195
- margin-right: auto;
196
- margin-left: 12px;
197
- }
198
193
  .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
199
194
  .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
200
195
  .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
@@ -88,7 +88,7 @@ $radius-input_wrapper: var(--semi-border-radius-small); // 输入框圆角大小
88
88
  $spacing-input_icon-marginLeft: -$spacing-base-tight; // 输入框图标左侧内边距
89
89
  $spacing-input-paddingLeft: $spacing-base-tight; // 输入光标距离容器的左侧内边距
90
90
  $spacing-input-paddingRight: $spacing-base-tight; // 输入文字距离容器的右侧内边距
91
- $spacing-input_insetLabel-marginRight: $spacing-base-tight;
91
+ $spacing-input_prefix_suffix-marginX: $spacing-base-tight; // prefix/suffix 水平外边距
92
92
  $spacing-input_prefix_icon-marginY: 0; // prefix 图标垂直内边距
93
93
  $spacing-input_prefix_icon-marginX: $spacing-tight; // prefix 图标水平内边距
94
94
  $spacing-input_clearBtn_withSuffix-marginLeft: -$spacing-base-tight; // 清空按钮左侧内边距
@@ -96,7 +96,7 @@ $spacing-input_prepend-paddingY: 0; // 前置标签垂直内边距
96
96
  $spacing-input_prepend-paddingX: $spacing-base-tight; // 前置标签水平内边距
97
97
  $spacing-input_group_withTopLabel-marginTop: $spacing-base;
98
98
  $spacing-input_group_withTopLabel-marginBottom: $spacing-base;
99
- $font-input_insetLabel-fontWeight: 600; // prefix 文字字重
99
+ $font-input_prefix_suffix-fontWeight: $font-weight-bold; // prefix/suffix 文字字重
100
100
 
101
101
  $spacing-textarea-paddingY: 5px; // 多行文本垂直内边距
102
102
  $spacing-textarea-paddingX: $spacing-base-tight; // 多行文本水平内边距
@@ -40,10 +40,6 @@ $module: #{$prefix}-select;
40
40
  }
41
41
  }
42
42
 
43
- &-inset-label {
44
- margin-left: $spacing-select_insetLabel-marginRight;
45
- }
46
-
47
43
  &-create-tips {
48
44
  margin-right: 0;
49
45
  margin-left: $spacing-select_create_tips-marginRight;
@@ -336,7 +336,7 @@
336
336
  display: inline;
337
337
  }
338
338
  .semi-select-inset-label {
339
- margin-right: 12px;
339
+ margin: 0px 12px;
340
340
  font-weight: 600;
341
341
  font-size: 14px;
342
342
  line-height: 20px;
@@ -531,10 +531,6 @@
531
531
  margin-left: 0;
532
532
  margin-right: 8px;
533
533
  }
534
- .semi-rtl .semi-select-inset-label,
535
- .semi-portal-rtl .semi-select-inset-label {
536
- margin-left: 12px;
537
- }
538
534
  .semi-rtl .semi-select-create-tips,
539
535
  .semi-portal-rtl .semi-select-create-tips {
540
536
  margin-right: 0;
@@ -311,7 +311,7 @@ $overflowList: #{$prefix}-overflow-list;
311
311
  margin: $spacing-select_prefix_suffix_text-marginY $spacing-select_prefix_suffix_text-marginX;
312
312
  color: $color-select_prefix_suffix_text-default;
313
313
  @include font-size-regular;
314
- font-weight: $font-weight-bold;
314
+ font-weight: $font-select_prefix_suffix-fontWeight;
315
315
  }
316
316
 
317
317
  &-icon {
@@ -339,10 +339,10 @@ $overflowList: #{$prefix}-overflow-list;
339
339
  }
340
340
 
341
341
  &-inset-label {
342
- margin-right: $spacing-base-tight;
343
- font-weight: $font-select_inset_label-fontWeight;
342
+ margin: $spacing-select_prefix_suffix_text-marginY $spacing-select_prefix_suffix_text-marginX;
343
+ font-weight: $font-select_prefix_suffix-fontWeight;
344
344
  @include font-size-regular;
345
- color: $color-select_inset_label-text;
345
+ color: $color-select_prefix_suffix_text-default;
346
346
  flex-shrink: 0;
347
347
  white-space: nowrap;
348
348
  }
@@ -55,7 +55,6 @@ $color-select_option_disabled-bg: transparent; // 禁用选择器菜单选项背
55
55
  $color-select_option-icon-active: var(--semi-color-text-2); // 禁用选择器菜单选项图标颜色 - 选中态
56
56
  $color-select_option-border-default: var(--semi-color-border); // 分组选择器菜单项描边颜色
57
57
  $color-select-option-bg-selected: transparent; // 选择器菜单选项背景颜色 - 选中态
58
- $color-select_inset_label-text: var(--semi-color-text-2); // 分组选择器菜单项辅助文本颜色
59
58
  $color-select_create_tips-text: var(--semi-color-text-2); // 分组选择器菜单项提示文本颜色
60
59
  $color-select_group-text: var(--semi-color-text-2); // 分组选择器菜单项分组标题文本颜色
61
60
 
@@ -109,7 +108,6 @@ $spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标
109
108
  $spacing-select_tag-marginRight: $spacing-extra-tight; // 多项选择器标签右侧外边距
110
109
  $spacing-select_tag-marginBottom: $spacing-super-tight - 1px; // 多项选择器标签底部外边距
111
110
  $spacing-select_selection-marginLeft: $spacing-base-tight; // 选择器内容区左侧外边距
112
- $spacing-select_insetLabel-marginRight: $spacing-base-tight; // 选择器内嵌标签右侧外边距
113
111
 
114
112
  $spacing-select_option_list-paddingTop: $spacing-extra-tight; // 选择器内容区顶部内边距
115
113
  $spacing-select_option_list-paddingRight: 0px; // 选择器内容区右侧内边距
@@ -127,8 +125,8 @@ $radius-select_option: 0px; // 选择器待选项圆角
127
125
 
128
126
  // Font
129
127
  $font-select-fontWeight: $font-weight-regular; // 选择器文本字重
130
- $font-select_inset_label-fontWeight: 600; // 选择器内嵌标签文本字重
131
128
  $font-select_keyword-fontWeight: 600; // 选择器搜索结果命关键词中文本字重
129
+ $font-select_prefix_suffix-fontWeight: $font-weight-bold; // 选择器输入框前后缀文本字重
132
130
 
133
131
  // Other
134
132
  $opacity-select_selection_text_inactive: 0.4;
@@ -208,7 +208,7 @@
208
208
  visibility: hidden;
209
209
  }
210
210
  .semi-tagInput-inset-label {
211
- margin-right: 12px;
211
+ margin: 0 12px;
212
212
  font-weight: 600;
213
213
  font-size: 14px;
214
214
  line-height: 20px;
@@ -226,6 +226,9 @@
226
226
  margin: 0 12px;
227
227
  font-weight: 600;
228
228
  white-space: nowrap;
229
+ font-size: 14px;
230
+ line-height: 20px;
231
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
229
232
  }
230
233
  .semi-tagInput-prefix-icon, .semi-tagInput-suffix-icon {
231
234
  color: var(--semi-color-text-2);
@@ -256,10 +256,10 @@ $module: #{$prefix}-tagInput;
256
256
  }
257
257
 
258
258
  &-inset-label {
259
- margin-right: $spacing-tagInput_insetLabel-marginRight;
260
- font-weight: $font-tagInput_insetLabel-fontWeight;
259
+ margin: 0 $spacing-tagInput_prefix_suffix-marginX;
260
+ font-weight: $font-tagInput_prefix_suffix-fontWeight;
261
261
  @include font-size-regular;
262
- color: $color-tagInput_prefix-text-default;
262
+ color: $color-tagInput_prefix-default;
263
263
  flex-shrink: 0;
264
264
  white-space: nowrap;
265
265
  }
@@ -268,9 +268,10 @@ $module: #{$prefix}-tagInput;
268
268
  &-suffix {
269
269
  @include all-center;
270
270
  &-text {
271
- margin: 0 $spacing-base-tight;
272
- font-weight: 600;
271
+ margin: 0 $spacing-tagInput_prefix_suffix-marginX;
272
+ font-weight: $font-tagInput_prefix_suffix-fontWeight;
273
273
  white-space: nowrap;
274
+ @include font-size-regular;
274
275
  }
275
276
  &-icon {
276
277
  color: $color-tagInput-icon-default;
@@ -37,7 +37,7 @@ $spacing-tagInput_large-Y: 3px; // 大尺寸标签输入框标签顶部外边距
37
37
  $spacing-tagInput_wrapper_n_paddingX: $spacing-tight; //标签输入框标签容器水平内边距
38
38
  $spacing-tagInput_drag_handler-marginRight: 4px; // 拖拽handler icon的右外边距
39
39
  $spacing-tagInput_tag_icon_paddingLeft: 4px; // tag中有handler icon时tag的左内边距
40
- $spacing-tagInput_insetLabel-marginRight: $spacing-base-tight; // Form容器中标签输入框内嵌Label的右边距
40
+ $spacing-tagInput_prefix_suffix-marginX: $spacing-base-tight; // 标签输入框 prefix/suffix 水平外边距
41
41
 
42
42
  $height-tagInput-large: $height-control-large; // 大尺寸标签输入框高度
43
43
  $height-tagInput-default: $height-control-default; // 默认尺寸标签输入框高度
@@ -56,4 +56,4 @@ $radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角
56
56
 
57
57
  $z-tagInput_drag_item_move: 2000 !default; // 标签输入框中正在拖拽元素的z-index
58
58
 
59
- $font-tagInput_insetLabel-fontWeight: 600; // prefix 文字字重
59
+ $font-tagInput_prefix_suffix-fontWeight: $font-weight-bold; // 标签输入框 prefix/suffix 文字字重
@@ -40,12 +40,6 @@ $module: #{$prefix}-tree-select;
40
40
  }
41
41
  }
42
42
  }
43
-
44
- &-inset-label {
45
- margin-right: 0;
46
- margin-left: $spacing-treeSelect_insertLabel-marginRight;
47
- }
48
-
49
43
  &-prefix,
50
44
  &-suffix {
51
45
  &.#{$module}-with-suffix {
@@ -229,7 +229,7 @@
229
229
  }
230
230
  .semi-tree-select-inset-label {
231
231
  display: inline;
232
- margin-right: 12px;
232
+ margin: 0px 12px;
233
233
  font-weight: 600;
234
234
  font-size: 14px;
235
235
  line-height: 20px;
@@ -363,11 +363,6 @@
363
363
  padding-left: 0;
364
364
  padding-right: 8px;
365
365
  }
366
- .semi-rtl .semi-tree-select-inset-label,
367
- .semi-portal-rtl .semi-tree-select-inset-label {
368
- margin-right: 0;
369
- margin-left: 12px;
370
- }
371
366
  .semi-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection, .semi-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection,
372
367
  .semi-portal-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection,
373
368
  .semi-portal-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
@@ -297,10 +297,10 @@ $module: #{$prefix}-tree-select;
297
297
 
298
298
  &-inset-label {
299
299
  display: inline;
300
- margin-right: $spacing-treeSelect_insertLabel-marginRight;
301
- font-weight: $font-treeSelect_insertLabel-fontWeight;
300
+ margin: $spacing-treeSelect_prefix_text-marginY $spacing-treeSelect_prefix_text-marginX;
301
+ font-weight: $font-treeSelect_prefix_suffix_fontWeight;
302
302
  @include font-size-regular;
303
- color: $color-treeSelect_insertLabel-text-default;
303
+ color: $color-treeSelect_prefix_suffix_text-default;
304
304
  flex-shrink: 0;
305
305
  white-space: nowrap;
306
306
  }
@@ -338,7 +338,7 @@ $module: #{$prefix}-tree-select;
338
338
 
339
339
  &-text {
340
340
  color: $color-treeSelect_prefix_suffix_text-default;
341
- font-weight: $font-weight-bold;
341
+ font-weight: $font-treeSelect_prefix_suffix_fontWeight;
342
342
  @include font-size-regular;
343
343
  margin: $spacing-treeSelect_prefix_text-marginY $spacing-treeSelect_prefix_text-marginX;
344
344
  }
@@ -63,6 +63,8 @@ $font-treeSelect_small-lineHeight: $height-treeSelect_small; // 小尺寸树选
63
63
  $height-treeSelect_large: $height-control-large; // 大尺寸树选择器选择器文本行高
64
64
  $font-treeSelect_large-lineHeight: $height-treeSelect_large; // 大尺寸树选择器选择器文本行高
65
65
 
66
+ $font-treeSelect_prefix_suffix_fontWeight: $font-weight-bold; // 树选择器前缀后缀文本字重
67
+
66
68
  $spacing-treeSelect_selection_tagInput_wrapper-paddingX: $spacing-extra-tight; // 树选择器多选标签容器水平内边距
67
69
  $spacing-treeSelect_selection_tagInput_empty-marginLeft: $spacing-extra-tight; // 树选择器多选标签容器为空时左侧外边距
68
70
  $spacing-treeSelect_selection_tagInput_notEmpty-marginLeft: - $spacing-extra-tight; // 树选择器多选标签容器不为空时左侧外边距
@@ -75,7 +77,6 @@ $spacing-treeSelect_prefix_text-marginY: 0px; // 树选择器前缀文本垂直
75
77
  $spacing-treeSelect_prefix_text-marginX: $spacing-base-tight; // 树选择器前缀文本水平外边距
76
78
  $spacing-treeSelect_prefix_icon-marginY: 0px; // 树选择器前缀图标垂直外边距
77
79
  $spacing-treeSelect_prefix_icon-marginX: $spacing-tight; // 树选择器前缀图标水平外边距
78
- $spacing-treeSelect_insertLabel-marginRight: $spacing-base-tight; // 树选择器前缀标签右侧外边距
79
80
  $spacing-treeSelect_selection_withSuffix-paddingRight: 0px; // 树选择器有后缀时内容右侧内边距
80
81
  $spacing-treeSelect_search_wrapper-paddingX: 12px; // 树选择器搜索框容器水平内边距
81
82
  $spacing-treeSelect_search_wrapper-paddingY: 8px; // 树选择器搜索框容器垂直内边距
@@ -83,8 +84,6 @@ $spacing-treeSelect_search_wrapper-paddingY: 8px; // 树选择器搜索框容器
83
84
  $color-treeSelect_selection_TriggerSearchItem_disabled-text-default: var(--semi-color-disabled-text); // 带搜索的树选择器触发器占位文本默认颜色
84
85
  $color-treeSelect_inputTrigger-border-default: none; // 带搜索的树选择器触发器描边颜色
85
86
  $color-treeSelect_inputTrigger-bg-default: transparent; // 带搜索的树选择器触发器背景颜色
86
- $color-treeSelect_insertLabel-text-default: var(--semi-color-text-2); // 带搜索的树前缀标签文本颜色
87
- $font-treeSelect_insertLabel-fontWeight: 600; // 带搜索的树前缀标签文本字重
88
87
  $color-treeSelect_prefix_suffix_text-default: var(--semi-color-text-2); // 带搜索的树选择器前后缀文本颜色
89
88
 
90
89
  $width-treeSelect_arrow: 32px; // 树选择器展开箭头宽度
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.76.0",
3
+ "version": "2.76.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.76.0",
11
- "@douyinfe/semi-json-viewer-core": "2.76.0",
10
+ "@douyinfe/semi-animation": "2.76.1",
11
+ "@douyinfe/semi-json-viewer-core": "2.76.1",
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": "c5a769551242f561bc5a64379af17bf45548b568",
32
+ "gitHead": "3feea3f0ba53bd6710ad2fc9aca2ec892a2a21df",
33
33
  "devDependencies": {
34
34
  "@babel/plugin-transform-runtime": "^7.15.8",
35
35
  "@babel/preset-env": "^7.15.8",
package/select/rtl.scss CHANGED
@@ -40,10 +40,6 @@ $module: #{$prefix}-select;
40
40
  }
41
41
  }
42
42
 
43
- &-inset-label {
44
- margin-left: $spacing-select_insetLabel-marginRight;
45
- }
46
-
47
43
  &-create-tips {
48
44
  margin-right: 0;
49
45
  margin-left: $spacing-select_create_tips-marginRight;
@@ -311,7 +311,7 @@ $overflowList: #{$prefix}-overflow-list;
311
311
  margin: $spacing-select_prefix_suffix_text-marginY $spacing-select_prefix_suffix_text-marginX;
312
312
  color: $color-select_prefix_suffix_text-default;
313
313
  @include font-size-regular;
314
- font-weight: $font-weight-bold;
314
+ font-weight: $font-select_prefix_suffix-fontWeight;
315
315
  }
316
316
 
317
317
  &-icon {
@@ -339,10 +339,10 @@ $overflowList: #{$prefix}-overflow-list;
339
339
  }
340
340
 
341
341
  &-inset-label {
342
- margin-right: $spacing-base-tight;
343
- font-weight: $font-select_inset_label-fontWeight;
342
+ margin: $spacing-select_prefix_suffix_text-marginY $spacing-select_prefix_suffix_text-marginX;
343
+ font-weight: $font-select_prefix_suffix-fontWeight;
344
344
  @include font-size-regular;
345
- color: $color-select_inset_label-text;
345
+ color: $color-select_prefix_suffix_text-default;
346
346
  flex-shrink: 0;
347
347
  white-space: nowrap;
348
348
  }
@@ -55,7 +55,6 @@ $color-select_option_disabled-bg: transparent; // 禁用选择器菜单选项背
55
55
  $color-select_option-icon-active: var(--semi-color-text-2); // 禁用选择器菜单选项图标颜色 - 选中态
56
56
  $color-select_option-border-default: var(--semi-color-border); // 分组选择器菜单项描边颜色
57
57
  $color-select-option-bg-selected: transparent; // 选择器菜单选项背景颜色 - 选中态
58
- $color-select_inset_label-text: var(--semi-color-text-2); // 分组选择器菜单项辅助文本颜色
59
58
  $color-select_create_tips-text: var(--semi-color-text-2); // 分组选择器菜单项提示文本颜色
60
59
  $color-select_group-text: var(--semi-color-text-2); // 分组选择器菜单项分组标题文本颜色
61
60
 
@@ -109,7 +108,6 @@ $spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标
109
108
  $spacing-select_tag-marginRight: $spacing-extra-tight; // 多项选择器标签右侧外边距
110
109
  $spacing-select_tag-marginBottom: $spacing-super-tight - 1px; // 多项选择器标签底部外边距
111
110
  $spacing-select_selection-marginLeft: $spacing-base-tight; // 选择器内容区左侧外边距
112
- $spacing-select_insetLabel-marginRight: $spacing-base-tight; // 选择器内嵌标签右侧外边距
113
111
 
114
112
  $spacing-select_option_list-paddingTop: $spacing-extra-tight; // 选择器内容区顶部内边距
115
113
  $spacing-select_option_list-paddingRight: 0px; // 选择器内容区右侧内边距
@@ -127,8 +125,8 @@ $radius-select_option: 0px; // 选择器待选项圆角
127
125
 
128
126
  // Font
129
127
  $font-select-fontWeight: $font-weight-regular; // 选择器文本字重
130
- $font-select_inset_label-fontWeight: 600; // 选择器内嵌标签文本字重
131
128
  $font-select_keyword-fontWeight: 600; // 选择器搜索结果命关键词中文本字重
129
+ $font-select_prefix_suffix-fontWeight: $font-weight-bold; // 选择器输入框前后缀文本字重
132
130
 
133
131
  // Other
134
132
  $opacity-select_selection_text_inactive: 0.4;
@@ -256,10 +256,10 @@ $module: #{$prefix}-tagInput;
256
256
  }
257
257
 
258
258
  &-inset-label {
259
- margin-right: $spacing-tagInput_insetLabel-marginRight;
260
- font-weight: $font-tagInput_insetLabel-fontWeight;
259
+ margin: 0 $spacing-tagInput_prefix_suffix-marginX;
260
+ font-weight: $font-tagInput_prefix_suffix-fontWeight;
261
261
  @include font-size-regular;
262
- color: $color-tagInput_prefix-text-default;
262
+ color: $color-tagInput_prefix-default;
263
263
  flex-shrink: 0;
264
264
  white-space: nowrap;
265
265
  }
@@ -268,9 +268,10 @@ $module: #{$prefix}-tagInput;
268
268
  &-suffix {
269
269
  @include all-center;
270
270
  &-text {
271
- margin: 0 $spacing-base-tight;
272
- font-weight: 600;
271
+ margin: 0 $spacing-tagInput_prefix_suffix-marginX;
272
+ font-weight: $font-tagInput_prefix_suffix-fontWeight;
273
273
  white-space: nowrap;
274
+ @include font-size-regular;
274
275
  }
275
276
  &-icon {
276
277
  color: $color-tagInput-icon-default;
@@ -37,7 +37,7 @@ $spacing-tagInput_large-Y: 3px; // 大尺寸标签输入框标签顶部外边距
37
37
  $spacing-tagInput_wrapper_n_paddingX: $spacing-tight; //标签输入框标签容器水平内边距
38
38
  $spacing-tagInput_drag_handler-marginRight: 4px; // 拖拽handler icon的右外边距
39
39
  $spacing-tagInput_tag_icon_paddingLeft: 4px; // tag中有handler icon时tag的左内边距
40
- $spacing-tagInput_insetLabel-marginRight: $spacing-base-tight; // Form容器中标签输入框内嵌Label的右边距
40
+ $spacing-tagInput_prefix_suffix-marginX: $spacing-base-tight; // 标签输入框 prefix/suffix 水平外边距
41
41
 
42
42
  $height-tagInput-large: $height-control-large; // 大尺寸标签输入框高度
43
43
  $height-tagInput-default: $height-control-default; // 默认尺寸标签输入框高度
@@ -56,4 +56,4 @@ $radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角
56
56
 
57
57
  $z-tagInput_drag_item_move: 2000 !default; // 标签输入框中正在拖拽元素的z-index
58
58
 
59
- $font-tagInput_insetLabel-fontWeight: 600; // prefix 文字字重
59
+ $font-tagInput_prefix_suffix-fontWeight: $font-weight-bold; // 标签输入框 prefix/suffix 文字字重
@@ -40,12 +40,6 @@ $module: #{$prefix}-tree-select;
40
40
  }
41
41
  }
42
42
  }
43
-
44
- &-inset-label {
45
- margin-right: 0;
46
- margin-left: $spacing-treeSelect_insertLabel-marginRight;
47
- }
48
-
49
43
  &-prefix,
50
44
  &-suffix {
51
45
  &.#{$module}-with-suffix {
@@ -297,10 +297,10 @@ $module: #{$prefix}-tree-select;
297
297
 
298
298
  &-inset-label {
299
299
  display: inline;
300
- margin-right: $spacing-treeSelect_insertLabel-marginRight;
301
- font-weight: $font-treeSelect_insertLabel-fontWeight;
300
+ margin: $spacing-treeSelect_prefix_text-marginY $spacing-treeSelect_prefix_text-marginX;
301
+ font-weight: $font-treeSelect_prefix_suffix_fontWeight;
302
302
  @include font-size-regular;
303
- color: $color-treeSelect_insertLabel-text-default;
303
+ color: $color-treeSelect_prefix_suffix_text-default;
304
304
  flex-shrink: 0;
305
305
  white-space: nowrap;
306
306
  }
@@ -338,7 +338,7 @@ $module: #{$prefix}-tree-select;
338
338
 
339
339
  &-text {
340
340
  color: $color-treeSelect_prefix_suffix_text-default;
341
- font-weight: $font-weight-bold;
341
+ font-weight: $font-treeSelect_prefix_suffix_fontWeight;
342
342
  @include font-size-regular;
343
343
  margin: $spacing-treeSelect_prefix_text-marginY $spacing-treeSelect_prefix_text-marginX;
344
344
  }
@@ -63,6 +63,8 @@ $font-treeSelect_small-lineHeight: $height-treeSelect_small; // 小尺寸树选
63
63
  $height-treeSelect_large: $height-control-large; // 大尺寸树选择器选择器文本行高
64
64
  $font-treeSelect_large-lineHeight: $height-treeSelect_large; // 大尺寸树选择器选择器文本行高
65
65
 
66
+ $font-treeSelect_prefix_suffix_fontWeight: $font-weight-bold; // 树选择器前缀后缀文本字重
67
+
66
68
  $spacing-treeSelect_selection_tagInput_wrapper-paddingX: $spacing-extra-tight; // 树选择器多选标签容器水平内边距
67
69
  $spacing-treeSelect_selection_tagInput_empty-marginLeft: $spacing-extra-tight; // 树选择器多选标签容器为空时左侧外边距
68
70
  $spacing-treeSelect_selection_tagInput_notEmpty-marginLeft: - $spacing-extra-tight; // 树选择器多选标签容器不为空时左侧外边距
@@ -75,7 +77,6 @@ $spacing-treeSelect_prefix_text-marginY: 0px; // 树选择器前缀文本垂直
75
77
  $spacing-treeSelect_prefix_text-marginX: $spacing-base-tight; // 树选择器前缀文本水平外边距
76
78
  $spacing-treeSelect_prefix_icon-marginY: 0px; // 树选择器前缀图标垂直外边距
77
79
  $spacing-treeSelect_prefix_icon-marginX: $spacing-tight; // 树选择器前缀图标水平外边距
78
- $spacing-treeSelect_insertLabel-marginRight: $spacing-base-tight; // 树选择器前缀标签右侧外边距
79
80
  $spacing-treeSelect_selection_withSuffix-paddingRight: 0px; // 树选择器有后缀时内容右侧内边距
80
81
  $spacing-treeSelect_search_wrapper-paddingX: 12px; // 树选择器搜索框容器水平内边距
81
82
  $spacing-treeSelect_search_wrapper-paddingY: 8px; // 树选择器搜索框容器垂直内边距
@@ -83,8 +84,6 @@ $spacing-treeSelect_search_wrapper-paddingY: 8px; // 树选择器搜索框容器
83
84
  $color-treeSelect_selection_TriggerSearchItem_disabled-text-default: var(--semi-color-disabled-text); // 带搜索的树选择器触发器占位文本默认颜色
84
85
  $color-treeSelect_inputTrigger-border-default: none; // 带搜索的树选择器触发器描边颜色
85
86
  $color-treeSelect_inputTrigger-bg-default: transparent; // 带搜索的树选择器触发器背景颜色
86
- $color-treeSelect_insertLabel-text-default: var(--semi-color-text-2); // 带搜索的树前缀标签文本颜色
87
- $font-treeSelect_insertLabel-fontWeight: 600; // 带搜索的树前缀标签文本字重
88
87
  $color-treeSelect_prefix_suffix_text-default: var(--semi-color-text-2); // 带搜索的树选择器前后缀文本颜色
89
88
 
90
89
  $width-treeSelect_arrow: 32px; // 树选择器展开箭头宽度