fix(scrollbar): 修改问题 (#3019)

XiaoMi · Nov 5, 2024 · fc1c108 · fc1c108
1 parent 1f7330f
commit fc1c108
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 5 deletions.
diff --git a/packages/ui/scrollbar/src/Scrollbar.tsx b/packages/ui/scrollbar/src/Scrollbar.tsx
@@ -9,6 +9,7 @@ import {
   ScrollbarEventProps,
   ScrollbarPositionEnum,
   ScrollbarHelpers,
+  Settings,
 } from './types'
 import { ScrollbarEventToPsMap } from './utils'
 
@@ -28,7 +29,7 @@ export const Scrollbar = forwardRef<HTMLDivElement | null, ScrollbarProps>(
       style,
       zIndex,
       innerRef,
-      settings,
+      settings = {},
       ...rest
     },
     ref
@@ -177,10 +178,10 @@ export interface ScrollbarProps extends HiBaseHTMLProps<'div'>, ScrollbarEventPr
    */
   onlyScrollVisible?: boolean
   /**
-   * 原生滚动条配置
+   * 滚动条配置
    * @default {}
    */
-  settings: Record<string, string | number | boolean>
+  settings: Settings
 }
 
 if (__DEV__) {

diff --git a/packages/ui/scrollbar/src/types.ts b/packages/ui/scrollbar/src/types.ts
@@ -73,3 +73,17 @@ export type ScrollbarPositionEnum =
   | 'fixed'
   | 'relative'
   | 'sticky'
+
+/**
+ * 更多配置请参考：https://perfectscrollbar.com/
+ */
+export type Settings = PerfectScrollbar.Options & {
+  /**
+   * 开启滚动条吸底
+   */
+  isBottomToScreenBottom?: boolean
+  /**
+   * 滚动条吸底距离
+   */
+  heightFromBottom?: number
+}
diff --git a/packages/ui/scrollbar/stories/fixed.stories.tsx b/packages/ui/scrollbar/stories/fixed.stories.tsx
@@ -2,8 +2,8 @@ import React, { useRef, useEffect } from 'react'
 import Scrollbar from '../src'
 
 /**
- * @title 使能坐标轴
- * @desc 默认 `x`、`y` 都可滚动
+ * @title 滚动条固定到屏幕底部
+ * @desc 默认不开启
  */
 export const Fixed = () => {
   const innerRef = useRef<any>()