vxe-table 4.10.6-beta.31 → 4.10.6-beta.32

package/es/table/src/table.js

@@ -253,7 +253,8 @@ export default defineComponent({
             dragCol: null,
             dragTipText: '',
             isDragResize: false,
-            isLoading: false
+            isRowLoading: false,
+            isColLoading: false
         });
         const internalData = {
             tZindex: 0,
@@ -2580,16 +2581,18 @@ export default defineComponent({
             scrollYStore.endIndex = 1;
             scrollXStore.startIndex = 0;
             scrollXStore.endIndex = 1;
+            reactData.isRowLoading = true;
             reactData.scrollVMLoading = false;
             editStore.insertMaps = {};
             editStore.removeMaps = {};
             const sYLoad = updateScrollYStatus(fullData);
+            reactData.isDragColMove = false;
             reactData.isDragRowMove = false;
             // 全量数据
             internalData.tableFullData = fullData;
             internalData.tableFullTreeData = treeData;
             // 缓存数据
-            tablePrivateMethods.cacheRowMap(true, isReset);
+            $xeTable.cacheRowMap(true, isReset);
             // 原始数据
             internalData.tableSynchData = datas;
             if (isReset) {
@@ -2601,7 +2604,7 @@ export default defineComponent({
             }
             // 克隆原数据，用于显示编辑状态，与编辑值做对比
             if (keepSource) {
-                tablePrivateMethods.cacheSourceMap(fullData);
+                $xeTable.cacheSourceMap(fullData);
             }
             if ($xeTable.clearCellAreas && props.mouseConfig) {
                 $xeTable.clearCellAreas();
@@ -2659,6 +2662,7 @@ export default defineComponent({
                         if (sYOpts.scrollToTopOnChange) {
                             targetScrollTop = 0;
                         }
+                        reactData.isRowLoading = false;
                         calcCellHeight();
                         // 是否变更虚拟滚动
                         if (oldScrollYLoad === sYLoad) {
@@ -2893,11 +2897,10 @@ export default defineComponent({
             internalData.collectColumn = collectColumn;
             const tableFullColumn = getColumnList(collectColumn);
             internalData.tableFullColumn = tableFullColumn;
-            reactData.isLoading = true;
+            reactData.isColLoading = true;
             reactData.isDragColMove = false;
             initColumnSort();
             return Promise.resolve(restoreCustomStorage()).then(() => {
-                reactData.isLoading = false;
                 cacheColumnMap();
                 parseColumns(true).then(() => {
                     if (reactData.scrollXLoad) {
@@ -2922,6 +2925,7 @@ export default defineComponent({
                     if ($xeTable.handleUpdateCustomColumn) {
                         $xeTable.handleUpdateCustomColumn();
                     }
+                    reactData.isColLoading = false;
                     return $xeTable.recalculate();
                 });
             });
@@ -9272,7 +9276,7 @@ export default defineComponent({
             const areaOpts = computeAreaOpts.value;
             const loadingOpts = computeLoadingOpts.value;
             const isMenu = computeIsMenu.value;
-            const currLoading = reactData.isLoading || loading;
+            const currLoading = reactData.isColLoading || reactData.isRowLoading || loading;
             const resizableOpts = computeResizableOpts.value;
             const isArea = mouseConfig && mouseOpts.area;
             const columnDragOpts = computeColumnDragOpts.value;

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "4.10.6-beta.31";
+export const version = "4.10.6-beta.32";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `table v${"4.10.6-beta.31"}`;
+const version = `table v${"4.10.6-beta.32"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/index.umd.js

@@ -3138,7 +3138,7 @@ function eqEmptyValue(cellValue) {
 ;// ./packages/ui/index.ts
 
 
-const version = "4.10.6-beta.31";
+const version = "4.10.6-beta.32";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -3583,7 +3583,7 @@ var esnext_iterator_some = __webpack_require__(7550);
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"4.10.6-beta.31"}`;
+const log_version = `table v${"4.10.6-beta.32"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// ./packages/table/src/columnInfo.ts
@@ -6622,6 +6622,7 @@ const renderType = 'body';
       const {
         hasFixedColumn,
         treeExpandedMaps,
+        isColLoading,
         scrollXLoad,
         scrollYLoad,
         isAllOverflow,
@@ -6728,7 +6729,7 @@ const renderType = 'body';
         const tdVNs = tableColumn.map((column, $columnIndex) => {
           return renderTdColumn(seq, rowid, fixedType, isOptimizeMode, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
         });
-        rows.push(columnOpts.drag && columnDragOpts.animation ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.TransitionGroup, {
+        rows.push(!isColLoading && columnOpts.drag && columnDragOpts.animation ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.TransitionGroup, {
           name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
           tag: 'tr',
           class: trClass,
@@ -6857,6 +6858,8 @@ const renderType = 'body';
       const {
         isGroup,
         tableData,
+        isRowLoading,
+        isColLoading,
         scrollXLoad,
         scrollYLoad,
         isAllOverflow,
@@ -6999,9 +7002,9 @@ const renderType = 'body';
         });
       })),
       /**
-      * 内容
-      */
-      rowOpts.drag && rowDragOpts.animation ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.TransitionGroup, {
+       * 内容
+       */
+      !(isRowLoading || isColLoading) && rowOpts.drag && rowDragOpts.animation ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.TransitionGroup, {
         ref: refBodyTBody,
         name: `vxe-body--row-list${isDragRowMove ? '' : '-disabled'}`,
         tag: 'tbody'
@@ -7279,6 +7282,7 @@ const header_renderType = 'header';
         headerRowStyle
       } = tableProps;
       const {
+        isColLoading,
         isDragColMove
       } = tableReactData;
       const columnOpts = computeColumnOpts.value;
@@ -7290,7 +7294,7 @@ const header_renderType = 'header';
           fixed: fixedType,
           type: header_renderType
         };
-        if (columnOpts.drag && columnDragOpts.animation) {
+        if (!isColLoading && columnOpts.drag && columnDragOpts.animation) {
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.TransitionGroup, {
             key: $rowIndex,
             name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
@@ -7746,6 +7750,7 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
         footerRowStyle
       } = tableProps;
       const {
+        isColLoading,
         isDragColMove
       } = tableReactData;
       const columnOpts = computeColumnOpts.value;
@@ -7760,7 +7765,7 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
           fixed: fixedType,
           type: footer_renderType
         };
-        if (columnOpts.drag && columnDragOpts.animation) {
+        if (!isColLoading && columnOpts.drag && columnDragOpts.animation) {
           return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.TransitionGroup, {
             key: $rowIndex,
             name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
@@ -10518,7 +10523,8 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       dragCol: null,
       dragTipText: '',
       isDragResize: false,
-      isLoading: false
+      isRowLoading: false,
+      isColLoading: false
     });
     const internalData = {
       tZindex: 0,
@@ -13284,16 +13290,18 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       scrollYStore.endIndex = 1;
       scrollXStore.startIndex = 0;
       scrollXStore.endIndex = 1;
+      reactData.isRowLoading = true;
       reactData.scrollVMLoading = false;
       editStore.insertMaps = {};
       editStore.removeMaps = {};
       const sYLoad = updateScrollYStatus(fullData);
+      reactData.isDragColMove = false;
       reactData.isDragRowMove = false;
       // 全量数据
       internalData.tableFullData = fullData;
       internalData.tableFullTreeData = treeData;
       // 缓存数据
-      tablePrivateMethods.cacheRowMap(true, isReset);
+      $xeTable.cacheRowMap(true, isReset);
       // 原始数据
       internalData.tableSynchData = datas;
       if (isReset) {
@@ -13305,7 +13313,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       }
       // 克隆原数据，用于显示编辑状态，与编辑值做对比
       if (keepSource) {
-        tablePrivateMethods.cacheSourceMap(fullData);
+        $xeTable.cacheSourceMap(fullData);
       }
       if ($xeTable.clearCellAreas && props.mouseConfig) {
         $xeTable.clearCellAreas();
@@ -13361,6 +13369,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
             if (sYOpts.scrollToTopOnChange) {
               targetScrollTop = 0;
             }
+            reactData.isRowLoading = false;
             calcCellHeight();
             // 是否变更虚拟滚动
             if (oldScrollYLoad === sYLoad) {
@@ -13624,11 +13633,10 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       internalData.collectColumn = collectColumn;
       const tableFullColumn = getColumnList(collectColumn);
       internalData.tableFullColumn = tableFullColumn;
-      reactData.isLoading = true;
+      reactData.isColLoading = true;
       reactData.isDragColMove = false;
       initColumnSort();
       return Promise.resolve(restoreCustomStorage()).then(() => {
-        reactData.isLoading = false;
         cacheColumnMap();
         parseColumns(true).then(() => {
           if (reactData.scrollXLoad) {
@@ -13653,6 +13661,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
           if ($xeTable.handleUpdateCustomColumn) {
             $xeTable.handleUpdateCustomColumn();
           }
+          reactData.isColLoading = false;
           return $xeTable.recalculate();
         });
       });
@@ -20970,7 +20979,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
       const areaOpts = computeAreaOpts.value;
       const loadingOpts = computeLoadingOpts.value;
       const isMenu = computeIsMenu.value;
-      const currLoading = reactData.isLoading || loading;
+      const currLoading = reactData.isColLoading || reactData.isRowLoading || loading;
       const resizableOpts = computeResizableOpts.value;
       const isArea = mouseConfig && mouseOpts.area;
       const columnDragOpts = computeColumnDragOpts.value;