vxe-table 3.15.57 → 3.15.59

package/packages/locale/lang/zh-CN.ts

@@ -19,6 +19,7 @@ export default {
       errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
       modelConflicts: '绑定的字段值 "{0}" 与 "{1}" 存在冲突，将会出现错误',
       notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
+      reqSupportProp: '当使用 "{0}" 时，应该设置 "{1}"，否则可能会出现错误',
       notConflictProp: '当使用 "{0}" 时，应该设置 "{1}"，否则可能会存在功能冲突',
       unableInsert: '无法插入到指定位置，请检查参数是否正确',
       useErr: '安装 "{0}" 模块时发生错误，可能顺序不正确，依赖的模块需要在 Table 之前安装',
@@ -43,6 +44,7 @@ export default {
       coverProp: '"{0}" 的参数 "{1}" 重复定义，这可能会出现错误',
       uniField: '字段名 "{0}" 重复定义，这可能会出现错误',
       repeatKey: '主键重复 {0}="{1}"，这可能会出现错误',
+      repeatProp: '参数重复 {0}="{1}"，这可能会出现错误',
       delFunc: '方法 "{0}" 已废弃，请使用 "{1}"',
       delProp: '参数 "{0}" 已废弃，请使用 "{1}"',
       delEvent: '事件 "{0}" 已废弃，请使用 "{1}"',
@@ -56,7 +58,8 @@ export default {
       treeDragChild: '父级不能拖拽到自己的子级中',
       reqPlugin: '扩展插件未安装 "{1}" https://vxeui.com/other{0}/#/{1}/install',
       errMaxRow: '超过支持的最大数据量 {0} 行，这可能会导致出现错误',
-      useNew: '不建议使用 {0}，请使用 {1}'
+      useNew: '不建议使用 {0}，请使用 {1}',
+      errorVersion: '版本不匹配，当前版本 {0}，最低支持版本为 {1}'
     },
     table: {
       emptyText: '暂无数据',
@@ -534,6 +537,37 @@ export default {
         ss: '秒'
       }
     },
+    gantt: {
+      tFullFormat: {
+        year: '{yy}年',
+        quarter: '{yy}年第{q}季度',
+        month: '{yy}年{M}月',
+        week: '{yy}年第{W}周',
+        day: '{yy}年{M}月{E}日',
+        date: '{yy}年{M}月{d}日',
+        hour: '{yy}年 {M}月{d}日{H}时',
+        minute: '{yy}年{M}月{d}日{H}时{m}分'
+      },
+      tSimpleFormat: {
+        year: '{yy}年',
+        quarter: '{q}季度',
+        month: '{M}月',
+        week: '{W}周',
+        day: '{d}',
+        date: '{d}',
+        hour: '{H}时',
+        minute: '{m}分'
+      },
+      dayss: {
+        w0: '日',
+        w1: '一',
+        w2: '二',
+        w3: '三',
+        w4: '四',
+        w5: '五',
+        w6: '六'
+      }
+    },
     plugins: {
       extendCellArea: {
         area: {

package/packages/table/src/body.ts

@@ -912,7 +912,10 @@ export default {
         }),
         mouseConfig && mouseOpts.area
           ? h('div', {
-            class: 'vxe-table--cell-area'
+            class: 'vxe-table--cell-area',
+            attrs: {
+              xid: xID
+            }
           }, [
             h('span', {
               class: 'vxe-table--cell-main-area'

package/packages/table/src/header.ts

@@ -400,7 +400,10 @@ export default {
           }, renderHeads(h, this, isGroup, isOptimizeMode, renderHeaderList)),
           mouseConfig && mouseOpts.area
             ? h('div', {
-              class: 'vxe-table--cell-area'
+              class: 'vxe-table--cell-area',
+              attrs: {
+                xid: xID
+              }
             }, [
               h('span', {
                 class: 'vxe-table--cell-main-area'

package/packages/table/src/table.ts

@@ -2,7 +2,7 @@ import { CreateElement } from 'vue'
 import XEUtils from 'xe-utils'
 import { getFuncText, isEnableConf } from '../../ui/src/utils'
 import { initTpImg } from '../../ui/src/dom'
-import { createHandleGetRowId, getCellHeight, hasDeepKey } from './util'
+import { createInternalData, createHandleGetRowId, getCellHeight, hasDeepKey } from './util'
 import { VxeUI } from '../../ui'
 import methods from './methods'
 import TableBodyComponent from './body'
@@ -1105,9 +1105,12 @@ export default {
       return footerOpts && footerOpts.options ? footerOpts.options : []
     },
     isCtxMenu () {
-      return this.computeIsMenu
+      return this.computeIsContentMenu
     },
     computeIsMenu () {
+      return this.computeIsContentMenu
+    },
+    computeIsContentMenu () {
       const $xeTable = this as VxeTableConstructor & VxeTablePrivateMethods
       const props = $xeTable
 
@@ -1356,7 +1359,7 @@ export default {
       if (value && value.length >= 50000) {
         warnLog('vxe.error.errLargeData', ['loadData(data), reloadData(data)'])
       }
-      this.loadTableData(value || [], false).then(() => {
+      this.loadTableData(value || [], true).then(() => {
         const { scrollXLoad, scrollYLoad, expandColumn } = reactData
         const expandOpts = $xeTable.computeExpandOpts
         this.inited = true
@@ -1493,119 +1496,7 @@ export default {
     const props = $xeTable
     const internalData = $xeTable as unknown as TableInternalData
 
-    Object.assign($xeTable, {
-      tZindex: 0,
-      currKeyField: '',
-      isCurrDeepKey: false,
-      elemStore: {},
-      // 存放横向 X 虚拟滚动相关的信息
-      scrollXStore: {
-        preloadSize: 0,
-        offsetSize: 0,
-        visibleSize: 0,
-        visibleStartIndex: 0,
-        visibleEndIndex: 0,
-        startIndex: 0,
-        endIndex: 0
-      },
-      // 存放纵向 Y 虚拟滚动相关信息
-      scrollYStore: {
-        preloadSize: 0,
-        offsetSize: 0,
-        visibleSize: 0,
-        visibleStartIndex: 0,
-        visibleEndIndex: 0,
-        startIndex: 0,
-        endIndex: 0
-      },
-      // 表格宽度
-      tableWidth: 0,
-      // 表格高度
-      tableHeight: 0,
-      // 表头高度
-      headerHeight: 0,
-      // 表尾高度
-      footerHeight: 0,
-      // 当前 hover 行
-      // hoverRow: null,
-      // 最后滚动位置
-      lastScrollLeft: 0,
-      lastScrollTop: 0,
-      // 单选框属性，已选中保留的行
-      radioReserveRow: null,
-      // 复选框属性，已选中保留的行集合
-      checkboxReserveRowMap: {},
-      // 行数据，已展开保留的行集合
-      rowExpandedReserveRowMap: {},
-      // 树结构数据，已展开保留的行集合
-      treeExpandedReserveRowMap: {},
-      // 树结构数据，不确定状态的集合
-      treeIndeterminateRowMaps: {},
-      // 列表完整数据、条件处理后
-      tableFullData: [],
-      afterFullData: [],
-      afterTreeFullData: [],
-      afterGroupFullData: [],
-      // 列表条件处理后数据集合
-      afterFullRowMaps: {},
-      // 树结构完整数据、条件处理后
-      tableFullTreeData: [],
-      // 行分组全量数据、条件处理后
-      tableFullGroupData: [],
-      tableSynchData: [],
-      tableSourceData: [],
-      // 收集的列配置（带分组）
-      collectColumn: [],
-      // 完整所有列（不带分组）
-      tableFullColumn: [],
-      // 渲染所有列
-      visibleColumn: [],
-      // 全量数据集（包括当前和已删除）
-      fullAllDataRowIdData: {},
-      // 数据集（仅当前）
-      fullDataRowIdData: {},
-      // 数据集（仅可视）
-      visibleDataRowIdData: {},
-      // 渲染中缓存数据
-      sourceDataRowIdData: {},
-      fullColumnIdData: {},
-      fullColumnFieldData: {},
-
-      // 合并单元格的数据
-      mergeBodyList: [],
-      mergeBodyMaps: {},
-      // 合并表尾的数据
-      mergeFooterList: [],
-      mergeFooterMaps: {},
-      // 已合并单元格数据集合
-      mergeBodyCellMaps: {},
-      // 已合并表尾数据集合
-      mergeFooterCellMaps: {},
-      // 已展开的行集合
-      rowExpandedMaps: {},
-      // 懒加载中的展开行的集合
-      rowExpandLazyLoadedMaps: {},
-      // 已展开的分组行
-      rowGroupExpandedMaps: {},
-      // 已展开树节点集合
-      treeExpandedMaps: {},
-      // 懒加载中的树节点的集合
-      treeExpandLazyLoadedMaps: {},
-      // 复选框属性，已选中的行集合
-      selectCheckboxMaps: {},
-      // 已标记的对象集
-      pendingRowMaps: {},
-      // 已新增的临时行
-      insertRowMaps: {},
-      // 已删除行
-      removeRowMaps: {},
-
-      cvCacheMaps: {},
-
-      swYSize: 0,
-      swYInterval: 0,
-      swYTotal: 0
-    })
+    XEUtils.assign(internalData, createInternalData())
 
     handleKeyField($xeTable)
 
@@ -1955,15 +1846,11 @@ export default {
   },
   beforeDestroy () {
     const $xeTable = this
-    const internalData = $xeTable as unknown as TableInternalData
 
     const tableViewportEl = $xeTable.$refs.refTableViewportElem as HTMLDivElement
     if (tableViewportEl) {
       tableViewportEl.removeEventListener('wheel', $xeTable.triggerBodyWheelEvent)
     }
-    internalData.cvCacheMaps = {}
-    internalData.prevDragRow = null
-    internalData.prevDragCol = null
     if (this.$resize) {
       this.$resize.disconnect()
     }
@@ -1973,6 +1860,7 @@ export default {
   },
   destroyed () {
     const $xeTable = this
+    const internalData = $xeTable as unknown as TableInternalData
 
     globalEvents.off($xeTable, 'paste')
     globalEvents.off($xeTable, 'copy')
@@ -1984,6 +1872,7 @@ export default {
     globalEvents.off($xeTable, 'resize')
     globalEvents.off($xeTable, 'contextmenu')
     this.preventEvent(null, 'destroyed')
+    XEUtils.assign(internalData, createInternalData())
   },
   render (h: CreateElement) {
     // 使用已安装的组件，如果未安装则不渲染

package/packages/table/src/util.ts

@@ -6,6 +6,126 @@ import { eqEmptyValue } from '../../ui/src/utils'
 
 import type { VxeTableDefines, VxeTableConstructor, TableReactData, TableInternalData, VxeTablePrivateMethods, VxeTablePropTypes } from '../../../types'
 
+export function createInternalData (): TableInternalData {
+  return {
+    tZindex: 0,
+    currKeyField: '',
+    isCurrDeepKey: false,
+    elemStore: {},
+    // 存放横向 X 虚拟滚动相关的信息
+    scrollXStore: {
+      preloadSize: 0,
+      offsetSize: 0,
+      visibleSize: 0,
+      visibleStartIndex: 0,
+      visibleEndIndex: 0,
+      startIndex: 0,
+      endIndex: 0
+    },
+    // 存放纵向 Y 虚拟滚动相关信息
+    scrollYStore: {
+      preloadSize: 0,
+      offsetSize: 0,
+      visibleSize: 0,
+      visibleStartIndex: 0,
+      visibleEndIndex: 0,
+      startIndex: 0,
+      endIndex: 0
+    },
+    // 表格宽度
+    tableWidth: 0,
+    // 表格高度
+    tableHeight: 0,
+    // 表头高度
+    headerHeight: 0,
+    // 表尾高度
+    footerHeight: 0,
+    customHeight: 0,
+    customMinHeight: 0,
+    customMaxHeight: 0,
+    // 当前 hover 行
+    hoverRow: null,
+    // 最后滚动位置
+    lastScrollLeft: 0,
+    lastScrollTop: 0,
+    // 单选框属性，已选中保留的行
+    radioReserveRow: null,
+    // 复选框属性，已选中保留的行集合
+    checkboxReserveRowMap: {},
+    // 行数据，已展开保留的行集合
+    rowExpandedReserveRowMap: {},
+    // 树结构数据，已展开保留的行集合
+    treeExpandedReserveRowMap: {},
+    // 树结构数据，不确定状态的集合
+    treeIndeterminateRowMaps: {},
+    // 列表完整数据、条件处理后
+    tableFullData: [],
+    afterFullData: [],
+    afterTreeFullData: [],
+    afterGroupFullData: [],
+    // 列表条件处理后数据集合
+    afterFullRowMaps: {},
+    // 树结构完整数据、条件处理后
+    tableFullTreeData: [],
+    // 行分组全量数据、条件处理后
+    tableFullGroupData: [],
+    tableSynchData: [],
+    tableSourceData: [],
+    // 收集的列配置（带分组）
+    collectColumn: [],
+    // 完整所有列（不带分组）
+    tableFullColumn: [],
+    // 渲染所有列
+    visibleColumn: [],
+    // 全量数据集（包括当前和已删除）
+    fullAllDataRowIdData: {},
+    // 数据集（仅当前）
+    fullDataRowIdData: {},
+    // 数据集（仅可视）
+    visibleDataRowIdData: {},
+    // 渲染中缓存数据
+    sourceDataRowIdData: {},
+    fullColumnIdData: {},
+    fullColumnFieldData: {},
+
+    // 合并单元格的数据
+    mergeBodyList: [],
+    mergeBodyMaps: {},
+    // 合并表尾的数据
+    mergeFooterList: [],
+    mergeFooterMaps: {},
+    // 已合并单元格数据集合
+    mergeBodyCellMaps: {},
+    // 已合并表尾数据集合
+    mergeFooterCellMaps: {},
+    // 已展开的行集合
+    rowExpandedMaps: {},
+    // 懒加载中的展开行的集合
+    rowExpandLazyLoadedMaps: {},
+    // 已展开的分组行
+    rowGroupExpandedMaps: {},
+    // 已展开树节点集合
+    treeExpandedMaps: {},
+    // 懒加载中的树节点的集合
+    treeExpandLazyLoadedMaps: {},
+    // 复选框属性，已选中的行集合
+    selectCheckboxMaps: {},
+    // 已标记的对象集
+    pendingRowMaps: {},
+    // 已新增的临时行
+    insertRowMaps: {},
+    // 已删除行
+    removeRowMaps: {},
+
+    cvCacheMaps: {},
+
+    inited: false,
+    tooltipTimeout: null,
+    initStatus: false,
+    isActivated: false
+  }
+}
+
 const getAllConvertColumns = (columns: any, parentColumn?: any) => {
   const result: any[] = []
   columns.forEach((column: any) => {