@douyinfe/semi-foundation 2.21.1 → 2.21.2

package/lib/cjs/select/select.scss

@@ -1,7 +1,7 @@
 //@import '../theme/variables.scss';
 @import "./animation.scss";
-@import './variables.scss';
 @import './option.scss';
+@import './variables.scss';
 @import './mixin.scss';
 
 $module: #{$prefix}-select;

package/lib/cjs/timePicker/timePicker.css

@@ -7,6 +7,14 @@
 .semi-timepicker-panel .semi-scrolllist-body {
   height: 252px;
 }
+.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer-nocycle > ul:before,
+.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item > ul:before {
+  height: 108px;
+}
+.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item > ul,
+.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul {
+  padding-bottom: 108px;
+}
 .semi-timepicker-panel .semi-scrolllist-item,
 .semi-timepicker-panel .semi-scrolllist-item-wheel {
   flex: none;

package/lib/cjs/timePicker/timePicker.scss

@@ -8,6 +8,22 @@ $module-list: #{$prefix}-scrolllist;
     &-panel {
         .#{$module-list}-body {
             height: $height-timePicker_panel_body;
+
+            .#{$module-list}-item-wheel .#{$module-list}-list-outer-nocycle,
+            .#{$module-list}-item {
+                & > ul {
+                    &:before {
+                        height: ($height-timePicker_panel_body - $height-scrollList_item) * 0.5;
+                    }
+                }
+            }
+
+            .#{$module-list}-item,
+            .#{$module-list}-item-wheel .#{$module-list}-list-outer {
+                & > ul {
+                    padding-bottom: ($height-timePicker_panel_body - $height-scrollList_item) * 0.5;
+                }
+            }
         }
 
         .#{$module-list}-item,

package/lib/cjs/timePicker/variables.scss

@@ -5,6 +5,7 @@ $color-timePicker_range_panel-border: rgba(0, 0, 0, .1); // 时间选择器描
 // Width/Height
 $width-timePicker_range_panel-border: 1px; // 时间选择器菜单分割线宽度
 $height-timePicker_panel_body: 252px; // 时间选择器菜单高度
+$height-scrollList_item: 36px; 
 $width-timePicker_panel_list_ampm: 72px; // 时间选择器菜单中列宽度 - 上午下午
 $width-timePicker_panel_list_hour: 64px; // 时间选择器菜单中列宽度 - 小时
 $width-timePicker_panel_list_minute: 64px; // 时间选择器菜单中列宽度 - 分钟

package/lib/es/select/select.scss

@@ -1,7 +1,7 @@
 //@import '../theme/variables.scss';
 @import "./animation.scss";
-@import './variables.scss';
 @import './option.scss';
+@import './variables.scss';
 @import './mixin.scss';
 
 $module: #{$prefix}-select;

package/lib/es/timePicker/timePicker.css

@@ -7,6 +7,14 @@
 .semi-timepicker-panel .semi-scrolllist-body {
   height: 252px;
 }
+.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer-nocycle > ul:before,
+.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item > ul:before {
+  height: 108px;
+}
+.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item > ul,
+.semi-timepicker-panel .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul {
+  padding-bottom: 108px;
+}
 .semi-timepicker-panel .semi-scrolllist-item,
 .semi-timepicker-panel .semi-scrolllist-item-wheel {
   flex: none;

package/lib/es/timePicker/timePicker.scss

@@ -8,6 +8,22 @@ $module-list: #{$prefix}-scrolllist;
     &-panel {
         .#{$module-list}-body {
             height: $height-timePicker_panel_body;
+
+            .#{$module-list}-item-wheel .#{$module-list}-list-outer-nocycle,
+            .#{$module-list}-item {
+                & > ul {
+                    &:before {
+                        height: ($height-timePicker_panel_body - $height-scrollList_item) * 0.5;
+                    }
+                }
+            }
+
+            .#{$module-list}-item,
+            .#{$module-list}-item-wheel .#{$module-list}-list-outer {
+                & > ul {
+                    padding-bottom: ($height-timePicker_panel_body - $height-scrollList_item) * 0.5;
+                }
+            }
         }
 
         .#{$module-list}-item,

package/lib/es/timePicker/variables.scss

@@ -5,6 +5,7 @@ $color-timePicker_range_panel-border: rgba(0, 0, 0, .1); // 时间选择器描
 // Width/Height
 $width-timePicker_range_panel-border: 1px; // 时间选择器菜单分割线宽度
 $height-timePicker_panel_body: 252px; // 时间选择器菜单高度
+$height-scrollList_item: 36px; 
 $width-timePicker_panel_list_ampm: 72px; // 时间选择器菜单中列宽度 - 上午下午
 $width-timePicker_panel_list_hour: 64px; // 时间选择器菜单中列宽度 - 小时
 $width-timePicker_panel_list_minute: 64px; // 时间选择器菜单中列宽度 - 分钟

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.21.1",
+    "version": "2.21.2",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "ae80a064a1525cbc26fe498ac236beb0d075e362",
+    "gitHead": "c587f9996fa14bbe90539099a176d79b52c849f4",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/select/select.scss

@@ -1,7 +1,7 @@
 //@import '../theme/variables.scss';
 @import "./animation.scss";
-@import './variables.scss';
 @import './option.scss';
+@import './variables.scss';
 @import './mixin.scss';
 
 $module: #{$prefix}-select;

package/timePicker/timePicker.scss

@@ -8,6 +8,22 @@ $module-list: #{$prefix}-scrolllist;
     &-panel {
         .#{$module-list}-body {
             height: $height-timePicker_panel_body;
+
+            .#{$module-list}-item-wheel .#{$module-list}-list-outer-nocycle,
+            .#{$module-list}-item {
+                & > ul {
+                    &:before {
+                        height: ($height-timePicker_panel_body - $height-scrollList_item) * 0.5;
+                    }
+                }
+            }
+
+            .#{$module-list}-item,
+            .#{$module-list}-item-wheel .#{$module-list}-list-outer {
+                & > ul {
+                    padding-bottom: ($height-timePicker_panel_body - $height-scrollList_item) * 0.5;
+                }
+            }
         }
 
         .#{$module-list}-item,

package/timePicker/variables.scss

@@ -5,6 +5,7 @@ $color-timePicker_range_panel-border: rgba(0, 0, 0, .1); // 时间选择器描
 // Width/Height
 $width-timePicker_range_panel-border: 1px; // 时间选择器菜单分割线宽度
 $height-timePicker_panel_body: 252px; // 时间选择器菜单高度
+$height-scrollList_item: 36px; 
 $width-timePicker_panel_list_ampm: 72px; // 时间选择器菜单中列宽度 - 上午下午
 $width-timePicker_panel_list_hour: 64px; // 时间选择器菜单中列宽度 - 小时
 $width-timePicker_panel_list_minute: 64px; // 时间选择器菜单中列宽度 - 分钟