@douyinfe/semi-foundation 2.22.0-beta.3 → 2.22.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 (24) hide show
  1. package/datePicker/datePicker.scss +22 -0
  2. package/datePicker/variables.scss +1 -1
  3. package/dropdown/dropdown.scss +2 -2
  4. package/lib/cjs/datePicker/datePicker.css +15 -0
  5. package/lib/cjs/datePicker/datePicker.scss +22 -0
  6. package/lib/cjs/datePicker/variables.scss +1 -1
  7. package/lib/cjs/dropdown/dropdown.css +2 -2
  8. package/lib/cjs/dropdown/dropdown.scss +2 -2
  9. package/lib/cjs/popover/popover.css +2 -2
  10. package/lib/cjs/popover/popover.scss +2 -2
  11. package/lib/cjs/tooltip/tooltip.css +2 -2
  12. package/lib/cjs/tooltip/tooltip.scss +2 -2
  13. package/lib/es/datePicker/datePicker.css +15 -0
  14. package/lib/es/datePicker/datePicker.scss +22 -0
  15. package/lib/es/datePicker/variables.scss +1 -1
  16. package/lib/es/dropdown/dropdown.css +2 -2
  17. package/lib/es/dropdown/dropdown.scss +2 -2
  18. package/lib/es/popover/popover.css +2 -2
  19. package/lib/es/popover/popover.scss +2 -2
  20. package/lib/es/tooltip/tooltip.css +2 -2
  21. package/lib/es/tooltip/tooltip.scss +2 -2
  22. package/package.json +2 -2
  23. package/popover/popover.scss +2 -2
  24. package/tooltip/tooltip.scss +2 -2
package/datePicker/datePicker.scss CHANGED
@@ -20,6 +20,17 @@ $module-list: #{$prefix}-scrolllist;
20
20
  height: 0;
21
21
  }
22
22
  }
23
+
24
+ .#{$module-list}-list-outer {
25
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
26
+ scrollbar-width: none; /* Firefox */
27
+
28
+ &::-webkit-scrollbar {
29
+ display: none;
30
+ width: 0;
31
+ height: 0;
32
+ }
33
+ }
23
34
  }
24
35
 
25
36
  // 双月网格
@@ -174,6 +185,13 @@ $module-list: #{$prefix}-scrolllist;
174
185
  }
175
186
  }
176
187
 
188
+ &-item {
189
+ & > ul > li {
190
+ // add paddingRight to make the same width under wheel and normal mode
191
+ min-width: $width-datepicker_panel_yam_scrolllist_li_min + $spacing-scrollList_item_wheel_list_outer-paddingRight;
192
+ }
193
+ }
194
+
177
195
  &-body {
178
196
  padding: 0;
179
197
  overflow: hidden;
@@ -181,6 +199,10 @@ $module-list: #{$prefix}-scrolllist;
181
199
  .#{$prefix}-scrolllist-item-wheel {
182
200
  border: none;
183
201
  }
202
+
203
+ .#{$prefix}-scrolllist-item {
204
+ border: none;
205
+ }
184
206
  }
185
207
  }
186
208
  }
package/datePicker/variables.scss CHANGED
@@ -74,7 +74,7 @@ $spacing-datepicker_insetInput_wrapper-paddingX: 16px;
74
74
  $spacing-datepicker_insetInput_wrapper-paddingBottom: 0;
75
75
  $spacing-datepicker_insetInput_separator-paddingY: 0;
76
76
  $spacing-datepicker_insetInput_separator-paddingX: 4px;
77
-
77
+ $spacing-scrollList_item_wheel_list_outer-paddingRight: 18px;
78
78
 
79
79
  // Color
80
80
  $color-datepicker_panel-bg-default: var(--semi-color-bg-3); // 日期选择器背景颜色
package/dropdown/dropdown.scss CHANGED
@@ -12,10 +12,10 @@ $module: #{$prefix}-dropdown;
12
12
  z-index: $z-dropdown;
13
13
  border-radius: $radius-dropdown;
14
14
  background: $color-dropdown-bg-default;
15
- visibility: hidden;
15
+ opacity: 0;
16
16
  // min-width: 150px;
17
17
  &-show {
18
- visibility: visible;
18
+ opacity: 1;
19
19
  }
20
20
  }
21
21
  &-trigger {
package/lib/cjs/datePicker/datePicker.css CHANGED
@@ -15,6 +15,15 @@
15
15
  width: 0;
16
16
  height: 0;
17
17
  }
18
+ .semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer {
19
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
20
+ scrollbar-width: none; /* Firefox */
21
+ }
22
+ .semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer::-webkit-scrollbar {
23
+ display: none;
24
+ width: 0;
25
+ height: 0;
26
+ }
18
27
  .semi-datepicker-month-grid {
19
28
  user-select: none;
20
29
  display: flex;
@@ -116,6 +125,9 @@
116
125
  .semi-datepicker-panel-yam .semi-scrolllist-list-outer > ul > li {
117
126
  min-width: 64px;
118
127
  }
128
+ .semi-datepicker-panel-yam .semi-scrolllist-item > ul > li {
129
+ min-width: 82px;
130
+ }
119
131
  .semi-datepicker-panel-yam .semi-scrolllist-body {
120
132
  padding: 0;
121
133
  overflow: hidden;
@@ -123,6 +135,9 @@
123
135
  .semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel {
124
136
  border: none;
125
137
  }
138
+ .semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item {
139
+ border: none;
140
+ }
126
141
  .semi-datepicker-footer {
127
142
  padding-top: 10px;
128
143
  padding-right: 8px;
package/lib/cjs/datePicker/datePicker.scss CHANGED
@@ -20,6 +20,17 @@ $module-list: #{$prefix}-scrolllist;
20
20
  height: 0;
21
21
  }
22
22
  }
23
+
24
+ .#{$module-list}-list-outer {
25
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
26
+ scrollbar-width: none; /* Firefox */
27
+
28
+ &::-webkit-scrollbar {
29
+ display: none;
30
+ width: 0;
31
+ height: 0;
32
+ }
33
+ }
23
34
  }
24
35
 
25
36
  // 双月网格
@@ -174,6 +185,13 @@ $module-list: #{$prefix}-scrolllist;
174
185
  }
175
186
  }
176
187
 
188
+ &-item {
189
+ & > ul > li {
190
+ // add paddingRight to make the same width under wheel and normal mode
191
+ min-width: $width-datepicker_panel_yam_scrolllist_li_min + $spacing-scrollList_item_wheel_list_outer-paddingRight;
192
+ }
193
+ }
194
+
177
195
  &-body {
178
196
  padding: 0;
179
197
  overflow: hidden;
@@ -181,6 +199,10 @@ $module-list: #{$prefix}-scrolllist;
181
199
  .#{$prefix}-scrolllist-item-wheel {
182
200
  border: none;
183
201
  }
202
+
203
+ .#{$prefix}-scrolllist-item {
204
+ border: none;
205
+ }
184
206
  }
185
207
  }
186
208
  }
package/lib/cjs/datePicker/variables.scss CHANGED
@@ -74,7 +74,7 @@ $spacing-datepicker_insetInput_wrapper-paddingX: 16px;
74
74
  $spacing-datepicker_insetInput_wrapper-paddingBottom: 0;
75
75
  $spacing-datepicker_insetInput_separator-paddingY: 0;
76
76
  $spacing-datepicker_insetInput_separator-paddingX: 4px;
77
-
77
+ $spacing-scrollList_item_wheel_list_outer-paddingRight: 18px;
78
78
 
79
79
  // Color
80
80
  $color-datepicker_panel-bg-default: var(--semi-color-bg-3); // 日期选择器背景颜色
package/lib/cjs/dropdown/dropdown.css CHANGED
@@ -12,10 +12,10 @@
12
12
  z-index: 1050;
13
13
  border-radius: var(--semi-border-radius-medium);
14
14
  background: var(--semi-color-bg-3);
15
- visibility: hidden;
15
+ opacity: 0;
16
16
  }
17
17
  .semi-dropdown-wrapper-show {
18
- visibility: visible;
18
+ opacity: 1;
19
19
  }
20
20
  .semi-dropdown-trigger {
21
21
  display: inline-block;
package/lib/cjs/dropdown/dropdown.scss CHANGED
@@ -12,10 +12,10 @@ $module: #{$prefix}-dropdown;
12
12
  z-index: $z-dropdown;
13
13
  border-radius: $radius-dropdown;
14
14
  background: $color-dropdown-bg-default;
15
- visibility: hidden;
15
+ opacity: 0;
16
16
  // min-width: 150px;
17
17
  &-show {
18
- visibility: visible;
18
+ opacity: 1;
19
19
  }
20
20
  }
21
21
  &-trigger {
package/lib/cjs/popover/popover.css CHANGED
@@ -31,10 +31,10 @@
31
31
  font-size: 14px;
32
32
  line-height: 20px;
33
33
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
34
- visibility: hidden;
34
+ opacity: 0;
35
35
  }
36
36
  .semi-popover-wrapper-show {
37
- visibility: visible;
37
+ opacity: 1;
38
38
  }
39
39
  .semi-popover-trigger {
40
40
  display: inline-block;
package/lib/cjs/popover/popover.scss CHANGED
@@ -47,10 +47,10 @@ $module-icon: #{$module}-icon-arrow;
47
47
  border-radius: $radius-popover;
48
48
  // padding: $spacing-extra-tight $spacing-tight;
49
49
  @include font-size-regular;
50
- visibility: hidden;
50
+ opacity: 0;
51
51
 
52
52
  &-show {
53
- visibility: visible;
53
+ opacity: 1;
54
54
  }
55
55
  }
56
56
 
package/lib/cjs/tooltip/tooltip.css CHANGED
@@ -52,11 +52,11 @@
52
52
  font-size: 14px;
53
53
  line-height: 20px;
54
54
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
55
- visibility: hidden;
55
+ opacity: 0;
56
56
  max-width: 240px;
57
57
  }
58
58
  .semi-tooltip-wrapper-show {
59
- visibility: visible;
59
+ opacity: 1;
60
60
  }
61
61
  .semi-tooltip-trigger {
62
62
  display: inline-block;
package/lib/cjs/tooltip/tooltip.scss CHANGED
@@ -67,11 +67,11 @@ $module-icon: #{$module}-icon-arrow;
67
67
  top: 0;
68
68
 
69
69
  @include font-size-regular;
70
- visibility: hidden;
70
+ opacity: 0;
71
71
  max-width: $width-tooltip;
72
72
 
73
73
  &-show {
74
- visibility: visible;
74
+ opacity: 1;
75
75
  }
76
76
  }
77
77
 
package/lib/es/datePicker/datePicker.css CHANGED
@@ -15,6 +15,15 @@
15
15
  width: 0;
16
16
  height: 0;
17
17
  }
18
+ .semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer {
19
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
20
+ scrollbar-width: none; /* Firefox */
21
+ }
22
+ .semi-datepicker .semi-scrolllist-body .semi-scrolllist-list-outer::-webkit-scrollbar {
23
+ display: none;
24
+ width: 0;
25
+ height: 0;
26
+ }
18
27
  .semi-datepicker-month-grid {
19
28
  user-select: none;
20
29
  display: flex;
@@ -116,6 +125,9 @@
116
125
  .semi-datepicker-panel-yam .semi-scrolllist-list-outer > ul > li {
117
126
  min-width: 64px;
118
127
  }
128
+ .semi-datepicker-panel-yam .semi-scrolllist-item > ul > li {
129
+ min-width: 82px;
130
+ }
119
131
  .semi-datepicker-panel-yam .semi-scrolllist-body {
120
132
  padding: 0;
121
133
  overflow: hidden;
@@ -123,6 +135,9 @@
123
135
  .semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel {
124
136
  border: none;
125
137
  }
138
+ .semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item {
139
+ border: none;
140
+ }
126
141
  .semi-datepicker-footer {
127
142
  padding-top: 10px;
128
143
  padding-right: 8px;
package/lib/es/datePicker/datePicker.scss CHANGED
@@ -20,6 +20,17 @@ $module-list: #{$prefix}-scrolllist;
20
20
  height: 0;
21
21
  }
22
22
  }
23
+
24
+ .#{$module-list}-list-outer {
25
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
26
+ scrollbar-width: none; /* Firefox */
27
+
28
+ &::-webkit-scrollbar {
29
+ display: none;
30
+ width: 0;
31
+ height: 0;
32
+ }
33
+ }
23
34
  }
24
35
 
25
36
  // 双月网格
@@ -174,6 +185,13 @@ $module-list: #{$prefix}-scrolllist;
174
185
  }
175
186
  }
176
187
 
188
+ &-item {
189
+ & > ul > li {
190
+ // add paddingRight to make the same width under wheel and normal mode
191
+ min-width: $width-datepicker_panel_yam_scrolllist_li_min + $spacing-scrollList_item_wheel_list_outer-paddingRight;
192
+ }
193
+ }
194
+
177
195
  &-body {
178
196
  padding: 0;
179
197
  overflow: hidden;
@@ -181,6 +199,10 @@ $module-list: #{$prefix}-scrolllist;
181
199
  .#{$prefix}-scrolllist-item-wheel {
182
200
  border: none;
183
201
  }
202
+
203
+ .#{$prefix}-scrolllist-item {
204
+ border: none;
205
+ }
184
206
  }
185
207
  }
186
208
  }
package/lib/es/datePicker/variables.scss CHANGED
@@ -74,7 +74,7 @@ $spacing-datepicker_insetInput_wrapper-paddingX: 16px;
74
74
  $spacing-datepicker_insetInput_wrapper-paddingBottom: 0;
75
75
  $spacing-datepicker_insetInput_separator-paddingY: 0;
76
76
  $spacing-datepicker_insetInput_separator-paddingX: 4px;
77
-
77
+ $spacing-scrollList_item_wheel_list_outer-paddingRight: 18px;
78
78
 
79
79
  // Color
80
80
  $color-datepicker_panel-bg-default: var(--semi-color-bg-3); // 日期选择器背景颜色
package/lib/es/dropdown/dropdown.css CHANGED
@@ -12,10 +12,10 @@
12
12
  z-index: 1050;
13
13
  border-radius: var(--semi-border-radius-medium);
14
14
  background: var(--semi-color-bg-3);
15
- visibility: hidden;
15
+ opacity: 0;
16
16
  }
17
17
  .semi-dropdown-wrapper-show {
18
- visibility: visible;
18
+ opacity: 1;
19
19
  }
20
20
  .semi-dropdown-trigger {
21
21
  display: inline-block;
package/lib/es/dropdown/dropdown.scss CHANGED
@@ -12,10 +12,10 @@ $module: #{$prefix}-dropdown;
12
12
  z-index: $z-dropdown;
13
13
  border-radius: $radius-dropdown;
14
14
  background: $color-dropdown-bg-default;
15
- visibility: hidden;
15
+ opacity: 0;
16
16
  // min-width: 150px;
17
17
  &-show {
18
- visibility: visible;
18
+ opacity: 1;
19
19
  }
20
20
  }
21
21
  &-trigger {
package/lib/es/popover/popover.css CHANGED
@@ -31,10 +31,10 @@
31
31
  font-size: 14px;
32
32
  line-height: 20px;
33
33
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
34
- visibility: hidden;
34
+ opacity: 0;
35
35
  }
36
36
  .semi-popover-wrapper-show {
37
- visibility: visible;
37
+ opacity: 1;
38
38
  }
39
39
  .semi-popover-trigger {
40
40
  display: inline-block;
package/lib/es/popover/popover.scss CHANGED
@@ -47,10 +47,10 @@ $module-icon: #{$module}-icon-arrow;
47
47
  border-radius: $radius-popover;
48
48
  // padding: $spacing-extra-tight $spacing-tight;
49
49
  @include font-size-regular;
50
- visibility: hidden;
50
+ opacity: 0;
51
51
 
52
52
  &-show {
53
- visibility: visible;
53
+ opacity: 1;
54
54
  }
55
55
  }
56
56
 
package/lib/es/tooltip/tooltip.css CHANGED
@@ -52,11 +52,11 @@
52
52
  font-size: 14px;
53
53
  line-height: 20px;
54
54
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
55
- visibility: hidden;
55
+ opacity: 0;
56
56
  max-width: 240px;
57
57
  }
58
58
  .semi-tooltip-wrapper-show {
59
- visibility: visible;
59
+ opacity: 1;
60
60
  }
61
61
  .semi-tooltip-trigger {
62
62
  display: inline-block;
package/lib/es/tooltip/tooltip.scss CHANGED
@@ -67,11 +67,11 @@ $module-icon: #{$module}-icon-arrow;
67
67
  top: 0;
68
68
 
69
69
  @include font-size-regular;
70
- visibility: hidden;
70
+ opacity: 0;
71
71
  max-width: $width-tooltip;
72
72
 
73
73
  &-show {
74
- visibility: visible;
74
+ opacity: 1;
75
75
  }
76
76
  }
77
77
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.22.0-beta.3",
3
+ "version": "2.22.1",
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": "04470f662a4f391bd50ea0cbc6d5e63288e7b3df",
26
+ "gitHead": "298d78ebb058cd0e51e09d28d4503735477eee42",
27
27
  "devDependencies": {
28
28
  "@babel/plugin-transform-runtime": "^7.15.8",
29
29
  "@babel/preset-env": "^7.15.8",
package/popover/popover.scss CHANGED
@@ -47,10 +47,10 @@ $module-icon: #{$module}-icon-arrow;
47
47
  border-radius: $radius-popover;
48
48
  // padding: $spacing-extra-tight $spacing-tight;
49
49
  @include font-size-regular;
50
- visibility: hidden;
50
+ opacity: 0;
51
51
 
52
52
  &-show {
53
- visibility: visible;
53
+ opacity: 1;
54
54
  }
55
55
  }
56
56
 
package/tooltip/tooltip.scss CHANGED
@@ -67,11 +67,11 @@ $module-icon: #{$module}-icon-arrow;
67
67
  top: 0;
68
68
 
69
69
  @include font-size-regular;
70
- visibility: hidden;
70
+ opacity: 0;
71
71
  max-width: $width-tooltip;
72
72
 
73
73
  &-show {
74
- visibility: visible;
74
+ opacity: 1;
75
75
  }
76
76
  }
77
77