vxe-table 4.14.0-beta.1 → 4.14.0-beta.3

package/README.en.md

@@ -63,7 +63,8 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
 * [x] Virtual scroll
 * [x] Virtual merger
 * [x] CSS Variable Theme
-* [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Data grouping and aggregation
+* [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Grouping summary
+* [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Aggregation
 * [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Cell area selection
 * [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Cell copy & paste
 * [x] ([Enterprise](https://vxetable.cn/pluginDocs/)) Cell find and replace

package/README.ja-JP.md

@@ -63,7 +63,8 @@
 * [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/)) セルの検索と置換

package/README.md

@@ -30,12 +30,14 @@
     * [x] v3.13 重构展开行功能，同时支持展开行与虚拟渲染和冻结列
     * [x] v3.14 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升
     * [x] v3.15 优化虚拟渲染，提升 Chrome、Safari、Firefox 流畅度极兼容性
+    * [x] v3.16 重构虚拟渲染，提高渲染与拖拽效果流畅度
   * **V4**
     * [x] ~~v4.0 基于 vue3.2+，只支持现代浏览器，不支持 IE（2020-03-01 ~ 2024-12-01 已停止维护）~~
     * [x] v4.7 基于 vue3.2+，内部重构，拆分 Table 库和 UI 库，只支持现代浏览器，不支持 IE
     * [x] v4.11 重构展开行功能，同时支持展开行与虚拟渲染和冻结列
     * [x] v4.12 重构虚拟渲染，支持百万级数据渲染、渲染性能及流畅度大幅提升
     * [x] v4.13 优化虚拟渲染，提升 Chrome、Safari、Firefox 流畅度极兼容性
+    * [x] v4.14 重构虚拟渲染，提高渲染与拖拽效果流畅度
 * 版本计划
     * [ ] 优化展开行与冻结列
     * [ ] 优化虚拟渲染，支持千万级数据渲染
@@ -102,8 +104,8 @@
 * [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/)) 单元格查找和替换

package/README.zh-TW.md

@@ -62,7 +62,8 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
 * [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/)) 儲存格查找和替換

package/es/grid/src/grid.js

@@ -139,11 +139,12 @@ export default defineVxeComponent({
             return rest;
         });
         const computeTableProps = computed(() => {
-            const { seqConfig, pagerConfig, loading, editConfig, proxyConfig } = props;
-            const { isZMax, tableLoading, tablePage } = reactData;
+            const { seqConfig, pagerConfig, editConfig, proxyConfig } = props;
+            const { isZMax, tablePage } = reactData;
             const tableExtendProps = computeTableExtendProps.value;
             const proxyOpts = computeProxyOpts.value;
             const pagerOpts = computePagerOpts.value;
+            const isLoading = computeIsLoading.value;
             const tProps = Object.assign({}, tableExtendProps);
             if (isZMax) {
                 if (tableExtendProps.maxHeight) {
@@ -154,7 +155,7 @@ export default defineVxeComponent({
                 }
             }
             if (proxyConfig && isEnableConf(proxyOpts)) {
-                tProps.loading = loading || tableLoading;
+                tProps.loading = isLoading;
                 if (pagerConfig && proxyOpts.seq && isEnableConf(pagerOpts)) {
                     tProps.seqConfig = Object.assign({}, seqConfig, { startIndex: (tablePage.currentPage - 1) * tablePage.pageSize });
                 }
@@ -204,6 +205,13 @@ export default defineVxeComponent({
             const pagerOpts = computePagerOpts.value;
             return pagerOpts.total;
         });
+        const computeIsLoading = computed(() => {
+            const { loading, proxyConfig } = props;
+            const { tableLoading } = reactData;
+            const proxyOpts = computeProxyOpts.value;
+            const { showLoading } = proxyOpts;
+            return loading || (tableLoading && showLoading && proxyConfig && isEnableConf(proxyOpts));
+        });
         const refMaps = {
             refElem,
             refTable,
@@ -881,7 +889,7 @@ export default defineVxeComponent({
                                     reactData.formData = formData;
                                 }
                                 if ($xeTable) {
-                                    const { internalData: tableInternalData } = $xeTable;
+                                    const tableInternalData = $xeTable.internalData;
                                     const { tableFullColumn, fullColumnFieldData } = tableInternalData;
                                     const { computeSortOpts } = $xeTable.getComputeMaps();
                                     const sortOpts = computeSortOpts.value;
@@ -1290,6 +1298,22 @@ export default defineVxeComponent({
                 return $xeGrid.loadColumn(columns);
             }
         });
+        const renderVN = () => {
+            const vSize = computeSize.value;
+            const styles = computeStyles.value;
+            const isLoading = computeIsLoading.value;
+            return h('div', {
+                ref: refElem,
+                class: ['vxe-grid', {
+                        [`size--${vSize}`]: vSize,
+                        'is--animat': !!props.animat,
+                        'is--round': props.round,
+                        'is--maximize': reactData.isZMax,
+                        'is--loading': isLoading
+                    }],
+                style: styles
+            }, renderLayout());
+        };
         const columnFlag = ref(0);
         watch(() => props.columns ? props.columns.length : -1, () => {
             columnFlag.value++;
@@ -1358,21 +1382,6 @@ export default defineVxeComponent({
         onUnmounted(() => {
             globalEvents.off($xeGrid, 'keydown');
         });
-        const renderVN = () => {
-            const vSize = computeSize.value;
-            const styles = computeStyles.value;
-            return h('div', {
-                ref: refElem,
-                class: ['vxe-grid', {
-                        [`size--${vSize}`]: vSize,
-                        'is--animat': !!props.animat,
-                        'is--round': props.round,
-                        'is--maximize': reactData.isZMax,
-                        'is--loading': props.loading || reactData.tableLoading
-                    }],
-                style: styles
-            }, renderLayout());
-        };
         $xeGrid.renderVN = renderVN;
         provide('$xeGrid', $xeGrid);
         return $xeGrid;