vxe-pc-ui 4.20.24 → 4.20.26

package/types/components/tree.d.ts

@@ -1,1036 +1,994 @@
-import { RenderFunction, SetupContext, Ref, ComputedRef } from 'vue'
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentSizeType, ValueOf, VxeComponentIsVScrollbar, VxeUseInitVScrollbarReactData, VxeUseInitVScrollbarInternalData } from '@vxe-ui/core'
-import { VxeContextMenuPropTypes, VxeContextMenuDefines } from './context-menu'
-import { VxeTooltipPropTypes } from './tooltip'
-import { VxeScrollbarProps } from './scrollbar'
-
-/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
-
-export declare const VxeTree: DefineVxeComponentApp<VxeTreeProps, VxeTreeEventProps, VxeTreeSlots, VxeTreeMethods>
-export type VxeTreeComponent = DefineVxeComponentOptions<VxeTreeProps, VxeTreeEventProps>
-
-export type VxeTreeInstance<D = any> = DefineVxeComponentInstance<VxeTreeProps<D>, VxeTreeConstructor<D>>
-
-export interface VxeTreeConstructor<D = any> extends VxeComponentBaseOptions, VxeTreeMethods<D> {
-  props: VxeTreeProps
-  context: SetupContext<VxeTreeEmits>
-  internalData: TreeInternalData
-  reactData: TreeReactData
-  getRefMaps(): TreePrivateRef
-  getComputeMaps(): TreePrivateComputed
-  renderVN: RenderFunction
-}
-
-export interface TreePrivateRef {
-  refElem: Ref<HTMLDivElement | undefined>
-}
-export interface VxeTreePrivateRef extends TreePrivateRef { }
-
-export namespace VxeTreePropTypes {
-  export type Data<D = any> = D[]
-  export type Loading = boolean
-  export type AutoResize = boolean
-  export type ShowOverflow = boolean
-  export type EmptyText = string | number
-  /**
-   * 提示信息配置项
-   */
-  export interface TooltipConfig<D = any> {
-    /**
-     * 当 show-overflow=true 时，默认使用指定提示类型
-     */
-    mode?: 'ellipsis' | 'title' | 'tooltip' | '' | null
-    /**
-     * 所有节点开启工具提示
-     */
-    showAll?: boolean
-    theme?: VxeTooltipPropTypes.Theme
-    /**
-     * 鼠标是否可进入到工具提示中
-     */
-    enterable?: VxeTooltipPropTypes.Enterable
-    enterDelay?: VxeTooltipPropTypes.EnterDelay
-    leaveDelay?: VxeTooltipPropTypes.LeaveDelay
-    width?: VxeTooltipPropTypes.Width
-    height?: VxeTooltipPropTypes.Height
-    minWidth?: VxeTooltipPropTypes.MinWidth
-    minHeight?: VxeTooltipPropTypes.MinHeight
-    maxWidth?: VxeTooltipPropTypes.MaxWidth
-    maxHeight?: VxeTooltipPropTypes.MaxHeight
-    /**
-     * 显示为 HTML 标签
-     */
-    useHtml?: VxeTooltipPropTypes.UseHtml
-    /**
-     * 固定方向
-     */
-    placement?: VxeTooltipPropTypes.Placement
-    /**
-     * 默认方向
-     */
-    defaultPlacement?: VxeTooltipPropTypes.DefaultPlacement
-    popupClassName?: VxeTooltipPropTypes.PopupClassName
-    /**
-     * 该方法可以通过返回值来重写默认的提示内容，可以返回 null 使用默认的提示内容，可以返回空内容去掉指定单元格的提示内容
-     */
-    contentMethod?(params: {
-      $tree: VxeTreeConstructor<D>
-      node: D
-      $event: any
-    }): string | boolean | null | void
-  }
-  export interface LoadingConfig {
-    /**
-     * 显示图标
-     */
-    icon?: string
-    /**
-     * 显示文字
-     */
-    text?: string
-  }
-  export type Accordion = boolean
-  export type Height = string | number
-  export type MinHeight = string | number
-  export type MaxHeight = string | number
-  export type ParentField = string
-  export type ValueField = string
-  export type KeyField = string
-  export type TitleField = string
-  export type ChildrenField = string
-  export type HasChildField = string
-  export type MapChildrenField = string
-  export type Transform = boolean
-  export type RootParentValue = string | number | null
-  export type RootValues = (string | number)[]
-  export type Trigger = '' | 'default' | 'node'
-  /**
-   * 已废弃，请使用 nodeConfig.isCurrent
-   * @deprecated
-   */
-  export type IsCurrent = boolean
-  /**
-   * 已废弃，请使用 nodeConfig.isHover
-   * @deprecated
-   */
-  export type IsHover = boolean
-  export type ShowLine = boolean
-  export type Indent = number
-  export type ExpandAll = boolean
-  export type ExpandNodeKeys = string[] | number[]
-  export type ShowRadio = boolean
-  export type CheckNodeKey = string | number | null
-  export interface RadioConfig<D = any> {
-    strict?: boolean
-    visibleMode?: 'all' | 'first' | 'last' | '' | null
-    visibleMethod?: (params: {
-      $tree: VxeTreeConstructor
-      node: D
-     }) => boolean
-    checkMode?: 'all' | 'first' | 'last' | '' | null
-    checkMethod?: (params: {
-      $tree: VxeTreeConstructor
-      node: D
-     }) => boolean
-    highlight?: boolean
-    showIcon?: boolean
-    trigger?: '' | 'default' | 'node'
-  }
-  export type CheckNodeKeys = (string | number | null)[]
-  export type ShowCheckbox = boolean
-  export interface CheckboxConfig<D = any> {
-    showHeader?: boolean
-    checkStrictly?: boolean
-    highlight?: boolean
-    visibleMode?: 'all' | 'first' | 'last' | '' | null
-    visibleMethod?: (params: {
-      $tree: VxeTreeConstructor
-      node: D
-     }) => boolean
-    checkMode?: 'all' | 'first' | 'last' | '' | null
-    checkMethod?: (params: {
-      $tree: VxeTreeConstructor
-      node: D
-    }) => boolean
-    showIcon?: boolean
-    trigger?: '' | 'default' | 'node'
-    nodeStyle?: {
-      indeterminateColor?: string
-      checkedColor?: string
-    }
-  }
-  export interface NodeConfig<D = any> {
-    isHover?: boolean
-    isCurrent?: boolean
-    currentMethod?: (params: { node: D }) => boolean
-    trigger?: '' | 'default' | 'all' | 'parent' | 'child'
-  }
-  export type Lazy = boolean
-  export type VisibleMethod<D = any> = (params: {
-    $tree: VxeTreeConstructor
-    node: D
-  }) => boolean
-  export type ToggleMethod<D = any> = (params: {
-    $tree: VxeTreeConstructor
-    expanded: boolean
-    node: D
-  }) => boolean
-  export type LoadMethod<D = any> = (params: {
-    $tree: VxeTreeConstructor
-    node: D
-  }) => Promise<any[]>
-  export type ShowIcon = boolean
-  export type IconOpen = string
-  export type IconClose = string
-  export type IconLoaded = string
-  export type Size = VxeComponentSizeType
-
-  export type Drag = boolean
-  export interface DragConfig<D = any> {
-    /**
-     * 自定义图标
-     */
-    icon?: string
-    /**
-     * 是否显示拖拽按钮图标
-     */
-    showIcon?: boolean
-    /**
-     * 显示拖拽提示，拖拽过程中显示信息
-     */
-    showDragTip?: boolean
-    /**
-     * 触发拖拽方式
-     */
-    trigger?: 'default' | 'node' | '' | null
-    /**
-     * 是否允许同级行拖拽，用于树结构，启用后允许同层级之间进行拖拽
-     */
-    isPeerDrag?: boolean
-    /**
-     * 是否允许同级/跨层行拖拽，用于树结构，启用后允许跨层级拖拽（除了上级拖到子级）
-     */
-    isCrossDrag?: boolean
-    /**
-     * 需要 isCrossDrag，是否允许拖拽成目标行的子级
-     */
-    isToChildDrag?: boolean
-    /**
-     * 需要 isCrossDrag，是否允许将自己拖拽到子级行中
-     */
-    isSelfToChildDrag?: boolean
-    /**
-     * 是否允许在不同树之间进行拖拽
-     */
-    isCrossTreeDrag?: boolean
-    /**
-     * 是否显示拖拽辅助状态显示
-     */
-    showGuidesStatus?: boolean
-    /**
-     * 是否显示拖拽动画，启用后由数据量的大小来影响渲染性能
-     */
-    animation?: boolean
-    /**
-     * 是否禁用拖拽按钮
-     */
-    disabledMethod?(params: {
-      $tree: VxeTreeConstructor
-      node: D
-    }): boolean
-    /**
-     * 是否显示拖拽按钮
-     */
-    visibleMethod?(params: {
-      $tree: VxeTreeConstructor
-      node: D
-    }): boolean
-    /**
-     * 自定义提示内容
-     */
-    tooltipMethod?(params: {
-      $tree: VxeTreeConstructor
-      node: D
-    }): string | number | null
-    /**
-     * 拖拽开始时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽
-     */
-    dragStartMethod?(params: VxeTreeDefines.NodeDragstartEventParams<D>): boolean
-    /**
-     * 拖拽结束时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽调整顺序
-     */
-    dragEndMethod?(params: Omit<VxeTreeDefines.NodeDragendEventParams<D>, '_index'>): Promise<boolean> | boolean
-    /**
-     * 用于 isToChildDrag，在拖拽完成后，该方法的返回值用于决定是否拖拽成子级
-     */
-    dragToChildMethod?(params: Omit<VxeTreeDefines.NodeDragToChildMethod<D>, '_index'>): boolean
-  }
-
-  export interface MenuConfig<D = any> {
-    /**
-     * 是否启用
-     */
-    enabled?: boolean
-    /**
-     * 菜单配置
-     */
-    options: VxeContextMenuPropTypes.Options
-    /**
-     * 该函数的返回值用来决定是否允许显示右键菜单（对于需要对菜单进行权限控制时可能会用到）
-     */
-    visibleMethod?(params: {
-      $tree: VxeTreeConstructor
-      options: VxeContextMenuPropTypes.Options
-      node: D
-    }): boolean
-  }
-
-  /**
-   * 根据指定值来筛选数据
-   */
-  export type FilterValue = string | number | null | undefined
-  export interface FilterConfig<D = any> {
-    /**
-     * 过滤后是否自动展开与收起所有节点
-     */
-    autoExpandAll?: boolean
-    /**
-     * 过滤之前的方法
-     */
-    beforeFilterMethod?(params: {
-      $tree: VxeTreeConstructor
-      filterValue: FilterValue
-    }): void
-    /**
-     * 自定义过滤数据方法
-     */
-    filterMethod?:(params: {
-      $tree: VxeTreeConstructor
-      node: D
-      filterValue: FilterValue
-    }) => boolean
-    /**
-     * 过滤之后的方法
-     */
-    afterFilterMethod?(params: {
-      $tree: VxeTreeConstructor
-      filterValue: FilterValue
-    }): void
-  }
-
-  export interface VirtualYConfig {
-    /**
-     * 指定大于指定行时自动启动纵向虚拟滚动，如果为 0 则总是启用，如果为 -1 则关闭
-     */
-    gt?: number
-    /**
-     * 指定每次渲染的数据额外数据，额外数据越大渲染次数就越少，但每次渲染耗时就越久
-     */
-    oSize?: number
-    /**
-     * 是否启用
-     */
-    enabled?: boolean
-  }
-  export type UseScrollbar = VxeComponentIsVScrollbar
-  export interface ScrollbarConfig extends Pick<VxeScrollbarProps, 'xConfig' | 'yConfig' | 'padding' | 'autoHide' | 'fluentOverlay' | 'visible'> {
-    /**
-     * 滚动条宽度
-     */
-    width?: number | string
-    /**
-     * 滚动条高度
-     */
-    height?: number | string
-  }
-}
-
-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
-  /**
-   * 空数据时显示的内容
-   */
-  emptyText?: VxeTreePropTypes.EmptyText
-  accordion?: VxeTreePropTypes.Accordion
-  parentField?: VxeTreePropTypes.ParentField
-  valueField?: VxeTreePropTypes.ValueField
-  keyField?: VxeTreePropTypes.KeyField
-  titleField?: VxeTreePropTypes.TitleField
-  childrenField?: VxeTreePropTypes.ChildrenField
-  hasChildField?: VxeTreePropTypes.HasChildField
-  mapChildrenField?: VxeTreePropTypes.MapChildrenField
-  showOverflow?: VxeTreePropTypes.ShowOverflow
-  tooltipConfig?: VxeTreePropTypes.TooltipConfig
-  /**
-   * 默认展开所有节点（只会在初始化时被触发一次）
-   */
-  expandAll?: VxeTreePropTypes.ExpandAll
-  /**
-   * 默认展开指定节点（只会在初始化时被触发一次）
-   */
-  expandNodeKeys?: VxeTreePropTypes.ExpandNodeKeys
-  transform?: VxeTreePropTypes.Transform
-  /**
-   * 用于 transform 模式，指定根节点的父级节点值
-   */
-  rootParentValue?: VxeTreePropTypes.RootParentValue
-  /**
-   * 用于 transform 模式，指定根节点的值
-   */
-  rootValues?: VxeTreePropTypes.RootValues
-  trigger?: VxeTreePropTypes.Trigger
-  /**
-   * 已废弃，请使用 nodeConfig.isCurrent
-   * @deprecated
-   */
-  isCurrent?: VxeTreePropTypes.IsCurrent
-  /**
-   * 已废弃，请使用 nodeConfig.isHover
-   * @deprecated
-   */
-  isHover?: VxeTreePropTypes.IsHover
-  showLine?: VxeTreePropTypes.ShowLine
-  indent?: VxeTreePropTypes.Indent
-  showRadio?: VxeTreePropTypes.ShowRadio
-  checkNodeKey?: VxeTreePropTypes.CheckNodeKey
-  radioConfig?: VxeTreePropTypes.RadioConfig<D>
-  showCheckbox?: VxeTreePropTypes.ShowCheckbox
-  checkNodeKeys?: VxeTreePropTypes.CheckNodeKeys
-  checkboxConfig?: VxeTreePropTypes.CheckboxConfig<D>
-  nodeConfig?: VxeTreePropTypes.NodeConfig<D>
-  menuConfig?: VxeTreePropTypes.MenuConfig<D>
-  filterValue?: VxeTreePropTypes.FilterValue
-  filterConfig?: VxeTreePropTypes.FilterConfig
-  lazy?: VxeTreePropTypes.Lazy
-  visibleMethod?: VxeTreePropTypes.VisibleMethod<D>
-  toggleMethod?: VxeTreePropTypes.ToggleMethod<D>
-  /**
-     * 该方法用于异步加载子节点
-     */
-  loadMethod?: VxeTreePropTypes.LoadMethod<D>
-  drag?: VxeTreePropTypes.Drag
-  dragConfig?: VxeTreePropTypes.DragConfig
-  showIcon?: VxeTreePropTypes.ShowIcon
-  iconOpen?: VxeTreePropTypes.IconOpen
-  iconClose?: VxeTreePropTypes.IconClose
-  iconLoaded?: VxeTreePropTypes.IconLoaded
-  size?: VxeTreePropTypes.Size
-  virtualYConfig?: VxeTreePropTypes.VirtualYConfig
-  /**
-   * 使用虚拟滚动条
-   */
-  useScrollbar?: VxeTreePropTypes.UseScrollbar
-  /**
-   * 滚动条配置项
-   */
-  scrollbarConfig?: VxeTreePropTypes.ScrollbarConfig
-}
-
-export interface TreePrivateComputed<D = any> {
-  computeKeyField: ComputedRef<string>
-  computeParentField: ComputedRef<string>
-  computeChildrenField: ComputedRef<string>
-  computeMapChildrenField: ComputedRef<string>
-  computeRadioOpts: ComputedRef<VxeTreePropTypes.RadioConfig<D>>
-  computeCheckboxOpts: ComputedRef<VxeTreePropTypes.CheckboxConfig<D>>
-  computeNodeOpts: ComputedRef<VxeTreePropTypes.NodeConfig<D>>
-  computeDragOpts: ComputedRef<VxeTreePropTypes.DragConfig<D>>
-}
-export interface VxeTreePrivateComputed extends TreePrivateComputed { }
-
-export interface TreeReactData extends VxeUseInitVScrollbarReactData {
-  parentHeight: number
-  customHeight: number
-  customMinHeight: number
-  customMaxHeight: number
-  currentNode: any
-  scrollYLoad: boolean
-  bodyHeight: number
-  topSpaceHeight: number
-  selectRadioKey: VxeTreePropTypes.CheckNodeKey | null
-  treeList: any[]
-  updateExpandedFlag: number
-  updateCheckboxFlag: number
-
-  insertNodeFlag: number
-  removeNodeFlag: number
-
-  dragNode: any
-  dragTipText: string
-  isCrossDragNode: boolean
-
-  tooltipStore: {
-    visible: boolean
-    node: any
-  }
-}
-
-export interface TreeInternalData extends VxeUseInitVScrollbarInternalData {
-  initialized?: boolean
-  lastFilterValue?: string
-  afterTreeList: any[]
-  treeFullData: any[]
-  afterVisibleList: any[]
-  nodeMaps: Record<string, VxeTreeDefines.NodeCacheItem>
-  indeterminateNodeMaps: Record<string, any>
-  selectCheckboxMaps: Record<string, any>
-  treeExpandedMaps: Record<string, boolean>
-  treeExpandLazyLoadedMaps: Record<string, boolean>
-
-  resizeObserver?: ResizeObserver
-
-  scrollYStore: {
-    startIndex: number
-    endIndex: number
-    visibleSize: number
-    offsetSize: number
-    rowHeight: number
-  }
-  lastScrollTime: number
-  hpTimeout?: undefined | number
-  tipTimeout?: any
-
-  insertNodeMaps: Record<string, any>
-  removeNodeMaps: Record<string, any>
-
-  prevDragNode?: any
-  prevDragToChild?: boolean
-  prevDragPos?: 'top' | 'bottom' | ''
-}
-
-export interface TreeMethods<D = any> {
-  dispatchEvent(type: ValueOf<VxeTreeEmits>, params: Record<string, any>, evnt: Event | null): void
-  /**
-   * 获取滚动视图元素
-   */
-  getScrollViewElem(): HTMLElement | null | undefined
-  /**
-   * 加载数据
-   */
-  loadData(data: any[]): Promise<any>
-  /**
-   * 加载数据并清除所有状态
-   */
-  reloadData(data: any[]): Promise<any>
-  /**
-   * 根据节点获取的主键
-   * @param node
-   */
-  getNodeId(node: any): string
-  /**
-   * 根据唯一主键获取节点
-   * @param nodeid
-   */
-  getNodeById(nodeid: string): D
-  /**
-   * 获取当前选中节点的主键
-   */
-  getCurrentNodeId(): string | number | null
-  /**
-   * 获取当前选中节点
-   */
-  getCurrentNode(): any | null
-  /**
-   * 清除当前选中节点
-   */
-  clearCurrentNode(): Promise<any>
-  /**
-   * 根据主键设置当前节点是否被选中
-   */
-  setCurrentNodeId(nodeKey: string | number | null): Promise<any>
-  /**
-   * 根据节点设置当前节点是否被选中
-   */
-  setCurrentNode(node: any): Promise<any>
-  /**
-   * 只对 show-radio 有效，获取单选框的节点对应的键值
-   */
-  getRadioNodeId(): string | number | null
-  /**
-   * 只对 show-radio 有效，获取单选框的节点
-   */
-  getRadioNode(): any | null
-  /**
-   * 用于 showRadio，手动清空单选框的
-   */
-  clearRadioNode(): Promise<any>
-  /**
-   * 只对 show-radio 有效，通过键值设置节点是否被选中
-   */
-  setRadioNodeId(nodeKey: string | number | null): Promise<any>
-  /**
-   * 用于 showRadio 单选框，设置指定节点为选中状态
-   */
-  setRadioNode(node: any): Promise<any>
-  /**
-   * 只对 show-checkbox 有效，获取复选框的节点对应的键值
-   */
-  getCheckboxNodeIds(): (string | number)[]
-  /**
-   * 只对 show-checkbox 有效，获取复选框的节点
-   */
-  getCheckboxNodes(): D[]
-  /**
-   * 只对 show-checkbox 有效，获取复选框的节点
-   */
-  getCheckboxRecords(): D[]
-  /**
-   * 用于 showCheckbox，手动清空复选框的
-   */
-  clearCheckboxNode(): Promise<{
-    checkNodes: D[]
-    checkNodeKeys: (string | number)[]
-  }>
-  /**
-   * 用于 showCheckbox，设置所有节点的选中状态
-   */
-  setAllCheckboxNode(checked: boolean): Promise<{
-    checkNodes: D[]
-    checkNodeKeys: (string | number)[]
-  }>
-  /**
-   * 用于 showCheckbox 复选框，设置指定节点为选中状态，第二个参数为选中与否
-   */
-  setCheckboxNode(nodeList: any | any[], checked: boolean): Promise<any>
-  /**
-   * 用于 showCheckbox 复选框，设置指定节点 key 为选中状态，第二个参数为选中与否
-   */
-  setCheckboxByNodeId(nodeKeys: string | number | null | (string | number | null)[], checked: boolean): Promise<any>
-  /**
-   * 已废弃，请使用 clearAllExpandNode
-   * @deprecated
-   */
-  clearExpandNode(): Promise<any>
-  /**
-   * 手动清除所有树节点的展开状态
-   */
-  clearAllExpandNode(): Promise<any>
-  /**
-   * 设置指定节点 key 为展开状态，第二个参数为选中与否
-   */
-  setExpandByNodeId(nodeKeys: string | number | null | (string | number | null)[], expanded: boolean): Promise<any>
-  /**
-   * 设置指定节点为展开状态
-   */
-  setExpandNode(nodeList: any | any[], expanded: boolean): Promise<any>
-  /**
-   * 根据节点主键切换指定节点为展开状态
-   */
-  toggleExpandByNodeId(nodeKeys: string | number | null | (string | number | null)[]): Promise<any>
-  /**
-   * 切换指定节点为展开状态
-   */
-  toggleExpandNode(nodeList: any | any[]): Promise<any>
-  /**
-   * 设置全部节点为展开状态
-   */
-  setAllExpandNode(expanded: boolean): Promise<any>
-  /**
-   * 获取已展开的节点对应的键值
-   */
-  getExpandNodeIds(): (string | number)[]
-  /**
-   * 获取已展开的节点
-   */
-  getExpandNodes(): D[]
-  /**
-   * 重新懒加载展开节点
-   */
-  reloadExpandNode(node: any): Promise<any>
-  /**
-   * 清除指定节点的懒加载状态，恢复成未加载之前状态
-   */
-  clearExpandLoaded(node: any): Promise<any>
-  loadChildrenNode(node: any, childRecords: any[]): Promise<any>
-  /**
-   * 判断指定节点是否为展开状态
-   */
-  isExpandByNode(node: any): boolean
-  /**
-   * 用于 show-radio，根据节点主键判断指定节点是否为选中状态
-   */
-  isCheckedByRadioNodeId(nodeKey: string | number | null): boolean
-  /**
-   * 用于 show-radio，判断指定节点是否为选中状态
-   */
-  isCheckedByRadioNode(node: any): boolean
-  /**
-   * 用于 show-checkbox，根据节点主键判断指定节点是否为选中状态
-   */
-  isCheckedByCheckboxNodeId(nodeKey: string | number | null): boolean
-  /**
-   * 用于 show-checkbox，判断指定节点是否为半选状态
-   */
-  isIndeterminateByCheckboxNode(node: any): boolean
-  /**
-   * 用于 show-checkbox，判断指定节点是否为选中状态
-   */
-  isCheckedByCheckboxNode(node: any): boolean
-  /**
-   * 用于 show-checkbox，获取半选状态的节点
-   */
-  getCheckboxIndeterminateNodes(): D[]
-  /**
-   * 重新计算列表
-   */
-  recalculate(): Promise<void>
-  /**
-   * 获取数据的全量数据
-   */
-  getFullData(): D[]
-
-  /**
-   * 如果有滚动条，则滚动到对应的位置
-   */
-  scrollTo(x: {
-    top?: number | null
-    left?: number | null
-  } | number | null | undefined, y?: number | null): Promise<void>
-  /**
-   * 如果有滚动条，则滚动到指定的节点位置
-   */
-  scrollToNode(node: any): Promise<void>
-  /**
-   * 如果有滚动条，则根据节点主键滚动到对应的节点位置
-   */
-  scrollToNodeId(nodeKey: string | number | null): Promise<void>
-
-  /**
-   * 手动清除滚动相关信息，还原到初始状态
-   */
-  clearScroll(): Promise<void>
-
-  /**
-   * 往表格插入临时数据，从第一个节点新增一个节点或多个节点新数据
-   */
-  insert(records: any): Promise<{ node: D, nodes: D[] }>
-  /**
-   * 用于 transform 模式，往表格指定节点中插入临时数据
-   * 如果 node 为空则从插入到顶部，如果为树结构，则插入到目标节点顶部
-   * 如果 node 为 -1 则从插入到底部，如果为树结构，则插入到目标节点底部
-   * 如果 node 为有效节点则插入到该节点的位置，如果为树结构，则有插入到效的目标节点该节点的位置
-   */
-  insertAt(records: any, targetNodeOrNodeKey?: any | -1 | null): Promise<{ node: D, nodes: D[] }>
-  /**
-   * 用于 transform 模式，与 insertAt 节点为一致，区别就是会插入指定目标的到下一节点
-   */
-  insertNextAt(records: any, targetNodeOrNodeKey?: any | -1 | null): Promise<{ node: D, nodes: D[] }>
-  /**
-   * 用于树结构，往指定节点插入子级临时数据，从子级的第一行新增一行或多行新数据
-   */
-  insertChild(records: any, parentNodeOrParentId: any): Promise<{ node: D, nodes: D[] }>
-  /**
-   * 用于树结构，往指定节点插入子级临时数据
-   * 如果 targetNode 为空则从插入到顶部，如果为树结构，则插入到目标节点顶部
-   * 如果 targetNode 为 -1 则从插入到底部，如果为树结构，则插入到目标节点底部
-   * 如果 targetNode 为有效行则插入到该行的位置，如果为树结构，则有插入到效的目标节点该行的位置
-   */
-  insertChildAt(records: any, parentNodeOrParentId: any, targetNodeOrNodeid: any | -1 | null): Promise<{ node: D, nodes: D[] }>
-  /**
-   * 与 insertChildAt 行为一致，区别就是会插入指定目标子级的到下一行
-   */
-  insertChildNextAt(records: any, parentNodeOrParentId: any, targetNodeOrNodeid: any | -1 | null): Promise<{ node: D, nodes: D[] }>
-  /**
-   * 判断行是否为新增的临时数据
-   */
-  isInsertByNode(node: any | null): boolean
-  /**
-   * 用于 transform 模式，删除指定节点数据，指定 node 或 [node, ...] 删除多条数据，如果为空则删除所有数据
-   */
-  remove(nodes?: any | any[]): Promise<{ node: D, nodes: D[] }>
-  /**
-   * 用于 transform 模式，获取新增的临时数据
-   */
-  getInsertRecords(): D[]
-  /**
-   * 用于 transform 模式，获取已删除的数据
-   */
-  getRemoveRecords(): D[]
-  /**
-   * 判断数据是否被删除
-   */
-  isRemoveByNode(node: any | null): boolean
-  /**
-   * 手动关闭工具提示
-   */
-  closeTooltip(): Promise<void>
-  /**
-   * 获取列表数据集
-   * 获取新增、删除的数据
-   */
-  getRecordset(): {
-    insertRecords: D[]
-    removeRecords: D[]
-  }
-}
-export interface VxeTreeMethods<D = any> extends TreeMethods<D> { }
-
-export interface TreePrivateMethods {
-  /**
-   * @private
-   */
-  handleData(force?: boolean): void
-  /**
-   * @private
-   */
-  cacheNodeMap(): void
-  /**
-   * @private
-   */
-  updateAfterDataIndex(): void
-  /**
-   * @private
-   */
-  updateCheckboxStatus(): void
-  /**
-   * @private
-   */
-  updateYSpace(): void
-  /**
-   * @private
-   */
-  findNodeIndexOf(list: any[], node: any): number
-  /**
-   * @private
-   */
-  eqNode(node1: any, node2: any): boolean
-  /**
-   * @private
-   */
-  handleCrossTreeNodeDragInsertEvent(evnt: DragEvent): void
-  /**
-   * @private
-   */
-  handleCrossTreeNodeDragCancelEvent(evnt: DragEvent): void
-  /**
-   * @private
-   */
-  handleCrossTreeNodeDragFinishEvent(evnt: DragEvent): void
-  /**
-   * @private
-   */
-  handleCrossTreeNodeDragoverEmptyEvent(evnt: DragEvent): void
-  /**
-   * @private
-   */
-  hideCrossTreeNodeDropClearStatus(): void
-}
-export interface VxeTreePrivateMethods extends TreePrivateMethods { }
-
-export type VxeTreeEmits = [
-  'update:modelValue',
-  'update:checkNodeKey',
-  'update:checkNodeKeys',
-  'node-click',
-  'node-dblclick',
-  'current-change',
-  'radio-change',
-  'checkbox-change',
-  'load-success',
-  'load-error',
-  'scroll',
-  'node-dragstart',
-  'node-dragover',
-  'node-dragend',
-  'node-remove-dragend',
-  'node-insert-dragend',
-  'node-expand',
-  'node-menu',
-  'menu-click'
-]
-
-export namespace VxeTreeDefines {
-  export interface TreeEventParams<D = any> extends VxeComponentEventParams {
-    $tree: VxeTreeConstructor<D>
-  }
-
-  export interface NodeCacheItem {
-    item: any
-    index: number
-    $index: number
-    _index: number
-    items: any[]
-    nodes: any[]
-    parent: any
-    level: number
-    treeIndex: number
-    lineCount: number
-    treeLoaded: boolean
-  }
-
-  export interface NodeDragstartEventParams<D = any> {
-    node: D
-  }
-
-  export interface NodeDragoverEventParams<D = any> {
-    oldNode: D
-    targetNode: D
-    dragNode: D
-    dragPos: 'top' | 'bottom'
-    offsetIndex: 0 | 1
-  }
-
-  export interface NodeDragendEventParams<D = any> {
-    newNode: D
-    oldNode: D
-    dragNode: D
-    dragPos: 'top' | 'bottom'
-    dragToChild: boolean
-    offsetIndex: 0 | 1
-    _index: {
-      newIndex: number
-      oldIndex: number
-    }
-  }
-
-  export interface NodeDragToChildMethod<D = any> extends NodeDragendEventParams<D> {}
-
-  export interface NodeClickParams<D = any> {
-    node: D
-  }
-  export interface NodeClickEventParams<D = any> extends TreeEventParams<D>, NodeClickParams<D> { }
-
-  export interface NodeDblclickEventParams<D = any> extends NodeClickEventParams<D> { }
-
-  export interface CurrentChangeEventParams<D = any> extends TreeEventParams<D> {
-    node: D
-    checked: boolean
-  }
-
-  export interface RadioChangeEventParams<D = any> extends TreeEventParams<D> {
-    node: D
-    checked: boolean
-    value: VxeTreePropTypes.CheckNodeKey
-  }
-  export interface CheckboxChangeEventParams<D = any> extends TreeEventParams<D> {
-    node: D
-    checked: boolean
-    value: VxeTreePropTypes.CheckNodeKeys
-  }
-
-  export interface LoadSuccessEventParams<D = any> extends TreeEventParams<D> {
-    node: D
-  }
-
-  export interface LoadErrorEventParams<D = any> extends TreeEventParams<D> {
-    node: D
-  }
-
-  export interface NodeExpandEventParams<D = any> extends NodeClickEventParams<D> {
-    expanded: boolean
-  }
-
-  export interface NodeMenuEventParams<D = any> extends TreeEventParams<D> {
-    node: D
-  }
-  export interface MenuClickEventParams<D = any> extends TreeEventParams<D> {
-    node: D
-    menu: VxeContextMenuDefines.MenuFirstOption | VxeContextMenuDefines.MenuChildOption
-
-    /**
-     * @deprecated
-     */
-    option: VxeContextMenuDefines.MenuFirstOption | VxeContextMenuDefines.MenuChildOption
-  }
-}
-
-export type VxeTreeEventProps<D = any> = {
-  onNodeClick?: VxeTreeEvents.NodeClick<D>
-  onNodeDblclick?: VxeTreeEvents.NodeDblclick<D>
-  onCurrentChange?: VxeTreeEvents.CurrentChange<D>
-  onRadioChange?: VxeTreeEvents.RadioChange<D>
-  onCheckboxChange?: VxeTreeEvents.CheckboxChange<D>
-  onLoadSuccess?: VxeTreeEvents.LoadSuccess<D>
-  onLoadError?: VxeTreeEvents.LoadError<D>
-  onNodeDragstart?: VxeTreeEvents.NodeDragstart<D>
-  onNodeDragover?: VxeTreeEvents.NodeDragover<D>
-  onNodeDragend?: VxeTreeEvents.NodeDragend<D>
-  onNodeExpand?: VxeTreeEvents.NodeExpand<D>
-  onNodeMenu?: VxeTreeEvents.NodeMenu<D>
-  onMenuClick?: VxeTreeEvents.MenuClick<D>
-}
-
-export interface VxeTreeListeners<D = any> {
-  nodeClick?: VxeTreeEvents.NodeClick<D>
-  nodeDblclick?: VxeTreeEvents.NodeDblclick<D>
-  currentChange?: VxeTreeEvents.CurrentChange<D>
-  radioChange?: VxeTreeEvents.RadioChange<D>
-  checkboxChange?: VxeTreeEvents.CheckboxChange<D>
-  loadSuccess?: VxeTreeEvents.LoadSuccess<D>
-  loadError?: VxeTreeEvents.LoadError<D>
-  nodeDragstart?: VxeTreeEvents.NodeDragstart<D>
-  nodeDragover?: VxeTreeEvents.NodeDragover<D>
-  nodeDragend?: VxeTreeEvents.NodeDragend<D>
-  nodeExpand?: VxeTreeEvents.NodeExpand<D>
-  nodeMenu?: VxeTreeEvents.NodeMenu<D>
-  menuClick?: VxeTreeEvents.MenuClick<D>
-}
-
-export namespace VxeTreeEvents {
-  export type NodeClick<D = any> = (params: VxeTreeDefines.NodeClickEventParams<D>) => void
-  export type NodeDblclick<D = any> = (params: VxeTreeDefines.NodeDblclickEventParams<D>) => void
-  export type CurrentChange<D = any> = (params: VxeTreeDefines.CurrentChangeEventParams<D>) => void
-  export type RadioChange<D = any> = (params: VxeTreeDefines.RadioChangeEventParams<D>) => void
-  export type CheckboxChange<D = any> = (params: VxeTreeDefines.CheckboxChangeEventParams<D>) => void
-  export type LoadSuccess<D = any> = (params: VxeTreeDefines.LoadSuccessEventParams<D>) => void
-  export type LoadError<D = any> = (params: VxeTreeDefines.LoadErrorEventParams<D>) => void
-  export type NodeDragstart<D = any> = (params: VxeTreeDefines.NodeDragstartEventParams<D>) => void
-  export type NodeDragover<D = any> = (params: VxeTreeDefines.NodeDragoverEventParams<D>) => void
-  export type NodeDragend<D = any> = (params: VxeTreeDefines.NodeDragendEventParams<D>) => void
-  export type NodeExpand<D = any> = (params: VxeTreeDefines.NodeExpandEventParams<D>) => void
-  export type NodeMenu<D = any> = (params: VxeTreeDefines.NodeMenuEventParams<D>) => void
-  export type MenuClick<D = any> = (params: VxeTreeDefines.MenuClickEventParams<D>) => void
-}
-
-export namespace VxeTreeSlotTypes {
-  export interface DefaultSlotParams {
-    node: any
-    isExpand: boolean
-  }
-  export interface IconSlotParams {
-    node: any
-    isExpand: boolean
-  }
-  export interface TitleSlotParams extends DefaultSlotParams {}
-  export interface ExtraSlotParams extends DefaultSlotParams {}
-
-  export interface HeaderSlotParams {}
-  export interface FooterSlotParams {}
-  export interface LoadingSlotParams {}
-  export interface TooltipSlotParams {
-    node: any
-  }
-  export interface EmptySlotParams {}
-}
-
-export interface VxeTreeSlots {
-  icon?: (params: VxeTreeSlotTypes.IconSlotParams) => any
-  title?: (params: VxeTreeSlotTypes.TitleSlotParams) => any
-  extra?: (params: VxeTreeSlotTypes.ExtraSlotParams) => any
-  header?: (params: VxeTreeSlotTypes.HeaderSlotParams) => any
-  footer?: (params: VxeTreeSlotTypes.FooterSlotParams) => any
-  loading?: (params: VxeTreeSlotTypes.LoadingSlotParams) => any
-  tooltip?: (params: VxeTreeSlotTypes.TooltipSlotParams) => any
-  empty?: (params: VxeTreeSlotTypes.EmptySlotParams) => any
-}
-
-export const Tree: typeof VxeTree
-export default VxeTree
+import { RenderFunction, SetupContext, Ref, ComputedRef } from 'vue'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentSizeType, ValueOf, VxeComponentIsVScrollbar, VxeUseInitVScrollbarReactData, VxeUseInitVScrollbarInternalData } from '@vxe-ui/core'
+import { VxeContextMenuPropTypes, VxeContextMenuDefines } from './context-menu'
+import { VxeTooltipPropTypes } from './tooltip'
+import { VxeScrollbarProps } from './scrollbar'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeTree: DefineVxeComponentApp<VxeTreeProps, VxeTreeEventProps, VxeTreeSlots, VxeTreeMethods>
+export type VxeTreeComponent = DefineVxeComponentOptions<VxeTreeProps, VxeTreeEventProps>
+
+export type VxeTreeInstance<D = any> = DefineVxeComponentInstance<VxeTreeProps<D>, VxeTreeConstructor<D>>
+
+export interface VxeTreeConstructor<D = any> extends VxeComponentBaseOptions, VxeTreeMethods<D> {
+  props: VxeTreeProps
+  context: SetupContext<VxeTreeEmits>
+  internalData: TreeInternalData
+  reactData: TreeReactData
+  getRefMaps(): TreePrivateRef
+  getComputeMaps(): TreePrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface TreePrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeTreePrivateRef extends TreePrivateRef {}
+
+export namespace VxeTreePropTypes {
+  export type Data<D = any> = D[]
+  export type Loading = boolean
+  export type AutoResize = boolean
+  export type ShowOverflow = boolean
+  export type EmptyText = string | number
+  /**
+   * 提示信息配置项
+   */
+  export interface TooltipConfig<D = any> {
+    /**
+     * 当 show-overflow=true 时，默认使用指定提示类型
+     */
+    mode?: 'ellipsis' | 'title' | 'tooltip' | '' | null
+    /**
+     * 所有节点开启工具提示
+     */
+    showAll?: boolean
+    theme?: VxeTooltipPropTypes.Theme
+    /**
+     * 鼠标是否可进入到工具提示中
+     */
+    enterable?: VxeTooltipPropTypes.Enterable
+    enterDelay?: VxeTooltipPropTypes.EnterDelay
+    leaveDelay?: VxeTooltipPropTypes.LeaveDelay
+    width?: VxeTooltipPropTypes.Width
+    height?: VxeTooltipPropTypes.Height
+    minWidth?: VxeTooltipPropTypes.MinWidth
+    minHeight?: VxeTooltipPropTypes.MinHeight
+    maxWidth?: VxeTooltipPropTypes.MaxWidth
+    maxHeight?: VxeTooltipPropTypes.MaxHeight
+    /**
+     * 显示为 HTML 标签
+     */
+    useHtml?: VxeTooltipPropTypes.UseHtml
+    /**
+     * 固定方向
+     */
+    placement?: VxeTooltipPropTypes.Placement
+    /**
+     * 默认方向
+     */
+    defaultPlacement?: VxeTooltipPropTypes.DefaultPlacement
+    popupClassName?: VxeTooltipPropTypes.PopupClassName
+    /**
+     * 该方法可以通过返回值来重写默认的提示内容，可以返回 null 使用默认的提示内容，可以返回空内容去掉指定单元格的提示内容
+     */
+    contentMethod?(params: { $tree: VxeTreeConstructor<D>; node: D; $event: any }): string | boolean | null | void
+  }
+  export interface LoadingConfig {
+    /**
+     * 显示图标
+     */
+    icon?: string
+    /**
+     * 显示文字
+     */
+    text?: string
+  }
+  export type Accordion = boolean
+  export type Height = string | number
+  export type MinHeight = string | number
+  export type MaxHeight = string | number
+  export type ParentField = string
+  export type ValueField = string
+  export type KeyField = string
+  export type TitleField = string
+  export type ChildrenField = string
+  export type HasChildField = string
+  export type MapChildrenField = string
+  export type Transform = boolean
+  export type RootParentValue = string | number | null
+  export type RootValues = (string | number)[]
+  export type Trigger = '' | 'default' | 'node'
+  /**
+   * 已废弃，请使用 nodeConfig.isCurrent
+   * @deprecated
+   */
+  export type IsCurrent = boolean
+  /**
+   * 已废弃，请使用 nodeConfig.isHover
+   * @deprecated
+   */
+  export type IsHover = boolean
+  export type ShowLine = boolean
+  export type Indent = number
+  export type ExpandAll = boolean
+  export type ExpandNodeKeys = string[] | number[]
+  export type ShowRadio = boolean
+  export type CheckNodeKey = string | number | null
+  export interface RadioConfig<D = any> {
+    strict?: boolean
+    visibleMode?: 'all' | 'first' | 'last' | '' | null
+    visibleMethod?: (params: { $tree: VxeTreeConstructor; node: D }) => boolean
+    checkMode?: 'all' | 'first' | 'last' | '' | null
+    checkMethod?: (params: { $tree: VxeTreeConstructor; node: D }) => boolean
+    highlight?: boolean
+    showIcon?: boolean
+    trigger?: '' | 'default' | 'node'
+  }
+  export type CheckNodeKeys = (string | number | null)[]
+  export type ShowCheckbox = boolean
+  export interface CheckboxConfig<D = any> {
+    showHeader?: boolean
+    checkStrictly?: boolean
+    highlight?: boolean
+    visibleMode?: 'all' | 'first' | 'last' | '' | null
+    visibleMethod?: (params: { $tree: VxeTreeConstructor; node: D }) => boolean
+    checkMode?: 'all' | 'first' | 'last' | '' | null
+    checkMethod?: (params: { $tree: VxeTreeConstructor; node: D }) => boolean
+    showIcon?: boolean
+    trigger?: '' | 'default' | 'node'
+    nodeStyle?: {
+      indeterminateColor?: string
+      checkedColor?: string
+    }
+  }
+  export interface NodeConfig<D = any> {
+    isHover?: boolean
+    isCurrent?: boolean
+    currentMethod?: (params: { node: D }) => boolean
+    trigger?: '' | 'default' | 'all' | 'parent' | 'child'
+  }
+  export type Lazy = boolean
+  export type VisibleMethod<D = any> = (params: { $tree: VxeTreeConstructor; node: D }) => boolean
+  export type ToggleMethod<D = any> = (params: { $tree: VxeTreeConstructor; expanded: boolean; node: D }) => boolean
+  export type LoadMethod<D = any> = (params: { $tree: VxeTreeConstructor; node: D }) => Promise<any[]>
+  export type ShowIcon = boolean
+  export type IconOpen = string
+  export type IconClose = string
+  export type IconLoaded = string
+  export type Size = VxeComponentSizeType
+
+  export type Drag = boolean
+  export interface DragConfig<D = any> {
+    /**
+     * 自定义图标
+     */
+    icon?: string
+    /**
+     * 是否显示拖拽按钮图标
+     */
+    showIcon?: boolean
+    /**
+     * 显示拖拽提示，拖拽过程中显示信息
+     */
+    showDragTip?: boolean
+    /**
+     * 触发拖拽方式
+     */
+    trigger?: 'default' | 'node' | '' | null
+    /**
+     * 是否允许同级行拖拽，用于树结构，启用后允许同层级之间进行拖拽
+     */
+    isPeerDrag?: boolean
+    /**
+     * 是否允许同级/跨层行拖拽，用于树结构，启用后允许跨层级拖拽（除了上级拖到子级）
+     */
+    isCrossDrag?: boolean
+    /**
+     * 需要 isCrossDrag，是否允许拖拽成目标行的子级
+     */
+    isToChildDrag?: boolean
+    /**
+     * 需要 isCrossDrag，是否允许将自己拖拽到子级行中
+     */
+    isSelfToChildDrag?: boolean
+    /**
+     * 是否允许在不同树之间进行拖拽
+     */
+    isCrossTreeDrag?: boolean
+    /**
+     * 是否显示拖拽辅助状态显示
+     */
+    showGuidesStatus?: boolean
+    /**
+     * 是否显示拖拽动画，启用后由数据量的大小来影响渲染性能
+     */
+    animation?: boolean
+    /**
+     * 是否禁用拖拽按钮
+     */
+    disabledMethod?(params: { $tree: VxeTreeConstructor; node: D }): boolean
+    /**
+     * 是否显示拖拽按钮
+     */
+    visibleMethod?(params: { $tree: VxeTreeConstructor; node: D }): boolean
+    /**
+     * 自定义提示内容
+     */
+    tooltipMethod?(params: { $tree: VxeTreeConstructor; node: D }): string | number | null
+    /**
+     * 拖拽开始时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽
+     */
+    dragStartMethod?(params: VxeTreeDefines.NodeDragstartEventParams<D>): boolean
+    /**
+     * 拖拽结束时是否允许行拖拽调整顺序的方法，该方法的返回值用来决定是否允许被拖拽调整顺序
+     */
+    dragEndMethod?(params: Omit<VxeTreeDefines.NodeDragendEventParams<D>, '_index'>): Promise<boolean> | boolean
+    /**
+     * 用于 isToChildDrag，在拖拽完成后，该方法的返回值用于决定是否拖拽成子级
+     */
+    dragToChildMethod?(params: Omit<VxeTreeDefines.NodeDragToChildMethod<D>, '_index'>): boolean
+  }
+
+  export interface MenuConfig<D = any> {
+    /**
+     * 是否启用
+     */
+    enabled?: boolean
+    /**
+     * 菜单配置
+     */
+    options: VxeContextMenuPropTypes.Options
+    /**
+     * 该函数的返回值用来决定是否允许显示右键菜单（对于需要对菜单进行权限控制时可能会用到）
+     */
+    visibleMethod?(params: { $tree: VxeTreeConstructor; options: VxeContextMenuPropTypes.Options; node: D }): boolean
+  }
+
+  /**
+   * 根据指定值来筛选数据
+   */
+  export type FilterValue = string | number | null | undefined
+  export interface FilterConfig<D = any> {
+    /**
+     * 过滤后是否自动展开与收起所有节点
+     */
+    autoExpandAll?: boolean
+    /**
+     * 过滤之前的方法
+     */
+    beforeFilterMethod?(params: { $tree: VxeTreeConstructor; filterValue: FilterValue }): void
+    /**
+     * 自定义过滤数据方法
+     */
+    filterMethod?: (params: { $tree: VxeTreeConstructor; node: D; filterValue: FilterValue }) => boolean
+    /**
+     * 过滤之后的方法
+     */
+    afterFilterMethod?(params: { $tree: VxeTreeConstructor; filterValue: FilterValue }): void
+  }
+
+  export interface VirtualYConfig {
+    /**
+     * 指定大于指定行时自动启动纵向虚拟滚动，如果为 0 则总是启用，如果为 -1 则关闭
+     */
+    gt?: number
+    /**
+     * 指定每次渲染的数据额外数据，额外数据越大渲染次数就越少，但每次渲染耗时就越久
+     */
+    oSize?: number
+    /**
+     * 是否启用
+     */
+    enabled?: boolean
+  }
+  export type UseScrollbar = VxeComponentIsVScrollbar
+  export interface ScrollbarConfig extends Pick<VxeScrollbarProps, 'xConfig' | 'yConfig' | 'padding' | 'autoHide' | 'fluentOverlay' | 'visible'> {
+    /**
+     * 滚动条宽度
+     */
+    width?: number | string
+    /**
+     * 滚动条高度
+     */
+    height?: number | string
+  }
+}
+
+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
+  /**
+   * 空数据时显示的内容
+   */
+  emptyText?: VxeTreePropTypes.EmptyText
+  accordion?: VxeTreePropTypes.Accordion
+  parentField?: VxeTreePropTypes.ParentField
+  valueField?: VxeTreePropTypes.ValueField
+  keyField?: VxeTreePropTypes.KeyField
+  titleField?: VxeTreePropTypes.TitleField
+  childrenField?: VxeTreePropTypes.ChildrenField
+  hasChildField?: VxeTreePropTypes.HasChildField
+  mapChildrenField?: VxeTreePropTypes.MapChildrenField
+  showOverflow?: VxeTreePropTypes.ShowOverflow
+  tooltipConfig?: VxeTreePropTypes.TooltipConfig
+  /**
+   * 默认展开所有节点（只会在初始化时被触发一次）
+   */
+  expandAll?: VxeTreePropTypes.ExpandAll
+  /**
+   * 默认展开指定节点（只会在初始化时被触发一次）
+   */
+  expandNodeKeys?: VxeTreePropTypes.ExpandNodeKeys
+  transform?: VxeTreePropTypes.Transform
+  /**
+   * 用于 transform 模式，指定根节点的父级节点值
+   */
+  rootParentValue?: VxeTreePropTypes.RootParentValue
+  /**
+   * 用于 transform 模式，指定根节点的值
+   */
+  rootValues?: VxeTreePropTypes.RootValues
+  trigger?: VxeTreePropTypes.Trigger
+  /**
+   * 已废弃，请使用 nodeConfig.isCurrent
+   * @deprecated
+   */
+  isCurrent?: VxeTreePropTypes.IsCurrent
+  /**
+   * 已废弃，请使用 nodeConfig.isHover
+   * @deprecated
+   */
+  isHover?: VxeTreePropTypes.IsHover
+  showLine?: VxeTreePropTypes.ShowLine
+  indent?: VxeTreePropTypes.Indent
+  showRadio?: VxeTreePropTypes.ShowRadio
+  checkNodeKey?: VxeTreePropTypes.CheckNodeKey
+  radioConfig?: VxeTreePropTypes.RadioConfig<D>
+  showCheckbox?: VxeTreePropTypes.ShowCheckbox
+  checkNodeKeys?: VxeTreePropTypes.CheckNodeKeys
+  checkboxConfig?: VxeTreePropTypes.CheckboxConfig<D>
+  nodeConfig?: VxeTreePropTypes.NodeConfig<D>
+  menuConfig?: VxeTreePropTypes.MenuConfig<D>
+  filterValue?: VxeTreePropTypes.FilterValue
+  filterConfig?: VxeTreePropTypes.FilterConfig
+  lazy?: VxeTreePropTypes.Lazy
+  visibleMethod?: VxeTreePropTypes.VisibleMethod<D>
+  toggleMethod?: VxeTreePropTypes.ToggleMethod<D>
+  /**
+   * 该方法用于异步加载子节点
+   */
+  loadMethod?: VxeTreePropTypes.LoadMethod<D>
+  drag?: VxeTreePropTypes.Drag
+  dragConfig?: VxeTreePropTypes.DragConfig
+  showIcon?: VxeTreePropTypes.ShowIcon
+  iconOpen?: VxeTreePropTypes.IconOpen
+  iconClose?: VxeTreePropTypes.IconClose
+  iconLoaded?: VxeTreePropTypes.IconLoaded
+  size?: VxeTreePropTypes.Size
+  virtualYConfig?: VxeTreePropTypes.VirtualYConfig
+  /**
+   * 使用虚拟滚动条
+   */
+  useScrollbar?: VxeTreePropTypes.UseScrollbar
+  /**
+   * 滚动条配置项
+   */
+  scrollbarConfig?: VxeTreePropTypes.ScrollbarConfig
+}
+
+export interface TreePrivateComputed<D = any> {
+  computeKeyField: ComputedRef<string>
+  computeParentField: ComputedRef<string>
+  computeChildrenField: ComputedRef<string>
+  computeMapChildrenField: ComputedRef<string>
+  computeRadioOpts: ComputedRef<VxeTreePropTypes.RadioConfig<D>>
+  computeCheckboxOpts: ComputedRef<VxeTreePropTypes.CheckboxConfig<D>>
+  computeNodeOpts: ComputedRef<VxeTreePropTypes.NodeConfig<D>>
+  computeDragOpts: ComputedRef<VxeTreePropTypes.DragConfig<D>>
+}
+export interface VxeTreePrivateComputed extends TreePrivateComputed {}
+
+export interface TreeReactData extends VxeUseInitVScrollbarReactData {
+  parentHeight: number
+  customHeight: number
+  customMinHeight: number
+  customMaxHeight: number
+  currentNode: any
+  scrollYLoad: boolean
+  bodyHeight: number
+  topSpaceHeight: number
+  selectRadioKey: VxeTreePropTypes.CheckNodeKey | null
+  treeList: any[]
+  updateExpandedFlag: number
+  updateCheckboxFlag: number
+
+  insertNodeFlag: number
+  removeNodeFlag: number
+
+  dragNode: any
+  dragTipText: string
+  isCrossDragNode: boolean
+
+  tooltipStore: {
+    visible: boolean
+    node: any
+  }
+}
+
+export interface TreeInternalData extends VxeUseInitVScrollbarInternalData {
+  initialized?: boolean
+  lastFilterValue?: string
+  afterTreeList: any[]
+  treeFullData: any[]
+  afterVisibleList: any[]
+  nodeMaps: Record<string, VxeTreeDefines.NodeCacheItem>
+  indeterminateNodeMaps: Record<string, any>
+  selectCheckboxMaps: Record<string, any>
+  treeExpandedMaps: Record<string, boolean>
+  treeExpandLazyLoadedMaps: Record<string, boolean>
+
+  resizeObserver?: ResizeObserver
+
+  scrollYStore: {
+    startIndex: number
+    endIndex: number
+    visibleSize: number
+    offsetSize: number
+    rowHeight: number
+  }
+  lastScrollTime: number
+  hpTimeout?: undefined | number
+  tipTimeout?: any
+
+  insertNodeMaps: Record<string, any>
+  removeNodeMaps: Record<string, any>
+
+  prevDragNode?: any
+  prevDragToChild?: boolean
+  prevDragPos?: 'top' | 'bottom' | ''
+}
+
+export interface TreeMethods<D = any> {
+  dispatchEvent(type: ValueOf<VxeTreeEmits>, params: Record<string, any>, evnt: Event | null): void
+  /**
+   * 获取滚动视图元素
+   */
+  getScrollViewElem(): HTMLElement | null | undefined
+  /**
+   * 加载数据
+   */
+  loadData(data: any[]): Promise<any>
+  /**
+   * 加载数据并清除所有状态
+   */
+  reloadData(data: any[]): Promise<any>
+  /**
+   * 根据节点获取的主键
+   * @param node
+   */
+  getNodeId(node: any): string
+  /**
+   * 根据唯一主键获取节点
+   * @param nodeid
+   */
+  getNodeById(nodeid: string): D
+  /**
+   * 获取当前选中节点的主键
+   */
+  getCurrentNodeId(): string | number | null
+  /**
+   * 获取当前选中节点
+   */
+  getCurrentNode(): any | null
+  /**
+   * 清除当前选中节点
+   */
+  clearCurrentNode(): Promise<any>
+  /**
+   * 根据主键设置当前节点是否被选中
+   */
+  setCurrentNodeId(nodeKey: string | number | null): Promise<any>
+  /**
+   * 根据节点设置当前节点是否被选中
+   */
+  setCurrentNode(node: any): Promise<any>
+  /**
+   * 只对 show-radio 有效，获取单选框的节点对应的键值
+   */
+  getRadioNodeId(): string | number | null
+  /**
+   * 只对 show-radio 有效，获取单选框的节点
+   */
+  getRadioNode(): any | null
+  /**
+   * 用于 showRadio，手动清空单选框的
+   */
+  clearRadioNode(): Promise<any>
+  /**
+   * 只对 show-radio 有效，通过键值设置节点是否被选中
+   */
+  setRadioNodeId(nodeKey: string | number | null): Promise<any>
+  /**
+   * 用于 showRadio 单选框，设置指定节点为选中状态
+   */
+  setRadioNode(node: any): Promise<any>
+  /**
+   * 只对 show-checkbox 有效，获取复选框的节点对应的键值
+   */
+  getCheckboxNodeIds(): (string | number)[]
+  /**
+   * 只对 show-checkbox 有效，获取复选框的节点
+   */
+  getCheckboxNodes(): D[]
+  /**
+   * 只对 show-checkbox 有效，获取复选框的节点
+   */
+  getCheckboxRecords(): D[]
+  /**
+   * 用于 showCheckbox，手动清空复选框的
+   */
+  clearCheckboxNode(): Promise<{
+    checkNodes: D[]
+    checkNodeKeys: (string | number)[]
+  }>
+  /**
+   * 用于 showCheckbox，设置所有节点的选中状态
+   */
+  setAllCheckboxNode(checked: boolean): Promise<{
+    checkNodes: D[]
+    checkNodeKeys: (string | number)[]
+  }>
+  /**
+   * 用于 showCheckbox 复选框，设置指定节点为选中状态，第二个参数为选中与否
+   */
+  setCheckboxNode(nodeList: any | any[], checked: boolean): Promise<any>
+  /**
+   * 用于 showCheckbox 复选框，设置指定节点 key 为选中状态，第二个参数为选中与否
+   */
+  setCheckboxByNodeId(nodeKeys: string | number | null | (string | number | null)[], checked: boolean): Promise<any>
+  /**
+   * 已废弃，请使用 clearAllExpandNode
+   * @deprecated
+   */
+  clearExpandNode(): Promise<any>
+  /**
+   * 手动清除所有树节点的展开状态
+   */
+  clearAllExpandNode(): Promise<any>
+  /**
+   * 设置指定节点 key 为展开状态，第二个参数为选中与否
+   */
+  setExpandByNodeId(nodeKeys: string | number | null | (string | number | null)[], expanded: boolean): Promise<any>
+  /**
+   * 设置指定节点为展开状态
+   */
+  setExpandNode(nodeList: any | any[], expanded: boolean): Promise<any>
+  /**
+   * 根据节点主键切换指定节点为展开状态
+   */
+  toggleExpandByNodeId(nodeKeys: string | number | null | (string | number | null)[]): Promise<any>
+  /**
+   * 切换指定节点为展开状态
+   */
+  toggleExpandNode(nodeList: any | any[]): Promise<any>
+  /**
+   * 设置全部节点为展开状态
+   */
+  setAllExpandNode(expanded: boolean): Promise<any>
+  /**
+   * 获取已展开的节点对应的键值
+   */
+  getExpandNodeIds(): (string | number)[]
+  /**
+   * 获取已展开的节点
+   */
+  getExpandNodes(): D[]
+  /**
+   * 重新懒加载展开节点
+   */
+  reloadExpandNode(node: any): Promise<any>
+  /**
+   * 清除指定节点的懒加载状态，恢复成未加载之前状态
+   */
+  clearExpandLoaded(node: any): Promise<any>
+  loadChildrenNode(node: any, childRecords: any[]): Promise<any>
+  /**
+   * 判断指定节点是否为展开状态
+   */
+  isExpandByNode(node: any): boolean
+  /**
+   * 用于 show-radio，根据节点主键判断指定节点是否为选中状态
+   */
+  isCheckedByRadioNodeId(nodeKey: string | number | null): boolean
+  /**
+   * 用于 show-radio，判断指定节点是否为选中状态
+   */
+  isCheckedByRadioNode(node: any): boolean
+  /**
+   * 用于 show-checkbox，根据节点主键判断指定节点是否为选中状态
+   */
+  isCheckedByCheckboxNodeId(nodeKey: string | number | null): boolean
+  /**
+   * 用于 show-checkbox，判断指定节点是否为半选状态
+   */
+  isIndeterminateByCheckboxNode(node: any): boolean
+  /**
+   * 用于 show-checkbox，判断指定节点是否为选中状态
+   */
+  isCheckedByCheckboxNode(node: any): boolean
+  /**
+   * 用于 show-checkbox，获取半选状态的节点
+   */
+  getCheckboxIndeterminateNodes(): D[]
+  /**
+   * 重新计算列表
+   */
+  recalculate(): Promise<void>
+  /**
+   * 获取数据的全量数据
+   */
+  getFullData(): D[]
+
+  /**
+   * 如果有滚动条，则滚动到对应的位置
+   */
+  scrollTo(
+    x:
+      | {
+          top?: number | null
+          left?: number | null
+        }
+      | number
+      | null
+      | undefined,
+    y?: number | null
+  ): Promise<void>
+  /**
+   * 如果有滚动条，则滚动到指定的节点位置
+   */
+  scrollToNode(node: any): Promise<void>
+  /**
+   * 如果有滚动条，则根据节点主键滚动到对应的节点位置
+   */
+  scrollToNodeId(nodeKey: string | number | null): Promise<void>
+
+  /**
+   * 手动清除滚动相关信息，还原到初始状态
+   */
+  clearScroll(): Promise<void>
+
+  /**
+   * 往表格插入临时数据，从第一个节点新增一个节点或多个节点新数据
+   */
+  insert(records: any): Promise<{ node: D; nodes: D[] }>
+  /**
+   * 用于 transform 模式，往表格指定节点中插入临时数据
+   * 如果 node 为空则从插入到顶部，如果为树结构，则插入到目标节点顶部
+   * 如果 node 为 -1 则从插入到底部，如果为树结构，则插入到目标节点底部
+   * 如果 node 为有效节点则插入到该节点的位置，如果为树结构，则有插入到效的目标节点该节点的位置
+   */
+  insertAt(records: any, targetNodeOrNodeKey?: any | -1 | null): Promise<{ node: D; nodes: D[] }>
+  /**
+   * 用于 transform 模式，与 insertAt 节点为一致，区别就是会插入指定目标的到下一节点
+   */
+  insertNextAt(records: any, targetNodeOrNodeKey?: any | -1 | null): Promise<{ node: D; nodes: D[] }>
+  /**
+   * 用于树结构，往指定节点插入子级临时数据，从子级的第一行新增一行或多行新数据
+   */
+  insertChild(records: any, parentNodeOrParentId: any): Promise<{ node: D; nodes: D[] }>
+  /**
+   * 用于树结构，往指定节点插入子级临时数据
+   * 如果 targetNode 为空则从插入到顶部，如果为树结构，则插入到目标节点顶部
+   * 如果 targetNode 为 -1 则从插入到底部，如果为树结构，则插入到目标节点底部
+   * 如果 targetNode 为有效行则插入到该行的位置，如果为树结构，则有插入到效的目标节点该行的位置
+   */
+  insertChildAt(records: any, parentNodeOrParentId: any, targetNodeOrNodeid: any | -1 | null): Promise<{ node: D; nodes: D[] }>
+  /**
+   * 与 insertChildAt 行为一致，区别就是会插入指定目标子级的到下一行
+   */
+  insertChildNextAt(records: any, parentNodeOrParentId: any, targetNodeOrNodeid: any | -1 | null): Promise<{ node: D; nodes: D[] }>
+  /**
+   * 判断行是否为新增的临时数据
+   */
+  isInsertByNode(node: any | null): boolean
+  /**
+   * 用于 transform 模式，删除指定节点数据，指定 node 或 [node, ...] 删除多条数据，如果为空则删除所有数据
+   */
+  remove(nodes?: any | any[]): Promise<{ node: D; nodes: D[] }>
+  /**
+   * 用于 transform 模式，获取新增的临时数据
+   */
+  getInsertRecords(): D[]
+  /**
+   * 用于 transform 模式，获取已删除的数据
+   */
+  getRemoveRecords(): D[]
+  /**
+   * 判断数据是否被删除
+   */
+  isRemoveByNode(node: any | null): boolean
+  /**
+   * 手动关闭工具提示
+   */
+  closeTooltip(): Promise<void>
+  /**
+   * 获取列表数据集
+   * 获取新增、删除的数据
+   */
+  getRecordset(): {
+    insertRecords: D[]
+    removeRecords: D[]
+  }
+}
+export interface VxeTreeMethods<D = any> extends TreeMethods<D> {}
+
+export interface TreePrivateMethods {
+  /**
+   * @private
+   */
+  handleData(force?: boolean): void
+  /**
+   * @private
+   */
+  cacheNodeMap(): void
+  /**
+   * @private
+   */
+  updateAfterDataIndex(): void
+  /**
+   * @private
+   */
+  updateCheckboxStatus(): void
+  /**
+   * @private
+   */
+  updateYSpace(): void
+  /**
+   * @private
+   */
+  findNodeIndexOf(list: any[], node: any): number
+  /**
+   * @private
+   */
+  eqNode(node1: any, node2: any): boolean
+  /**
+   * @private
+   */
+  handleCrossTreeNodeDragInsertEvent(evnt: DragEvent): void
+  /**
+   * @private
+   */
+  handleCrossTreeNodeDragCancelEvent(evnt: DragEvent): void
+  /**
+   * @private
+   */
+  handleCrossTreeNodeDragFinishEvent(evnt: DragEvent): void
+  /**
+   * @private
+   */
+  handleCrossTreeNodeDragoverEmptyEvent(evnt: DragEvent): void
+  /**
+   * @private
+   */
+  hideCrossTreeNodeDropClearStatus(): void
+}
+export interface VxeTreePrivateMethods extends TreePrivateMethods {}
+
+export type VxeTreeEmits = [
+  'update:modelValue',
+  'update:checkNodeKey',
+  'update:checkNodeKeys',
+  'node-click',
+  'node-dblclick',
+  'current-change',
+  'radio-change',
+  'checkbox-change',
+  'load-success',
+  'load-error',
+  'scroll',
+  'node-dragstart',
+  'node-dragover',
+  'node-dragend',
+  'node-remove-dragend',
+  'node-insert-dragend',
+  'node-expand',
+  'node-menu',
+  'menu-click'
+]
+
+export namespace VxeTreeDefines {
+  export interface TreeEventParams<D = any> extends VxeComponentEventParams {
+    $tree: VxeTreeConstructor<D>
+  }
+
+  export interface NodeCacheItem {
+    item: any
+    index: number
+    $index: number
+    _index: number
+    items: any[]
+    nodes: any[]
+    parent: any
+    level: number
+    treeIndex: number
+    lineCount: number
+    treeLoaded: boolean
+  }
+
+  export interface NodeDragstartEventParams<D = any> {
+    node: D
+  }
+
+  export interface NodeDragoverEventParams<D = any> {
+    oldNode: D
+    targetNode: D
+    dragNode: D
+    dragPos: 'top' | 'bottom'
+    offsetIndex: 0 | 1
+  }
+
+  export interface NodeDragendEventParams<D = any> {
+    newNode: D
+    oldNode: D
+    dragNode: D
+    dragPos: 'top' | 'bottom'
+    dragToChild: boolean
+    offsetIndex: 0 | 1
+    _index: {
+      newIndex: number
+      oldIndex: number
+    }
+  }
+
+  export interface NodeDragToChildMethod<D = any> extends NodeDragendEventParams<D> {}
+
+  export interface NodeClickParams<D = any> {
+    node: D
+  }
+  export interface NodeClickEventParams<D = any> extends TreeEventParams<D>, NodeClickParams<D> {}
+
+  export interface NodeDblclickEventParams<D = any> extends NodeClickEventParams<D> {}
+
+  export interface CurrentChangeEventParams<D = any> extends TreeEventParams<D> {
+    node: D
+    checked: boolean
+  }
+
+  export interface RadioChangeEventParams<D = any> extends TreeEventParams<D> {
+    node: D
+    checked: boolean
+    value: VxeTreePropTypes.CheckNodeKey
+  }
+  export interface CheckboxChangeEventParams<D = any> extends TreeEventParams<D> {
+    node: D
+    checked: boolean
+    value: VxeTreePropTypes.CheckNodeKeys
+  }
+
+  export interface LoadSuccessEventParams<D = any> extends TreeEventParams<D> {
+    node: D
+  }
+
+  export interface LoadErrorEventParams<D = any> extends TreeEventParams<D> {
+    node: D
+  }
+
+  export interface NodeExpandEventParams<D = any> extends NodeClickEventParams<D> {
+    expanded: boolean
+  }
+
+  export interface NodeMenuEventParams<D = any> extends TreeEventParams<D> {
+    node: D
+  }
+  export interface MenuClickEventParams<D = any> extends TreeEventParams<D> {
+    node: D
+    menu: VxeContextMenuDefines.MenuFirstOption | VxeContextMenuDefines.MenuChildOption
+
+    /**
+     * @deprecated
+     */
+    option: VxeContextMenuDefines.MenuFirstOption | VxeContextMenuDefines.MenuChildOption
+  }
+}
+
+export type VxeTreeEventProps<D = any> = {
+  onNodeClick?: VxeTreeEvents.NodeClick<D>
+  onNodeDblclick?: VxeTreeEvents.NodeDblclick<D>
+  onCurrentChange?: VxeTreeEvents.CurrentChange<D>
+  onRadioChange?: VxeTreeEvents.RadioChange<D>
+  onCheckboxChange?: VxeTreeEvents.CheckboxChange<D>
+  onLoadSuccess?: VxeTreeEvents.LoadSuccess<D>
+  onLoadError?: VxeTreeEvents.LoadError<D>
+  onNodeDragstart?: VxeTreeEvents.NodeDragstart<D>
+  onNodeDragover?: VxeTreeEvents.NodeDragover<D>
+  onNodeDragend?: VxeTreeEvents.NodeDragend<D>
+  onNodeExpand?: VxeTreeEvents.NodeExpand<D>
+  onNodeMenu?: VxeTreeEvents.NodeMenu<D>
+  onMenuClick?: VxeTreeEvents.MenuClick<D>
+}
+
+export interface VxeTreeListeners<D = any> {
+  nodeClick?: VxeTreeEvents.NodeClick<D>
+  nodeDblclick?: VxeTreeEvents.NodeDblclick<D>
+  currentChange?: VxeTreeEvents.CurrentChange<D>
+  radioChange?: VxeTreeEvents.RadioChange<D>
+  checkboxChange?: VxeTreeEvents.CheckboxChange<D>
+  loadSuccess?: VxeTreeEvents.LoadSuccess<D>
+  loadError?: VxeTreeEvents.LoadError<D>
+  nodeDragstart?: VxeTreeEvents.NodeDragstart<D>
+  nodeDragover?: VxeTreeEvents.NodeDragover<D>
+  nodeDragend?: VxeTreeEvents.NodeDragend<D>
+  nodeExpand?: VxeTreeEvents.NodeExpand<D>
+  nodeMenu?: VxeTreeEvents.NodeMenu<D>
+  menuClick?: VxeTreeEvents.MenuClick<D>
+}
+
+export namespace VxeTreeEvents {
+  export type NodeClick<D = any> = (params: VxeTreeDefines.NodeClickEventParams<D>) => void
+  export type NodeDblclick<D = any> = (params: VxeTreeDefines.NodeDblclickEventParams<D>) => void
+  export type CurrentChange<D = any> = (params: VxeTreeDefines.CurrentChangeEventParams<D>) => void
+  export type RadioChange<D = any> = (params: VxeTreeDefines.RadioChangeEventParams<D>) => void
+  export type CheckboxChange<D = any> = (params: VxeTreeDefines.CheckboxChangeEventParams<D>) => void
+  export type LoadSuccess<D = any> = (params: VxeTreeDefines.LoadSuccessEventParams<D>) => void
+  export type LoadError<D = any> = (params: VxeTreeDefines.LoadErrorEventParams<D>) => void
+  export type NodeDragstart<D = any> = (params: VxeTreeDefines.NodeDragstartEventParams<D>) => void
+  export type NodeDragover<D = any> = (params: VxeTreeDefines.NodeDragoverEventParams<D>) => void
+  export type NodeDragend<D = any> = (params: VxeTreeDefines.NodeDragendEventParams<D>) => void
+  export type NodeExpand<D = any> = (params: VxeTreeDefines.NodeExpandEventParams<D>) => void
+  export type NodeMenu<D = any> = (params: VxeTreeDefines.NodeMenuEventParams<D>) => void
+  export type MenuClick<D = any> = (params: VxeTreeDefines.MenuClickEventParams<D>) => void
+}
+
+export namespace VxeTreeSlotTypes {
+  export interface DefaultSlotParams {
+    node: any
+    isExpand: boolean
+  }
+  export interface IconSlotParams {
+    node: any
+    isExpand: boolean
+  }
+  export interface TitleSlotParams extends DefaultSlotParams {}
+  export interface ExtraSlotParams extends DefaultSlotParams {}
+
+  export interface HeaderSlotParams {}
+  export interface FooterSlotParams {}
+  export interface LoadingSlotParams {}
+  export interface TooltipSlotParams {
+    node: any
+  }
+  export interface EmptySlotParams {}
+}
+
+export interface VxeTreeSlots {
+  icon?: (params: VxeTreeSlotTypes.IconSlotParams) => any
+  title?: (params: VxeTreeSlotTypes.TitleSlotParams) => any
+  extra?: (params: VxeTreeSlotTypes.ExtraSlotParams) => any
+  header?: (params: VxeTreeSlotTypes.HeaderSlotParams) => any
+  footer?: (params: VxeTreeSlotTypes.FooterSlotParams) => any
+  loading?: (params: VxeTreeSlotTypes.LoadingSlotParams) => any
+  tooltip?: (params: VxeTreeSlotTypes.TooltipSlotParams) => any
+  empty?: (params: VxeTreeSlotTypes.EmptySlotParams) => any
+}
+
+export const Tree: typeof VxeTree
+export default VxeTree