vxe-table 4.4.1 → 4.4.2-beta.1

package/styles/textarea.scss

@@ -12,33 +12,33 @@
 }
 
 .vxe-textarea--inner {
-  border-radius: $vxe-border-radius;
+  border-radius: var(--vxe-border-radius);
   outline: 0;
   font-size: inherit;
   padding: 0 0.6em;
-  color: $vxe-font-color;
+  color: var(--vxe-font-color);
   line-height: inherit;
-  border: 1px solid $vxe-input-border-color;
-  background-color: $vxe-textarea-background-color;
+  border: 1px solid var(--vxe-input-border-color);
+  background-color: var(--vxe-textarea-background-color);
   display: block;
   padding: 0.3em 0.6em;
   &::placeholder {
-    color: $vxe-input-placeholder-color;
+    color: var(--vxe-input-placeholder-color);
   }
   &:focus {
-    border: 1px solid $vxe-primary-color;
+    border: 1px solid var(--vxe-primary-color);
   }
   &[disabled] {
     cursor: not-allowed;
-    background-color: $vxe-input-disabled-background-color;
+    background-color: var(--vxe-input-disabled-background-color);
   }
 }
 
 .vxe-textarea--inner,
 .vxe-textarea--autosize {
-  line-height: $vxe-textarea-line-height;
-  color: $vxe-font-color;
-  font-family: $vxe-font-family;
+  line-height: var(--vxe-textarea-line-height);
+  color: var(--vxe-font-color);
+  font-family: var(--vxe-font-family);
 }
 
 .vxe-textarea--autosize {
@@ -60,45 +60,45 @@
   bottom: 0.2em;
   right: 1.4em;
   padding-left: 0.2em;
-  color: $vxe-textarea-count-color;
-  background-color: $vxe-textarea-count-background-color;
+  color: var(--vxe-textarea-count-color);
+  background-color: var(--vxe-textarea-count-background-color);
   &.is--error {
-    color: $vxe-textarea-count-error-color;
+    color: var(--vxe-textarea-count-error-color);
   }
 }
 
 .vxe-textarea,
 .vxe-textarea--autosize {
-  font-size: $vxe-font-size;
+  font-size: var(--vxe-font-size);
   &.size--medium {
-    font-size: $vxe-font-size-medium;
+    font-size: var(--vxe-font-size-medium);
   }
   &.size--small {
-    font-size: $vxe-font-size-small;
+    font-size: var(--vxe-font-size-small);
   }
   &.size--mini {
-    font-size: $vxe-font-size-mini;
+    font-size: var(--vxe-font-size-mini);
   }
 }
 
 .vxe-textarea {
   &:not(.is--autosize) {
-    min-height: $vxe-input-height-default;
+    min-height: var(--vxe-input-height-default);
   }
   &.size--medium {
-    font-size: $vxe-font-size-medium;
+    font-size: var(--vxe-font-size-medium);
     &:not(.is--autosize) {
-      min-height: $vxe-input-height-medium;
+      min-height: var(--vxe-input-height-medium);
     }
   }
   &.size--small {
     &:not(.is--autosize) {
-      min-height: $vxe-input-height-small;
+      min-height: var(--vxe-input-height-small);
     }
   }
   &.size--mini {
     &:not(.is--autosize) {
-      min-height: $vxe-input-height-mini;
+      min-height: var(--vxe-input-height-mini);
     }
   }
 }

package/styles/toolbar.scss

@@ -8,9 +8,9 @@
   flex-direction: row;
   align-items: center;
   padding: 0.6em 0;
-  color: $vxe-font-color;
-  font-family: $vxe-font-family;
-  background-color: $vxe-toolbar-background-color;
+  color: var(--vxe-font-color);
+  font-family: var(--vxe-font-family);
+  background-color: var(--vxe-toolbar-background-color);
   &:after {
     content: "";
     display: block;
@@ -20,9 +20,9 @@
     visibility: hidden;
   }
   &.is--perfect {
-    border: 1px solid $vxe-table-border-color;
+    border: 1px solid var(--vxe-table-border-color);
     border-bottom-width: 0;
-    background-color: $vxe-table-header-background-color;
+    background-color: var(--vxe-table-header-background-color);
   }
   &.is--loading {
     &:before {
@@ -32,9 +32,9 @@
       left: 0;
       width: 100%;
       height: 100%;
-      z-index: $vxe-loading-z-index;
+      z-index: var(--vxe-loading-z-index);
       user-select: none;
-      background-color: $vxe-loading-background-color;
+      background-color: var(--vxe-loading-background-color);
     }
   }
   .vxe-buttons--wrapper {
@@ -83,7 +83,7 @@
     margin-left: 0.8em;
     &.is--active {
       & > .vxe-button {
-        background-color: $vxe-toolbar-custom-active-background-color;
+        background-color: var(--vxe-toolbar-custom-active-background-color);
         border-radius: 50%;
       }
       .vxe-custom--option-wrapper {
@@ -96,22 +96,22 @@
     position: absolute;
     right: 2px;
     text-align: left;
-    background-color: $vxe-toolbar-panel-background-color;
+    background-color: var(--vxe-toolbar-panel-background-color);
     z-index: 19;
-    border: 1px solid $vxe-table-border-color;
-    border-radius: $vxe-border-radius;
+    border: 1px solid var(--vxe-table-border-color);
+    border-radius: var(--vxe-border-radius);
     box-shadow: 0 1px 6px rgba(0,0,0,.2);
     .vxe-custom--header {
       padding: 0.28em 0;
       font-weight: 700;
-      border-bottom: 1px solid $vxe-table-popup-border-color;
+      border-bottom: 1px solid var(--vxe-table-popup-border-color);
     }
     .vxe-custom--body {
       padding: 0.2em 0;
       max-height: 17.6em;
       .vxe-custom--option {
         &:hover {
-          background-color: $vxe-table-row-hover-background-color;
+          background-color: var(--vxe-table-row-hover-background-color);
         }
       }
     }
@@ -133,21 +133,21 @@
       }
     }
     .vxe-custom--footer {
-      border-top: 1px solid $vxe-table-popup-border-color;
+      border-top: 1px solid var(--vxe-table-popup-border-color);
       text-align: right;
       button {
         background-color: transparent;
         width: 50%;
         height: 2.5em;
         border: 0;
-        color: $vxe-font-color;
+        color: var(--vxe-font-color);
         text-align: center;
         cursor: pointer;
         &:focus {
           outline: none;
         }
         &:hover {
-          color: $vxe-primary-color;
+          color: var(--vxe-primary-color);
         }
       }
     }
@@ -174,14 +174,14 @@
 }
 
 .vxe-toolbar {
-  font-size: $vxe-font-size;
+  font-size: var(--vxe-font-size);
   &.size--medium {
-    font-size: $vxe-font-size-medium;
+    font-size: var(--vxe-font-size-medium);
   }
   &.size--small {
-    font-size: $vxe-font-size-small;
+    font-size: var(--vxe-font-size-small);
   }
   &.size--mini {
-    font-size: $vxe-font-size-mini;
+    font-size: var(--vxe-font-size-mini);
   }
 }

package/styles/tooltip.scss

@@ -8,13 +8,13 @@
   left: -100%;
   font-size: 12px;
   max-width: 600px;
-  border-radius: $vxe-border-radius;
+  border-radius: var(--vxe-border-radius);
   padding: 8px 12px;
   white-space: normal;
   word-break: break-word;
   box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
-  color: $vxe-font-color;
-  font-family: $vxe-font-family;
+  color: var(--vxe-font-color);
+  font-family: var(--vxe-font-family);
   &:not(.is--enterable) {
     pointer-events: none;
   }
@@ -85,41 +85,41 @@
 }
 .vxe-table--tooltip-wrapper {
   &.theme--light {
-    background-color: $vxe-tooltip-light-background-color;
-    border: 1px solid $vxe-input-border-color;
+    background-color: var(--vxe-tooltip-light-background-color);
+    border: 1px solid var(--vxe-input-border-color);
     &.placement--top {
       .vxe-table--tooltip-arrow {
-        border-top-color: $vxe-input-border-color;
+        border-top-color: var(--vxe-input-border-color);
         &:before {
-          border-top-color: $vxe-tooltip-light-background-color;
+          border-top-color: var(--vxe-tooltip-light-background-color);
         }
       }
     }
     &.placement--bottom {
       .vxe-table--tooltip-arrow {
-        border-bottom-color: $vxe-input-border-color;
+        border-bottom-color: var(--vxe-input-border-color);
         &:before {
-          border-bottom-color: $vxe-tooltip-light-background-color;
+          border-bottom-color: var(--vxe-tooltip-light-background-color);
         }
       }
     }
   }
   &.theme--dark {
-    background: $vxe-tooltip-dark-background-color;
-    color: $vxe-tooltip-dark-color;
+    background: var(--vxe-tooltip-dark-background-color);
+    color: var(--vxe-tooltip-dark-color);
     &.placement--top {
       .vxe-table--tooltip-arrow {
-        border-top-color: $vxe-tooltip-dark-background-color;
+        border-top-color: var(--vxe-tooltip-dark-background-color);
         &:before {
-          border-top-color: $vxe-tooltip-dark-background-color;
+          border-top-color: var(--vxe-tooltip-dark-background-color);
         }
       }
     }
     &.placement--bottom {
       .vxe-table--tooltip-arrow {
-        border-bottom-color: $vxe-tooltip-dark-background-color;
+        border-bottom-color: var(--vxe-tooltip-dark-background-color);
         &:before {
-          border-bottom-color: $vxe-tooltip-dark-background-color;
+          border-bottom-color: var(--vxe-tooltip-dark-background-color);
         }
       }
     }
@@ -129,7 +129,7 @@
 /*valid error*/
 .vxe-table--tooltip-wrapper {
   &.vxe-table--valid-error {
-    background-color: $vxe-tooltip-validate-error-background-color;
-    color: $vxe-tooltip-validate-error-color;
+    background-color: var(--vxe-tooltip-validate-error-background-color);
+    color: var(--vxe-tooltip-validate-error-color);
   }
 }

package/types/button.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, VxeEvent, SizeType, ValueOf, VNodeStyle
  * 组件 - 按钮
  * @example import { VxeButton } from 'vxe-table'
  */
-export const VxeButton: VXEComponent<VxeButtonProps, VxeButtonEventProps>
+export const VxeButton: VXEComponent<VxeButtonProps, VxeButtonEventProps, VxeButtonSlots>
 /**
  * 组件 - 按钮
  */
-export const Button: VXEComponent<VxeButtonProps, VxeButtonEventProps>
+export const Button: typeof VxeButton
 
 export type VxeButtonInstance = ComponentPublicInstance<VxeButtonProps, VxeButtonConstructor>
 
@@ -159,3 +159,24 @@ export namespace VxeButtonEvents {
   export type Click = (params: VxeButtonDefines.ClickEventParams) => void
   export type DropdownClick = (params: VxeButtonDefines.DropdownClickParams) => void
 }
+
+export interface VxeButtonSlots {
+  /**
+   * 自定义按钮内容
+   */
+  default: (params: {
+    [key: string]: any
+  }) => any
+  /**
+   * 自定义自定义图标
+   */
+  icon: (params: {
+    [key: string]: any
+  }) => any
+  /**
+   * 自定义下拉按钮
+   */
+  dropdowns: (params: {
+    [key: string]: any
+  }) => any
+}

package/types/checkbox-group.d.ts

@@ -8,11 +8,11 @@ import { VxeCheckboxPropTypes } from './checkbox'
  * 组件 - 复选框组
  * @example import { VxeCheckboxGroup } from 'vxe-table'
  */
-export const VxeCheckboxGroup: VXEComponent<VxeCheckboxGroupProps, VxeCheckboxGroupEventProps>
+export const VxeCheckboxGroup: VXEComponent<VxeCheckboxGroupProps, VxeCheckboxGroupEventProps, VxeCheckboxGroupSlots>
 /**
  * 组件 - 复选框组
  */
-export const CheckboxGroup: VXEComponent<VxeCheckboxGroupProps, VxeCheckboxGroupEventProps>
+export const CheckboxGroup: typeof VxeCheckboxGroup
 
 export type VxeCheckboxGroupInstance = ComponentPublicInstance<VxeCheckboxGroupProps, VxeCheckboxGroupConstructor>
 
@@ -88,3 +88,12 @@ export interface VxeCheckboxGroupListeners {
 export namespace VxeCheckboxGroupEvents {
   export type Change = (params: VxeCheckboxGroupDefines.ChangeEventParams) => void
 }
+
+export interface VxeCheckboxGroupSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/checkbox.d.ts

@@ -7,11 +7,11 @@ import { VXEComponent, VxeComponentBase, VxeEvent, SizeType, ValueOf } from './c
  * 组件 - 复选框
  * @example import { VxeCheckbox } from 'vxe-table'
  */
-export const VxeCheckbox: VXEComponent<VxeCheckboxProps, VxeCheckboxEventProps>
+export const VxeCheckbox: VXEComponent<VxeCheckboxProps, VxeCheckboxEventProps, VxeCheckboxSlots>
 /**
  * 组件 - 复选框
  */
-export const Checkbox: VXEComponent<VxeCheckboxProps, VxeCheckboxEventProps>
+export const Checkbox: typeof VxeCheckbox
 
 export type VxeCheckboxInstance = ComponentPublicInstance<VxeCheckboxProps, VxeCheckboxConstructor>
 
@@ -99,3 +99,12 @@ export interface VxeCheckboxListeners {
 export namespace VxeCheckboxEvents {
   export type Change = (params: VxeCheckboxDefines.ChangeEventParams) => void
 }
+
+export interface VxeCheckboxSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    [key: string]: any
+  }) => any) | undefined
+}

package/types/colgroup.d.ts

@@ -1,5 +1,6 @@
 import { VXEComponent } from './component'
-import { VxeColumnPropTypes } from './column'
+import { VxeTableDataRow } from './table'
+import { VxeColumnPropTypes, VxeColumnSlotTypes } from './column'
 
 /* eslint-disable no-use-before-define */
 
@@ -7,11 +8,11 @@ import { VxeColumnPropTypes } from './column'
  * 组件 - 表格分组列
  * @example import { VxeColgroup } from 'vxe-table'
  */
-export const VxeColgroup: VXEComponent<VxeColgroupProps>
+export const VxeColgroup: VXEComponent<VxeColgroupProps, VxeColgroupEventProps, VxeColgroupSlots<any>>
 /**
  * 组件 - 表格分组列
  */
-export const Colgroup: VXEComponent<VxeColgroupProps>
+export const Colgroup: typeof VxeColgroup
 
 export type VxeColgroupProps = {
   /**
@@ -75,3 +76,18 @@ export type VxeColgroupProps = {
    */
   params?: VxeColumnPropTypes.Params
 }
+
+export type VxeColgroupEventProps = {
+  //
+}
+
+export interface VxeColgroupSlots<D = VxeTableDataRow> {
+  /**
+   * 自定义表头内容的模板
+   */
+  header: (params: VxeColumnSlotTypes.HeaderSlotParams<D>) => any
+  /**
+   * 只对 type=checkbox,radio 有效，自定义标题模板
+   */
+  title: (params: VxeColumnSlotTypes.HeaderSlotParams<D>) => any
+}

package/types/column.d.ts

@@ -10,11 +10,11 @@ import { VxeTooltipPropTypes } from './tooltip'
  * 组件 - 表格列
  * @example import { VxeColumn } from 'vxe-table'
  */
-export const VxeColumn: VXEComponent<VxeColumnProps<any>>
+export const VxeColumn: VXEComponent<VxeColumnProps<any>, VxeColumnEventProps, VxeColumnSlots<any>>
 /**
  * 组件 - 表格列
  */
-export const Column: VXEComponent<VxeColumnProps<any>>
+export const Column: typeof VxeColumn
 
 export namespace VxeColumnPropTypes {
   export type ColId = string | number
@@ -128,7 +128,7 @@ export namespace VxeColumnPropTypes {
   export type CellType = 'auto' | 'number' | 'string'
 
   export interface CellRender<D = VxeTableDataRow> extends VxeGlobalRendererHandles.RenderOptions {
-    events?: { [key: string]: (cellParams: DefaultSlotParams<D>, ...args: any[]) => any }
+    events?: { [key: string]: (cellParams: VxeColumnSlotTypes.DefaultSlotParams<D>, ...args: any[]) => any }
     options?: any[]
     optionProps?: VxeGlobalRendererHandles.RenderOptionProps
     optionGroups?: any[]
@@ -140,7 +140,7 @@ export namespace VxeColumnPropTypes {
    * 编辑渲染配置项
    */
   export interface EditRender<D = VxeTableDataRow> extends VxeGlobalRendererHandles.RenderOptions {
-    events?: { [key: string]: (cellParams: EditSlotParams, ...args: any[]) => any }
+    events?: { [key: string]: (cellParams: VxeColumnSlotTypes.EditSlotParams, ...args: any[]) => any }
     enabled?: boolean
     options?: any[]
     optionProps?: VxeGlobalRendererHandles.RenderOptionProps
@@ -166,64 +166,48 @@ export namespace VxeColumnPropTypes {
 
   export type Params = any
 
-  interface FilterSlotParams<D = VxeTableDataRow> {
-    $panel: VxeFilterPanel
-    column: {
-      filters: VxeTableDefines.FilterOption[]
-    } & VxeTableDefines.ColumnInfo<D>
-    columnIndex: number
-    $columnIndex: number
-    $rowIndex: number
-  }
-
-  interface EditSlotParams<D = VxeTableDataRow> {
-    column: VxeTableDefines.ColumnInfo<D>
-    columnIndex: number
-    $columnIndex: number
-    row: D
-    rowIndex: number
-    $rowIndex: number
-  }
-
-  interface FooterSlotParams<D = VxeTableDataRow> {
-    column: VxeTableDefines.ColumnInfo<D>
-    columnIndex: number
-    _columnIndex: number
-    $columnIndex: number
-    $rowIndex: number
-    items: any[]
-    data: D[][]
-  }
-
-  interface HeaderSlotParams<D = VxeTableDataRow> extends VxeTableDefines.CellRenderHeaderParams<D> { }
-
-  interface ContentSlotParams<D = VxeTableDataRow> {
-    column: VxeTableDefines.ColumnInfo<D>
-    columnIndex: number
-    $columnIndex: number
-    row: D
-    rowIndex: number
-    $rowIndex: number
-    isHidden: boolean
-    fixed: VxeColumnPropTypes.Fixed
-    type: string
-  }
-
-  interface DefaultSlotParams<D = VxeTableDataRow> extends VxeTableDefines.CellRenderBodyParams<D> { }
-
-  interface IconSlotParams<D = VxeTableDataRow> extends DefaultSlotParams<D> { }
-
   export type Slots<D = VxeTableDataRow> = {
-    title?: string | ((params: HeaderSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
-    radio?: string | ((params: DefaultSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
-    checkbox?: string | ((params: DefaultSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
-    default?: string | ((params: DefaultSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
-    header?: string | ((params: HeaderSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
-    footer?: string | ((params: FooterSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
-    content?: string | ((params: ContentSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
-    filter?: string | ((params: FilterSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
-    edit?: string | ((params: EditSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
-    icon?: string | ((params: IconSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 只对 type=checkbox,radio 有效，自定义标题模板
+     */
+    title?: string | ((params: VxeColumnSlotTypes.HeaderSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 只对 type=radio 有效，自定义单选框模板
+     */
+    radio?: string | ((params: VxeColumnSlotTypes.DefaultSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 只对 type=checkbox 有效，自定义复选框模板
+     */
+    checkbox?: string | ((params: VxeColumnSlotTypes.DefaultSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 自定义显示内容模板
+     */
+    default?: string | ((params: VxeColumnSlotTypes.DefaultSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 自定义表头内容的模板
+     */
+    header?: string | ((params: VxeColumnSlotTypes.HeaderSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 自定义表尾内容的模板
+     */
+    footer?: string | ((params: VxeColumnSlotTypes.FooterSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 只对 type=expand 有效，自定义展开后的内容模板
+     */
+    content?: string | ((params: VxeColumnSlotTypes.ContentSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 只对 filter-render 启用时有效，自定义筛选模板
+     */
+    filter?: string | ((params: VxeColumnSlotTypes.FilterSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 只对 edit-render 启用时有效，自定义可编辑组件模板
+     */
+    edit?: string | ((params: VxeColumnSlotTypes.EditSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
+    /**
+     * 已废弃
+     * @deprecated
+     */
+    icon?: string | ((params: VxeColumnSlotTypes.IconSlotParams<D>) => SlotVNodeType[] | SlotVNodeType) | null
   }
 }
 
@@ -375,3 +359,100 @@ export type VxeColumnProps<D = VxeTableDataRow> = {
    */
   params?: VxeColumnPropTypes.Params
 }
+
+export type VxeColumnEventProps = {
+  //
+}
+
+export namespace VxeColumnSlotTypes {
+  export interface FilterSlotParams<D = VxeTableDataRow> {
+    $panel: VxeFilterPanel
+    column: {
+      filters: VxeTableDefines.FilterOption[]
+    } & VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    $columnIndex: number
+    $rowIndex: number
+  }
+
+  export interface EditSlotParams<D = VxeTableDataRow> {
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    $columnIndex: number
+    row: D
+    rowIndex: number
+    $rowIndex: number
+  }
+
+  export interface FooterSlotParams<D = VxeTableDataRow> {
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    _columnIndex: number
+    $columnIndex: number
+    $rowIndex: number
+    items: any[]
+    data: D[][]
+  }
+
+  export interface HeaderSlotParams<D = VxeTableDataRow> extends VxeTableDefines.CellRenderHeaderParams<D> { }
+
+  export interface ContentSlotParams<D = VxeTableDataRow> {
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    $columnIndex: number
+    row: D
+    rowIndex: number
+    $rowIndex: number
+    isHidden: boolean
+    fixed: VxeColumnPropTypes.Fixed
+    type: string
+  }
+
+  export interface DefaultSlotParams<D = VxeTableDataRow> extends VxeTableDefines.CellRenderBodyParams<D> { }
+
+  export interface IconSlotParams<D = VxeTableDataRow> extends DefaultSlotParams<D> { }
+}
+
+export interface VxeColumnSlots<D = VxeTableDataRow> {
+  /**
+   * 自定义显示内容模板
+   */
+  default: (params: VxeColumnSlotTypes.DefaultSlotParams<D>) => any
+  /**
+   * 自定义表头内容的模板
+   */
+  header: (params: VxeColumnSlotTypes.HeaderSlotParams<D>) => any
+  /**
+   * 自定义表尾内容的模板
+   */
+  footer: (params: VxeColumnSlotTypes.FooterSlotParams<D>) => any
+  /**
+   * 只对 type=checkbox,radio 有效，自定义标题模板
+   */
+  title: (params: VxeColumnSlotTypes.HeaderSlotParams<D>) => any
+  /**
+   * 只对 type=checkbox 有效，自定义复选框模板
+   */
+  checkbox: (params: VxeColumnSlotTypes.DefaultSlotParams<D>) => any
+  /**
+   * 只对 type=radio 有效，自定义单选框模板
+   */
+  radio: (params: VxeColumnSlotTypes.DefaultSlotParams<D>) => any
+  /**
+   * 只对 type=expand 有效，自定义展开后的内容模板
+   */
+  content: (params: VxeColumnSlotTypes.ContentSlotParams<D>) => any
+  /**
+   * 只对 filter-render 启用时有效，自定义筛选模板
+   */
+  filter: (params: VxeColumnSlotTypes.FilterSlotParams<D>) => any
+  /**
+   * 只对 edit-render 启用时有效，自定义可编辑组件模板
+   */
+  edit: (params: VxeColumnSlotTypes.EditSlotParams<D>) => any
+  /**
+   * 已废弃
+   * @deprecated
+   */
+  icon: (params: VxeColumnSlotTypes.IconSlotParams<D>) => any
+}