@douyinfe/semi-foundation 2.81.0 → 2.82.0

package/datePicker/yearAndMonthFoundation.ts

@@ -106,7 +106,7 @@ export default class YearAndMonthFoundation extends BaseFoundation<YearAndMonthA
         month[panelType] = item.month;
 
         // Make sure the time on the right panel is always greater than or equal to the time on the left panel
-        if (type === 'monthRange' && panelType === left && currentYear[left] === currentYear[right] && item.value > month[right]) {
+        if (type === 'monthRange' && panelType === left && currentYear[left] === currentYear[right] && item.month > month[right]) {
             month[right] = item.month ;
         } 
 

package/lib/cjs/datePicker/yearAndMonthFoundation.js

@@ -56,7 +56,7 @@ class YearAndMonthFoundation extends _foundation.default {
     const month = (0, _fastCopy.default)(currentMonth);
     month[panelType] = item.month;
     // Make sure the time on the right panel is always greater than or equal to the time on the left panel
-    if (type === 'monthRange' && panelType === left && currentYear[left] === currentYear[right] && item.value > month[right]) {
+    if (type === 'monthRange' && panelType === left && currentYear[left] === currentYear[right] && item.month > month[right]) {
       month[right] = item.month;
     }
     this._adapter.setCurrentMonth(month);

package/lib/cjs/modal/modal.css

@@ -52,7 +52,7 @@
 .semi-modal-content {
   position: relative;
   display: flex;
-  height: 100%;
+  height: max-content;
   width: 100%;
   box-sizing: border-box;
   flex-direction: column;

package/lib/cjs/modal/variables.scss

@@ -48,7 +48,7 @@ $spacing-modal_content_fullscreen-top: 0px; // 模态框内容全屏顶部位置
 // Width/Height
 $width-modal_title: 100%; // 模态框标题宽度
 $width-modal_content: 100%; // 模态框内容宽度
-$height-modal_content: 100%; // 模态框内容高度
+$height-modal_content: max-content; // 模态框内容高度
 $width-modal_content-border: 1px; // 模态框内容描边宽度
 $width-modal_small: 448px; // 模态框宽度 - 小
 $width-modal_medium: 684px; // 模态框宽度 - 中
@@ -72,6 +72,4 @@ $width-modal_footer-border:0; // 模态框 footer 顶部描边宽度
 
 
 //shadow
-$shadow-modal_content: var(--semi-shadow-elevated);
-
-
+$shadow-modal_content: var(--semi-shadow-elevated);

package/lib/cjs/select/select.scss

@@ -245,7 +245,7 @@ $overflowList: #{$prefix}-overflow-list;
 
         .#{$module}-content-wrapper {
             width: 100%;
-            min-height: $height-select_multiple_content_wrapper-minHeight;
+            min-height: $height-select_default - 2 * $width-select-border ;
             flex-wrap: wrap;
 
             &-empty {
@@ -276,13 +276,13 @@ $overflowList: #{$prefix}-overflow-list;
 
     &-multiple.#{$module}-large {
         .#{$module}-content-wrapper {
-            min-height: $height-select_large - 2;
+            min-height: $height-select_large - 2 * $width-select-border;
         }
     }
 
     &-multiple.#{$module}-small {
         .#{$module}-content-wrapper {
-            min-height: $height-select_small - 2;
+            min-height: $height-select_small - 2 * $width-select-border;
         }
     }
 

package/lib/cjs/select/variables.scss

@@ -71,7 +71,6 @@ $width-select_arrow: 32px; // 选择器输入框下拉箭头宽度
 $width-select_arrow_empty: 12px; // 选择器输入框下拉箭头为空时（有suffix icon）宽度
 $width-select_clear-icon: 32px; // 选择器输入框清空按钮宽度
 $width-select_group_top-border: $border-thickness-control; // 选择器菜单分组标题描边宽度
-$height-select_multiple_content_wrapper-minHeight: $height-select_default - 2px; // 多项选择器标签组最小高度
 
 $height-select_multiple_input_small: 20px; // 小尺寸多项选择器输入框Input框高度
 $height-select_multiple_input_default: 24px; // 默认多项选择器输入框Input框高度

package/lib/es/datePicker/yearAndMonthFoundation.js

@@ -49,7 +49,7 @@ export default class YearAndMonthFoundation extends BaseFoundation {
     const month = copy(currentMonth);
     month[panelType] = item.month;
     // Make sure the time on the right panel is always greater than or equal to the time on the left panel
-    if (type === 'monthRange' && panelType === left && currentYear[left] === currentYear[right] && item.value > month[right]) {
+    if (type === 'monthRange' && panelType === left && currentYear[left] === currentYear[right] && item.month > month[right]) {
       month[right] = item.month;
     }
     this._adapter.setCurrentMonth(month);

package/lib/es/modal/modal.css

@@ -52,7 +52,7 @@
 .semi-modal-content {
   position: relative;
   display: flex;
-  height: 100%;
+  height: max-content;
   width: 100%;
   box-sizing: border-box;
   flex-direction: column;

package/lib/es/modal/variables.scss

@@ -48,7 +48,7 @@ $spacing-modal_content_fullscreen-top: 0px; // 模态框内容全屏顶部位置
 // Width/Height
 $width-modal_title: 100%; // 模态框标题宽度
 $width-modal_content: 100%; // 模态框内容宽度
-$height-modal_content: 100%; // 模态框内容高度
+$height-modal_content: max-content; // 模态框内容高度
 $width-modal_content-border: 1px; // 模态框内容描边宽度
 $width-modal_small: 448px; // 模态框宽度 - 小
 $width-modal_medium: 684px; // 模态框宽度 - 中
@@ -72,6 +72,4 @@ $width-modal_footer-border:0; // 模态框 footer 顶部描边宽度
 
 
 //shadow
-$shadow-modal_content: var(--semi-shadow-elevated);
-
-
+$shadow-modal_content: var(--semi-shadow-elevated);

package/lib/es/select/select.scss

@@ -245,7 +245,7 @@ $overflowList: #{$prefix}-overflow-list;
 
         .#{$module}-content-wrapper {
             width: 100%;
-            min-height: $height-select_multiple_content_wrapper-minHeight;
+            min-height: $height-select_default - 2 * $width-select-border ;
             flex-wrap: wrap;
 
             &-empty {
@@ -276,13 +276,13 @@ $overflowList: #{$prefix}-overflow-list;
 
     &-multiple.#{$module}-large {
         .#{$module}-content-wrapper {
-            min-height: $height-select_large - 2;
+            min-height: $height-select_large - 2 * $width-select-border;
         }
     }
 
     &-multiple.#{$module}-small {
         .#{$module}-content-wrapper {
-            min-height: $height-select_small - 2;
+            min-height: $height-select_small - 2 * $width-select-border;
         }
     }
 

package/lib/es/select/variables.scss

@@ -71,7 +71,6 @@ $width-select_arrow: 32px; // 选择器输入框下拉箭头宽度
 $width-select_arrow_empty: 12px; // 选择器输入框下拉箭头为空时（有suffix icon）宽度
 $width-select_clear-icon: 32px; // 选择器输入框清空按钮宽度
 $width-select_group_top-border: $border-thickness-control; // 选择器菜单分组标题描边宽度
-$height-select_multiple_content_wrapper-minHeight: $height-select_default - 2px; // 多项选择器标签组最小高度
 
 $height-select_multiple_input_small: 20px; // 小尺寸多项选择器输入框Input框高度
 $height-select_multiple_input_default: 24px; // 默认多项选择器输入框Input框高度

package/modal/variables.scss

@@ -48,7 +48,7 @@ $spacing-modal_content_fullscreen-top: 0px; // 模态框内容全屏顶部位置
 // Width/Height
 $width-modal_title: 100%; // 模态框标题宽度
 $width-modal_content: 100%; // 模态框内容宽度
-$height-modal_content: 100%; // 模态框内容高度
+$height-modal_content: max-content; // 模态框内容高度
 $width-modal_content-border: 1px; // 模态框内容描边宽度
 $width-modal_small: 448px; // 模态框宽度 - 小
 $width-modal_medium: 684px; // 模态框宽度 - 中
@@ -72,6 +72,4 @@ $width-modal_footer-border:0; // 模态框 footer 顶部描边宽度
 
 
 //shadow
-$shadow-modal_content: var(--semi-shadow-elevated);
-
-
+$shadow-modal_content: var(--semi-shadow-elevated);

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.81.0",
+    "version": "2.82.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.81.0",
-        "@douyinfe/semi-json-viewer-core": "2.81.0",
+        "@douyinfe/semi-animation": "2.82.0",
+        "@douyinfe/semi-json-viewer-core": "2.82.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "5fa3239b65dcbdca2a72a2f0682645c17a1b2d63",
+    "gitHead": "f76c866fef1c790940e9d27600d81afd1fbab3a7",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/select/select.scss

@@ -245,7 +245,7 @@ $overflowList: #{$prefix}-overflow-list;
 
         .#{$module}-content-wrapper {
             width: 100%;
-            min-height: $height-select_multiple_content_wrapper-minHeight;
+            min-height: $height-select_default - 2 * $width-select-border ;
             flex-wrap: wrap;
 
             &-empty {
@@ -276,13 +276,13 @@ $overflowList: #{$prefix}-overflow-list;
 
     &-multiple.#{$module}-large {
         .#{$module}-content-wrapper {
-            min-height: $height-select_large - 2;
+            min-height: $height-select_large - 2 * $width-select-border;
         }
     }
 
     &-multiple.#{$module}-small {
         .#{$module}-content-wrapper {
-            min-height: $height-select_small - 2;
+            min-height: $height-select_small - 2 * $width-select-border;
         }
     }
 

package/select/variables.scss

@@ -71,7 +71,6 @@ $width-select_arrow: 32px; // 选择器输入框下拉箭头宽度
 $width-select_arrow_empty: 12px; // 选择器输入框下拉箭头为空时（有suffix icon）宽度
 $width-select_clear-icon: 32px; // 选择器输入框清空按钮宽度
 $width-select_group_top-border: $border-thickness-control; // 选择器菜单分组标题描边宽度
-$height-select_multiple_content_wrapper-minHeight: $height-select_default - 2px; // 多项选择器标签组最小高度
 
 $height-select_multiple_input_small: 20px; // 小尺寸多项选择器输入框Input框高度
 $height-select_multiple_input_default: 24px; // 默认多项选择器输入框Input框高度