vxe-table 4.18.0-beta.8 → 4.18.0

package/README.md

@@ -22,9 +22,12 @@
 
 * 版本说明
   * **V4**
-    * [x] v3.17 优化触摸板操作；重构筛选渲染，配置更简单功能更强大
-    * [x] v3.16 适配 Gantt 甘特图
-    * [x] v3.15 优化虚拟渲染，降低内存的占用率
+    * [ ] v4.20 功能需求收集中，大福提升渲染性能，优化百万级渲染量
+    * [ ] v4.19 增加对增删改操作撤销回退的支持，预计发布 2026-05
+    * [x] v4.18 内部优化，优化键盘操作
+    * [x] v4.17 优化触摸板操作；重构筛选渲染，筛选配置更简单功能更强大
+    * [x] v4.16 适配 Gantt 甘特图
+    * [x] v4.15 优化虚拟渲染，降低内存的占用率
     * [x] v4.14 重构虚拟渲染，提高渲染与拖拽效果流畅度
     * [x] v4.13 优化虚拟渲染，提升 Chrome、Safari、Firefox 流畅度极兼容性
     * [x] v4.12 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升
@@ -32,7 +35,10 @@
     * [x] v4.7 基于 vue3.2+，内部重构，拆分 Table 库和 UI 库，只支持现代浏览器，不支持 IE
     * [x] ~~v4.0 基于 vue3.2+，只支持现代浏览器，不支持 IE（2020-03-01 ~ 2024-12-01 已停止维护）~~
   * **V3**
-    * [x] v3.19 优化触摸板操作；重构筛选渲染，配置更简单功能更强大
+    * [ ] v3.22 功能需求收集中，大福提升渲染性能，优化百万级渲染量
+    * [ ] v3.21 增加对增删改操作撤销回退的支持，预计发布 2026-05
+    * [x] v3.20 优化渲染性能，优化键盘操作
+    * [x] v3.19 优化触摸板操作；重构筛选渲染，筛选配置更简单功能更强大
     * [x] v3.18 适配 Gantt 甘特图
     * [x] v3.17 优化虚拟渲染，降低内存的占用率
     * [x] v3.16 重构虚拟渲染，提高渲染与拖拽效果流畅度

package/es/grid/src/grid.js

@@ -1,4 +1,4 @@
-import { h, ref, computed, provide, reactive, onUnmounted, watch, nextTick, onMounted } from 'vue';
+import { h, ref, computed, provide, reactive, onBeforeUnmount, watch, nextTick, onMounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
@@ -15,6 +15,25 @@ import VxeToolbarComponent from '../../toolbar/src/toolbar';
 const { getConfig, getI18n, commands, hooks, useFns, createEvent, globalEvents, GLOBAL_EVENT_KEYS, renderEmptyElement } = VxeUI;
 const tableComponentPropKeys = Object.keys(tableProps);
 const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'setRow', 'createData', 'createRow', 'revertData', 'clearData', 'isRemoveByRow', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getFullColumns', 'getData', 'getCheckboxRecords', 'getParentRow', 'getTreeRowChildren', 'getTreeRowLevel', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', 'recalcRowHeight', 'setRowHeightConf', 'getRowHeightConf', 'setRowHeight', 'getRowHeight', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'setCheckboxRowKey', 'isCheckedByCheckboxRow', 'isCheckedByCheckboxRowKey', 'isIndeterminateByCheckboxRow', 'isIndeterminateByCheckboxRowKey', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'isCheckedByRadioRowKey', 'setRadioRow', 'setRadioRowKey', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'setPendingRow', 'togglePendingRow', 'hasPendingByRow', 'isPendingByRow', 'getPendingRecords', 'clearPendingRow', 'setFilterByEvent', 'sort', 'setSort', 'setSortByEvent', 'clearSort', 'clearSortByEvent', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'clearFilterByEvent', 'isActiveFilterByColumn', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'isRowExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'reloadTreeExpand', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'getScrollData', 'scrollTo', 'scrollToStartRow', 'scrollToEndRow', 'scrollToRow', 'scrollToStartColumn', 'scrollToEndColumn', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'setMergeHeaderCells', 'removeMergeHeaderCells', 'getMergeHeaderCells', 'clearMergeHeaderCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'getCustomStoreData', 'setRowGroupExpand', 'setRowGroupExpandByField', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'getCellElement', 'focus', 'blur', 'connect', 'connectToolbar'];
+function createReactData() {
+    var _a;
+    return {
+        tableLoading: false,
+        proxyInited: false,
+        isZMax: false,
+        tableData: [],
+        filterData: [],
+        formData: {},
+        sortData: [],
+        footerData: [],
+        tZindex: 0,
+        tablePage: {
+            total: 0,
+            pageSize: ((_a = getConfig().pager) === null || _a === void 0 ? void 0 : _a.pageSize) || 10,
+            currentPage: 1
+        }
+    };
+}
 function createInternalData() {
     return {
         uFoot: false
@@ -25,7 +44,6 @@ export default defineVxeComponent({
     props: gridProps,
     emits: gridEmits,
     setup(props, context) {
-        var _a;
         const { slots, emit } = context;
         const xID = XEUtils.uniqueId();
         // 使用已安装的组件，如果未安装则不渲染
@@ -33,22 +51,7 @@ export default defineVxeComponent({
         const VxeUIPagerComponent = VxeUI.getComponent('VxePager');
         const defaultLayouts = [['Form'], ['Toolbar', 'Top', 'Table', 'Bottom', 'Pager']];
         const { computeSize } = useFns.useSize(props);
-        const reactData = reactive({
-            tableLoading: false,
-            proxyInited: false,
-            isZMax: false,
-            tableData: [],
-            filterData: [],
-            formData: {},
-            sortData: [],
-            footerData: [],
-            tZindex: 0,
-            tablePage: {
-                total: 0,
-                pageSize: ((_a = getConfig().pager) === null || _a === void 0 ? void 0 : _a.pageSize) || 10,
-                currentPage: 1
-            }
-        });
+        const reactData = reactive(createReactData());
         const internalData = createInternalData();
         const refElem = ref();
         const refTable = ref();
@@ -1642,8 +1645,9 @@ export default defineVxeComponent({
             });
             globalEvents.on($xeGrid, 'keydown', handleGlobalKeydownEvent);
         });
-        onUnmounted(() => {
+        onBeforeUnmount(() => {
             globalEvents.off($xeGrid, 'keydown');
+            XEUtils.assign(reactData, createReactData());
             XEUtils.assign(internalData, createInternalData());
         });
         $xeGrid.renderVN = renderVN;