vxe-table 3.8.24 → 3.9.0-rc.1

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

@@ -0,0 +1,797 @@
+import XEUtils from 'xe-utils'
+import { VxeUI } from '../../../ui'
+import { isEnableConf } from '../../../ui/src/utils'
+import { getCellValue, setCellValue, getRowid } from '../../src/util'
+import { browse, removeClass, addClass } from '../../../ui/src/dom'
+import { warnLog, errLog } from '../../../ui/src/log'
+
+const { getConfig, renderer, getI18n } = VxeUI
+
+function insertTreeRow (_vm: any, newRecords: any[], isAppend: any) {
+  const { tableFullTreeData, afterFullData, fullDataRowIdData, fullAllDataRowIdData, treeOpts } = _vm
+  const { rowField, parentField, mapChildrenField } = treeOpts
+  const childrenField: any = treeOpts.children || treeOpts.childrenField
+  const funcName = isAppend ? 'push' : 'unshift'
+  newRecords.forEach((item: any) => {
+    const parentRowId: any = item[parentField]
+    const rowid = getRowid(_vm, item)
+    const matchObj = parentRowId ? XEUtils.findTree(tableFullTreeData, (item: any) => parentRowId === item[rowField], { children: mapChildrenField }) : null
+    if (matchObj) {
+      const { item: parentRow } = matchObj as any
+      const parentRest = fullAllDataRowIdData[getRowid(_vm, parentRow)]
+      const parentLevel = parentRest ? parentRest.level : 0
+      let parentChilds = parentRow[childrenField]
+      let mapChilds = parentRow[mapChildrenField]
+      if (!XEUtils.isArray(parentChilds)) {
+        parentChilds = parentRow[childrenField] = []
+      }
+      if (!XEUtils.isArray(mapChilds)) {
+        mapChilds = parentRow[childrenField] = []
+      }
+      parentChilds[funcName](item)
+      mapChilds[funcName](item)
+      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
+    } else {
+      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        if (parentRowId) {
+          warnLog('vxe.error.unableInsert')
+        }
+      }
+      afterFullData[funcName](item)
+      tableFullTreeData[funcName](item)
+      const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, items: tableFullTreeData, parent: null, level: 0 }
+      fullDataRowIdData[rowid] = rest
+      fullAllDataRowIdData[rowid] = rest
+    }
+  })
+}
+
+function handleInsertRowAt (_vm: any, records: any[], row: any, isInsertNextRow?: any) {
+  const { tableFullTreeData, mergeList, afterFullData, editStore, tableFullData, treeConfig, fullDataRowIdData, fullAllDataRowIdData, treeOpts } = _vm
+  const { transform, rowField, mapChildrenField } = treeOpts
+  const childrenField = treeOpts.children || treeOpts.childrenField
+  if (!XEUtils.isArray(records)) {
+    records = [records]
+  }
+  const newRecords = _vm.defineField(records.map(record => Object.assign(treeConfig && transform ? { [mapChildrenField]: [], [childrenField]: [] } : {}, record)))
+  if (XEUtils.eqNull(row)) {
+  // 如果为虚拟树
+    if (treeConfig && transform) {
+      insertTreeRow(_vm, newRecords, false)
+    } else {
+      afterFullData.unshift(...newRecords)
+      tableFullData.unshift(...newRecords)
+      // 刷新单元格合并
+      mergeList.forEach((mergeItem: any) => {
+        const { row: mergeRowIndex } = mergeItem
+        if (mergeRowIndex > 0) {
+          mergeItem.row = mergeRowIndex + newRecords.length
+        }
+      })
+    }
+  } else {
+    if (row === -1) {
+      // 如果为虚拟树
+      if (treeConfig && transform) {
+        insertTreeRow(_vm, newRecords, true)
+      } else {
+        afterFullData.push(...newRecords)
+        tableFullData.push(...newRecords)
+        // 刷新单元格合并
+        mergeList.forEach((mergeItem: any) => {
+          const { row: mergeRowIndex, rowspan: mergeRowspan } = mergeItem
+          if (mergeRowIndex + mergeRowspan > afterFullData.length) {
+            mergeItem.rowspan = mergeRowspan + newRecords.length
+          }
+        })
+      }
+    } else {
+      // 如果为虚拟树
+      if (treeConfig && transform) {
+        const matchMapObj = XEUtils.findTree(tableFullTreeData, (item: any) => row[rowField] === item[rowField], { children: mapChildrenField })
+        if (matchMapObj) {
+          const { parent: parentRow } = matchMapObj as any
+          const parentMapChilds = parentRow ? parentRow[mapChildrenField] : tableFullTreeData
+          const parentRest = fullAllDataRowIdData[getRowid(_vm, parentRow)]
+          const parentLevel = parentRest ? parentRest.level : 0
+          newRecords.forEach((item: any, i: any) => {
+            const rowid = getRowid(_vm, item)
+            if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+              if (item[treeOpts.parentField]) {
+                if (parentRow && item[treeOpts.parentField] !== parentRow[rowField]) {
+                  errLog('vxe.error.errProp', [`${treeOpts.parentField}=${item[treeOpts.parentField]}`, `${treeOpts.parentField}=${parentRow[rowField]}`])
+                }
+              }
+            }
+            if (parentRow) {
+              item[treeOpts.parentField] = parentRow[rowField]
+            }
+            let targetIndex = matchMapObj.index + i
+            if (isInsertNextRow) {
+              targetIndex = targetIndex + 1
+            }
+            parentMapChilds.splice(targetIndex, 0, item)
+            const rest = { row: item, rowid, seq: -1, index: -1, _index: -1, $index: -1, items: parentMapChilds, parent: parentRow, level: parentLevel + 1 }
+            fullDataRowIdData[rowid] = rest
+            fullAllDataRowIdData[rowid] = rest
+          })
+
+          // 源
+          if (parentRow) {
+            const matchObj = XEUtils.findTree(tableFullTreeData, (item: any) => row[rowField] === item[rowField], { children: childrenField })
+            if (matchObj) {
+              const parentChilds = matchObj.items
+              let targetIndex = matchObj.index
+              if (isInsertNextRow) {
+                targetIndex = targetIndex + 1
+              }
+              parentChilds.splice(targetIndex, 0, ...newRecords)
+            }
+          }
+        } else {
+          if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+            warnLog('vxe.error.unableInsert')
+          }
+          insertTreeRow(_vm, newRecords, true)
+        }
+      } else {
+        if (treeConfig) {
+          throw new Error(getI18n('vxe.error.noTree', ['insert']))
+        }
+        let afIndex = -1
+        // 如果是可视索引
+        if (XEUtils.isNumber(row)) {
+          if (row < afterFullData.length) {
+            afIndex = row
+          }
+        } else {
+          afIndex = _vm.findRowIndexOf(afterFullData, row)
+        }
+        // 如果是插入指定行的下一行
+        if (isInsertNextRow) {
+          afIndex = Math.min(afterFullData.length, afIndex + 1)
+        }
+        if (afIndex === -1) {
+          throw new Error(errLog('vxe.error.unableInsert'))
+        }
+        afterFullData.splice(afIndex, 0, ...newRecords)
+        tableFullData.splice(_vm.findRowIndexOf(tableFullData, row), 0, ...newRecords)
+        // 刷新单元格合并
+        mergeList.forEach((mergeItem: any) => {
+          const { row: mergeRowIndex, rowspan: mergeRowspan } = mergeItem
+          if (mergeRowIndex > afIndex) {
+            mergeItem.row = mergeRowIndex + newRecords.length
+          } else if (mergeRowIndex + mergeRowspan > afIndex) {
+            mergeItem.rowspan = mergeRowspan + newRecords.length
+          }
+        })
+      }
+    }
+  }
+  const { insertList, insertMaps } = editStore
+  newRecords.forEach((newRow: any) => {
+    const rowid = getRowid(_vm, newRow)
+    insertMaps[rowid] = newRow
+  })
+  insertList.unshift(...newRecords)
+  _vm.cacheRowMap()
+  _vm.updateScrollYStatus()
+  _vm.handleTableData(treeConfig && transform)
+  if (!(treeConfig && transform)) {
+    _vm.updateAfterDataIndex()
+  }
+  _vm.updateFooter()
+  _vm.checkSelectionStatus()
+  if (_vm.scrollYLoad) {
+    _vm.updateScrollYSpace()
+  }
+  return _vm.$nextTick().then(() => {
+    _vm.updateCellAreas()
+    return _vm.recalculate()
+  }).then(() => {
+    return {
+      row: newRecords.length ? newRecords[newRecords.length - 1] : null,
+      rows: newRecords
+    }
+  })
+}
+
+export default {
+  methods: {
+    /**
+     * 往表格中插入临时数据
+     *
+     * @param {*} records
+     */
+    _insert (records: any) {
+      return handleInsertRowAt(this, records, null)
+    },
+    /**
+     * 往表格指定行中插入临时数据
+     * 如果 row 为空则从插入到顶部
+     * 如果 row 为 -1 则从插入到底部
+     * 如果 row 为有效行则插入到该行的位置
+     * @param {Object/Array} records 新的数据
+     * @param {Row} row 指定行
+     * @returns
+     */
+    _insertAt (records: any, row: any) {
+      return handleInsertRowAt(this, records, row)
+    },
+    _insertNextAt (records: any, row: any) {
+      return handleInsertRowAt(this, records, row, true)
+    },
+    /**
+     * 删除指定行数据
+     * 如果传 row 则删除一行
+     * 如果传 rows 则删除多行
+     * 如果为空则删除所有
+     */
+    _remove (rows: any[]) {
+      const { afterFullData, tableFullData, tableFullTreeData, treeConfig, mergeList, editStore, checkboxOpts, selectCheckboxMaps, isInsertByRow, treeOpts } = this
+      const { transform, mapChildrenField } = treeOpts
+      const childrenField = treeOpts.children || treeOpts.childrenField
+      const { actived, removeList, insertList, insertMaps } = editStore
+      const { checkField } = checkboxOpts
+      let delList: any[] = []
+      if (!rows) {
+        rows = tableFullData
+      } else if (!XEUtils.isArray(rows)) {
+        rows = [rows]
+      }
+      // 如果是新增，则保存记录
+      rows.forEach(row => {
+        if (!isInsertByRow(row)) {
+          removeList.push(row)
+        }
+      })
+      // 如果绑定了多选属性，则更新状态
+      if (!checkField) {
+        const selectRowMaps = { ...selectCheckboxMaps }
+        rows.forEach((row) => {
+          const rowid = getRowid(this, row)
+          if (selectRowMaps[rowid]) {
+            delete selectRowMaps[rowid]
+          }
+        })
+        this.selectCheckboxMaps = selectRowMaps
+      }
+      // 从数据源中移除
+      if (tableFullData === rows) {
+        rows = delList = tableFullData.slice(0)
+        this.tableFullData = []
+        this.afterFullData = []
+        this.clearMergeCells()
+      } else {
+        // 如果为虚拟树
+        if (treeConfig && transform) {
+          rows.forEach((row) => {
+            const rowid = getRowid(this, row)
+            const matchMapObj = XEUtils.findTree(tableFullTreeData, item => rowid === getRowid(this, item), { children: mapChildrenField })
+            if (matchMapObj) {
+              const rItems = matchMapObj.items.splice(matchMapObj.index, 1)
+              delList.push(rItems[0])
+            }
+            const matchObj = XEUtils.findTree(tableFullTreeData, item => rowid === getRowid(this, item), { children: childrenField })
+            if (matchObj) {
+              matchObj.items.splice(matchObj.index, 1)
+            }
+            const afIndex = this.findRowIndexOf(afterFullData, row)
+            if (afIndex > -1) {
+              afterFullData.splice(afIndex, 1)
+            }
+          })
+        } else {
+          rows.forEach((row: any) => {
+            const tfIndex = this.findRowIndexOf(tableFullData, row)
+            if (tfIndex > -1) {
+              const rItems = tableFullData.splice(tfIndex, 1)
+              delList.push(rItems[0])
+            }
+            const afIndex = this.findRowIndexOf(afterFullData, row)
+            if (afIndex > -1) {
+              // 刷新单元格合并
+              mergeList.forEach((mergeItem: any) => {
+                const { row: mergeRowIndex, rowspan: mergeRowspan } = mergeItem
+                if (mergeRowIndex > afIndex) {
+                  mergeItem.row = mergeRowIndex - 1
+                } else if (mergeRowIndex + mergeRowspan > afIndex) {
+                  mergeItem.rowspan = mergeRowspan - 1
+                }
+              })
+              afterFullData.splice(afIndex, 1)
+            }
+          })
+        }
+      }
+      // 如果当前行被激活编辑，则清除激活状态
+      if (actived.row && this.findRowIndexOf(rows, actived.row) > -1) {
+        this.clearEdit()
+      }
+      // 从新增中移除已删除的数据
+      rows.forEach((row: any) => {
+        const rowid = getRowid(this, row)
+        const iIndex = this.findRowIndexOf(insertList, row)
+        if (iIndex > -1) {
+          insertList.splice(iIndex, 1)
+        }
+        delete insertMaps[rowid]
+      })
+      this.handleTableData(treeConfig && transform)
+      if (!(treeConfig && transform)) {
+        this.updateAfterDataIndex()
+      }
+      this.updateFooter()
+      this.cacheRowMap()
+      this.checkSelectionStatus()
+      if (this.scrollYLoad) {
+        this.updateScrollYSpace()
+      }
+      return this.$nextTick().then(() => {
+        this.updateCellAreas()
+        return this.recalculate()
+      }).then(() => {
+        return { row: delList.length ? delList[delList.length - 1] : null, rows: delList }
+      })
+    },
+    /**
+     * 删除复选框选中的数据
+     */
+    _removeCheckboxRow () {
+      return this.remove(this.getCheckboxRecords()).then((params: any) => {
+        this.clearCheckboxRow()
+        return params
+      })
+    },
+    /**
+     * 删除单选框选中的数据
+     */
+    _removeRadioRow () {
+      const radioRecord = this.getRadioRecord()
+      return this.remove(radioRecord || []).then((params: any) => {
+        this.clearRadioRow()
+        return params
+      })
+    },
+    /**
+     * 删除当前行选中的数据
+     */
+    _removeCurrentRow () {
+      const currentRecord = this.getCurrentRecord()
+      return this.remove(currentRecord || []).then((params: any) => {
+        this.clearCurrentRow()
+        return params
+      })
+    },
+    /**
+     * 获取表格数据集，包含新增、删除、修改
+     */
+    _getRecordset () {
+      const removeRecords = this.getRemoveRecords()
+      const pendingRecords = this.getPendingRecords()
+      const delRecords = removeRecords.concat(pendingRecords)
+      // 如果已经被删除，则无需放到更新数组
+      const updateRecords = this.getUpdateRecords().filter((row: any) => {
+        return !delRecords.some((item: any) => this.eqRow(item, row))
+      })
+      return {
+        insertRecords: this.getInsertRecords(),
+        removeRecords,
+        updateRecords,
+        pendingRecords
+      }
+    },
+    /**
+     * 获取新增的临时数据
+     */
+    _getInsertRecords () {
+      const { fullAllDataRowIdData } = this
+      const insertList = this.editStore.insertList as any[]
+      const insertRecords: any[] = []
+      insertList.forEach(row => {
+        const rowid = getRowid(this, row)
+        if (fullAllDataRowIdData[rowid]) {
+          insertRecords.push(row)
+        }
+      })
+      return insertRecords
+    },
+    /**
+     * 获取已删除的数据
+     */
+    _getRemoveRecords () {
+      return this.editStore.removeList
+    },
+    /**
+     * 获取更新数据
+     * 只精准匹配 row 的更改
+     * 如果是树表格，子节点更改状态不会影响父节点的更新状态
+     */
+    _getUpdateRecords () {
+      const { keepSource, tableFullData, isUpdateByRow, treeConfig, treeOpts, editStore } = this
+      if (keepSource) {
+        const { actived } = editStore
+        const { row, column } = actived
+        if (row || column) {
+          this._syncActivedCell()
+        }
+        if (treeConfig) {
+          return XEUtils.filterTree(tableFullData, row => isUpdateByRow(row), treeOpts)
+        }
+        return tableFullData.filter((row: any) => isUpdateByRow(row))
+      }
+      return []
+    },
+    /**
+     * 处理激活编辑
+     */
+    handleEdit (params: any, evnt: any) {
+      const { editStore, editOpts, tableColumn, editConfig, mouseConfig } = this
+      const { mode } = editOpts
+      const { actived, focused } = editStore
+      const { row, column } = params
+      const { editRender } = column
+      const cell = params.cell = (params.cell || this.getCellElement(row, column))
+      const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod
+      if (cell && isEnableConf(editConfig) && isEnableConf(editRender)) {
+        // 激活编辑
+        if (!this.hasPendingByRow(row)) {
+          if (actived.row !== row || (mode === 'cell' ? actived.column !== column : false)) {
+            // 判断是否禁用编辑
+            let type = 'edit-disabled'
+            if (!beforeEditMethod || beforeEditMethod({ ...params, $table: this, $grid: this.$xegrid })) {
+              if (mouseConfig) {
+                this.clearSelected(evnt)
+                this.clearCellAreas(evnt)
+                this.clearCopyCellArea(evnt)
+              }
+              this.closeTooltip()
+              if (actived.column) {
+                this.clearEdit(evnt)
+              }
+              type = 'edit-activated'
+              column.renderHeight = cell.offsetHeight
+              actived.args = params
+              actived.row = row
+              actived.column = column
+              if (mode === 'row') {
+                tableColumn.forEach((column: any) => this._getColumnModel(row, column))
+              } else {
+                this._getColumnModel(row, column)
+              }
+              const afterEditMethod = editOpts.afterEditMethod
+              this.$nextTick(() => {
+                this.handleFocus(params, evnt)
+                if (afterEditMethod) {
+                  afterEditMethod({ ...params, $table: this, $grid: this.$xegrid })
+                }
+              })
+            }
+            this.emitEvent(type, {
+              row,
+              rowIndex: this.getRowIndex(row),
+              $rowIndex: this.getVMRowIndex(row),
+              column,
+              columnIndex: this.getColumnIndex(column),
+              $columnIndex: this.getVMColumnIndex(column)
+            }, evnt)
+
+            // v4已废弃
+            if (type === 'edit-activated') {
+              this.emitEvent('edit-actived', {
+                row,
+                rowIndex: this.getRowIndex(row),
+                $rowIndex: this.getVMRowIndex(row),
+                column,
+                columnIndex: this.getColumnIndex(column),
+                $columnIndex: this.getVMColumnIndex(column)
+              }, evnt)
+            }
+          } else {
+            const { column: oldColumn } = actived
+            if (mouseConfig) {
+              this.clearSelected(evnt)
+              this.clearCellAreas(evnt)
+              this.clearCopyCellArea(evnt)
+            }
+            if (oldColumn !== column) {
+              const { model: oldModel } = oldColumn
+              if (oldModel.update) {
+                setCellValue(row, oldColumn, oldModel.value)
+              }
+              this.clearValidate()
+            }
+            column.renderHeight = cell.offsetHeight
+            actived.args = params
+            actived.column = column
+            setTimeout(() => {
+              this.handleFocus(params, evnt)
+            })
+          }
+          focused.column = null
+          focused.row = null
+          this.focus()
+        }
+      }
+      return this.$nextTick()
+    },
+    /**
+     * @deprecated
+     */
+    handleActived (params: any, evnt: any) {
+      return this.handleEdit(params, evnt)
+    },
+    _getColumnModel (row: any, column: any) {
+      const { model, editRender } = column
+      if (editRender) {
+        model.value = getCellValue(row, column)
+        model.update = false
+      }
+    },
+    _setColumnModel (row: any, column: any) {
+      const { model, editRender } = column
+      if (editRender && model.update) {
+        setCellValue(row, column, model.value)
+        model.update = false
+        model.value = null
+      }
+    },
+    _syncActivedCell () {
+      const { tableColumn, editStore, editOpts } = this
+      const { actived } = editStore
+      const { row, column } = actived
+      if (row || column) {
+        if (editOpts.mode === 'row') {
+          tableColumn.forEach((column: any) => this._setColumnModel(row, column))
+        } else {
+          this._setColumnModel(row, column)
+        }
+      }
+    },
+    _clearActived (evnt: any) {
+      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        warnLog('vxe.error.delFunc', ['clearActived', 'clearEdit'])
+      }
+      // 即将废弃
+      return this.clearEdit(evnt)
+    },
+    /**
+     * 清除激活的编辑
+     */
+    _clearEdit (evnt: any) {
+      const { editStore } = this
+      const { actived, focused } = editStore
+      const { row, column } = actived
+      if (row || column) {
+        this._syncActivedCell()
+        actived.args = null
+        actived.row = null
+        actived.column = null
+        this.updateFooter()
+        this.emitEvent('edit-closed', {
+          row,
+          rowIndex: this.getRowIndex(row),
+          $rowIndex: this.getVMRowIndex(row),
+          column,
+          columnIndex: this.getColumnIndex(column),
+          $columnIndex: this.getVMColumnIndex(column)
+        }, evnt)
+      }
+      focused.row = null
+      focused.column = null
+      if (getConfig().cellVaildMode === 'obsolete') {
+        if (this.clearValidate) {
+          return this.clearValidate()
+        }
+      }
+      return this.$nextTick()
+    },
+    _getActiveRecord () {
+      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        warnLog('vxe.error.delFunc', ['getActiveRecord', 'getEditRecord'])
+      }
+      // 即将废弃
+      return this.getEditRecord()
+    },
+    _getEditRecord () {
+      const { $el, editStore, afterFullData } = this
+      const { actived } = editStore
+      const { args, row } = actived
+      if (args && this.findRowIndexOf(afterFullData, row) > -1 && $el.querySelectorAll('.vxe-body--column.col--active').length) {
+        return Object.assign({}, args)
+      }
+      return null
+    },
+    _isActiveByRow (row: any) {
+      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        warnLog('vxe.error.delFunc', ['isActiveByRow', 'isEditByRow'])
+      }
+      // 即将废弃
+      return this.isEditByRow(row)
+    },
+    /**
+     * 判断行是否为激活编辑状态
+     * @param {Row} row 行对象
+     */
+    _isEditByRow (row: any) {
+      return this.editStore.actived.row === row
+    },
+    /**
+     * 处理聚焦
+     */
+    handleFocus (params: any) {
+      const { row, column, cell } = params
+      const { editRender } = column
+      if (isEnableConf(editRender)) {
+        const compRender = renderer.get(editRender.name)
+        let autoFocus = editRender.autofocus || editRender.autoFocus
+        let autoSelect = editRender.autoSelect || editRender.autoselect
+        let inputElem
+        if (!autoFocus && compRender) {
+          autoFocus = compRender.tableAutoFocus || compRender.tableAutofocus || (compRender as any).autoFocus || compRender.autofocus
+        }
+        if (!autoSelect && compRender) {
+          autoSelect = compRender.tableAutoSelect || (compRender as any).autoSelect || compRender.autoselect
+        }
+        // 如果指定了聚焦 class
+        if (XEUtils.isFunction(autoFocus)) {
+          inputElem = autoFocus.call(this, params)
+        } else if (autoFocus) {
+          inputElem = cell.querySelector(autoFocus)
+          if (inputElem) {
+            inputElem.focus()
+          }
+        }
+        if (inputElem) {
+          if (autoSelect) {
+            inputElem.select()
+          } else {
+            // 保持一致行为，光标移到末端
+            if (browse.msie) {
+              const textRange = inputElem.createTextRange()
+              textRange.collapse(false)
+              textRange.select()
+            }
+          }
+        } else {
+          // 显示到可视区中
+          this.scrollToRow(row, column)
+        }
+      }
+    },
+    _setActiveRow (row: any) {
+      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        warnLog('vxe.error.delFunc', ['setActiveRow', 'setEditRow'])
+      }
+      // 即将废弃
+      return this.setEditRow(row)
+    },
+    /**
+     * 激活行编辑
+     */
+    _setEditRow (row: any, fieldOrColumn: any) {
+      let column = XEUtils.find(this.visibleColumn, column => isEnableConf(column.editRender))
+      if (fieldOrColumn) {
+        column = XEUtils.isString(fieldOrColumn) ? this.getColumnByField(fieldOrColumn) : fieldOrColumn
+      }
+      return this.setEditCell(row, column)
+    },
+    _setActiveCell (row: any, fieldOrColumn: any) {
+      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        warnLog('vxe.error.delFunc', ['setActiveCell', 'setEditCell'])
+      }
+      // 即将废弃
+      return this.setEditCell(row, fieldOrColumn)
+    },
+    /**
+     * 激活单元格编辑
+     */
+    _setEditCell (row: any, fieldOrColumn: any) {
+      const { editConfig } = this
+      const column = XEUtils.isString(fieldOrColumn) ? this.getColumnByField(fieldOrColumn) : fieldOrColumn
+      if (row && column && isEnableConf(editConfig) && isEnableConf(column.editRender)) {
+        return this.scrollToRow(row, true).then(() => {
+          const cell = this.getCellElement(row, column)
+          if (cell) {
+            this.handleEdit({ row, rowIndex: this.getRowIndex(row), column, columnIndex: this.getColumnIndex(column), cell, $table: this })
+            this.lastCallTime = Date.now()
+          }
+        })
+      }
+      return this.$nextTick()
+    },
+    /**
+     * 只对 trigger=dblclick 有效，选中单元格
+     */
+    _setSelectCell (row: any, fieldOrColumn: any) {
+      const { tableData, editOpts, visibleColumn } = this
+      const column = XEUtils.isString(fieldOrColumn) ? this.getColumnByField(fieldOrColumn) : fieldOrColumn
+      if (row && column && editOpts.trigger !== 'manual') {
+        const rowIndex = this.findRowIndexOf(tableData, row)
+        if (rowIndex > -1) {
+          const cell = this.getCellElement(row, column)
+          const params = { row, rowIndex, column, columnIndex: visibleColumn.indexOf(column), cell }
+          this.handleSelected(params, {})
+        }
+      }
+      return this.$nextTick()
+    },
+    /**
+     * 处理选中源
+     */
+    handleSelected (params: any, evnt: any) {
+      const { mouseConfig, mouseOpts, editOpts, editStore } = this
+      const { actived, selected } = editStore
+      const { row, column } = params
+      const isMouseSelected = mouseConfig && mouseOpts.selected
+      const selectMethod = () => {
+        if (isMouseSelected && (selected.row !== row || selected.column !== column)) {
+          if (actived.row !== row || (editOpts.mode === 'cell' ? actived.column !== column : false)) {
+            this.clearEdit(evnt)
+            this.clearSelected(evnt)
+            this.clearCellAreas(evnt)
+            this.clearCopyCellArea(evnt)
+            selected.args = params
+            selected.row = row
+            selected.column = column
+            if (isMouseSelected) {
+              this.addColSdCls()
+            }
+            this.focus()
+            if (evnt) {
+              this.emitEvent('cell-selected', params, evnt)
+            }
+          }
+        }
+        return this.$nextTick()
+      }
+      return selectMethod()
+    },
+    /**
+     * 获取选中的单元格
+     */
+    _getSelectedCell () {
+      const { args, column } = this.editStore.selected
+      if (args && column) {
+        return Object.assign({}, args)
+      }
+      return null
+    },
+    /**
+     * 清除所选中源状态
+     */
+    _clearSelected () {
+      const { selected } = this.editStore
+      selected.row = null
+      selected.column = null
+      this.reColTitleSdCls()
+      this.reColSdCls()
+      return this.$nextTick()
+    },
+    reColTitleSdCls () {
+      const headerElem = this.elemStore['main-header-list']
+      if (headerElem) {
+        XEUtils.arrayEach(headerElem.querySelectorAll('.col--title-selected'), elem => removeClass(elem, 'col--title-selected'))
+      }
+    },
+    reColSdCls () {
+      const cell = this.$el.querySelector('.col--selected')
+      if (cell) {
+        removeClass(cell, 'col--selected')
+      }
+    },
+    addColSdCls () {
+      const { selected } = this.editStore
+      const { row, column } = selected
+      this.reColSdCls()
+      if (row && column) {
+        const cell = this.getCellElement(row, column)
+        if (cell) {
+          addClass(cell, 'col--selected')
+        }
+      }
+    }
+  } as any
+} as any