vxe-table 4.18.0-beta.2 → 4.18.0-beta.20

package/README.md

@@ -22,9 +22,9 @@
 
 * 版本说明
   * **V4**
-    * [x] v3.17 优化触摸板操作；重构筛选渲染，配置更简单功能更强大
-    * [x] v3.16 适配 Gantt 甘特图
-    * [x] v3.15 优化虚拟渲染，降低内存的占用率
+    * [x] v4.17 优化触摸板操作；重构筛选渲染，配置更简单功能更强大
+    * [x] v4.16 适配 Gantt 甘特图
+    * [x] v4.15 优化虚拟渲染，降低内存的占用率
     * [x] v4.14 重构虚拟渲染，提高渲染与拖拽效果流畅度
     * [x] v4.13 优化虚拟渲染，提升 Chrome、Safari、Firefox 流畅度极兼容性
     * [x] v4.12 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升
@@ -113,13 +113,13 @@
 * [x] 虚拟滚动
 * [x] 虚拟合并
 * [x] CSS 变量主题
-* [x] ([企业版](https://vxetable.cn/pluginDocs/)) 数据汇总
-* [x] ([企业版](https://vxetable.cn/pluginDocs/)) 聚合函数
-* [x] ([企业版](https://vxetable.cn/pluginDocs/)) 单元格区域选取
-* [x] ([企业版](https://vxetable.cn/pluginDocs/)) 单元格复制/粘贴
-* [x] ([企业版](https://vxetable.cn/pluginDocs/)) 单元格查找和替换
-* [x] ([企业版](https://vxetable.cn/pluginDocs/)) 全键盘操作
-* [x] ([企业版](https://vxetable.cn/pluginDocs/)) 集成图表
+* [x] ([企业版](https://store.vxeui.com)) 数据汇总
+* [x] ([企业版](https://store.vxeui.com)) 聚合函数
+* [x] ([企业版](https://store.vxeui.com)) 单元格区域选取
+* [x] ([企业版](https://store.vxeui.com)) 单元格复制/粘贴
+* [x] ([企业版](https://store.vxeui.com)) 单元格查找和替换
+* [x] ([企业版](https://store.vxeui.com)) 全键盘操作
+* [x] ([企业版](https://store.vxeui.com)) 集成图表
 
 ## 安装
 

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;

package/es/grid/style.css

@@ -0,0 +1,86 @@
+.vxe-grid {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.vxe-grid.is--loading:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 99;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  background-color: var(--vxe-ui-loading-background-color);
+}
+.vxe-grid.is--loading > .vxe-table .vxe-loading {
+  background-color: transparent;
+}
+.vxe-grid.is--maximize {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0.5em 1em;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-grid .vxe-grid--form-wrapper,
+.vxe-grid .vxe-grid--top-wrapper,
+.vxe-grid .vxe-grid--bottom-wrapper {
+  position: relative;
+}
+.vxe-grid .vxe-grid--table-container {
+  display: flex;
+  flex-direction: row;
+}
+.vxe-grid .vxe-grid--left-wrapper,
+.vxe-grid .vxe-grid--right-wrapper {
+  flex-shrink: 0;
+  overflow: auto;
+  outline: 0;
+}
+.vxe-grid .vxe-grid--table-wrapper {
+  flex-grow: 1;
+  overflow: hidden;
+}
+
+.vxe-grid--layout-body-wrapper {
+  display: flex;
+  flex-direction: row;
+  overflow: auto;
+  flex-grow: 1;
+}
+
+.vxe-grid--layout-body-content-wrapper {
+  flex-grow: 1;
+  overflow: auto;
+}
+
+.vxe-grid--layout-header-wrapper,
+.vxe-grid--layout-footer-wrapper,
+.vxe-grid--layout-aside-left-wrapper,
+.vxe-grid--layout-aside-left-wrapper {
+  flex-shrink: 0;
+}
+
+.vxe-grid--layout-aside-left-wrapper,
+.vxe-grid--layout-aside-left-wrapper {
+  overflow: auto;
+}
+
+.vxe-grid {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-grid.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-grid.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-grid.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/es/grid/style.min.css

@@ -0,0 +1 @@
+.vxe-grid{position:relative;display:flex;flex-direction:column}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid .vxe-grid--table-container{display:flex;flex-direction:row}.vxe-grid .vxe-grid--left-wrapper,.vxe-grid .vxe-grid--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-grid .vxe-grid--table-wrapper{flex-grow:1;overflow:hidden}.vxe-grid--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-grid--layout-body-content-wrapper{flex-grow:1;overflow:auto}.vxe-grid--layout-aside-left-wrapper,.vxe-grid--layout-footer-wrapper,.vxe-grid--layout-header-wrapper{flex-shrink:0}.vxe-grid--layout-aside-left-wrapper{overflow:auto}.vxe-grid{font-size:var(--vxe-ui-font-size-default)}.vxe-grid.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-grid.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-grid.size--mini{font-size:var(--vxe-ui-font-size-mini)}