feat:调整新增字段默认值和判断位置

Author: 刘欢

src/List.tsx

@@ -72,7 +72,7 @@ export interface ListProps<T> extends Omit<React.HTMLAttributes<any>, 'children'
     verticalScrollBar?: React.CSSProperties;
     verticalScrollBarThumb?: React.CSSProperties;
   };
-  showScrollBar?: boolean;
+  showScrollBar?: true | 'optional';
   onScroll?: React.UIEventHandler<HTMLElement>;
 
   /**

src/ScrollBar.tsx

@@ -18,7 +18,7 @@ export interface ScrollBarProps {
   thumbStyle?: React.CSSProperties;
   spinSize: number;
   containerSize: number;
-  showScrollBar?: boolean;
+  showScrollBar?: true | 'optional';
 }
 
 export interface ScrollBarRef {
@@ -39,7 +39,7 @@ const ScrollBar = React.forwardRef<ScrollBarRef, ScrollBarProps>((props, ref) =>
     containerSize,
     style,
     thumbStyle: propsThumbStyle,
-    showScrollBar,
+    showScrollBar = 'optional',
   } = props;
 
   const [dragging, setDragging] = React.useState(false);
@@ -53,17 +53,17 @@ const ScrollBar = React.forwardRef<ScrollBarRef, ScrollBarProps>((props, ref) =>
   const thumbRef = React.useRef<HTMLDivElement>();
 
   // ======================= Visible ========================
-  const [visible, setVisible] = React.useState(showScrollBar);
+  const [visible, setVisible] = React.useState(false);
   const visibleTimeoutRef = React.useRef<ReturnType<typeof setTimeout>>();
 
   const delayHidden = () => {
-    if (showScrollBar) return;
     clearTimeout(visibleTimeoutRef.current);
     setVisible(true);
-
-    visibleTimeoutRef.current = setTimeout(() => {
-      setVisible(false);
-    }, 3000);
+    if (showScrollBar === 'optional') {
+      visibleTimeoutRef.current = setTimeout(() => {
+        setVisible(false);
+      }, 3000);
+    }
   };
 
   // ======================== Range =========================