@douyinfe/semi-foundation 2.20.6 → 2.20.8

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 (15) hide show
  1. package/lib/cjs/select/constants.js +1 -1
  2. package/lib/cjs/select/option.scss +6 -6
  3. package/lib/cjs/select/select.css +7 -7
  4. package/lib/cjs/select/select.scss +9 -4
  5. package/lib/cjs/select/variables.scss +9 -4
  6. package/lib/es/select/constants.js +1 -1
  7. package/lib/es/select/option.scss +6 -6
  8. package/lib/es/select/select.css +7 -7
  9. package/lib/es/select/select.scss +9 -4
  10. package/lib/es/select/variables.scss +9 -4
  11. package/package.json +2 -2
  12. package/select/constants.ts +1 -1
  13. package/select/option.scss +6 -6
  14. package/select/select.scss +9 -4
  15. package/select/variables.scss +9 -4
package/lib/cjs/select/constants.js CHANGED
@@ -25,6 +25,6 @@ const strings = {
25
25
  };
26
26
  exports.strings = strings;
27
27
  const numbers = {
28
- LIST_HEIGHT: 300
28
+ LIST_HEIGHT: 270
29
29
  };
30
30
  exports.numbers = numbers;
package/lib/cjs/select/option.scss CHANGED
@@ -85,11 +85,11 @@ $multiple: #{$module}-multiple;
85
85
  background-color: $color-select_option-bg-hover;
86
86
  }
87
87
 
88
- &:first-of-type {
89
- margin-top: $spacing-select_option_first-marginTop;
90
- }
88
+ // &:first-of-type {
89
+ // margin-top: $spacing-select_option_first-marginTop;
90
+ // }
91
91
 
92
- &:last-of-type {
93
- margin-bottom: $spacing-select_option_last-marginBottom;
94
- }
92
+ // &:last-of-type {
93
+ // margin-bottom: $spacing-select_option_last-marginBottom;
94
+ // }
95
95
  }
package/lib/cjs/select/select.css CHANGED
@@ -68,12 +68,6 @@
68
68
  .semi-select-option-focused {
69
69
  background-color: var(--semi-color-fill-0);
70
70
  }
71
- .semi-select-option:first-of-type {
72
- margin-top: 4px;
73
- }
74
- .semi-select-option:last-of-type {
75
- margin-bottom: 4px;
76
- }
77
71
 
78
72
  .semi-select {
79
73
  box-sizing: border-box;
@@ -380,10 +374,16 @@
380
374
  padding-right: 0;
381
375
  }
382
376
 
377
+ .semi-select-option-list-wrapper {
378
+ padding-top: 4px;
379
+ padding-bottom: 4px;
380
+ padding-left: 0px;
381
+ padding-right: 0px;
382
+ }
383
+
383
384
  .semi-select-option-list {
384
385
  overflow-x: hidden;
385
386
  overflow-y: auto;
386
- padding: 0px 0px 0px 0px;
387
387
  }
388
388
  .semi-select-option-list-chosen .semi-select-option-icon {
389
389
  display: flex;
package/lib/cjs/select/select.scss CHANGED
@@ -22,9 +22,8 @@ $multiple: #{$module}-multiple;
22
22
  position: relative;
23
23
  outline: none;
24
24
  cursor: pointer;
25
- transition: background-color $transition_duration-select-bg $transition_function-select-bg $transition_delay-select-bg,
26
- border $transition_duration-select-border $transition_function-select-border $transition_delay-select-border;
27
- transform:scale($transform_scale-select);
25
+ transition: background-color $transition_duration-select-bg $transition_function-select-bg $transition_delay-select-bg, border $transition_duration-select-border $transition_function-select-border $transition_delay-select-border;
26
+ transform: scale($transform_scale-select);
28
27
  &:hover {
29
28
  background-color: $color-select-bg-hover;
30
29
  border: $width-select-border-hover solid $color-select-border-hover;
@@ -394,10 +393,16 @@ $multiple: #{$module}-multiple;
394
393
  }
395
394
  }
396
395
 
396
+ .#{$module}-option-list-wrapper {
397
+ padding-top: $spacing-select_option_list-paddingTop;
398
+ padding-bottom: $spacing-select_option_list-paddingBottom;
399
+ padding-left: $spacing-select_option_list-paddingLeft;
400
+ padding-right: $spacing-select_option_list-paddingRight;
401
+ }
402
+
397
403
  .#{$module}-option-list {
398
404
  overflow-x: hidden;
399
405
  overflow-y: auto;
400
- padding: $spacing-select_option_list-paddingTop $spacing-select_option_list-paddingRight $spacing-select_option_list-paddingBottom $spacing-select_option_list-paddingLeft;
401
406
  &-chosen {
402
407
  .#{$module}-option-icon {
403
408
  display: flex;
package/lib/cjs/select/variables.scss CHANGED
@@ -84,16 +84,21 @@ $spacing-select_option-paddingLeft: $spacing-base-tight; // 选择器菜单项
84
84
  $spacing-select_option-paddingRight: $spacing-base-tight; // 选择器菜单项右侧内边距
85
85
  $spacing-select_option-paddingTop: $spacing-tight; // 选择器菜单项顶部内边距
86
86
  $spacing-select_option-paddingBottom: $spacing-tight; // 选择器菜单项底部内边距
87
- $spacing-select_option_first-marginTop: $spacing-extra-tight; // 选择器第一个菜单项顶部外边距
88
- $spacing-select_option_last-marginBottom: $spacing-extra-tight; // 选择器最后一个菜单项顶部外边距
87
+
88
+
89
+ // $spacing-select_option_first-marginTop: $spacing-extra-tight; // 选择器第一个菜单项顶部外边距
90
+ // $spacing-select_option_last-marginBottom: $spacing-extra-tight; // 选择器最后一个菜单项顶部外边距
91
+
92
+
89
93
  $spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标签顶部外边距
90
94
  $spacing-select_tag-marginRight: $spacing-extra-tight; // 多项选择器标签右侧外边距
91
95
  $spacing-select_tag-marginBottom: $spacing-super-tight - 1px; // 多项选择器标签底部外边距
92
96
  $spacing-select_selection-marginLeft: $spacing-base-tight; // 选择器内容区左侧外边距
93
97
  $spacing-select_insetLabel-marginRight: $spacing-base-tight; // 选择器内嵌标签右侧外边距
94
- $spacing-select_option_list-paddingTop: 0px; // 选择器内容区顶部内边距
98
+
99
+ $spacing-select_option_list-paddingTop: $spacing-extra-tight; // 选择器内容区顶部内边距
95
100
  $spacing-select_option_list-paddingRight: 0px; // 选择器内容区右侧内边距
96
- $spacing-select_option_list-paddingBottom: 0px; // 选择器内容区底部内边距
101
+ $spacing-select_option_list-paddingBottom: $spacing-extra-tight; // 选择器内容区底部内边距
97
102
  $spacing-select_option_list-paddingLeft: 0px; // 选择器内容区左侧内边距
98
103
 
99
104
  // Radius
package/lib/es/select/constants.js CHANGED
@@ -14,6 +14,6 @@ const strings = {
14
14
  STATUS: VALIDATE_STATUS
15
15
  };
16
16
  const numbers = {
17
- LIST_HEIGHT: 300
17
+ LIST_HEIGHT: 270
18
18
  };
19
19
  export { cssClasses, strings, numbers };
package/lib/es/select/option.scss CHANGED
@@ -85,11 +85,11 @@ $multiple: #{$module}-multiple;
85
85
  background-color: $color-select_option-bg-hover;
86
86
  }
87
87
 
88
- &:first-of-type {
89
- margin-top: $spacing-select_option_first-marginTop;
90
- }
88
+ // &:first-of-type {
89
+ // margin-top: $spacing-select_option_first-marginTop;
90
+ // }
91
91
 
92
- &:last-of-type {
93
- margin-bottom: $spacing-select_option_last-marginBottom;
94
- }
92
+ // &:last-of-type {
93
+ // margin-bottom: $spacing-select_option_last-marginBottom;
94
+ // }
95
95
  }
package/lib/es/select/select.css CHANGED
@@ -68,12 +68,6 @@
68
68
  .semi-select-option-focused {
69
69
  background-color: var(--semi-color-fill-0);
70
70
  }
71
- .semi-select-option:first-of-type {
72
- margin-top: 4px;
73
- }
74
- .semi-select-option:last-of-type {
75
- margin-bottom: 4px;
76
- }
77
71
 
78
72
  .semi-select {
79
73
  box-sizing: border-box;
@@ -380,10 +374,16 @@
380
374
  padding-right: 0;
381
375
  }
382
376
 
377
+ .semi-select-option-list-wrapper {
378
+ padding-top: 4px;
379
+ padding-bottom: 4px;
380
+ padding-left: 0px;
381
+ padding-right: 0px;
382
+ }
383
+
383
384
  .semi-select-option-list {
384
385
  overflow-x: hidden;
385
386
  overflow-y: auto;
386
- padding: 0px 0px 0px 0px;
387
387
  }
388
388
  .semi-select-option-list-chosen .semi-select-option-icon {
389
389
  display: flex;
package/lib/es/select/select.scss CHANGED
@@ -22,9 +22,8 @@ $multiple: #{$module}-multiple;
22
22
  position: relative;
23
23
  outline: none;
24
24
  cursor: pointer;
25
- transition: background-color $transition_duration-select-bg $transition_function-select-bg $transition_delay-select-bg,
26
- border $transition_duration-select-border $transition_function-select-border $transition_delay-select-border;
27
- transform:scale($transform_scale-select);
25
+ transition: background-color $transition_duration-select-bg $transition_function-select-bg $transition_delay-select-bg, border $transition_duration-select-border $transition_function-select-border $transition_delay-select-border;
26
+ transform: scale($transform_scale-select);
28
27
  &:hover {
29
28
  background-color: $color-select-bg-hover;
30
29
  border: $width-select-border-hover solid $color-select-border-hover;
@@ -394,10 +393,16 @@ $multiple: #{$module}-multiple;
394
393
  }
395
394
  }
396
395
 
396
+ .#{$module}-option-list-wrapper {
397
+ padding-top: $spacing-select_option_list-paddingTop;
398
+ padding-bottom: $spacing-select_option_list-paddingBottom;
399
+ padding-left: $spacing-select_option_list-paddingLeft;
400
+ padding-right: $spacing-select_option_list-paddingRight;
401
+ }
402
+
397
403
  .#{$module}-option-list {
398
404
  overflow-x: hidden;
399
405
  overflow-y: auto;
400
- padding: $spacing-select_option_list-paddingTop $spacing-select_option_list-paddingRight $spacing-select_option_list-paddingBottom $spacing-select_option_list-paddingLeft;
401
406
  &-chosen {
402
407
  .#{$module}-option-icon {
403
408
  display: flex;
package/lib/es/select/variables.scss CHANGED
@@ -84,16 +84,21 @@ $spacing-select_option-paddingLeft: $spacing-base-tight; // 选择器菜单项
84
84
  $spacing-select_option-paddingRight: $spacing-base-tight; // 选择器菜单项右侧内边距
85
85
  $spacing-select_option-paddingTop: $spacing-tight; // 选择器菜单项顶部内边距
86
86
  $spacing-select_option-paddingBottom: $spacing-tight; // 选择器菜单项底部内边距
87
- $spacing-select_option_first-marginTop: $spacing-extra-tight; // 选择器第一个菜单项顶部外边距
88
- $spacing-select_option_last-marginBottom: $spacing-extra-tight; // 选择器最后一个菜单项顶部外边距
87
+
88
+
89
+ // $spacing-select_option_first-marginTop: $spacing-extra-tight; // 选择器第一个菜单项顶部外边距
90
+ // $spacing-select_option_last-marginBottom: $spacing-extra-tight; // 选择器最后一个菜单项顶部外边距
91
+
92
+
89
93
  $spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标签顶部外边距
90
94
  $spacing-select_tag-marginRight: $spacing-extra-tight; // 多项选择器标签右侧外边距
91
95
  $spacing-select_tag-marginBottom: $spacing-super-tight - 1px; // 多项选择器标签底部外边距
92
96
  $spacing-select_selection-marginLeft: $spacing-base-tight; // 选择器内容区左侧外边距
93
97
  $spacing-select_insetLabel-marginRight: $spacing-base-tight; // 选择器内嵌标签右侧外边距
94
- $spacing-select_option_list-paddingTop: 0px; // 选择器内容区顶部内边距
98
+
99
+ $spacing-select_option_list-paddingTop: $spacing-extra-tight; // 选择器内容区顶部内边距
95
100
  $spacing-select_option_list-paddingRight: 0px; // 选择器内容区右侧内边距
96
- $spacing-select_option_list-paddingBottom: 0px; // 选择器内容区底部内边距
101
+ $spacing-select_option_list-paddingBottom: $spacing-extra-tight; // 选择器内容区底部内边距
97
102
  $spacing-select_option_list-paddingLeft: 0px; // 选择器内容区左侧内边距
98
103
 
99
104
  // Radius
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.20.6",
3
+ "version": "2.20.8",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
23
23
  "*.scss",
24
24
  "*.css"
25
25
  ],
26
- "gitHead": "a3ff44756182c53fb1216ab4fd974edea4473bcd",
26
+ "gitHead": "9e94c35ebc88ffd1ed06cc5057ed90f94132a8f2",
27
27
  "devDependencies": {
28
28
  "@babel/plugin-transform-runtime": "^7.15.8",
29
29
  "@babel/preset-env": "^7.15.8",
package/select/constants.ts CHANGED
@@ -16,6 +16,6 @@ const strings = {
16
16
  STATUS: VALIDATE_STATUS,
17
17
  } as const;
18
18
 
19
- const numbers = { LIST_HEIGHT: 300 };
19
+ const numbers = { LIST_HEIGHT: 270 };
20
20
 
21
21
  export { cssClasses, strings, numbers };
package/select/option.scss CHANGED
@@ -85,11 +85,11 @@ $multiple: #{$module}-multiple;
85
85
  background-color: $color-select_option-bg-hover;
86
86
  }
87
87
 
88
- &:first-of-type {
89
- margin-top: $spacing-select_option_first-marginTop;
90
- }
88
+ // &:first-of-type {
89
+ // margin-top: $spacing-select_option_first-marginTop;
90
+ // }
91
91
 
92
- &:last-of-type {
93
- margin-bottom: $spacing-select_option_last-marginBottom;
94
- }
92
+ // &:last-of-type {
93
+ // margin-bottom: $spacing-select_option_last-marginBottom;
94
+ // }
95
95
  }
package/select/select.scss CHANGED
@@ -22,9 +22,8 @@ $multiple: #{$module}-multiple;
22
22
  position: relative;
23
23
  outline: none;
24
24
  cursor: pointer;
25
- transition: background-color $transition_duration-select-bg $transition_function-select-bg $transition_delay-select-bg,
26
- border $transition_duration-select-border $transition_function-select-border $transition_delay-select-border;
27
- transform:scale($transform_scale-select);
25
+ transition: background-color $transition_duration-select-bg $transition_function-select-bg $transition_delay-select-bg, border $transition_duration-select-border $transition_function-select-border $transition_delay-select-border;
26
+ transform: scale($transform_scale-select);
28
27
  &:hover {
29
28
  background-color: $color-select-bg-hover;
30
29
  border: $width-select-border-hover solid $color-select-border-hover;
@@ -394,10 +393,16 @@ $multiple: #{$module}-multiple;
394
393
  }
395
394
  }
396
395
 
396
+ .#{$module}-option-list-wrapper {
397
+ padding-top: $spacing-select_option_list-paddingTop;
398
+ padding-bottom: $spacing-select_option_list-paddingBottom;
399
+ padding-left: $spacing-select_option_list-paddingLeft;
400
+ padding-right: $spacing-select_option_list-paddingRight;
401
+ }
402
+
397
403
  .#{$module}-option-list {
398
404
  overflow-x: hidden;
399
405
  overflow-y: auto;
400
- padding: $spacing-select_option_list-paddingTop $spacing-select_option_list-paddingRight $spacing-select_option_list-paddingBottom $spacing-select_option_list-paddingLeft;
401
406
  &-chosen {
402
407
  .#{$module}-option-icon {
403
408
  display: flex;
package/select/variables.scss CHANGED
@@ -84,16 +84,21 @@ $spacing-select_option-paddingLeft: $spacing-base-tight; // 选择器菜单项
84
84
  $spacing-select_option-paddingRight: $spacing-base-tight; // 选择器菜单项右侧内边距
85
85
  $spacing-select_option-paddingTop: $spacing-tight; // 选择器菜单项顶部内边距
86
86
  $spacing-select_option-paddingBottom: $spacing-tight; // 选择器菜单项底部内边距
87
- $spacing-select_option_first-marginTop: $spacing-extra-tight; // 选择器第一个菜单项顶部外边距
88
- $spacing-select_option_last-marginBottom: $spacing-extra-tight; // 选择器最后一个菜单项顶部外边距
87
+
88
+
89
+ // $spacing-select_option_first-marginTop: $spacing-extra-tight; // 选择器第一个菜单项顶部外边距
90
+ // $spacing-select_option_last-marginBottom: $spacing-extra-tight; // 选择器最后一个菜单项顶部外边距
91
+
92
+
89
93
  $spacing-select_tag-marginTop: $spacing-super-tight - 1px; // 多项选择器标签顶部外边距
90
94
  $spacing-select_tag-marginRight: $spacing-extra-tight; // 多项选择器标签右侧外边距
91
95
  $spacing-select_tag-marginBottom: $spacing-super-tight - 1px; // 多项选择器标签底部外边距
92
96
  $spacing-select_selection-marginLeft: $spacing-base-tight; // 选择器内容区左侧外边距
93
97
  $spacing-select_insetLabel-marginRight: $spacing-base-tight; // 选择器内嵌标签右侧外边距
94
- $spacing-select_option_list-paddingTop: 0px; // 选择器内容区顶部内边距
98
+
99
+ $spacing-select_option_list-paddingTop: $spacing-extra-tight; // 选择器内容区顶部内边距
95
100
  $spacing-select_option_list-paddingRight: 0px; // 选择器内容区右侧内边距
96
- $spacing-select_option_list-paddingBottom: 0px; // 选择器内容区底部内边距
101
+ $spacing-select_option_list-paddingBottom: $spacing-extra-tight; // 选择器内容区底部内边距
97
102
  $spacing-select_option_list-paddingLeft: 0px; // 选择器内容区左侧内边距
98
103
 
99
104
  // Radius