vxe-table 4.4.1 → 4.4.2-beta.1

package/types/component.d.ts

@@ -3,9 +3,14 @@ import { App, VNode } from 'vue'
 export type SizeType = null | '' | 'medium' | 'small' | 'mini'
 export type ValueOf<T> = T extends any[] ? T[number] : T[keyof T]
 
-export type VXEComponent<P = { [key: string]: any }, E = { [key: string]: any }> = ({
+export type VXEComponent<
+  P = { [key: string]: any },
+  E = { [key: string]: any },
+  S = { [key: string]: (...args: any[]) => any }
+> = ({
   new (): {
-    $props: P & E
+    $props: P & E,
+    $slots: S
   }
 } & {
   install(app: App): void

package/types/form-gather.d.ts

@@ -11,7 +11,7 @@ export const VxeFormGather: VXEComponent<VxeFormGatherProps>
 /**
  * 组件 - 表单项集合
  */
-export const FormGather: VXEComponent<VxeFormGatherProps>
+export const FormGather: typeof VxeFormGather
 
 export interface VxeFormGatherProps {
   /**
@@ -23,3 +23,12 @@ export interface VxeFormGatherProps {
    */
   className?: VxeFormItemPropTypes.ClassName
 }
+
+export interface VxeFormGatherSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/form-item.d.ts

@@ -15,7 +15,7 @@ export const VxeFormItem: VXEComponent<VxeFormItemProps>
 /**
  * 组件 - 表单项
  */
-export const FormItem: VXEComponent<VxeFormItemProps>
+export const FormItem: typeof VxeFormItem
 
 export interface VxeFormItemProps {
   /**
@@ -262,3 +262,18 @@ export interface FormItemResetParams {
    */
   property: string
 }
+
+export interface VxeFormItemSlots {
+  /**
+   * 自定义内容模板
+   */
+  default: (params: {
+    [key: string]: any
+  }) => any
+  /**
+   * 自定义标题模板
+   */
+  title: (params: {
+    [key: string]: any
+  }) => any
+}

package/types/form.d.ts

@@ -13,7 +13,7 @@ export const VxeForm: VXEComponent<VxeFormProps, VxeFormEventProps>
 /**
  * 组件 - 表单
  */
-export const Form: VXEComponent<VxeFormProps, VxeFormEventProps>
+export const Form: typeof VxeForm
 
 export type VxeFormInstance = ComponentPublicInstance<VxeFormProps, VxeFormConstructor>
 
@@ -337,3 +337,12 @@ export namespace VxeFormEvents {
   export type SubmitInvalid = (params: VxeFormDefines.SubmitInvalidEventParams) => void
   export type Reset = (params: VxeFormDefines.ResetEventParams) => void
 }
+
+export interface VxeFormSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/grid.d.ts

@@ -12,11 +12,11 @@ import { VxeTableDataRow, VxeTableDefines, VxeTableEmits, VxeTableConstructor, V
  * 组件 - 高级表格
  * @example import { VxeGrid } from 'vxe-table'
  */
-export const VxeGrid: VXEComponent<VxeGridProps<any>, VxeGridEventProps<any>>
+export const VxeGrid: VXEComponent<VxeGridProps<any>, VxeGridEventProps<any>, VxeGridSlots<any>>
 /**
  * 组件 - 高级表格
  */
-export const Grid: VXEComponent<VxeGridProps<any>, VxeGridEventProps<any>>
+export const Grid: typeof VxeGrid
 
 export type VxeGridInstance<D = any> = ComponentPublicInstance<VxeGridProps<D>, VxeGridConstructor<D>>
 
@@ -505,3 +505,73 @@ export namespace VxeGridEvents {
   export type ToolbarToolClick<D = any> = (params: VxeGridDefines.ToolbarToolClickEventParams<D>) => void
   export type Zoom<D = any> = (params: VxeGridDefines.ZoomEventParams<D>) => void
 }
+
+export interface VxeGridSlots<D = VxeTableDataRow> {
+  /**
+   * 自定义空数据时显示模板
+   */
+  empty?(params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+  }): any
+  /**
+   * 自定义加载中模板
+   */
+  loading?(params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+  }): any
+  /**
+   * 自定义表单模板
+   */
+  form?(params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+  }): any
+  /**
+   * 自定义工具栏模板
+   */
+  toolbar?(params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+  }): any
+  /**
+   * 自定义表格顶部模板
+   */
+  top?(params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+  }): any
+  /**
+   * 表格底部模板
+   */
+  bottom?(params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+  }): any
+  /**
+   * 自定义分页模板
+   */
+  pager?(params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+  }): any
+
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+    row: D
+    rowIndex: number
+    $rowIndex: number
+    _rowIndex: number
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    $columnIndex: number
+    _columnIndex: number
+
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/index.d.ts

@@ -1,7 +1,7 @@
 import * as VXETableExport from './all'
 
 /**
- * 一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...  
+ * 一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...
  */
 declare const VXETable: typeof VXETableExport
 

package/types/input.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, SizeType, VNodeStyle, ValueOf } from '.
  * 组件 - 输入框
  * @example import { VxeInput } from 'vxe-table'
  */
-export const VxeInput: VXEComponent<VxeInputProps, VxeInputEventProps>
+export const VxeInput: VXEComponent<VxeInputProps, VxeInputEventProps, VxeInputSlots>
 /**
  * 组件 - 输入框
  */
-export const Input: VXEComponent<VxeInputProps, VxeInputEventProps>
+export const Input: typeof VxeInput
 
 export type VxeInputInstance = ComponentPublicInstance<VxeInputProps, VxeInputConstructor>
 
@@ -350,3 +350,12 @@ export namespace VxeInputEvents {
   export type DateToday = (params: VxeInputDefines.DateTodayEventParams) => void
   export type DateNext = (params: VxeInputDefines.DateNextEventParams) => void
 }
+
+export interface VxeInputSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/list.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, VxeEvent, SizeType, ValueOf } from './c
  * 组件 - 虚拟列表
  * @example import { VxeList } from 'vxe-table'
  */
-export const VxeList: VXEComponent<VxeListProps, VxeListEventProps>
+export const VxeList: VXEComponent<VxeListProps, VxeListEventProps, VxeListSlots>
 /**
  * 组件 - 虚拟列表
  */
-export const List: VXEComponent<VxeListProps, VxeListEventProps>
+export const List: typeof VxeList
 
 export type VxeListInstance = ComponentPublicInstance<VxeListProps, VxeListConstructor>
 
@@ -156,3 +156,12 @@ export interface VxeListListeners {
 export namespace VxeListEvents {
   export type Scroll = (params: VxeListDefines.ScrollEventParams) => void
 }
+
+export interface VxeListSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/modal.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, VxeEvent, SizeType, ValueOf } from './c
  * 组件 - 弹窗
  * @example import { VxeModal } from 'vxe-table'
  */
-export const VxeModal: VXEComponent<VxeModalProps, VxeModalEventProps>
+export const VxeModal: VXEComponent<VxeModalProps, VxeModalEventProps, VxeModalSlots>
 /**
  * 组件 - 弹窗
  */
-export const Modal: VXEComponent<VxeModalProps, VxeModalEventProps>
+export const Modal: typeof VxeModal
 
 export type VxeModalInstance = ComponentPublicInstance<VxeModalProps, VxeModalConstructor>
 
@@ -211,10 +211,25 @@ export type VxeModalProps = {
 }
 
 export type ModalSlots = {
+  /**
+   * 自定义窗口内容模板
+   */
   default?(params: ModalDefaultSlotParams): JSX.Element[] | VNode[] | string[]
+  /**
+   * 自定义窗口头部的模板
+   */
   header?(params: ModalHeaderSlotParams): JSX.Element[] | VNode[] | string[]
+  /**
+   * 自定义窗口标题的模板（如果使用了 header 插槽，则该插槽无效）
+   */
   title?(params: ModalTitleSlotParams): JSX.Element[] | VNode[] | string[]
+  /**
+   * 自定义窗口右上角的模板
+   */
   corner?(params: ModalTitleSlotParams): JSX.Element[] | VNode[] | string[]
+  /**
+   * 自定义窗口底部的模板
+   */
   footer?(params: ModalFooterSlotParams): JSX.Element[] | VNode[] | string[]
 }
 
@@ -360,3 +375,26 @@ export namespace VxeModalEvents {
   export type Close = (params: VxeModalDefines.CloseEventParams) => void
   export type Zoom = (params: VxeModalDefines.ZoomEventParams) => void
 }
+
+export interface VxeModalSlots {
+  /**
+   * 自定义窗口内容模板
+   */
+  default: (params: ModalDefaultSlotParams) => any
+  /**
+   * 自定义窗口头部的模板
+   */
+  header: (params: ModalHeaderSlotParams) => any
+  /**
+   * 自定义窗口标题的模板（如果使用了 header 插槽，则该插槽无效）
+   */
+  title: (params: ModalTitleSlotParams) => any
+  /**
+   * 自定义窗口右上角的模板
+   */
+  corner: (params: ModalTitleSlotParams) => any
+  /**
+   * 自定义窗口底部的模板
+   */
+  footer: (params: ModalFooterSlotParams) => any
+}

package/types/optgroup.d.ts

@@ -11,7 +11,7 @@ export const VxeOptgroup: VXEComponent<VxeOptgroupProps>
 /**
  * 组件 - 下拉框选项分组
  */
-export const Optgroup: VXEComponent<VxeOptgroupProps>
+export const Optgroup: typeof VxeOptgroup
 
 export type VxeOptgroupProps = {
   /**
@@ -28,3 +28,12 @@ export type VxeOptgroupProps = {
    */
   disabled?: VxeOptionPropTypes.Disabled
 }
+
+export interface VxeOptgroupSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/option.d.ts

@@ -12,7 +12,7 @@ export const VxeOption: VXEComponent<VxeOptionProps>
 /**
  * 组件 - 下拉框选项
  */
-export const Option: VXEComponent<VxeOptionProps>
+export const Option: typeof VxeOption
 
 export type VxeOptionProps = {
   /**
@@ -56,3 +56,12 @@ export namespace VxeOptionPropTypes {
     }) => JSX.Element[] | VNode[] | string[]) | null
   }
 }
+
+export interface VxeOptionSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/pager.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, VxeEvent, SizeType, ValueOf } from './c
  * 组件 - 分页
  * @example import { VxePager } from 'vxe-table'
  */
-export const VxePager: VXEComponent<VxePagerProps, VxePagerEventProps>
+export const VxePager: VXEComponent<VxePagerProps, VxePagerEventProps, VxePagerSlots>
 /**
  * 组件 - 分页
  */
-export const Pager: VXEComponent<VxePagerProps, VxePagerEventProps>
+export const Pager: typeof VxePager
 
 export type VxePagerInstance = ComponentPublicInstance<VxePagerProps, VxePagerConstructor>
 
@@ -182,3 +182,18 @@ export interface VxePagerListeners {
 export namespace VxePagerEvents {
   export type PageChange = (params: VxePagerDefines.PageChangeEventParams) => void
 }
+
+export interface VxePagerSlots {
+  /**
+   * 自定义左侧模板
+   */
+  left: (params: {
+    [key: string]: any
+  }) => any
+  /**
+   * 自定义右侧模板
+   */
+  right: (params: {
+    [key: string]: any
+  }) => any
+}

package/types/pulldown.d.ts

@@ -1,6 +1,18 @@
 import { RenderFunction, SetupContext, ComponentPublicInstance, Ref } from 'vue'
 import { VXEComponent, VxeComponentBase, SizeType, VNodeStyle, VxeEvent, ValueOf } from './component'
 
+/* eslint-disable no-use-before-define */
+
+/**
+ * 组件 - 下拉容器
+ * @example import { Pulldown as VxePulldown } from 'vxe-table'
+ */
+export const VxePulldown: VXEComponent<VxePulldownProps, VxePulldownEventProps, VxePulldownSlots>
+/**
+  * 组件 - 下拉容器
+  */
+export const Pulldown: typeof VxePulldown
+
 export type VxePulldownEmits = [
   'update:modelValue',
   'hide-panel'
@@ -109,12 +121,17 @@ export interface VxePulldownListeners {
   hidePanel?: VxePulldownEvents.HidePanel
 }
 
-/**
- * 组件 - 下拉容器
- * @example import { Pulldown as VxePulldown } from 'vxe-table'
- */
-export const VxePulldown: VXEComponent<VxePulldownProps, VxePulldownEventProps>
-/**
-  * 组件 - 下拉容器
-  */
-export const Pulldown: VXEComponent<VxePulldownProps, VxePulldownEventProps>
+export interface VxePulldownSlots {
+  /**
+   * 自定义显示的内容
+   */
+  default: (params: {
+    [key: string]: any
+  }) => any
+  /**
+   * 自定义下拉面板显示的内容
+   */
+  dropdown: (params: {
+    [key: string]: any
+  }) => any
+}

package/types/radio-button.d.ts

@@ -8,11 +8,11 @@ import { VxeRadioPropTypes } from './radio'
  * 组件 - 单选框按钮
  * @example import { VxeRadioButton } from 'vxe-table'
  */
-export const VxeRadioButton: VXEComponent<VxeRadioButtonProps, VxeRadioButtonEventProps>
+export const VxeRadioButton: VXEComponent<VxeRadioButtonProps, VxeRadioButtonEventProps, VxeRadioButtonSlots>
 /**
  * 组件 - 单选框按钮
  */
-export const RadioButton: VXEComponent<VxeRadioButtonProps, VxeRadioButtonEventProps>
+export const RadioButton: typeof VxeRadioButton
 
 export type VxeRadioButtonInstance = ComponentPublicInstance<VxeRadioButtonProps, VxeRadioButtonConstructor>
 
@@ -80,3 +80,12 @@ export interface VxeRadioButtonListeners {
 export namespace VxeRadioButtonEvents {
   export type Change = (params: VxeRadioButtonDefines.ChangeEventParams) => void
 }
+
+export interface VxeRadioButtonSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/radio-group.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, SizeType, VxeEvent, ValueOf } from './c
  * 组件 - 单选框组
  * @example import { VxeRadioGroup } from 'vxe-table'
  */
-export const VxeRadioGroup: VXEComponent<VxeRadioGroupProps, VxeRadioGroupEventProps>
+export const VxeRadioGroup: VXEComponent<VxeRadioGroupProps, VxeRadioGroupEventProps, VxeRadioGroupSlots>
 /**
  * 组件 - 单选框组
  */
-export const RadioGroup: VXEComponent<VxeRadioGroupProps, VxeRadioGroupEventProps>
+export const RadioGroup: typeof VxeRadioGroup
 
 export type VxeRadioGroupInstance = ComponentPublicInstance<VxeRadioGroupProps, VxeRadioGroupConstructor>
 
@@ -76,3 +76,12 @@ export interface VxeRadioGroupListeners {
 export namespace VxeRadioGroupEvents {
   export type Change = (params: VxeRadioGroupDefines.ChangeEventParams) => void
 }
+
+export interface VxeRadioGroupSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/radio.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, VxeEvent, SizeType, ValueOf } from './c
  * 组件 - 单选框
  * @example import { VxeRadio } from 'vxe-table'
  */
-export const VxeRadio: VXEComponent<VxeRadioProps, VxeRadioEventProps>
+export const VxeRadio: VXEComponent<VxeRadioProps, VxeRadioEventProps, VxeRadioSlots>
 /**
  * 组件 - 单选框
  */
-export const Radio: VXEComponent<VxeRadioProps, VxeRadioEventProps>
+export const Radio: typeof VxeRadio
 
 export type VxeRadioInstance = ComponentPublicInstance<VxeRadioProps, VxeRadioConstructor>
 
@@ -99,3 +99,12 @@ export interface VxeRadioListeners {
 export namespace VxeRadioEvents {
   export type Change = (params: VxeRadioDefines.ChangeEventParams) => void
 }
+
+export interface VxeRadioSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/select.d.ts

@@ -10,11 +10,11 @@ import { VxeOptionProps, VxeOptionPropTypes } from './option'
  * 组件 - 下拉框
  * @example import { VxeSelect } from 'vxe-table'
  */
-export const VxeSelect: VXEComponent<VxeSelectProps, VxeSelectEventProps>
+export const VxeSelect: VXEComponent<VxeSelectProps, VxeSelectEventProps, VxeSelectSlots>
 /**
  * 组件 - 下拉框
  */
-export const Select: VXEComponent<VxeSelectProps, VxeSelectEventProps>
+export const Select: typeof VxeSelect
 
 export type VxeSelectInstance = ComponentPublicInstance<VxeSelectProps, VxeSelectConstructor>
 
@@ -228,3 +228,12 @@ export namespace VxeSelectEvents {
   export type Focus = (params: VxeSelectDefines.FocusEventParams) => void
   export type Blur = (params: VxeSelectDefines.BlurEventParams) => void
 }
+
+export interface VxeSelectSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/switch.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, VxeEvent, SizeType, ValueOf } from './c
  * 组件 - 开关
  * @example import { VxeSwitch } from 'vxe-table'
  */
-export const VxeSwitch: VXEComponent<VxeSwitchProps, VxeSwitchEventProps>
+export const VxeSwitch: VXEComponent<VxeSwitchProps, VxeSwitchEventProps, VxeSwitchSlots>
 /**
  * 组件 - 开关
  */
-export const Switch: VXEComponent<VxeSwitchProps, VxeSwitchEventProps>
+export const Switch: typeof VxeSwitch
 
 export type VxeSwitchInstance = ComponentPublicInstance<VxeSwitchProps, VxeSwitchConstructor>
 
@@ -102,3 +102,12 @@ export namespace VxeSwitchEvents {
   export type Focus = (params: VxeSwitchDefines.FocusEventParams) => void
   export type Blur = (params: VxeSwitchDefines.BlurEventParams) => void
 }
+
+export interface VxeSwitchSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/table.d.ts

@@ -14,11 +14,11 @@ import { VxeMenuPanelInstance } from './menu'
  * 组件 - 表格
  * @example import { VxeTable } from 'vxe-table'
  */
-export const VxeTable: VXEComponent<VxeTableProps<any>, VxeTableEventProps<any>>
+export const VxeTable: VXEComponent<VxeTableProps<any>, VxeTableEventProps<any>, VxeTableSlots<any>>
 /**
  * 组件 - 表格
  */
-export const Table: VXEComponent<VxeTableProps<any>, VxeTableEventProps<any>>
+export const Table: typeof VxeTable
 
 export type VxeTableInstance<D = any> = ComponentPublicInstance<VxeTableProps<D>, VxeTableConstructor<D>>
 
@@ -34,7 +34,7 @@ export interface VxeTableConstructor<D = any> extends VxeComponentBase, VxeTable
   getComputeMaps(): TablePrivateComputed<D>
   renderVN: RenderFunction
 
-  xegrid: VxeGridConstructor | null
+  xegrid: VxeGridConstructor<D> | null
 }
 
 export interface TablePrivateRef {
@@ -2742,3 +2742,20 @@ export namespace VxeTableEvents {
   export type Scroll<D = any> = (params: VxeTableDefines.ScrollEventParams<D>) => void
   export type Custom<D = any> = (params: VxeTableDefines.CustomEventParams<D>) => void
 }
+
+export interface VxeTableSlots<D = VxeTableDataRow> {
+  /**
+   * 自定义空数据时显示模板
+   */
+  empty?(params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+  }): any
+  /**
+   * 自定义加载中模板
+   */
+  loading?(params: {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor<D> | null | undefined
+  }): any
+}

package/types/textarea.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, VxeEvent, SizeType, ValueOf } from './c
  * 组件 - 文本域
  * @example import {  VxeTextarea } from 'vxe-table'
  */
-export const VxeTextarea: VXEComponent<VxeTextareaProps, VxeTextareaEventProps>
+export const VxeTextarea: VXEComponent<VxeTextareaProps, VxeTextareaEventProps, VxeTextareaSlots>
 /**
  * 组件 - 文本域
  */
-export const Textarea: VXEComponent<VxeTextareaProps, VxeTextareaEventProps>
+export const Textarea: typeof VxeTextarea
 
 export type VxeTextareaInstance = ComponentPublicInstance<VxeTextareaProps, VxeTextareaConstructor>
 
@@ -200,3 +200,12 @@ export namespace VxeTextareaEvents {
   export type Focus = (params: VxeTextareaDefines.FocusEventParams) => void
   export type Blur = (params: VxeTextareaDefines.BlurEventParams) => void
 }
+
+export interface VxeTextareaSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/toolbar.d.ts

@@ -10,11 +10,11 @@ import { VxeButtonProps } from './button'
  * 组件 - 工具栏
  * @example import { VxeToolbar } from 'vxe-table'
  */
-export const VxeToolbar: VXEComponent<VxeToolbarProps, VxeToolbarEventProps>
+export const VxeToolbar: VXEComponent<VxeToolbarProps, VxeToolbarEventProps, VxeToolbarSlots>
 /**
  * 组件 - 工具栏
  */
-export const Toolbar: VXEComponent<VxeToolbarProps, VxeToolbarEventProps>
+export const Toolbar: typeof VxeToolbar
 
 export type VxeToolbarInstance = ComponentPublicInstance<VxeToolbarProps, VxeToolbarConstructor>
 
@@ -195,3 +195,18 @@ export type VxeToolbarEventProps = {
 export interface VxeToolbarListeners { }
 
 export namespace VxeToolbarEvents { }
+
+export interface VxeToolbarSlots {
+  /**
+   * 自定义左侧按钮列表
+   */
+  buttons: (params: {
+    [key: string]: any
+  }) => any
+  /**
+   * 自定义右侧工具列表
+   */
+  tools: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}