vxe-table 4.2.8 → 4.3.0-beta.10

package/packages/modal/src/modal.ts

@@ -8,6 +8,7 @@ import { GlobalEvent, hasEventKey, EVENT_KEYS } from '../../tools/event'
 import GlobalConfig from '../../v-x-e-table/src/conf'
 import VxeButtonConstructor from '../../button/src/button'
 import VxeLoading from '../../loading/index'
+import { getSlotVNs } from '../../tools/vn'
 
 import { VxeModalConstructor, VxeModalPropTypes, ModalReactData, VxeModalEmits, ModalEventTypes, VxeButtonInstance, ModalMethods, ModalPrivateRef, VxeModalMethods } from '../../../types/all'
 
@@ -687,13 +688,22 @@ export default defineComponent({
       const { slots: propSlots = {}, showClose, showZoom, title } = props
       const { zoomLocat } = reactData
       const titleSlot = slots.title || propSlots.title
-      const titVNs: VNode[] = titleSlot ? titleSlot({ $modal: $xemodal }) as VNode[] : [
-        h('span', {
-          class: 'vxe-modal--title'
-        }, title ? getFuncText(title) : GlobalConfig.i18n('vxe.alert.title'))
+      const cornerSlot = slots.corner || propSlots.corner
+      const titVNs = [
+        h('div', {
+          class: 'vxe-modal--header-title'
+        }, titleSlot ? getSlotVNs(titleSlot({ $modal: $xemodal })) : (title ? getFuncText(title) : GlobalConfig.i18n('vxe.alert.title')))
       ]
+      const rightVNs = []
+      if (cornerSlot) {
+        rightVNs.push(
+          h('span', {
+            class: 'vxe-modal--corner-warpper'
+          }, getSlotVNs(cornerSlot({ $modal: $xemodal })))
+        )
+      }
       if (showZoom) {
-        titVNs.push(
+        rightVNs.push(
           h('i', {
             class: ['vxe-modal--zoom-btn', 'trigger--btn', zoomLocat ? GlobalConfig.icon.MODAL_ZOOM_OUT : GlobalConfig.icon.MODAL_ZOOM_IN],
             title: GlobalConfig.i18n(`vxe.modal.zoom${zoomLocat ? 'Out' : 'In'}`),
@@ -702,7 +712,7 @@ export default defineComponent({
         )
       }
       if (showClose) {
-        titVNs.push(
+        rightVNs.push(
           h('i', {
             class: ['vxe-modal--close-btn', 'trigger--btn', GlobalConfig.icon.MODAL_CLOSE],
             title: GlobalConfig.i18n('vxe.modal.close'),
@@ -710,6 +720,11 @@ export default defineComponent({
           })
         )
       }
+      titVNs.push(
+        h('div', {
+          class: 'vxe-modal--header-right'
+        }, rightVNs)
+      )
       return titVNs
     }
 
@@ -736,7 +751,7 @@ export default defineComponent({
               'is--ellipsis': !isMsg && props.showTitleOverflow
             }],
             ...headerOns
-          }, headerSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : headerSlot({ $modal: $xemodal })) as VNode[] : renderTitles())
+          }, headerSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : getSlotVNs(headerSlot({ $modal: $xemodal }))) : renderTitles())
         )
       }
       return headVNs
@@ -762,7 +777,7 @@ export default defineComponent({
       contVNs.push(
         h('div', {
           class: 'vxe-modal--content'
-        }, defaultSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : defaultSlot({ $modal: $xemodal })) as VNode[] : getFuncText(content))
+        }, defaultSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : getSlotVNs(defaultSlot({ $modal: $xemodal }))) as VNode[] : getFuncText(content))
       )
       if (!isMsg) {
         /**
@@ -814,7 +829,7 @@ export default defineComponent({
         footVNs.push(
           h('div', {
             class: 'vxe-modal--footer'
-          }, footerSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : footerSlot({ $modal: $xemodal })) as VNode[] : renderBtns())
+          }, footerSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : getSlotVNs(footerSlot({ $modal: $xemodal }))) as VNode[] : renderBtns())
         )
       }
       if (!isMsg && props.resize) {

package/packages/optgroup/index.d.ts

@@ -1,4 +1,4 @@
-import { Option } from '../../types/option'
+import { VxeOption } from '../../types/option'
 
 export * from '../../types/option'
-export default Option
+export default VxeOption

package/packages/optgroup/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeOptgroupComponent from '../select/src/optgroup'
 import { dynamicApp } from '../dynamics'
 
-export const Optgroup = Object.assign(VxeOptgroupComponent, {
+export const VxeOptgroup = Object.assign(VxeOptgroupComponent, {
   install: function (app: App) {
     app.component(VxeOptgroupComponent.name, VxeOptgroupComponent)
   }
 })
 
+export const Optgroup = VxeOptgroup
+
 dynamicApp.component(VxeOptgroupComponent.name, VxeOptgroupComponent)
 
-export default Optgroup
+export default VxeOptgroup

package/packages/option/index.d.ts

@@ -1,4 +1,4 @@
-import { Select } from '../../types/select'
+import { VxeSelect } from '../../types/select'
 
 export * from '../../types/select'
-export default Select
+export default VxeSelect

package/packages/option/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeOptionComponent from '../select/src/option'
 import { dynamicApp } from '../dynamics'
 
-export const Option = Object.assign(VxeOptionComponent, {
+export const VxeOption = Object.assign(VxeOptionComponent, {
   install: function (app: App) {
     app.component(VxeOptionComponent.name, VxeOptionComponent)
   }
 })
 
+export const Option = VxeOption
+
 dynamicApp.component(VxeOptionComponent.name, VxeOptionComponent)
 
-export default Option
+export default VxeOption

package/packages/pager/index.d.ts

@@ -1,4 +1,4 @@
-import { Pager } from '../../types/pager'
+import { VxePager } from '../../types/pager'
 
 export * from '../../types/pager'
-export default Pager
+export default VxePager

package/packages/pager/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxePagerComponent from './src/pager'
 import { dynamicApp } from '../dynamics'
 
-export const Pager = Object.assign(VxePagerComponent, {
+export const VxePager = Object.assign(VxePagerComponent, {
   install: function (app: App) {
     app.component(VxePagerComponent.name, VxePagerComponent)
   }
 })
 
+export const Pager = VxePager
+
 dynamicApp.component(VxePagerComponent.name, VxePagerComponent)
 
-export default Pager
+export default VxePager

package/packages/pulldown/index.d.ts

@@ -1,4 +1,4 @@
-import { Pulldown } from '../../types/pulldown'
+import { VxePulldown } from '../../types/pulldown'
 
 export * from '../../types/pulldown'
-export default Pulldown
+export default VxePulldown

package/packages/pulldown/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxePulldownComponent from './src/pulldown'
 import { dynamicApp } from '../dynamics'
 
-export const Pulldown = Object.assign(VxePulldownComponent, {
+export const VxePulldown = Object.assign(VxePulldownComponent, {
   install: function (app: App) {
     app.component(VxePulldownComponent.name, VxePulldownComponent)
   }
 })
 
+export const Pulldown = VxePulldown
+
 dynamicApp.component(VxePulldownComponent.name, VxePulldownComponent)
 
-export default Pulldown
+export default VxePulldown

package/packages/radio/index.d.ts

@@ -1,4 +1,4 @@
-import { Radio } from '../../types/radio'
+import { VxeRadio } from '../../types/radio'
 
 export * from '../../types/radio'
-export default Radio
+export default VxeRadio

package/packages/radio/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeRadioComponent from './src/radio'
 import { dynamicApp } from '../dynamics'
 
-export const Radio = Object.assign(VxeRadioComponent, {
+export const VxeRadio = Object.assign(VxeRadioComponent, {
   install: function (app: App) {
     app.component(VxeRadioComponent.name, VxeRadioComponent)
   }
 })
 
+export const Radio = VxeRadio
+
 dynamicApp.component(VxeRadioComponent.name, VxeRadioComponent)
 
-export default Radio
+export default VxeRadio

package/packages/radio/src/radio.ts

@@ -100,10 +100,11 @@ export default defineComponent({
       const vSize = computeSize.value
       const isDisabled = computeDisabled.value
       const name = computeName.value
-      const checked = computeChecked.value
+      const isChecked = computeChecked.value
       return h('label', {
         class: ['vxe-radio', {
           [`size--${vSize}`]: vSize,
+          'is--checked': isChecked,
           'is--disabled': isDisabled
         }],
         title: props.title
@@ -112,13 +113,13 @@ export default defineComponent({
           class: 'vxe-radio--input',
           type: 'radio',
           name,
-          checked,
+          checked: isChecked,
           disabled: isDisabled,
           onChange: changeEvent,
           onClick: clickEvent
         }),
         h('span', {
-          class: 'vxe-radio--icon'
+          class: ['vxe-radio--icon', isChecked ? 'vxe-icon-radio-checked' : 'vxe-icon-radio-unchecked']
         }),
         h('span', {
           class: 'vxe-radio--label'

package/packages/radio-button/index.d.ts

@@ -1,4 +1,4 @@
-import { RadioButton } from '../../types/radio-button'
+import { VxeRadioButton } from '../../types/radio-button'
 
 export * from '../../types/radio-button'
-export default RadioButton
+export default VxeRadioButton

package/packages/radio-button/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeRadioButtonComponent from '../radio/src/button'
 import { dynamicApp } from '../dynamics'
 
-export const RadioButton = Object.assign(VxeRadioButtonComponent, {
+export const VxeRadioButton = Object.assign(VxeRadioButtonComponent, {
   install: function (app: App) {
     app.component(VxeRadioButtonComponent.name, VxeRadioButtonComponent)
   }
 })
 
+export const RadioButton = VxeRadioButton
+
 dynamicApp.component(VxeRadioButtonComponent.name, VxeRadioButtonComponent)
 
-export default RadioButton
+export default VxeRadioButton

package/packages/radio-group/index.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroup } from '../../types/radio-group'
+import { VxeRadioGroup } from '../../types/radio-group'
 
 export * from '../../types/radio-group'
-export default RadioGroup
+export default VxeRadioGroup

package/packages/radio-group/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeRadioGroupComponent from '../radio/src/group'
 import { dynamicApp } from '../dynamics'
 
-export const RadioGroup = Object.assign(VxeRadioGroupComponent, {
+export const VxeRadioGroup = Object.assign(VxeRadioGroupComponent, {
   install: function (app: App) {
     app.component(VxeRadioGroupComponent.name, VxeRadioGroupComponent)
   }
 })
 
+export const RadioGroup = VxeRadioGroup
+
 dynamicApp.component(VxeRadioGroupComponent.name, VxeRadioGroupComponent)
 
-export default RadioGroup
+export default VxeRadioGroup

package/packages/select/index.d.ts

@@ -1,4 +1,4 @@
-import { Optgroup } from '../../types/optgroup'
+import { VxeOptgroup } from '../../types/optgroup'
 
 export * from '../../types/optgroup'
-export default Optgroup
+export default VxeOptgroup

package/packages/select/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeSelectComponent from './src/select'
 import { dynamicApp } from '../dynamics'
 
-export const Select = Object.assign(VxeSelectComponent, {
+export const VxeSelect = Object.assign(VxeSelectComponent, {
   install: function (app: App) {
     app.component(VxeSelectComponent.name, VxeSelectComponent)
   }
 })
 
+export const Select = VxeSelect
+
 dynamicApp.component(VxeSelectComponent.name, VxeSelectComponent)
 
-export default Select
+export default VxeSelect

package/packages/select/src/select.ts

@@ -6,6 +6,7 @@ import { getEventTargetNode, getAbsolutePos } from '../../tools/dom'
 import { getLastZIndex, nextZIndex, getFuncText, formatText } from '../../tools/utils'
 import { GlobalEvent, hasEventKey, EVENT_KEYS } from '../../tools/event'
 import VxeInputComponent from '../../input/src/input'
+import { getSlotVNs } from '../../tools/vn'
 
 import { VxeSelectPropTypes, VxeSelectConstructor, SelectReactData, VxeSelectEmits, VxeInputConstructor, SelectMethods, SelectPrivateRef, VxeSelectMethods, VxeOptgroupProps, VxeOptionProps, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeInputDefines } from '../../../types/all'
 
@@ -147,7 +148,7 @@ export default defineComponent({
           slotFunc = slots[slotFunc] || null
         }
         if (XEUtils.isFunction(slotFunc)) {
-          return slotFunc(params)
+          return getSlotVNs(slotFunc(params))
         }
       }
       return []

package/packages/switch/index.d.ts

@@ -1,4 +1,4 @@
-import { Switch } from '../../types/switch'
+import { VxeSwitch } from '../../types/switch'
 
 export * from '../../types/switch'
-export default Switch
+export default VxeSwitch

package/packages/switch/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeSwitchComponent from './src/switch'
 import { dynamicApp } from '../dynamics'
 
-export const Switch = Object.assign(VxeSwitchComponent, {
+export const VxeSwitch = Object.assign(VxeSwitchComponent, {
   install: function (app: App) {
     app.component(VxeSwitchComponent.name, VxeSwitchComponent)
   }
 })
 
+export const Switch = VxeSwitch
+
 dynamicApp.component(VxeSwitchComponent.name, VxeSwitchComponent)
 
-export default Switch
+export default VxeSwitch

package/packages/table/index.d.ts

@@ -1,4 +1,4 @@
-import { Table } from '../../types/table'
+import { VxeTable } from '../../types/table'
 
 export * from '../../types/table'
-export default Table
+export default VxeTable

package/packages/table/index.ts

@@ -2,12 +2,14 @@ import { App } from 'vue'
 import VxeTableComponent from './src/table'
 import { dynamicApp } from '../dynamics'
 
-export const Table = Object.assign(VxeTableComponent, {
+export const VxeTable = Object.assign(VxeTableComponent, {
   install: function (app: App) {
     app.component(VxeTableComponent.name, VxeTableComponent)
   }
 })
 
+export const Table = VxeTable
+
 dynamicApp.component(VxeTableComponent.name, VxeTableComponent)
 
-export default Table
+export default VxeTable

package/packages/table/src/cell.ts

@@ -5,8 +5,9 @@ import { VXETable } from '../../v-x-e-table'
 import { getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../tools/utils'
 import { updateCellTitle } from '../../tools/dom'
 import { createColumn } from './util'
+import { getSlotVNs } from '../../tools/vn'
 
-import { VxeTableConstructor, VxeTableDefines, VxeTablePrivateMethods } from '../../../types/all'
+import { SlotVNodeType, VxeTableConstructor, VxeTableDefines, VxeTablePrivateMethods } from '../../../types/all'
 
 function renderHelpIcon (params: VxeTableDefines.CellRenderHeaderParams) {
   const { $table, column } = params
@@ -24,7 +25,7 @@ function renderHelpIcon (params: VxeTableDefines.CellRenderHeaderParams) {
   ] : []
 }
 
-function renderTitleContent (params: VxeTableDefines.CellRenderHeaderParams, content: VNode[] | string[] | string) {
+function renderTitleContent (params: VxeTableDefines.CellRenderHeaderParams, content: SlotVNodeType[]) {
   const { $table, column } = params
   const { props, internalData } = $table
   const { computeTooltipOpts } = $table.getComputeMaps()
@@ -81,7 +82,7 @@ function getFooterContent (params: VxeTableDefines.CellRenderFooterParams) {
   if (renderOpts) {
     const compConf = VXETable.renderer.get(renderOpts.name)
     if (compConf && compConf.renderFooter) {
-      return compConf.renderFooter(renderOpts, params)
+      return getSlotVNs(compConf.renderFooter(renderOpts, params))
     }
   }
   return [formatText(items[_columnIndex], 1)]
@@ -160,10 +161,10 @@ export const Cell = {
     if (renderOpts) {
       const compConf = VXETable.renderer.get(renderOpts.name)
       if (compConf && compConf.renderHeader) {
-        return renderTitleContent(params, compConf.renderHeader(renderOpts, params))
+        return renderTitleContent(params, getSlotVNs(compConf.renderHeader(renderOpts, params)))
       }
     }
-    return renderTitleContent(params, formatText(column.getTitle(), 1))
+    return renderTitleContent(params, [formatText(column.getTitle(), 1)])
   },
   renderDefaultHeader (params: VxeTableDefines.CellRenderHeaderParams) {
     return renderHelpIcon(params).concat(Cell.renderHeaderTitle(params))
@@ -181,7 +182,7 @@ export const Cell = {
       const compConf = VXETable.renderer.get(renderOpts.name)
       const compFn = compConf ? compConf[funName] : null
       if (compFn) {
-        return compFn(renderOpts, Object.assign({ $type: editRender ? 'edit' : 'cell' }, params))
+        return getSlotVNs(compFn(renderOpts, Object.assign({ $type: editRender ? 'edit' : 'cell' }, params)))
       }
     }
     const cellValue = $table.getCellLabel(row, column)
@@ -211,7 +212,7 @@ export const Cell = {
   /**
    * 树节点
    */
-  renderTreeIcon (params: VxeTableDefines.CellRenderBodyParams, cellVNodes: VNode[]) {
+  renderTreeIcon (params: VxeTableDefines.CellRenderBodyParams, cellVNodes: SlotVNodeType[]) {
     const { $table, isHidden } = params
     const { reactData } = $table
     const { computeTreeOpts } = $table.getComputeMaps()
@@ -272,7 +273,7 @@ export const Cell = {
     const { $table, column } = params
     const { slots } = column
     const headerSlot = slots ? slots.header : null
-    return renderTitleContent(params, headerSlot ? $table.callSlot(headerSlot, params) : formatText(column.getTitle(), 1))
+    return renderTitleContent(params, headerSlot ? $table.callSlot(headerSlot, params) : [formatText(column.getTitle(), 1)])
   },
   renderSeqCell (params: VxeTableDefines.CellRenderBodyParams) {
     const { $table, column } = params
@@ -342,10 +343,7 @@ export const Cell = {
     if (isVisible) {
       radioVNs.push(
         h('span', {
-          class: 'vxe-radio--icon vxe-radio--checked-icon'
-        }),
-        h('span', {
-          class: 'vxe-radio--icon vxe-radio--unchecked-icon'
+          class: ['vxe-radio--icon', isChecked ? GlobalConfig.icon.TABLE_RADIO_CHECKED : GlobalConfig.icon.TABLE_RADIO_UNCHECKED]
         })
       )
     }
@@ -416,13 +414,7 @@ export const Cell = {
         ...ons
       }, [
         h('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-        }),
-        h('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-        }),
-        h('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+          class: ['vxe-checkbox--icon', isAllCheckboxIndeterminate ? GlobalConfig.icon.TABLE_CHECKBOX_INDETERMINATE : (isAllCheckboxSelected ? GlobalConfig.icon.TABLE_CHECKBOX_CHECKED : GlobalConfig.icon.TABLE_CHECKBOX_UNCHECKED)]
         })
       ].concat(titleSlot || headerTitle ? [
         h('span', {
@@ -471,13 +463,7 @@ export const Cell = {
     if (isVisible) {
       checkVNs.push(
         h('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-        }),
-        h('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-        }),
-        h('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+          class: ['vxe-checkbox--icon', indeterminate ? GlobalConfig.icon.TABLE_CHECKBOX_INDETERMINATE : (isChecked ? GlobalConfig.icon.TABLE_CHECKBOX_CHECKED : GlobalConfig.icon.TABLE_CHECKBOX_UNCHECKED)]
         })
       )
     }
@@ -542,13 +528,7 @@ export const Cell = {
     if (isVisible) {
       checkVNs.push(
         h('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
-        }),
-        h('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
-        }),
-        h('span', {
-          class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+          class: ['vxe-checkbox--icon', indeterminate ? GlobalConfig.icon.TABLE_CHECKBOX_INDETERMINATE : (isChecked ? GlobalConfig.icon.TABLE_CHECKBOX_CHECKED : GlobalConfig.icon.TABLE_CHECKBOX_UNCHECKED)]
         })
       )
       if (defaultSlot || labelField) {
@@ -626,7 +606,7 @@ export const Cell = {
     if (contentRender) {
       const compConf = VXETable.renderer.get(contentRender.name)
       if (compConf && compConf.renderExpand) {
-        return compConf.renderExpand(contentRender, params)
+        return getSlotVNs(compConf.renderExpand(contentRender, params))
       }
     }
     return []
@@ -792,7 +772,10 @@ export const Cell = {
       if (editSlot) {
         return $table.callSlot(editSlot, params)
       }
-      return compConf && compConf.renderEdit ? compConf.renderEdit(editRender, Object.assign({ $type: 'edit' }, params)) : []
+      if (compConf && compConf.renderEdit) {
+        return getSlotVNs(compConf.renderEdit(editRender, Object.assign({ $type: 'edit' }, params)))
+      }
+      return []
     }
     if (defaultSlot) {
       return $table.callSlot(defaultSlot, params)

package/packages/table/src/table.ts

@@ -11,10 +11,12 @@ import GlobalConfig from '../../v-x-e-table/src/conf'
 import Cell from './cell'
 import TableBodyComponent from './body'
 import TableHeaderComponent from '../../header'
+import TableFooterComponent from '../../footer'
 import tableProps from './props'
 import tableEmits from './emits'
 import VxeLoading from '../../loading/index'
 import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, restoreScrollListener, XEBodyScrollElement } from './util'
+import { getSlotVNs } from '../../tools/vn'
 
 import { VxeGridConstructor, VxeGridPrivateMethods, VxeTableConstructor, TableReactData, TableInternalData, VxeTablePropTypes, VxeToolbarConstructor, VxeTooltipInstance, TablePrivateMethods, VxeTablePrivateRef, VxeTablePrivateComputed, VxeTablePrivateMethods, VxeTableMethods, TableMethods, VxeMenuPanelInstance, VxeTableDefines, VxeTableProps } from '../../../types/all'
 
@@ -2618,7 +2620,7 @@ export default defineComponent({
       createData (records) {
         const { treeConfig } = props
         const treeOpts = computeTreeOpts.value
-        const handleRrecord = (record: any) => reactive(tablePrivateMethods.defineField(Object.assign({}, record)))
+        const handleRrecord = (record: any) => reactive(tablePrivateMethods.defineField(record || {}))
         const rows = treeConfig ? XEUtils.mapTree(records, handleRrecord, treeOpts) : records.map(handleRrecord)
         return nextTick().then(() => rows)
       },
@@ -4088,7 +4090,7 @@ export default defineComponent({
                       // 如果点击了当前表格之外
                       !getEventTargetNode(evnt, el).flag
                   ) {
-                    setTimeout(() => $xetable.clearActived(evnt))
+                    setTimeout(() => $xetable.clearEdit(evnt))
                   }
                 })
               }
@@ -4164,7 +4166,7 @@ export default defineComponent({
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 const params = actived.args
-                $xetable.clearActived(evnt)
+                $xetable.clearEdit(evnt)
                 // 如果配置了选中功能，则为选中状态
                 if (mouseOpts.selected) {
                   nextTick(() => $xetable.handleSelected(params, evnt))
@@ -4237,7 +4239,7 @@ export default defineComponent({
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 const params = actived.args
-                $xetable.clearActived(evnt)
+                $xetable.clearEdit(evnt)
                 // 如果配置了选中功能，则为选中状态
                 if (mouseOpts.selected) {
                   nextTick(() => $xetable.handleSelected(params, evnt))
@@ -4273,7 +4275,7 @@ export default defineComponent({
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
                 params = actived.args
-                $xetable.clearActived(evnt)
+                $xetable.clearEdit(evnt)
                 // 如果配置了选中功能，则为选中状态
                 if (mouseOpts.selected) {
                   nextTick(() => $xetable.handleSelected(params, evnt))
@@ -4529,7 +4531,7 @@ export default defineComponent({
             return $xegrid.callSlot(slotFunc, params)
           }
           if (XEUtils.isFunction(slotFunc)) {
-            return slotFunc(params)
+            return getSlotVNs(slotFunc(params))
           }
         }
         return []
@@ -4579,7 +4581,7 @@ export default defineComponent({
         const rowkey = getRowkey($xetable)
         internalData.tableFullColumn.forEach(column => {
           const { field, editRender } = column
-          if (field && !XEUtils.has(record, field)) {
+          if (field && !XEUtils.has(record, field) && !record[field]) {
             let cellValue = null
             if (editRender) {
               const { defaultValue } = editRender
@@ -4875,7 +4877,7 @@ export default defineComponent({
               XEUtils.eachTree([row], (item) => {
                 if ($xetable.eqRow(item, row) || (!checkMethod || checkMethod({ row: item }))) {
                   XEUtils.set(item, checkField, value)
-                  XEUtils.remove(treeIndeterminates, half => half === item)
+                  XEUtils.remove(treeIndeterminates, half => $xetable.eqRow(half, item))
                   handleCheckboxReserveRow(row, value)
                 }
               }, treeOpts)
@@ -4914,9 +4916,9 @@ export default defineComponent({
                   if (value) {
                     selection.push(item)
                   } else {
-                    XEUtils.remove(selection, select => select === item)
+                    XEUtils.remove(selection, select => $xetable.eqRow(select, item))
                   }
-                  XEUtils.remove(treeIndeterminates, half => half === item)
+                  XEUtils.remove(treeIndeterminates, half => $xetable.eqRow(half, item))
                   handleCheckboxReserveRow(row, value)
                 }
               }, treeOpts)
@@ -5598,7 +5600,7 @@ export default defineComponent({
           tableColumn,
           fixedColumn
         }),
-        showFooter ? h(resolveComponent('vxe-table-footer') as ComponentOptions, {
+        showFooter ? h(TableFooterComponent, {
           ref: isFixedLeft ? refTableLeftFooter : refTableRightFooter,
           footerTableData,
           tableColumn,
@@ -5997,7 +5999,7 @@ export default defineComponent({
             /**
              * 表尾
              */
-            showFooter ? h(resolveComponent('vxe-table-footer') as ComponentOptions, {
+            showFooter ? h(TableFooterComponent, {
               ref: refTableFooter,
               footerTableData,
               tableColumn

package/packages/textarea/index.d.ts

@@ -1,4 +1,4 @@
-import { Textarea } from '../../types/textarea'
+import { VxeTextarea } from '../../types/textarea'
 
 export * from '../../types/textarea'
-export default Textarea
+export default VxeTextarea