fix(select): add max-height:50% for select-dropdown (#3978)

* fix(select): add max-height:50% for select-dropdown

* fix(theme-saas): add losted less vars define

Author: shenjunjian

packages/renderless/src/select/vue.ts

@@ -295,11 +295,11 @@ const initState = ({
     rootAutoTipConfig: computed(() => ({
       content: state.displayOnlyContent,
       always: !!state.displayOnlyContent,
+      popperClass: 'tiny-select__popper-maxh-50',
       ...props.tooltipConfig
     })),
     ariaListId: 'tiny-select-' + crypto.randomUUID().slice(-8)
   })
-
   return state
 }
 

packages/theme-saas/src/select-dropdown/index.less

@@ -1,6 +1,7 @@
 @import '../custom.less';
 
 @select-dropdown-prefix-cls: ~'@{css-prefix}select-dropdown';
+@select-prefix-cls: ~'@{css-prefix}select';
 @input-prefix-cls: ~'@{css-prefix}input';
 @tree-prefix-cls: ~'@{css-prefix}tree';
 @popper-prefix-cls: ~'@{css-prefix}popper';
@@ -41,7 +42,7 @@
     list-style: none;
 
     .@{select-dropdown__item-prefix-cls} {
-      margin-right: 0
+      margin-right: 0;
     }
 
     &__slot {
@@ -89,8 +90,8 @@
     @apply m-1;
     @apply rounded;
 
-    >.tiny-svg,
-    >span>.tiny-svg {
+    > .tiny-svg,
+    > span > .tiny-svg {
       @apply ~'-mt-0.5';
     }
   }
@@ -99,7 +100,7 @@
     @apply text-center;
     @apply ~'py-2.5 px-0';
 
-    >.circular {
+    > .circular {
       @apply fill-color-brand;
       @apply h-4;
       @apply w-4;
@@ -144,6 +145,10 @@
   }
 }
 
+.@{select-prefix-cls}__popper-maxh-50 {
+  max-height: 50%;
+}
+
 @keyframes loading-rotate {
   100% {
     transform: rotate(360deg);
@@ -165,4 +170,4 @@
     stroke-dasharray: 90, 150;
     stroke-dashoffset: -120px;
   }
-}
+}

packages/theme/src/select-dropdown/index.less

@@ -195,3 +195,7 @@
     background: var(--tv-SelectDropdown-empty-img) 50% no-repeat;
   }
 }
+
+.@{select-prefix-cls}__popper-maxh-50 {
+  max-height: 50%;
+}