vxe-pc-ui 3.20.2 → 3.20.5

package/packages/scrollbar/src/scrollbar.ts

@@ -3,14 +3,15 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI } from '../../ui'
 import { toCssUnit } from '../../ui/src/dom'
-import { getThumbOffsetSize, getThumbSize, getScrollFromClick, getScrollFromDrag } from './util'
 import { getDefaultConfig } from '../../ui/src/utils'
 
 import VxeLoadingComponent from '../../loading'
 
 import type { ScrollbarReactData, ScrollbarInternalData, VxeScrollbarEmits, ValueOf, VxeScrollbarPropTypes, VxeComponentStyleType } from '../../../types'
 
-const { getConfig, createEvent, domUtils, globalResize, globalEvents, renderEmptyElement } = VxeUI
+const { getConfig, createEvent, domUtils, scrollbarUtils, globalResize, globalEvents, renderEmptyElement } = VxeUI
+
+const { getThumbOffsetSize, getThumbSize, getScrollFromClick, getScrollFromDrag } = scrollbarUtils
 
 function createReactData (): ScrollbarReactData {
   return {

package/packages/tree/src/tree.ts

@@ -9,7 +9,6 @@ import { crossTreeDragNodeGlobal, getCrossTreeDragNodeInfo } from './store'
 import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, getTpImg, hasControlKey, getEventTargetNode, hasClass } from '../../ui/src/dom'
 import { isEnableConf, enModelValue, deModelValue, getText, getDefaultConfig } from '../../ui/src/utils'
 import { moveRowAnimateToTb, clearRowAnimate } from '../../ui/src/anime'
-import { getThumbOffsetSize, getThumbSize, getScrollFromClick, getScrollFromDrag } from '../../scrollbar/src/util'
 import VxeLoadingComponent from '../../loading'
 import VxeTooltipComponent from '../../tooltip'
 
@@ -17,7 +16,9 @@ import type { TreeReactData, VxeTreeEmits, VxeTreeConstructor, VxeTreePropTypes,
 
 const { warnLog, errLog } = createComponentLog('tree')
 
-const { menus, getConfig, getI18n, getIcon } = VxeUI
+const { menus, scrollbarUtils, getConfig, getI18n, getIcon } = VxeUI
+
+const { getThumbOffsetSize, getThumbSize, getScrollFromClick, getScrollFromDrag } = scrollbarUtils
 
 let crossTreeDragNodeObj: {
   $oldTree: VxeTreeConstructor & VxeTreePrivateMethods

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>
     row: D
     scaleType: VxeGanttDefines.ColumnScaleType

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

@@ -43,10 +43,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

@@ -38,6 +38,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

@@ -235,8 +235,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
@@ -250,7 +259,13 @@ export interface VxeListProps<D = any> {
   checkboxConfig?: VxeListPropTypes.CheckboxConfig
   rowConfig?: VxeListPropTypes.RowConfig
   dragConfig?: VxeListPropTypes.DragConfig
+  /**
+   * 右键菜单配置项
+   */
   menuConfig?: VxeListPropTypes.MenuConfig
+  /**
+   * 纵向虚拟滚动配置
+   */
   virtualYConfig?: VxeListPropTypes.VirtualYConfig
   /**
    * 使用虚拟滚动条

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

@@ -32,7 +32,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 = string
   export type Form = string
@@ -119,6 +118,9 @@ export namespace VxeNumberInputPropTypes {
 }
 
 export interface VxeNumberInputProps {
+  /**
+   * 尺寸大小
+   */
   size?: VxeNumberInputPropTypes.Size
   value?: VxeNumberInputPropTypes.ModelValue
   className?: VxeNumberInputPropTypes.ClassName
@@ -129,7 +131,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
@@ -137,8 +145,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

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

package/types/components/table.d.ts

@@ -3514,6 +3514,9 @@ export namespace VxeTablePropTypes {
 }
 
 export interface VxeTableProps<D = any> {
+  /**
+   * 尺寸大小
+   */
   size?: VxeTablePropTypes.Size
   /**
    * 唯一标识

package/types/components/tree.d.ts

@@ -339,10 +339,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

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