vxe-pc-ui 4.20.1 → 4.20.5

package/types/components/drawer.d.ts

@@ -1,5 +1,6 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentSizeType, VxeComponentSlotType, ValueOf } from '@vxe-ui/core'
+import { VxeScrollbarProps } from './scrollbar'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -73,6 +74,17 @@ export namespace VxeDrawerPropTypes {
   export type Padding = boolean
   export type BeforeHideMethod = (params: VxeDrawerDefines.DrawerVisibleParams) => Promise<any>
   export type Slots = VxeDrawerSlots
+  export type UseScrollbar = boolean
+  export interface ScrollbarConfig extends Pick<VxeScrollbarProps, 'xConfig' | 'yConfig' | 'padding' | 'autoHide' | 'visible' | 'className' | 'viewAttrs' | 'viewClassName' | 'viewInnerClassName'> {
+    /**
+     * 滚动条宽度
+     */
+    width?: number | string
+    /**
+     * 滚动条高度
+     */
+    height?: number | string
+  }
 }
 
 export interface VxeDrawerProps {
@@ -125,6 +137,14 @@ export interface VxeDrawerProps {
   padding?: VxeDrawerPropTypes.Padding
   beforeHideMethod?: VxeDrawerPropTypes.BeforeHideMethod
   slots?: VxeDrawerPropTypes.Slots
+  /**
+   * 使用虚拟滚动条
+   */
+  useScrollbar?: VxeDrawerPropTypes.UseScrollbar
+  /**
+   * 滚动条配置项
+   */
+  scrollbarConfig?: VxeDrawerPropTypes.ScrollbarConfig
 }
 
 export interface DrawerPrivateComputed {

package/types/components/gantt-module/gantt-view.d.ts

@@ -2,6 +2,7 @@ import { RenderFunction, SetupContext, Ref, ComputedRef } from 'vue'
 import { VxeComponentBaseOptions, DefineVxeComponentInstance } from '@vxe-ui/core'
 import { VxeTableConstructor, VxeTableMethods, VxeTablePrivateMethods } from '../table'
 import { VxeGanttDefines } from '../gantt'
+import { VxeScrollbarPropTypes } from '../scrollbar'
 
 /* eslint-disable no-use-before-define */
 
@@ -37,6 +38,10 @@ export interface GanttViewReactData {
   lastScrollTime: number
   lazScrollLoading: boolean
 
+  // 滚动条
+  yThumbHeight: number
+  xThumbWidth: number
+
   scrollVMLoading: boolean
   scrollYHeight: number
   scrollYTop: number
@@ -75,7 +80,13 @@ export interface GanttViewInternalData {
     startIndex: number
     endIndex: number
   }
-  // 最后滚动位置
+
+  // 滚动条
+  scrollObserver?: ResizeObserver
+  isThumbDrag?: boolean
+  thumbDragOffset: number
+  yThumbTop: number
+  xThumbLeft: number
   lastScrollLeft: number
   lastScrollTop: number
 
@@ -111,6 +122,14 @@ export interface GanttViewPrivateRef {
 }
 
 export interface GanttViewPrivateComputed {
+  computeScrollXHeight: ComputedRef<number | undefined>
+  computeScrollYWidth: ComputedRef<number | undefined>
+  computeScrollXVisible: ComputedRef<'auto' | 'visible' | 'hidden' | boolean | undefined>
+  computeScrollYVisible: ComputedRef<'auto' | 'visible' | 'hidden' | boolean | undefined>
+  computeScrollXAutoHide: ComputedRef<VxeScrollbarPropTypes.AutoHide | undefined>
+  computeScrollYAutoHide: ComputedRef<VxeScrollbarPropTypes.AutoHide | undefined>
+  computeScrollbarXToTop: ComputedRef<boolean>
+  computeScrollbarYToLeft: ComputedRef<boolean>
   computeScaleDateList: ComputedRef<Date[]>
   computeNowLineLeft: ComputedRef<number>
 }
@@ -164,6 +183,10 @@ export interface VxeGanttViewPrivateMethods {
    * @private
    */
   handleUpdateSYStatus(scrollYLoad: boolean): void
+  /**
+   * @private
+   */
+  updateScrollbar(): void
 }
 
 export interface VxeGanttViewMethods {

package/types/components/gantt-plugins/extend-gantt-chart.d.ts

@@ -37,7 +37,7 @@ export interface VxeGanttExtendChartPrivateMethods<D = any> {
    * 内部方法
    * @private
    */
-  handleTaskBarMousedownEvent(evnt: MouseEvent, params: {
+  handleTaskBarModnEvent(evnt: MouseEvent, params: {
     $gantt: VxeGanttConstructor<D> & VxeGanttPrivateMethods<D>
     row: D
     scaleType: VxeGanttDefines.ColumnScaleType

package/types/components/gantt.d.ts

@@ -731,6 +731,8 @@ export interface GanttPrivateComputed<D = any> extends GridPrivateComputed<D> {
   computeTypeField: ComputedRef<string>
   computeProgressField: ComputedRef<string>
   computeScrollbarOpts: ComputedRef<VxeTablePropTypes.ScrollbarConfig>
+  computeScrollbarXOpts: ComputedRef<VxeTablePropTypes.ScrollbarXConfig>
+  computeScrollbarYOpts: ComputedRef<VxeTablePropTypes.ScrollbarYConfig>
   computeScrollbarXToTop: ComputedRef<boolean>
   computeScrollbarYToLeft: ComputedRef<boolean>
 }

package/types/components/layout-aside.d.ts

@@ -50,10 +50,25 @@ export namespace VxeLayoutAsidePropTypes {
 }
 
 export interface VxeLayoutAsideProps {
+  /**
+   * 宽度
+   */
   width?: VxeLayoutAsidePropTypes.Width
+  /**
+   * 是否折叠
+   */
   collapsed?: VxeLayoutAsidePropTypes.Collapsed
+  /**
+   * 折叠后宽度
+   */
   collapseWidth?: VxeLayoutAsidePropTypes.CollapseWidth
+  /**
+   * 加载中
+   */
   loading?: VxeLayoutAsidePropTypes.Loading
+  /**
+   * 显示内边距
+   */
   padding?: VxeLayoutAsidePropTypes.Padding
   size?: VxeLayoutAsidePropTypes.Size
   collapseConfig?: VxeLayoutAsidePropTypes.CollapseConfig

package/types/components/layout-body.d.ts

@@ -45,6 +45,9 @@ export namespace VxeLayoutBodyPropTypes {
 }
 export interface VxeLayoutBodyProps {
   size?: VxeLayoutBodyPropTypes.Size
+  /**
+   * 加载中
+   */
   loading?: VxeLayoutBodyPropTypes.Loading
   padding?: VxeLayoutBodyPropTypes.Padding
   showBacktop?: VxeLayoutBodyPropTypes.ShowBacktop

package/types/components/list.d.ts

@@ -243,8 +243,17 @@ export namespace VxeListPropTypes {
 export interface VxeListProps<D = any> {
   size?: VxeListPropTypes.Size
   data?: D[]
+  /**
+   * 高度
+   */
   height?: VxeListPropTypes.Height
+  /**
+   * 最大高度
+   */
   maxHeight?: VxeListPropTypes.MaxHeight
+  /**
+   * 加载中
+   */
   loading?: VxeListPropTypes.Loading
   autoResize?: VxeListPropTypes.AutoResize
   syncResize?: VxeListPropTypes.SyncResize
@@ -258,7 +267,13 @@ export interface VxeListProps<D = any> {
   checkboxConfig?: VxeListPropTypes.CheckboxConfig
   rowConfig?: VxeListPropTypes.RowConfig
   dragConfig?: VxeListPropTypes.DragConfig
+  /**
+   * 右键菜单配置项
+   */
   menuConfig?: VxeListPropTypes.MenuConfig
+  /**
+   * 纵向虚拟滚动配置
+   */
   virtualYConfig?: VxeListPropTypes.VirtualYConfig
   /**
    * 使用虚拟滚动条
@@ -314,8 +329,10 @@ export interface ListInternalData {
   fullKeyMaps: Record<string, any>
   rowMaps: Record<string, VxeListDefines.RowCacheItem>
 
-  // 滚动条
   resizeObserver?: ResizeObserver
+
+  // 滚动条
+  scrollObserver?: ResizeObserver
   isThumbDrag?: boolean
   thumbDragOffset: number
   yThumbTop: number

package/types/components/modal.d.ts

@@ -1,5 +1,6 @@
 import { RenderFunction, SetupContext, Ref, ComputedRef } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentSizeType, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSlotType } from '@vxe-ui/core'
+import { VxeScrollbarProps } from './scrollbar'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -126,6 +127,17 @@ export namespace VxeModalPropTypes {
     type: ModalEventTypes
   }) => Promise<any>
   export type Slots = VxeModalSlots
+  export type UseScrollbar = boolean
+  export interface ScrollbarConfig extends Pick<VxeScrollbarProps, 'xConfig' | 'yConfig' | 'padding' | 'autoHide' | 'visible' | 'className' | 'viewAttrs' | 'viewClassName' | 'viewInnerClassName'> {
+    /**
+     * 滚动条宽度
+     */
+    width?: number | string
+    /**
+     * 滚动条高度
+     */
+    height?: number | string
+  }
 }
 
 export interface VxeModalProps {
@@ -194,6 +206,14 @@ export interface VxeModalProps {
   animat?: VxeModalPropTypes.Animat
   padding?: VxeModalPropTypes.Padding
   beforeHideMethod?: VxeModalPropTypes.BeforeHideMethod
+  /**
+   * 使用虚拟滚动条
+   */
+  useScrollbar?: VxeModalPropTypes.UseScrollbar
+  /**
+   * 滚动条配置项
+   */
+  scrollbarConfig?: VxeModalPropTypes.ScrollbarConfig
   slots?: VxeModalPropTypes.Slots
   /**
    * @deprecated 已废弃，请使用 content

package/types/components/number-input.d.ts

@@ -39,7 +39,6 @@ export namespace VxeNumberInputPropTypes {
   export type FloatContent = string
   export type FloatAlign = VxeComponentAlignType
   export type MaxLength = string | number | null
-  export type Multiple = boolean
   export type AutoComplete = string
   export type Align = VxeComponentAlignType
   export type Form = string
@@ -126,6 +125,9 @@ export namespace VxeNumberInputPropTypes {
 }
 
 export interface VxeNumberInputProps {
+  /**
+   * 尺寸大小
+   */
   size?: VxeNumberInputPropTypes.Size
   modelValue?: VxeNumberInputPropTypes.ModelValue
   className?: VxeNumberInputPropTypes.ClassName
@@ -136,7 +138,13 @@ export interface VxeNumberInputProps {
   width?: VxeNumberInputPropTypes.Width
   immediate?: VxeNumberInputPropTypes.Immediate
   name?: VxeNumberInputPropTypes.Name
+  /**
+   * 控件类型
+   */
   type?: VxeNumberInputPropTypes.Type
+  /**
+   * 显示清除按钮
+   */
   clearable?: VxeNumberInputPropTypes.Clearable
   readonly?: VxeNumberInputPropTypes.Readonly
   disabled?: VxeNumberInputPropTypes.Disabled
@@ -144,8 +152,10 @@ export interface VxeNumberInputProps {
   floatContent?: VxeNumberInputPropTypes.FloatContent
   floatAlign?: VxeNumberInputPropTypes.FloatAlign
   maxLength?: VxeNumberInputPropTypes.MaxLength
-  multiple?: VxeNumberInputPropTypes.Multiple
   autoComplete?: VxeNumberInputPropTypes.AutoComplete
+  /**
+   * 对齐方式
+   */
   align?: VxeNumberInputPropTypes.Align
   form?: VxeNumberInputPropTypes.Form
 

package/types/components/table-plugins/extend-pivot-table.d.ts

@@ -44,7 +44,7 @@ export interface VxeTableExtendPivotTablePrivateMethods<D = any> {
    * 内部方法
    * @private
    */
-  handlePivotTableAggregatePanelDragendEvent(evnt: DragEvent): void
+  handlePivotTableAggPanelDragendEvent(evnt: DragEvent): void
 }
 
 declare module '../table' {

package/types/components/table.d.ts

@@ -10,6 +10,7 @@ import { VxeToolbarConstructor, VxeToolbarInstance } from './toolbar'
 import { VxeTableCustomPanelConstructor } from './table-module/custom'
 import { VxeGanttConstructor, VxeGanttPrivateMethods } from './gantt'
 import { VxeGanttViewConstructor, VxeGanttViewInstance, VxeGanttViewPrivateMethods } from './gantt-module/gantt-view'
+import { VxeScrollbarPropTypes } from './scrollbar'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -3541,6 +3542,9 @@ export namespace VxeTablePropTypes {
 }
 
 export interface VxeTableProps<D = any> {
+  /**
+   * 尺寸大小
+   */
   size?: VxeTablePropTypes.Size
   /**
    * 唯一标识
@@ -3999,8 +4003,15 @@ export interface TablePrivateComputed<D = any> {
   computeScrollbarOpts: ComputedRef<VxeTablePropTypes.ScrollbarConfig>
   computeScrollbarXOpts: ComputedRef<VxeTablePropTypes.ScrollbarXConfig>
   computeScrollbarYOpts: ComputedRef<VxeTablePropTypes.ScrollbarYConfig>
+  computeScrollXHeight: ComputedRef<number | undefined>
+  computeScrollYWidth: ComputedRef<number | undefined>
+  computeScrollXVisible: ComputedRef<'auto' | 'visible' | 'hidden' | boolean | undefined>
+  computeScrollYVisible: ComputedRef<'auto' | 'visible' | 'hidden' | boolean | undefined>
+  computeScrollXAutoHide: ComputedRef<VxeScrollbarPropTypes.AutoHide | undefined>
+  computeScrollYAutoHide: ComputedRef<VxeScrollbarPropTypes.AutoHide | undefined>
   computeScrollbarXToTop: ComputedRef<boolean>
   computeScrollbarYToLeft: ComputedRef<boolean>
+  computeScrollbarWrapperClss: ComputedRef<string>
   computeColumnOpts: ComputedRef<VxeTablePropTypes.ColumnOpts>
   computeCurrentColumnOpts: ComputedRef<VxeTablePropTypes.CurrentColumnConfig>
   computeScrollXThreshold: ComputedRef<number>
@@ -4119,6 +4130,11 @@ export interface TableReactData<D = any> {
   scrollbarWidth: number
   // 横向滚动条的高度
   scrollbarHeight: number
+
+  // 滚动条
+  yThumbHeight: number
+  xThumbWidth: number
+
   /**
    * 行高
    * @deprecated
@@ -4360,9 +4376,17 @@ export interface TableInternalData<D = any> {
   currentRow: D | null
   currentCol: VxeTableDefines.ColumnInfo | null
 
-  // 最后滚动位置
-  lastScrollLeft: number
+  resizeObserver?: ResizeObserver
+
+  // 滚动条
+  scrollObserver?: ResizeObserver
+  isThumbDrag?: boolean
+  thumbDragOffset: number
+  yThumbTop: number
+  xThumbLeft: number
   lastScrollTop: number
+  lastScrollLeft: number
+
   // 单选框属性，已选中保留的行
   radioReserveRow: any
   // 复选框属性，已选中保留的行
@@ -5959,6 +5983,16 @@ export interface TablePrivateMethods<D = any> {
     row: any
     column: VxeTableDefines.ColumnInfo
   }, cellValue?: any): Promise<any>
+  /**
+   * 内部方法
+   * @private
+   */
+  updateScrollbar(): void
+  /**
+   * 内部方法
+   * @private
+   */
+  updateThumbOffset(): void
   /**
    * 内部方法
    * @private

package/types/components/tree.d.ts

@@ -346,10 +346,22 @@ export namespace VxeTreePropTypes {
 }
 
 export interface VxeTreeProps<D = any> {
+  /**
+   * 数据源
+   */
   data?: VxeTreePropTypes.Data<D>
   autoResize?: VxeTreePropTypes.AutoResize
+  /**
+   * 高度
+   */
   height?: VxeTreePropTypes.Height
+  /**
+   * 最小高度
+   */
   minHeight?: VxeTreePropTypes.MinHeight
+  /**
+   * 最大高度
+   */
   maxHeight?: VxeTreePropTypes.MaxHeight
   loading?: VxeTreePropTypes.Loading
   loadingConfig?: VxeTreePropTypes.LoadingConfig
@@ -487,8 +499,10 @@ export interface TreeInternalData {
   treeExpandedMaps: Record<string, boolean>
   treeExpandLazyLoadedMaps: Record<string, boolean>
 
-  // 滚动条
   resizeObserver?: ResizeObserver
+
+  // 滚动条
+  scrollObserver?: ResizeObserver
   isThumbDrag?: boolean
   thumbDragOffset: number
   yThumbTop: number

package/es/scrollbar/src/util.js

@@ -1,54 +0,0 @@
-/**
- * 计算滚动条滑块的长度
- */
-export function getThumbSize(viewportSize, contentSize, trackSize) {
-    if (contentSize <= viewportSize) {
-        return 0;
-    }
-    const ratio = viewportSize / contentSize;
-    const ideal = trackSize * ratio;
-    return Math.max(20, Math.min(ideal, trackSize));
-}
-/**
- * 计算滚动条滑块的偏移位置
- */
-export function getThumbOffsetSize(offsetSize, viewportSize, contentSize, trackSize, thumbSize) {
-    const maxScroll = contentSize - viewportSize;
-    if (maxScroll <= 0) {
-        return 0;
-    }
-    const maxThumbOffset = trackSize - thumbSize;
-    if (maxThumbOffset <= 0) {
-        return 0;
-    }
-    const clamped = Math.min(Math.max(offsetSize, 0), maxScroll);
-    const ratio = clamped / maxScroll;
-    return ratio * maxThumbOffset;
-}
-/**
- * 根据点击轨道的位置，计算滑块的偏移位置
- */
-export function getScrollFromClick(clickPosition, viewportSize, contentSize, trackSize, thumbSize) {
-    const maxThumbOffset = trackSize - thumbSize;
-    const maxScroll = contentSize - viewportSize;
-    if (maxScroll <= 0 || maxThumbOffset <= 0) {
-        return 0;
-    }
-    let thumbOffset = clickPosition - thumbSize / 2;
-    thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-    const scrollOffset = (thumbOffset / maxThumbOffset) * maxScroll;
-    return scrollOffset;
-}
-/**
- * 拖拽 thumb 时，根据鼠标位置计算滑块的偏移位置
- */
-export function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSize, trackSize, thumbSize) {
-    const maxScroll = contentSize - viewportSize;
-    const maxThumbOffset = trackSize - thumbSize;
-    if (maxScroll <= 0 || maxThumbOffset <= 0) {
-        return 0;
-    }
-    let thumbOffset = pointerPosition - dragOffset;
-    thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-    return (thumbOffset / maxThumbOffset) * maxScroll;
-}

package/lib/scrollbar/src/util.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getScrollFromClick = getScrollFromClick;
-exports.getScrollFromDrag = getScrollFromDrag;
-exports.getThumbOffsetSize = getThumbOffsetSize;
-exports.getThumbSize = getThumbSize;
-/**
- * 计算滚动条滑块的长度
- */
-function getThumbSize(viewportSize, contentSize, trackSize) {
-  if (contentSize <= viewportSize) {
-    return 0;
-  }
-  const ratio = viewportSize / contentSize;
-  const ideal = trackSize * ratio;
-  return Math.max(20, Math.min(ideal, trackSize));
-}
-/**
- * 计算滚动条滑块的偏移位置
- */
-function getThumbOffsetSize(offsetSize, viewportSize, contentSize, trackSize, thumbSize) {
-  const maxScroll = contentSize - viewportSize;
-  if (maxScroll <= 0) {
-    return 0;
-  }
-  const maxThumbOffset = trackSize - thumbSize;
-  if (maxThumbOffset <= 0) {
-    return 0;
-  }
-  const clamped = Math.min(Math.max(offsetSize, 0), maxScroll);
-  const ratio = clamped / maxScroll;
-  return ratio * maxThumbOffset;
-}
-/**
- * 根据点击轨道的位置，计算滑块的偏移位置
- */
-function getScrollFromClick(clickPosition, viewportSize, contentSize, trackSize, thumbSize) {
-  const maxThumbOffset = trackSize - thumbSize;
-  const maxScroll = contentSize - viewportSize;
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0;
-  }
-  let thumbOffset = clickPosition - thumbSize / 2;
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-  const scrollOffset = thumbOffset / maxThumbOffset * maxScroll;
-  return scrollOffset;
-}
-/**
- * 拖拽 thumb 时，根据鼠标位置计算滑块的偏移位置
- */
-function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSize, trackSize, thumbSize) {
-  const maxScroll = contentSize - viewportSize;
-  const maxThumbOffset = trackSize - thumbSize;
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0;
-  }
-  let thumbOffset = pointerPosition - dragOffset;
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-  return thumbOffset / maxThumbOffset * maxScroll;
-}

package/lib/scrollbar/src/util.min.js

@@ -1 +0,0 @@
-function getThumbSize(t,e,r){return e<=t?0:Math.max(20,Math.min(r*(t/e),r))}function getThumbOffsetSize(t,e,r,o,m){r-=e;return r<=0||(e=o-m)<=0?0:Math.min(Math.max(t,0),r)/r*e}function getScrollFromClick(t,e,r,o,m){o-=m,r-=e;return r<=0||o<=0?0:(e=t-m/2,(e=Math.min(Math.max(e,0),o))/o*r)}function getScrollFromDrag(t,e,r,o,m,i){o-=r,r=m-i;return o<=0||r<=0?0:(m=t-e,(m=Math.min(Math.max(m,0),r))/r*o)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getScrollFromClick=getScrollFromClick,exports.getScrollFromDrag=getScrollFromDrag,exports.getThumbOffsetSize=getThumbOffsetSize,exports.getThumbSize=getThumbSize;

package/packages/scrollbar/src/util.ts

@@ -1,57 +0,0 @@
-/**
- * 计算滚动条滑块的长度
- */
-export function getThumbSize (viewportSize: number, contentSize: number, trackSize: number) {
-  if (contentSize <= viewportSize) {
-    return 0
-  }
-  const ratio = viewportSize / contentSize
-  const ideal = trackSize * ratio
-  return Math.max(20, Math.min(ideal, trackSize))
-}
-
-/**
- * 计算滚动条滑块的偏移位置
- */
-export function getThumbOffsetSize (offsetSize: number, viewportSize: number, contentSize: number, trackSize: number, thumbSize: number) {
-  const maxScroll = contentSize - viewportSize
-  if (maxScroll <= 0) {
-    return 0
-  }
-  const maxThumbOffset = trackSize - thumbSize
-  if (maxThumbOffset <= 0) {
-    return 0
-  }
-  const clamped = Math.min(Math.max(offsetSize, 0), maxScroll)
-  const ratio = clamped / maxScroll
-  return ratio * maxThumbOffset
-}
-
-/**
- * 根据点击轨道的位置，计算滑块的偏移位置
- */
-export function getScrollFromClick (clickPosition: number, viewportSize: number, contentSize: number, trackSize: number, thumbSize: number) {
-  const maxThumbOffset = trackSize - thumbSize
-  const maxScroll = contentSize - viewportSize
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0
-  }
-  let thumbOffset = clickPosition - thumbSize / 2
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset)
-  const scrollOffset = (thumbOffset / maxThumbOffset) * maxScroll
-  return scrollOffset
-}
-
-/**
- * 拖拽 thumb 时，根据鼠标位置计算滑块的偏移位置
- */
-export function getScrollFromDrag (pointerPosition: number, dragOffset: number, viewportSize: number, contentSize: number, trackSize: number, thumbSize: number) {
-  const maxScroll = contentSize - viewportSize
-  const maxThumbOffset = trackSize - thumbSize
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0
-  }
-  let thumbOffset = pointerPosition - dragOffset
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset)
-  return (thumbOffset / maxThumbOffset) * maxScroll
-}