vxe-table 4.1.8 → 4.1.9

package/packages/button/src/button.ts

@@ -142,38 +142,38 @@ export default defineComponent({
           const panelStyle: { [key: string]: string | number } = {
             zIndex: panelIndex
           }
-          const { boundingTop, boundingLeft, visibleHeight, visibleWidth } = getAbsolutePos(targetElem)
+          const { top, left, boundingTop, visibleHeight, visibleWidth } = getAbsolutePos(targetElem)
           let panelPlacement = 'bottom'
           if (transfer) {
-            let left = boundingLeft + targetWidth - panelWidth
-            let top = boundingTop + targetHeight
+            let btnLeft = left + targetWidth - panelWidth
+            let btnTop = top + targetHeight
             if (placement === 'top') {
               panelPlacement = 'top'
-              top = boundingTop - panelHeight
+              btnTop = top - panelHeight
             } else if (!placement) {
               // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
+              if (boundingTop + targetHeight + panelHeight + marginSize > visibleHeight) {
                 panelPlacement = 'top'
-                top = boundingTop - panelHeight
+                btnTop = top - panelHeight
               }
               // 如果上面不够放，则向下（优先）
-              if (top < marginSize) {
+              if (btnTop < marginSize) {
                 panelPlacement = 'bottom'
-                top = boundingTop + targetHeight
+                btnTop = top + targetHeight
               }
             }
             // 如果溢出右边
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth
+            if (btnLeft + panelWidth + marginSize > visibleWidth) {
+              btnLeft -= btnLeft + panelWidth + marginSize - visibleWidth
             }
             // 如果溢出左边
-            if (left < marginSize) {
-              left = marginSize
+            if (btnLeft < marginSize) {
+              btnLeft = marginSize
             }
             Object.assign(panelStyle, {
-              left: `${left}px`,
+              left: `${btnLeft}px`,
               right: 'auto',
-              top: `${top}px`,
+              top: `${btnTop}px`,
               minWidth: `${targetWidth}px`
             })
           } else {

package/packages/edit/src/hook.ts

@@ -76,7 +76,7 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
             parentChilds = parentRow[treeOpts.children] = []
           }
           parentChilds[funcName](item)
-          const rest = { row: item, rowid, index: -1, _index: -1, $index: -1, items: parentChilds, parent, level: parentLevel + 1 }
+          const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, items: parentChilds, parent, level: parentLevel + 1 }
           fullDataRowIdData[rowid] = rest
           fullAllDataRowIdData[rowid] = rest
         } else {
@@ -87,7 +87,7 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
           }
           afterFullData[funcName](item)
           treeFullData[funcName](item)
-          const rest = { row: item, rowid, index: -1, _index: -1, $index: -1, items: treeFullData, parent: null, level: 0 }
+          const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, items: treeFullData, parent: null, level: 0 }
           fullDataRowIdData[rowid] = rest
           fullAllDataRowIdData[rowid] = rest
         }
@@ -176,7 +176,7 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
                     item[treeOpts.parentField] = parentRow[treeOpts.rowField]
                   }
                   parentChilds.splice(matchObj.index + i, 0, item)
-                  const rest = { row: item, rowid, index: -1, _index: -1, $index: -1, items: parentChilds, parent: parentRow, level: parentLevel + 1 }
+                  const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, items: parentChilds, parent: parentRow, level: parentLevel + 1 }
                   fullDataRowIdData[rowid] = rest
                   fullAllDataRowIdData[rowid] = rest
                 })

package/packages/export/src/hook.ts

@@ -2,7 +2,7 @@ import { inject, nextTick } from 'vue'
 import XEUtils from 'xe-utils'
 import GlobalConfig from '../../v-x-e-table/src/conf'
 import { VXETable } from '../../v-x-e-table'
-import { isColumnInfo, mergeBodyMethod, getCellValue } from '../../table/src/util'
+import { isColumnInfo, mergeBodyMethod, getCellValue, toTreePathSeq } from '../../table/src/util'
 import { errLog, warnLog, parseFile, formatText } from '../../tools/utils'
 import { readLocalFile, handlePrint, saveLocalFile, createHtmlPage, getExportBlobByContent } from './util'
 
@@ -295,14 +295,14 @@ const tableExportHook: VxeGlobalHooksHandles.HookOptions = {
       return row[treeOpts.children] && row[treeOpts.children].length
     }
 
-    const getSeq = (row: any, rowIndex: any, column: any, columnIndex: any, paths: string[] | null) => {
+    const getSeq = (row: any, rowIndex: any, column: any, columnIndex: any, path: string[] | null) => {
       const seqOpts = computeSeqOpts.value
       const seqMethod = seqOpts.seqMethod || column.seqMethod
       if (seqMethod) {
         return seqMethod({ row, rowIndex, column, columnIndex })
       }
-      if (paths) {
-        return paths.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('')
+      if (path) {
+        return toTreePathSeq(path)
       }
       return seqOpts.startIndex + rowIndex + 1
     }

package/packages/filter/src/hook.ts

@@ -2,7 +2,7 @@ import { nextTick } from 'vue'
 import XEUtils from 'xe-utils'
 import { VXETable } from '../../v-x-e-table'
 import { toFilters, handleFieldOrColumn } from '../../table/src/util'
-import { getDomNode } from '../../tools/dom'
+import { getDomNode, triggerEvent } from '../../tools/dom'
 
 import { VxeGlobalHooksHandles, TableFilterMethods, TableFilterPrivateMethods } from '../../../types/all'
 
@@ -172,6 +172,25 @@ const tableFilterHook: VxeGlobalHooksHandles.HookOptions = {
     }
 
     const filterMethods: TableFilterMethods = {
+      /**
+       * 手动弹出筛选面板
+       * @param column
+       */
+      openFilter (fieldOrColumn) {
+        const column = handleFieldOrColumn($xetable, fieldOrColumn)
+        if (column && column.filters) {
+          const { elemStore } = internalData
+          const { fixed } = column
+          return $xetable.scrollToColumn(column).then(() => {
+            const headerWrapperElem = elemStore[`${fixed || 'main'}-header-wrapper`] || elemStore['main-header-wrapper']
+            if (headerWrapperElem) {
+              const filterBtnElem = headerWrapperElem.querySelector(`.vxe-header--column.${column.id} .vxe-filter--btn`)
+              triggerEvent(filterBtnElem, 'click')
+            }
+          })
+        }
+        return nextTick()
+      },
       /**
        * 修改筛选条件列表
        * @param {ColumnInfo} fieldOrColumn 列或字段名

package/packages/table/src/body.ts

@@ -108,7 +108,7 @@ export default defineComponent({
     /**
      * 渲染列
      */
-    const renderColumn = ($seq: string, seq: number, rowid: string, fixedType: any, rowLevel: number, row: any, rowIndex: number, $rowIndex: number, _rowIndex: number, column: any, $columnIndex: number, columns: any, items: any[]) => {
+    const renderColumn = (seq: number | string, rowid: string, fixedType: any, rowLevel: number, row: any, rowIndex: number, $rowIndex: number, _rowIndex: number, column: any, $columnIndex: number, columns: any, items: any[]) => {
       const { columnKey, height, showOverflow: allColumnOverflow, cellClassName, cellStyle, align: allAlign, spanMethod, mouseConfig, editConfig, editRules, tooltipConfig } = tableProps
       const { tableData, overflowX, scrollYLoad, currentColumn, mergeList, editStore, validStore, isAllOverflow } = tableReactData
       const { afterFullData } = tableInternalData
@@ -138,7 +138,7 @@ export default defineComponent({
       const hasValidError = validStore.row === row && validStore.column === column
       const showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? (height || tableData.length > 1) : validOpts.message === 'inline')
       const attrs: any = { colid: column.id }
-      const params: VxeTableDefines.CellRenderBodyParams = { $table: $xetable, $seq, seq, rowid, row, rowIndex, $rowIndex, _rowIndex, column, columnIndex, $columnIndex, _columnIndex, fixed: fixedType, type: renderType, isHidden: fixedHiddenColumn, level: rowLevel, visibleData: afterFullData, data: tableData, items }
+      const params: VxeTableDefines.CellRenderBodyParams = { $table: $xetable, seq, rowid, row, rowIndex, $rowIndex, _rowIndex, column, columnIndex, $columnIndex, _columnIndex, fixed: fixedType, type: renderType, isHidden: fixedHiddenColumn, level: rowLevel, visibleData: afterFullData, data: tableData, items }
       // 虚拟滚动不支持动态高度
       if (scrollYLoad && !hasEllipsis) {
         showEllipsis = hasEllipsis = true
@@ -291,10 +291,10 @@ export default defineComponent({
       }, tdVNs)
     }
 
-    const renderRows = ($seq: string, fixedType: any, tableData: any, tableColumn: any) => {
+    const renderRows = (fixedType: any, tableData: any, tableColumn: any) => {
       const { stripe, rowKey, highlightHoverRow, rowClassName, rowStyle, showOverflow: allColumnOverflow, editConfig, treeConfig } = tableProps
       const { hasFixedColumn, treeExpandeds, scrollYLoad, editStore, rowExpandeds, expandColumn, selectRow } = tableReactData
-      const { fullAllDataRowIdData, scrollYStore } = tableInternalData
+      const { fullDataRowIdData } = tableInternalData
       const checkboxOpts = computeCheckboxOpts.value
       const radioOpts = computeRadioOpts.value
       const treeOpts = computeTreeOpts.value
@@ -304,10 +304,6 @@ export default defineComponent({
       tableData.forEach((row: any, $rowIndex: any) => {
         const trOn: any = {}
         let rowIndex = $rowIndex
-        let seq = rowIndex + 1
-        if (scrollYLoad) {
-          seq += scrollYStore.startIndex
-        }
         const _rowIndex = $xetable.getVTRowIndex(row)
         // 确保任何情况下 rowIndex 都精准指向真实 data 索引
         rowIndex = $xetable.getRowIndex(row)
@@ -327,9 +323,10 @@ export default defineComponent({
           }
         }
         const rowid = getRowid($xetable, row)
-        const rest = fullAllDataRowIdData[rowid]
+        const rest = fullDataRowIdData[rowid]
         const rowLevel = rest ? rest.level : 0
-        const params = { $table: $xetable, $seq, seq, rowid, fixed: fixedType, type: renderType, level: rowLevel, row, rowIndex, $rowIndex, _rowIndex }
+        const seq = rest ? rest.seq : -1
+        const params = { $table: $xetable, seq, rowid, fixed: fixedType, type: renderType, level: rowLevel, row, rowIndex, $rowIndex, _rowIndex }
         let isNewRow = false
         if (editConfig) {
           isNewRow = $xetable.findRowIndexOf(editStore.insertList, row) > -1
@@ -348,7 +345,7 @@ export default defineComponent({
             key: rowKey || treeConfig ? rowid : $rowIndex,
             ...trOn
           }, tableColumn.map((column: any, $columnIndex: any) => {
-            return renderColumn($seq, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData)
+            return renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData)
           }))
         )
         // 如果行被展开了
@@ -361,7 +358,7 @@ export default defineComponent({
           }
           const { showOverflow } = expandColumn
           const hasEllipsis = (XEUtils.isUndefined(showOverflow) || XEUtils.isNull(showOverflow)) ? allColumnOverflow : showOverflow
-          const expandParams = { $table: $xetable, $seq, seq, column: expandColumn, fixed: fixedType, type: renderType, level: rowLevel, row, rowIndex, $rowIndex, _rowIndex }
+          const expandParams = { $table: $xetable, seq, column: expandColumn, fixed: fixedType, type: renderType, level: rowLevel, row, rowIndex, $rowIndex, _rowIndex }
           rows.push(
             h('tr', {
               class: 'vxe-body--expanded-row',
@@ -390,7 +387,7 @@ export default defineComponent({
         if (treeConfig && !scrollYLoad && treeExpandeds.length) {
           const rowChildren = row[treeOpts.children]
           if (rowChildren && rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1) {
-            rows.push(...renderRows($seq ? `${$seq}.${seq}` : `${seq}`, fixedType, rowChildren, tableColumn))
+            rows.push(...renderRows(fixedType, rowChildren, tableColumn))
           }
         }
       })
@@ -689,7 +686,7 @@ export default defineComponent({
            */
           h('tbody', {
             ref: refBodyTBody
-          }, renderRows('', fixedType, tableData, tableColumn))
+          }, renderRows(fixedType, tableData, tableColumn))
         ]),
         h('div', {
           class: 'vxe-table--checkbox-range'

package/packages/table/src/cell.ts

@@ -107,16 +107,16 @@ export const Cell = {
     }
     switch (type) {
       case 'seq':
-        renConfs.renderHeader = Cell.renderIndexHeader
-        renConfs.renderCell = treeNode ? Cell.renderTreeIndexCell : Cell.renderIndexCell
+        renConfs.renderHeader = Cell.renderSeqHeader
+        renConfs.renderCell = treeNode ? Cell.renderTreeIndexCell : Cell.renderSeqCell
         break
       case 'radio':
         renConfs.renderHeader = Cell.renderRadioHeader
         renConfs.renderCell = treeNode ? Cell.renderTreeRadioCell : Cell.renderRadioCell
         break
       case 'checkbox':
-        renConfs.renderHeader = Cell.renderSelectionHeader
-        renConfs.renderCell = checkboxOpts.checkField ? (treeNode ? Cell.renderTreeSelectionCellByProp : Cell.renderSelectionCellByProp) : (treeNode ? Cell.renderTreeSelectionCell : Cell.renderSelectionCell)
+        renConfs.renderHeader = Cell.renderCheckboxHeader
+        renConfs.renderCell = checkboxOpts.checkField ? (treeNode ? Cell.renderTreeSelectionCellByProp : Cell.renderCheckboxCellByProp) : (treeNode ? Cell.renderTreeSelectionCell : Cell.renderCheckboxCell)
         break
       case 'expand':
         renConfs.renderCell = Cell.renderExpandCell
@@ -268,14 +268,16 @@ export const Cell = {
   /**
    * 索引
    */
-  renderIndexHeader (params: VxeTableDefines.CellRenderHeaderParams) {
+  renderSeqHeader (params: VxeTableDefines.CellRenderHeaderParams) {
     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))
   },
-  renderIndexCell (params: VxeTableDefines.CellRenderBodyParams) {
+  renderSeqCell (params: VxeTableDefines.CellRenderBodyParams) {
     const { $table, column } = params
+    const { props } = $table
+    const { treeConfig } = props
     const { computeSeqOpts } = $table.getComputeMaps()
     const seqOpts = computeSeqOpts.value
     const { slots } = column
@@ -283,12 +285,12 @@ export const Cell = {
     if (defaultSlot) {
       return $table.callSlot(defaultSlot, params)
     }
-    const { $seq, seq, level } = params
+    const { seq } = params
     const seqMethod = seqOpts.seqMethod
-    return [formatText(seqMethod ? seqMethod(params) : level ? `${$seq}.${seq}` : (seqOpts.startIndex || 0) + seq, 1)]
+    return [formatText(seqMethod ? seqMethod(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + (seq as number), 1)]
   },
   renderTreeIndexCell (params: VxeTableDefines.CellRenderBodyParams) {
-    return Cell.renderTreeIcon(params, Cell.renderIndexCell(params) as VNode[])
+    return Cell.renderTreeIcon(params, Cell.renderSeqCell(params) as VNode[])
   },
 
   /**
@@ -371,7 +373,7 @@ export const Cell = {
   /**
    * 多选
    */
-  renderSelectionHeader (params: VxeTableDefines.CellRenderHeaderParams) {
+  renderCheckboxHeader (params: VxeTableDefines.CellRenderHeaderParams) {
     const { $table, column, isHidden } = params
     const { reactData } = $table
     const { computeIsAllCheckboxDisabled, computeCheckboxOpts } = $table.getComputeMaps()
@@ -431,7 +433,7 @@ export const Cell = {
       ] : []))
     ])
   },
-  renderSelectionCell (params: VxeTableDefines.CellRenderBodyParams) {
+  renderCheckboxCell (params: VxeTableDefines.CellRenderBodyParams) {
     const { $table, row, column, isHidden } = params
     const { props, reactData } = $table
     const { treeConfig } = props
@@ -500,9 +502,9 @@ export const Cell = {
     ]
   },
   renderTreeSelectionCell (params: VxeTableDefines.CellRenderBodyParams) {
-    return Cell.renderTreeIcon(params, Cell.renderSelectionCell(params))
+    return Cell.renderTreeIcon(params, Cell.renderCheckboxCell(params))
   },
-  renderSelectionCellByProp (params: VxeTableDefines.CellRenderBodyParams) {
+  renderCheckboxCellByProp (params: VxeTableDefines.CellRenderBodyParams) {
     const { $table, row, column, isHidden } = params
     const { props, reactData } = $table
     const { treeConfig } = props
@@ -571,7 +573,7 @@ export const Cell = {
     ]
   },
   renderTreeSelectionCellByProp (params: VxeTableDefines.CellRenderBodyParams) {
-    return Cell.renderTreeIcon(params, Cell.renderSelectionCellByProp(params))
+    return Cell.renderTreeIcon(params, Cell.renderCheckboxCellByProp(params))
   },
 
   /**

package/packages/table/src/table.ts

@@ -11,7 +11,7 @@ import Cell from './cell'
 import TableBodyComponent from './body'
 import tableProps from './props'
 import tableEmits from './emits'
-import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleFieldOrColumn, restoreScrollLocation, restoreScrollListener, XEBodyScrollElement } from './util'
+import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, restoreScrollListener, XEBodyScrollElement } from './util'
 
 import { VxeGridConstructor, VxeGridPrivateMethods, VxeTableConstructor, TableReactData, TableInternalData, VxeTablePropTypes, VxeToolbarConstructor, VxeTooltipInstance, TablePrivateMethods, VxeTablePrivateRef, VxeTablePrivateComputed, VxeTablePrivateMethods, VxeTableMethods, TableMethods, VxeMenuPanelInstance, VxeTableDefines, VxeTableProps } from '../../../types/all'
 
@@ -271,8 +271,9 @@ export default defineComponent({
       tableFullColumn: [],
       // 渲染所有列
       visibleColumn: [],
-      // 缓存数据集
+      // 总的缓存数据集
       fullAllDataRowIdData: {},
+      // 渲染中缓存数据
       fullDataRowIdData: {},
       fullColumnIdData: {},
       fullColumnFieldData: {},
@@ -1130,17 +1131,49 @@ export default defineComponent({
       }
     }
 
+    /**
+     * 预编译
+     * 对渲染中的数据提前解析序号及索引。牺牲提前编译耗时换取渲染中额外损耗，使运行时更加流畅
+     */
     const updateAfterDataIndex = () => {
-      const { afterFullData, fullDataRowIdData } = internalData
-      afterFullData.forEach((row, _index) => {
-        const rowid = getRowid($xetable, row)
-        const rest = fullDataRowIdData[rowid]
-        if (rest) {
-          rest._index = _index
-        } else {
-          fullDataRowIdData[rowid] = { row, rowid, index: -1, $index: -1, _index, items: [], parent: null, level: 0 }
-        }
-      })
+      const { treeConfig } = props
+      const { afterFullData, fullDataRowIdData, fullAllDataRowIdData } = internalData
+      const { treeFullData } = internalData
+      const treeOpts = computeTreeOpts.value
+      if (treeConfig) {
+        XEUtils.eachTree(treeFullData, (row, index, items, path) => {
+          const rowid = getRowid($xetable, row)
+          const allrest = fullAllDataRowIdData[rowid]
+          const fullrest = fullDataRowIdData[rowid]
+          const seq = path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('')
+          if (allrest) {
+            allrest.seq = seq
+          }
+          if (fullrest) {
+            fullrest.seq = seq
+          } else {
+            fullAllDataRowIdData[rowid] = { row, rowid, seq, index: -1, $index: -1, _index: index, items: [], parent: null, level: 0 }
+            fullDataRowIdData[rowid] = { row, rowid, seq, index: -1, $index: -1, _index: index, items: [], parent: null, level: 0 }
+          }
+        }, treeOpts)
+      } else {
+        afterFullData.forEach((row, index) => {
+          const rowid = getRowid($xetable, row)
+          const allrest = fullAllDataRowIdData[rowid]
+          const fullrest = fullDataRowIdData[rowid]
+          const seq = index + 1
+          if (allrest) {
+            allrest.seq = seq
+          }
+          if (fullrest) {
+            fullrest.seq = seq
+            fullrest._index = index
+          } else {
+            fullAllDataRowIdData[rowid] = { row, rowid, seq, index: -1, $index: -1, _index: index, items: [], parent: null, level: 0 }
+            fullDataRowIdData[rowid] = { row, rowid, seq, index: -1, $index: -1, _index: index, items: [], parent: null, level: 0 }
+          }
+        })
+      }
     }
 
     /**
@@ -2062,11 +2095,11 @@ export default defineComponent({
         tableMethods.clearMergeFooterItems()
       }
       reactData.scrollXLoad = scrollXLoad
-      visibleColumn.forEach((column, _index) => {
+      visibleColumn.forEach((column, index) => {
         const colid = column.id
         const rest = fullColumnIdData[colid]
         if (rest) {
-          rest._index = _index
+          rest._index = index
         }
       })
       internalData.visibleColumn = visibleColumn
@@ -2224,6 +2257,33 @@ export default defineComponent({
       }
     }
 
+    const createGetRowCacheProp = (prop: 'seq' | 'index' | '_index' | '$index') => {
+      return function (row: any) {
+        const { fullDataRowIdData } = internalData
+        if (row) {
+          const rowid = getRowid($xetable, row)
+          const rest = fullDataRowIdData[rowid]
+          if (rest) {
+            return rest[prop]
+          }
+        }
+        return -1
+      }
+    }
+
+    const createGetColumnCacheProp = (prop: 'index' | '_index' | '$index') => {
+      return function (column: VxeTableDefines.ColumnInfo) {
+        const { fullColumnIdData } = internalData
+        if (column) {
+          const rest = fullColumnIdData[column.id]
+          if (rest) {
+            return rest[prop]
+          }
+        }
+        return -1
+      }
+    }
+
     const debounceScrollY = XEUtils.debounce(function (evnt: Event) {
       loadScrollYData(evnt)
     }, 20, { leading: false, trailing: true })
@@ -2349,7 +2409,7 @@ export default defineComponent({
           }
           XEUtils.eachTree(rows, (childRow, index, items, path, parent, nodes) => {
             const rowid = getRowid($xetable, childRow)
-            const rest = { row: childRow, rowid, index: -1, _index: -1, $index: -1, items, parent, level: parentLevel + nodes.length }
+            const rest = { row: childRow, rowid, seq: -1, index: -1, _index: -1, $index: -1, items, parent, level: parentLevel + nodes.length }
             fullDataRowIdData[rowid] = rest
             fullAllDataRowIdData[rowid] = rest
           }, treeOpts)
@@ -2410,93 +2470,41 @@ export default defineComponent({
         }
         return null
       },
+      /**
+       * 根据 row 获取序号
+       * @param {Row} row 行对象
+       */
+      getRowSeq: createGetRowCacheProp('seq'),
       /**
        * 根据 row 获取相对于 data 中的索引
        * @param {Row} row 行对象
        */
-      getRowIndex (row) {
-        const { fullDataRowIdData } = internalData
-        if (row) {
-          const rowid = getRowid($xetable, row)
-          const rest = fullDataRowIdData[rowid]
-          if (rest) {
-            return rest.index
-          }
-        }
-        return -1
-      },
+      getRowIndex: createGetRowCacheProp('index') as ((row: any) => number),
       /**
        * 根据 row 获取相对于当前数据中的索引
        * @param {Row} row 行对象
        */
-      getVTRowIndex (row) {
-        const { fullDataRowIdData } = internalData
-        if (row) {
-          const rowid = getRowid($xetable, row)
-          const rest = fullDataRowIdData[rowid]
-          if (rest) {
-            return rest._index
-          }
-        }
-        return -1
-      },
+      getVTRowIndex: createGetRowCacheProp('_index') as ((row: any) => number),
       /**
        * 根据 row 获取渲染中的虚拟索引
        * @param {Row} row 行对象
        */
-      getVMRowIndex (row) {
-        const { fullDataRowIdData } = internalData
-        if (row) {
-          const rowid = getRowid($xetable, row)
-          const rest = fullDataRowIdData[rowid]
-          if (rest) {
-            return rest.$index
-          }
-        }
-        return -1
-      },
+      getVMRowIndex: createGetRowCacheProp('$index') as ((row: any) => number),
       /**
        * 根据 column 获取相对于 columns 中的索引
        * @param {ColumnInfo} column 列配置
        */
-      getColumnIndex (column) {
-        const { fullColumnIdData } = internalData
-        if (column) {
-          const rest = fullColumnIdData[column.id]
-          if (rest) {
-            return rest.index
-          }
-        }
-        return -1
-      },
+      getColumnIndex: createGetColumnCacheProp('index'),
       /**
        * 根据 column 获取相对于当前表格列中的索引
        * @param {ColumnInfo} column 列配置
        */
-      getVTColumnIndex (column) {
-        const { fullColumnIdData } = internalData
-        if (column) {
-          const rest = fullColumnIdData[column.id]
-          if (rest) {
-            return rest._index
-          }
-        }
-        return -1
-      },
+      getVTColumnIndex: createGetColumnCacheProp('_index'),
       /**
        * 根据 column 获取渲染中的虚拟索引
        * @param {ColumnInfo} column 列配置
        */
-      getVMColumnIndex (column) {
-        const { fullColumnIdData } = internalData
-        if (column) {
-          const rest = fullColumnIdData[column.id]
-          if (rest) {
-            return rest.$index
-          }
-        }
-        return -1
-      },
+      getVMColumnIndex: createGetColumnCacheProp('$index'),
       /**
        * 创建 data 对象
        * 对于某些特殊场景可能会用到，会自动对数据的字段名进行检测，如果不存在就自动定义
@@ -4464,8 +4472,10 @@ export default defineComponent({
         let { fullDataRowIdData, fullAllDataRowIdData, tableFullData, treeFullData } = internalData
         const rowkey = getRowkey($xetable)
         const isLazy = treeConfig && treeOpts.lazy
-        const handleCache = (row: any, index: any, items: any, path?: any, parent?: any, nodes?: any[]) => {
+        const handleCache = (row: any, index: any, items: any, path?: any[], parent?: any, nodes?: any[]) => {
           let rowid = getRowid($xetable, row)
+          const seq = treeConfig && path ? toTreePathSeq(path) : index + 1
+          const level = nodes ? nodes.length - 1 : 0
           if (eqEmptyValue(rowid)) {
             rowid = getRowUniqueId()
             XEUtils.set(row, rowkey, rowid)
@@ -4473,7 +4483,7 @@ export default defineComponent({
           if (isLazy && row[treeOpts.hasChild] && XEUtils.isUndefined(row[treeOpts.children])) {
             row[treeOpts.children] = null
           }
-          const rest = { row, rowid, index: treeConfig && parent ? -1 : index, _index: -1, $index: -1, items, parent, level: nodes ? nodes.length - 1 : 0 }
+          const rest = { row, rowid, seq, index: treeConfig && parent ? -1 : index, _index: -1, $index: -1, items, parent, level }
           if (isSource) {
             fullDataRowIdData[rowid] = rest
           }

package/packages/table/src/util.ts

@@ -98,6 +98,10 @@ export function toFilters (filters: any) {
   return filters
 }
 
+export function toTreePathSeq (path: any[]) {
+  return path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('')
+}
+
 export function getCellValue (row: any, column: any) {
   return XEUtils.get(row, column.property)
 }

package/packages/tools/dom.ts

@@ -142,12 +142,7 @@ export function scrollToView (elem: any) {
 }
 
 export function triggerEvent (targetElem: Element, type: string) {
-  let evnt
-  if (typeof Event === 'function') {
-    evnt = new Event(type)
-  } else {
-    evnt = document.createEvent('Event')
-    evnt.initEvent(type, true, true)
+  if (targetElem) {
+    targetElem.dispatchEvent(new Event(type))
   }
-  targetElem.dispatchEvent(evnt)
 }

package/types/filter.d.ts

@@ -32,6 +32,11 @@ export interface VxeFilterPanel {
 }
 
 export interface TableFilterMethods {
+  /**
+   * 手动弹出筛选
+   * @param fieldOrColumn 
+   */
+  openFilter(fieldOrColumn: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo):Promise<any>;
   /**
    * 用于 filters，修改筛选列表
    * 在筛选条件更新之后可以调用 updateData 函数处理表格数据

package/types/plugins/pro.d.ts

@@ -81,6 +81,11 @@ declare module '../table' {
   interface VxeTablePrivateMethods extends VxeTableProPrivateMethods { }
 }
 
+declare module '../grid' {
+  interface VxeGridMethods extends VxeTableProMethods { }
+  interface VxeGridPrivateMethods extends VxeTableProPrivateMethods { }
+}
+
 export interface VXETableProClipboard {
   text?: string;
   html?: string;