fix(select): list scrollbar height and timing (#6987) (#7001)

* fix: select scrollbar height

* fix: mousemove appear scrollbar

* Update List.tsx

* Update List.tsx

---------

Co-authored-by: undefined <undefined>
Co-authored-by: tangjinzhou <[email protected]>

Author: selicens

Diff for: components/vc-virtual-list/List.tsx

@@ -459,6 +459,9 @@ const List = defineComponent({
       fillerInnerRef,
     };
   },
+  const delayHideScrollBar = () => {
+    scrollBarRef.value?.delayHidden();
+  };
   render() {
     const {
       prefixCls = 'rc-virtual-list',
@@ -503,6 +506,7 @@ const List = defineComponent({
           style={componentStyle}
           ref="componentRef"
           onScroll={onFallbackScroll}
+          onMouseenter={delayHideScrollBar}
         >
           <Filler
             prefixCls={prefixCls}

Diff for: components/vc-virtual-list/ScrollBar.tsx

@@ -182,8 +182,8 @@ export default defineComponent({
 
     // ===================== Calculate =====================
     getSpinHeight() {
-      const { height, count } = this.$props;
-      let baseHeight = (height / count) * 10;
+      const { height, scrollHeight } = this.$props;
+      let baseHeight = (height / scrollHeight) * 100;
       baseHeight = Math.max(baseHeight, MIN_SIZE);
       baseHeight = Math.min(baseHeight, height / 2);
       return Math.floor(baseHeight);