vxe-table 3.20.13 → 3.21.0-beta.1

package/lib/ui/src/dom.js

@@ -15,6 +15,7 @@ exports.getPropClass = getPropClass;
 exports.getTpImg = getTpImg;
 exports.hasClass = hasClass;
 exports.hasControlKey = hasControlKey;
+exports.hasEventInputTarget = hasEventInputTarget;
 exports.initTpImg = initTpImg;
 exports.isNodeElement = isNodeElement;
 exports.isPx = isPx;
@@ -216,6 +217,10 @@ function getAbsolutePos(elem) {
     visibleWidth
   };
 }
+function hasEventInputTarget(target) {
+  const tagName = target ? target.tagName : '';
+  return tagName && ['input', 'textarea'].includes(tagName.toLowerCase());
+}
 const scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
 const scrollIntoView = 'scrollIntoView';
 function scrollToView(elem) {

package/lib/ui/src/dom.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.checkTargetElement=checkTargetElement,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetHeight=getOffsetHeight,exports.getOffsetPos=getOffsetPos,exports.getPaddingTopBottomSize=getPaddingTopBottomSize,exports.getPropClass=getPropClass,exports.getTpImg=getTpImg,exports.hasClass=hasClass,exports.hasControlKey=hasControlKey,exports.initTpImg=initTpImg,exports.isNodeElement=isNodeElement,exports.isPx=isPx,exports.isScale=isScale,exports.queryElement=queryElement,exports.removeClass=removeClass,exports.scrollToView=scrollToView,exports.setScrollLeft=setScrollLeft,exports.setScrollTop=setScrollTop,exports.toCssUnit=toCssUnit,exports.triggerEvent=triggerEvent,exports.updateCellTitle=updateCellTitle,exports.wheelScrollLeftTo=wheelScrollLeftTo,exports.wheelScrollTopTo=wheelScrollTopTo;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let reClsMap={},tpImgEl;function initTpImg(){return tpImgEl||((tpImgEl=new Image).src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="),tpImgEl}function getTpImg(){return tpImgEl||initTpImg()}function getPropClass(e,t){return e?_xeUtils.default.isFunction(e)?e(t):e:""}function getClsRE(e){return reClsMap[e]||(reClsMap[e]=new RegExp(`(?:^|\\s)${e}(?!\\S)`,"g")),reClsMap[e]}function getNodeOffset(e,t,o){if(e){var l=e.parentNode;if(o.top+=e.offsetTop,o.left+=e.offsetLeft,l&&l!==document.documentElement&&l!==document.body&&(o.top-=l.scrollTop,o.left-=l.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return getNodeOffset(e.offsetParent,t,o)}return o}function isPx(e){return e&&/^\d+(\.\d+)?(px)?$/.test(e)}function isScale(e){return e&&/^\d+(\.\d+)?%$/.test(e)}function hasClass(e,t){return!!(e&&e.className&&e.className.match&&e.className.match(getClsRE(t)))}function removeClass(e,t){e&&hasClass(e,t)&&(e.className=e.className.replace(getClsRE(t),""))}function addClass(e,t){e&&!hasClass(e,t)&&(removeClass(e,t),e.className=e.className+" "+t)}function hasControlKey(e){return e.ctrlKey||e.metaKey}function toCssUnit(e,t="px"){return _xeUtils.default.isNumber(e)||/^\d+$/.test(""+e)?""+e+t:""+(e||"")}function queryElement(e,t){return e?e.querySelector(t):null}function getDomNode(){var e=document.documentElement,t=document.body;return{scrollTop:e.scrollTop||t.scrollTop,scrollLeft:e.scrollLeft||t.scrollLeft,visibleHeight:e.clientHeight||t.clientHeight,visibleWidth:e.clientWidth||t.clientWidth}}function getOffsetHeight(e){return e?e.offsetHeight:0}function getPaddingTopBottomSize(e){return e?(e=getComputedStyle(e),_xeUtils.default.toNumber(e.paddingTop)+_xeUtils.default.toNumber(e.paddingBottom)):0}function setScrollTop(e,t){e&&(e.scrollTop=t)}function setScrollLeft(e,t){e&&(e.scrollLeft=t)}function updateCellTitle(e,t){t="html"===t.type?e.innerText:e.textContent;e.getAttribute("title")!==t&&e.setAttribute("title",t)}function checkTargetElement(e,t,o){let l=e;if(t&&t.length)for(var[r,s,n]=t;l;){if(r===l||s&&l===s||n&&l===n)return!0;if(o&&l===o)return!1;l=l.parentElement}return!1}function getEventTargetNode(e,t,o,l){let r,s=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;for(;s&&s.nodeType&&s!==document;){if(o&&hasClass(s,o)&&(!l||l(s)))r=s;else if(s===t)return{flag:!o||!!r,container:t,targetElem:r};s=s.parentNode}return{flag:!1}}function getOffsetPos(e,t){return getNodeOffset(e,t,{left:0,top:0})}function getAbsolutePos(e){var e=e.getBoundingClientRect(),t=e.top,e=e.left,{scrollTop:o,scrollLeft:l,visibleHeight:r,visibleWidth:s}=getDomNode();return{boundingTop:t,top:o+t,boundingLeft:e,left:l+e,visibleHeight:r,visibleWidth:s}}let scrollIntoViewIfNeeded="scrollIntoViewIfNeeded",scrollIntoView="scrollIntoView";function scrollToView(e){e&&(e[scrollIntoViewIfNeeded]?e[scrollIntoViewIfNeeded]():e[scrollIntoView]&&e[scrollIntoView]())}function triggerEvent(e,t){e&&e.dispatchEvent(new Event(t))}function isNodeElement(e){return e&&1===e.nodeType}let wtlFrame;function wheelScrollLeftTo(e,t){wtlFrame&&cancelAnimationFrame(wtlFrame),wtlFrame=requestAnimationFrame(()=>{t(e),wtlFrame=null})}let wtaFrame;function wheelScrollTopTo(e,t){wtaFrame&&cancelAnimationFrame(wtaFrame),wtaFrame=requestAnimationFrame(()=>{t(e),wtaFrame=null})}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.checkTargetElement=checkTargetElement,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetHeight=getOffsetHeight,exports.getOffsetPos=getOffsetPos,exports.getPaddingTopBottomSize=getPaddingTopBottomSize,exports.getPropClass=getPropClass,exports.getTpImg=getTpImg,exports.hasClass=hasClass,exports.hasControlKey=hasControlKey,exports.hasEventInputTarget=hasEventInputTarget,exports.initTpImg=initTpImg,exports.isNodeElement=isNodeElement,exports.isPx=isPx,exports.isScale=isScale,exports.queryElement=queryElement,exports.removeClass=removeClass,exports.scrollToView=scrollToView,exports.setScrollLeft=setScrollLeft,exports.setScrollTop=setScrollTop,exports.toCssUnit=toCssUnit,exports.triggerEvent=triggerEvent,exports.updateCellTitle=updateCellTitle,exports.wheelScrollLeftTo=wheelScrollLeftTo,exports.wheelScrollTopTo=wheelScrollTopTo;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let reClsMap={},tpImgEl;function initTpImg(){return tpImgEl||((tpImgEl=new Image).src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="),tpImgEl}function getTpImg(){return tpImgEl||initTpImg()}function getPropClass(e,t){return e?_xeUtils.default.isFunction(e)?e(t):e:""}function getClsRE(e){return reClsMap[e]||(reClsMap[e]=new RegExp(`(?:^|\\s)${e}(?!\\S)`,"g")),reClsMap[e]}function getNodeOffset(e,t,o){if(e){var l=e.parentNode;if(o.top+=e.offsetTop,o.left+=e.offsetLeft,l&&l!==document.documentElement&&l!==document.body&&(o.top-=l.scrollTop,o.left-=l.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return getNodeOffset(e.offsetParent,t,o)}return o}function isPx(e){return e&&/^\d+(\.\d+)?(px)?$/.test(e)}function isScale(e){return e&&/^\d+(\.\d+)?%$/.test(e)}function hasClass(e,t){return!!(e&&e.className&&e.className.match&&e.className.match(getClsRE(t)))}function removeClass(e,t){e&&hasClass(e,t)&&(e.className=e.className.replace(getClsRE(t),""))}function addClass(e,t){e&&!hasClass(e,t)&&(removeClass(e,t),e.className=e.className+" "+t)}function hasControlKey(e){return e.ctrlKey||e.metaKey}function toCssUnit(e,t="px"){return _xeUtils.default.isNumber(e)||/^\d+$/.test(""+e)?""+e+t:""+(e||"")}function queryElement(e,t){return e?e.querySelector(t):null}function getDomNode(){var e=document.documentElement,t=document.body;return{scrollTop:e.scrollTop||t.scrollTop,scrollLeft:e.scrollLeft||t.scrollLeft,visibleHeight:e.clientHeight||t.clientHeight,visibleWidth:e.clientWidth||t.clientWidth}}function getOffsetHeight(e){return e?e.offsetHeight:0}function getPaddingTopBottomSize(e){return e?(e=getComputedStyle(e),_xeUtils.default.toNumber(e.paddingTop)+_xeUtils.default.toNumber(e.paddingBottom)):0}function setScrollTop(e,t){e&&(e.scrollTop=t)}function setScrollLeft(e,t){e&&(e.scrollLeft=t)}function updateCellTitle(e,t){t="html"===t.type?e.innerText:e.textContent;e.getAttribute("title")!==t&&e.setAttribute("title",t)}function checkTargetElement(e,t,o){let l=e;if(t&&t.length)for(var[r,s,n]=t;l;){if(r===l||s&&l===s||n&&l===n)return!0;if(o&&l===o)return!1;l=l.parentElement}return!1}function getEventTargetNode(e,t,o,l){let r,s=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;for(;s&&s.nodeType&&s!==document;){if(o&&hasClass(s,o)&&(!l||l(s)))r=s;else if(s===t)return{flag:!o||!!r,container:t,targetElem:r};s=s.parentNode}return{flag:!1}}function getOffsetPos(e,t){return getNodeOffset(e,t,{left:0,top:0})}function getAbsolutePos(e){var e=e.getBoundingClientRect(),t=e.top,e=e.left,{scrollTop:o,scrollLeft:l,visibleHeight:r,visibleWidth:s}=getDomNode();return{boundingTop:t,top:o+t,boundingLeft:e,left:l+e,visibleHeight:r,visibleWidth:s}}function hasEventInputTarget(e){e=e?e.tagName:"";return e&&["input","textarea"].includes(e.toLowerCase())}let scrollIntoViewIfNeeded="scrollIntoViewIfNeeded",scrollIntoView="scrollIntoView";function scrollToView(e){e&&(e[scrollIntoViewIfNeeded]?e[scrollIntoViewIfNeeded]():e[scrollIntoView]&&e[scrollIntoView]())}function triggerEvent(e,t){e&&e.dispatchEvent(new Event(t))}function isNodeElement(e){return e&&1===e.nodeType}let wtlFrame;function wheelScrollLeftTo(e,t){wtlFrame&&cancelAnimationFrame(wtlFrame),wtlFrame=requestAnimationFrame(()=>{t(e),wtlFrame=null})}let wtaFrame;function wheelScrollTopTo(e,t){wtaFrame&&cancelAnimationFrame(wtaFrame),wtaFrame=requestAnimationFrame(()=>{t(e),wtaFrame=null})}

package/lib/ui/src/log.js

@@ -8,6 +8,6 @@ var _core = require("@vxe-ui/core");
 const {
   log
 } = _core.VxeUI;
-const version = `table v${"3.20.13"}`;
+const version = `table v${"3.21.0-beta.1"}`;
 const warnLog = exports.warnLog = log.create('warn', version);
 const errLog = exports.errLog = log.create('error', version);

package/lib/ui/src/log.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,version="table v3.20.13",warnLog=exports.warnLog=log.create("warn",version),errLog=exports.errLog=log.create("error",version);
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,version="table v3.21.0-beta.1",warnLog=exports.warnLog=log.create("warn",version),errLog=exports.errLog=log.create("error",version);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "3.20.13",
+  "version": "3.21.0-beta.1",
   "description": "A PC-end table component based on Vxe UI, supporting copy-paste, data pivot table, and high-performance virtual list table solution.",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -28,7 +28,7 @@
   "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "dependencies": {
-    "vxe-pc-ui": "^3.13.0"
+    "vxe-pc-ui": "^3.14.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-modules-commonjs": "^7.25.7",
@@ -68,7 +68,7 @@
     "vue-i18n": "^8.15.1",
     "vue-router": "^3.5.1",
     "vue-template-compiler": "2.6.14",
-    "vxe-pc-ui": "3.13.26"
+    "vxe-pc-ui": "3.14.1"
   },
   "vetur": {
     "tags": "helper/vetur/tags.json",

package/packages/table/module/edit/mixin.ts

@@ -45,7 +45,7 @@ function syncActivedCell ($xeTable: VxeTableConstructor & VxeTablePrivateMethods
   const editOpts = $xeTable.computeEditOpts
   const { actived } = editStore
   const { row, column } = actived
-  if (row || column) {
+  if (row && column) {
     if (editOpts.mode === 'row') {
       tableColumn.forEach((column) => setEditColumnModel(row, column))
     } else {
@@ -94,6 +94,7 @@ function insertTreeRow ($xeTable: VxeTableConstructor & VxeTablePrivateMethods,
       fullAllDataRowIdData[rowid] = rest
     }
   })
+  $xeTable.handleClearStack()
 }
 
 // function insertGroupRow ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, newRecords: any[], isAppend: boolean) {
@@ -153,6 +154,7 @@ function handleInsertRowAt ($xeTable: VxeTableConstructor & VxeTablePrivateMetho
           mergeItem.row = mergeRowIndex + newRecords.length
         }
       })
+      $xeTable.handleClearStack()
     }
   } else {
     if (targetRow === -1) {
@@ -175,6 +177,7 @@ function handleInsertRowAt ($xeTable: VxeTableConstructor & VxeTablePrivateMetho
           afterFullData.push(item)
           tableFullData.push(item)
         })
+        $xeTable.handleClearStack()
       }
     } else {
       // 如果为虚拟树
@@ -226,6 +229,7 @@ function handleInsertRowAt ($xeTable: VxeTableConstructor & VxeTablePrivateMetho
               parentChilds.splice(targetIndex, 0, ...treeRecords)
             }
           }
+          $xeTable.handleClearStack()
         } else {
           warnLog('vxe.error.unableInsert')
           insertTreeRow($xeTable, newRecords, true)
@@ -272,6 +276,7 @@ function handleInsertRowAt ($xeTable: VxeTableConstructor & VxeTablePrivateMetho
             mergeItem.rowspan = mergeRowspan + newRecords.length
           }
         })
+        $xeTable.handleClearStack()
       }
     }
   }
@@ -358,10 +363,10 @@ function handleClearEdit ($xeTable: VxeTableConstructor & VxeTablePrivateMethods
       return $xeTable.$nextTick()
     }
     syncActivedCell($xeTable)
+    $xeTable.updateFooter()
     actived.args = null
     actived.row = null
     actived.column = null
-    $xeTable.updateFooter()
     $xeTable.dispatchEvent('edit-closed', {
       row,
       rowIndex: $xeTable.getRowIndex(row),
@@ -383,7 +388,11 @@ function handleClearEdit ($xeTable: VxeTableConstructor & VxeTablePrivateMethods
   return $xeTable.$nextTick().then(() => $xeTable.updateCellAreas())
 }
 
-function handleEditActive ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, params: any, evnt: Event | null, isFocus: boolean, isPos: boolean) {
+function handleEditActive ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, params: any, evnt: Event | null, options: {
+  isClear?: boolean
+  isFocus?: boolean
+  isPos?: boolean
+}) {
   const props = $xeTable
   const reactData = $xeTable as unknown as TableReactData
   const $xeGrid = $xeTable.$xeGrid
@@ -395,6 +404,7 @@ function handleEditActive ($xeTable: VxeTableConstructor & VxeTablePrivateMethod
   const { actived, focused } = editStore
   const { row, column } = params
   const { editRender } = column
+  const { isFocus, isPos, isClear } = options
   const cell = (params.cell || $xeTable.getCellElement(row, column))
   const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod
   params.cell = cell
@@ -421,6 +431,10 @@ function handleEditActive ($xeTable: VxeTableConstructor & VxeTablePrivateMethod
           actived.args = params
           actived.row = row
           actived.column = column
+          $xeTable.handlePushStack()
+          if (isClear) {
+            setCellValue(row, column, null)
+          }
           if (mode === 'row') {
             tableColumn.forEach((column: any) => getEditColumnModel(row, column))
           } else {
@@ -465,7 +479,7 @@ function handleEditActive ($xeTable: VxeTableConstructor & VxeTablePrivateMethod
             $xeTable.clearCopyCellArea()
           }
         }
-        if (oldColumn !== column) {
+        if (oldColumn && oldColumn !== column) {
           const { model: oldModel } = oldColumn
           if (oldModel.update) {
             setCellValue(row, oldColumn, oldModel.value)
@@ -491,11 +505,16 @@ function handleEditActive ($xeTable: VxeTableConstructor & VxeTablePrivateMethod
   return $xeTable.$nextTick()
 }
 
-function handleEditCell ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, row: any, fieldOrColumn: string | VxeTableDefines.ColumnInfo, isPos: boolean) {
+function handleEditCell ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, row: any, fieldOrColumn: string | VxeTableDefines.ColumnInfo | null, options: {
+  isClear?: boolean | undefined;
+  isFocus?: boolean | undefined;
+  isPos?: boolean | undefined;
+}) {
   const props = $xeTable
   const internalData = $xeTable as unknown as TableInternalData
 
   const { editConfig } = props
+  const { isPos } = options
   const column = XEUtils.isString(fieldOrColumn) ? $xeTable.getColumnByField(fieldOrColumn) : fieldOrColumn
   if (row && column && isEnableConf(editConfig) && isEnableConf(column.editRender) && !$xeTable.isAggregateRecord(row)) {
     return Promise.resolve(isPos ? $xeTable.scrollToRow(row, column) : null).then(() => {
@@ -508,7 +527,7 @@ function handleEditCell ($xeTable: VxeTableConstructor & VxeTablePrivateMethods,
           columnIndex: $xeTable.getColumnIndex(column),
           cell,
           $table: $xeTable
-        }, null, isPos, isPos)
+        }, null, options)
         internalData._lastCallTime = Date.now()
       }
       return $xeTable.$nextTick()
@@ -661,6 +680,7 @@ export default {
       reactData.removeRowFlag++
       reactData.insertRowFlag++
       reactData.pendingRowFlag++
+      $xeTable.handleClearStack()
       $xeTable.cacheRowMap(false)
       $xeTable.handleTableData(treeConfig && transform)
       $xeTable.updateFooter()
@@ -789,10 +809,15 @@ export default {
     /**
      * 处理激活编辑
      */
-    handleEdit (params: any, evnt: any) {
+    handleEdit (params: any, evnt: any, options?: {
+      isClear?: boolean
+    }) {
       const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
 
-      return handleEditActive($xeTable, params, evnt, true, true)
+      return handleEditActive($xeTable, params, evnt, Object.assign({
+        isFocus: true,
+        isPos: true
+      }, options))
     },
     /**
      * @deprecated
@@ -967,7 +992,9 @@ export default {
     /**
      * 激活行编辑
      */
-    _setEditRow (row: any, fieldOrColumn: any) {
+    _setEditRow (row: any, fieldOrColumn?: boolean | string | VxeTableDefines.ColumnInfo<any> | null, options?: {
+      isClear?: boolean
+    }) {
       const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
       const internalData = $xeTable as unknown as TableInternalData
 
@@ -980,7 +1007,10 @@ export default {
           column = XEUtils.isString(fieldOrColumn) ? $xeTable.getColumnByField(fieldOrColumn) : fieldOrColumn
         }
       }
-      return handleEditCell($xeTable, row, column, isPos)
+      return handleEditCell($xeTable, row, column, Object.assign({
+        isPos,
+        isFocus: isPos
+      }, options))
     },
     _setActiveCell (row: any, fieldOrColumn: any) {
       const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
@@ -992,10 +1022,15 @@ export default {
     /**
      * 激活单元格编辑
      */
-    _setEditCell (row: any, fieldOrColumn: any) {
+    _setEditCell (row: any, fieldOrColumn: string | VxeTableDefines.ColumnInfo<any> | null, options?: {
+      isClear?: boolean
+    }) {
       const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
 
-      return handleEditCell($xeTable, row, fieldOrColumn, true)
+      return handleEditCell($xeTable, row, fieldOrColumn, Object.assign({
+        isFocus: true,
+        isPos: true
+      }, options))
     },
     /**
      * 只对 trigger=dblclick 有效，选中单元格

package/packages/table/module/keyboard/mixin.ts

@@ -494,8 +494,8 @@ export default {
       const checkboxOpts = $xeTable.computeCheckboxOpts
       const mouseOpts = $xeTable.computeMouseOpts
       const editOpts = $xeTable.computeEditOpts
-      if (mouseConfig && mouseOpts.area && $xeTable.triggerClAreaModnEvent) {
-        return $xeTable.triggerClAreaModnEvent(evnt, params)
+      if (mouseConfig && mouseOpts.area && $xeTable.triggerCelllAreaMnEvent) {
+        return $xeTable.triggerCelllAreaMnEvent(evnt, params)
       } else {
         if (checkboxConfig && checkboxOpts.range) {
           handleCheckboxRangeEvent($xeTable, evnt, params)

package/packages/table/src/cell.ts

@@ -344,8 +344,8 @@ function renderFooterHandle (h: CreateElement, params: VxeTableDefines.CellRende
 }
 
 export const Cell = {
-  createColumn ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, _vm: any) {
-    const { type } = _vm
+  createColumn ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, columnOpts: VxeTableDefines.ColumnOptions | VxeTableDefines.ColumnInfo) {
+    const { type } = columnOpts
     const renConfs: any = {
       renderHeader: renderHeaderHandle,
       renderCell: renderCellHandle,
@@ -354,7 +354,7 @@ export const Cell = {
     if (type === 'expand') {
       renConfs.renderData = Cell.renderExpandData
     }
-    return createColumn($xeTable, _vm, renConfs)
+    return createColumn($xeTable, columnOpts, renConfs)
   },
   /**
    * 列头标题
@@ -376,7 +376,7 @@ export const Cell = {
       const compConf = renderer.get(renderOpts.name)
       const rtHeader = compConf ? (compConf.renderTableHeader || compConf.renderHeader) : null
       if (rtHeader) {
-        return getSlotVNs(renderTitleContent(h, params, rtHeader.call($table, h, renderOpts, params)))
+        return getSlotVNs(renderTitleContent(h, params, rtHeader.call($table, h, renderOpts, params))) as VNode[]
       }
     }
     return renderTitleContent(h, params, formatText(column.getTitle(), 1))
@@ -1280,6 +1280,6 @@ export const Cell = {
     }
     return Cell.renderDefaultCell(h, cellParams)
   }
-} as any
+}
 
 export default Cell

package/packages/table/src/column.ts

@@ -1,7 +1,7 @@
-import { PropType } from 'vue'
-import Cell from './cell'
+import { PropType, CreateElement } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import { assembleColumn, destroyColumn } from './util'
+import Cell from './cell'
 
 import type { VxeColumnPropTypes, VxeTableConstructor, VxeTablePrivateMethods } from '../../../types'
 
@@ -171,8 +171,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeColumn',
   props: columnProps,
   provide () {
+    const $xeColumn = this
     return {
-      $xeColumn: this,
+      $xeColumn,
       $xeGrid: null,
       $xeGantt: null
     }
@@ -186,20 +187,26 @@ export default /* define-vxe-component start */ defineVxeComponent({
     }
   },
   watch: columnWatch,
-  created (this: any) {
+  created () {
+    const $xeColumn = this
+    const props = $xeColumn
     const $xeTable = this.$xeTable as VxeTableConstructor & VxeTablePrivateMethods
 
-    this.columnConfig = this.createColumn($xeTable, this)
+    this.columnConfig = Cell.createColumn($xeTable, props)
   },
   mounted () {
+    const $xeColumn = this
+
     this.columnConfig.slots = this.$scopedSlots
-    assembleColumn(this)
+    assembleColumn($xeColumn)
   },
   destroyed () {
-    destroyColumn(this)
+    const $xeColumn = this
+
+    destroyColumn($xeColumn)
   },
-  render (this: any, h: any) {
+  render (h: CreateElement) {
     return h('div', this.$slots.default)
   },
-  methods: Cell
+  methods: Cell as any
 }) /* define-vxe-component end */

package/packages/table/src/group.ts

@@ -1,7 +1,8 @@
-import Cell from './cell'
+import { CreateElement } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import { assembleColumn, destroyColumn } from './util'
 import { columnProps, columnWatch } from './column'
+import Cell from './cell'
 
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types'
 
@@ -9,8 +10,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
   name: 'VxeColgroup',
   props: columnProps,
   provide () {
+    const $xeColgroup = this
     return {
-      $xeColumn: this,
+      $xeColumn: $xeColgroup,
       $xeGrid: null,
       $xeGantt: null
     }
@@ -24,12 +26,16 @@ export default /* define-vxe-component start */ defineVxeComponent({
     }
   },
   watch: columnWatch,
-  created (this: any) {
+  created () {
+    const $xeColgroup = this
+    const props = $xeColgroup
     const $xeTable = this.$xeTable as VxeTableConstructor & VxeTablePrivateMethods
 
-    this.columnConfig = this.createColumn($xeTable, this)
+    this.columnConfig = Cell.createColumn($xeTable, props)
   },
   mounted () {
+    const $xeColgroup = this
+
     const { $scopedSlots } = this
     const columnSlots: {
       header?: any
@@ -39,13 +45,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
       columnSlots.header = $scopedSlots.header
     }
     this.columnConfig.slots = columnSlots
-    assembleColumn(this)
+    assembleColumn($xeColgroup)
   },
   destroyed () {
-    destroyColumn(this)
+    const $xeColgroup = this
+
+    destroyColumn($xeColgroup)
   },
-  render (this: any, h: any) {
+  render (h: CreateElement) {
     return h('div', this.$slots.default)
   },
-  methods: Cell
+  methods: Cell as any
 }) /* define-vxe-component end */