vxe-table 3.19.28 → 3.19.29

package/es/table/src/methods.js

@@ -2540,6 +2540,16 @@ function clearDragStatus($xeTable) {
         reactData.dragCol = null;
     }
 }
+function handleRowDragEndClearStatus($xeTable) {
+    clearRowDragData($xeTable);
+    clearCrossTableDragStatus($xeTable);
+    handleRecalculateStyle($xeTable, false, true, true);
+}
+function handleColDragEndClearStatus($xeTable) {
+    clearColDragData($xeTable);
+    clearCrossTableDragStatus($xeTable);
+    handleRecalculateStyle($xeTable, true, true, true);
+}
 function clearRowDropOrigin($xeTable) {
     const el = $xeTable.$el;
     if (el) {
@@ -3215,13 +3225,13 @@ function handleGroupData($xeTable, list, rowGroups) {
  * 加载表格数据
  * @param {Array} datas 数据
  */
-function loadTableData($xeTable, datas, isReset) {
+function loadTableData($xeTable, datas, isReload, isReset) {
     const props = $xeTable;
     const reactData = $xeTable;
     const internalData = $xeTable;
     const { keepSource, treeConfig, aggregateConfig, rowGroupConfig } = props;
     const { rowGroupList, scrollYLoad: oldScrollYLoad } = reactData;
-    const { scrollYStore, scrollXStore, lastScrollLeft, lastScrollTop } = internalData;
+    const { initStatus, scrollYStore, scrollXStore, lastScrollLeft, lastScrollTop } = internalData;
     const rowOpts = $xeTable.computeRowOpts;
     const treeOpts = $xeTable.computeTreeOpts;
     const expandOpts = $xeTable.computeExpandOpts;
@@ -3359,6 +3369,19 @@ function loadTableData($xeTable, datas, isReset) {
         }
         handleReserveStatus($xeTable);
         $xeTable.checkSelectionStatus();
+        if (initStatus) {
+            $xeTable.dispatchEvent('data-rendered', {
+                isReload,
+                visibleColumn: internalData.visibleColumn,
+                visibleData: internalData.afterFullData
+            }, null);
+        }
+        else {
+            $xeTable.dispatchEvent('init-rendered', {
+                visibleColumn: internalData.visibleColumn,
+                visibleData: internalData.afterFullData
+            }, null);
+        }
         $xeTable.dispatchEvent('data-change', {
             visibleColumn: internalData.visibleColumn,
             visibleData: internalData.afterFullData
@@ -3430,7 +3453,14 @@ function handleLoadDefaults($xeTable) {
     handleDefaultMergeCells($xeTable);
     handleDefaultMergeHeaderItems($xeTable);
     handleDefaultMergeFooterItems($xeTable);
-    $xeTable.$nextTick(() => setTimeout(() => $xeTable.recalculate()));
+    $xeTable.$nextTick(() => {
+        const internalData = $xeTable;
+        $xeTable.dispatchEvent('init-rendered', {
+            visibleColumn: internalData.visibleColumn,
+            visibleData: internalData.afterFullData
+        }, null);
+        setTimeout(() => $xeTable.recalculate());
+    });
 }
 /**
  * 处理初始化的默认行为
@@ -4316,7 +4346,7 @@ const tableMethods = {
         errLog('vxe.error.delFunc', ['syncData', 'getData']);
         return $xeTable.$nextTick().then(() => {
             reactData.tableData = [];
-            return $xeTable.$nextTick().then(() => loadTableData($xeTable, internalData.tableFullData, true));
+            return $xeTable.$nextTick().then(() => loadTableData($xeTable, internalData.tableFullData, true, true));
         });
     },
     /**
@@ -4384,7 +4414,8 @@ const tableMethods = {
         const reactData = $xeTable;
         const internalData = $xeTable;
         const { data } = props;
-        loadTableData($xeTable, data || [], true).then(() => {
+        $xeTable.dispatchEvent('ready', {}, null);
+        loadTableData($xeTable, data || [], true, true).then(() => {
             if (data && data.length) {
                 internalData.inited = true;
                 internalData.initStatus = true;
@@ -4402,9 +4433,9 @@ const tableMethods = {
      * 加载表格数据
      * @param {Array} datas 数据
      */
-    loadTableData(datas, isReset) {
+    loadTableData(datas, isReload, isReset) {
         const $xeTable = this;
-        return loadTableData($xeTable, datas, isReset);
+        return loadTableData($xeTable, datas, isReload, isReset);
     },
     /**
      * 重新加载数据，不会清空表格状态
@@ -4412,11 +4443,12 @@ const tableMethods = {
      */
     loadData(datas) {
         const $xeTable = this;
-        const { initStatus } = this;
-        return loadTableData($xeTable, datas, false).then(() => {
-            this.inited = true;
-            this.initStatus = true;
-            if (!initStatus) {
+        const internalData = $xeTable;
+        const { initStatus } = internalData;
+        return loadTableData($xeTable, datas, false, false).then(() => {
+            internalData.inited = true;
+            internalData.initStatus = true;
+            if (initStatus) {
                 handleLoadDefaults($xeTable);
             }
             return handleLazyRecalculate($xeTable, false, true, true);
@@ -4428,11 +4460,12 @@ const tableMethods = {
      */
     reloadData(datas) {
         const $xeTable = this;
-        return this.clearAll()
+        const internalData = $xeTable;
+        return $xeTable.clearAll()
             .then(() => {
-            this.inited = true;
-            this.initStatus = true;
-            return loadTableData($xeTable, datas, true);
+            internalData.inited = true;
+            internalData.initStatus = true;
+            return loadTableData($xeTable, datas, true, true);
         })
             .then(() => {
             handleLoadDefaults($xeTable);
@@ -4443,6 +4476,7 @@ const tableMethods = {
      * 修改行数据
      */
     setRow(rows, record) {
+        const $xeTable = this;
         if (record) {
             let rest = rows;
             if (!XEUtils.isArray(rows)) {
@@ -4450,7 +4484,7 @@ const tableMethods = {
             }
             rest.forEach((item) => Object.assign(item, record));
         }
-        return this.$nextTick();
+        return $xeTable.$nextTick();
     },
     /**
      * 局部加载行数据并恢复到初始状态
@@ -8757,74 +8791,43 @@ const tableMethods = {
                 dragToChild: !!prevDragToChild,
                 offsetIndex: dragOffsetIndex
             };
-            const isDragToChildFlag = isSelfToChildDrag && dragToChildMethod ? dragToChildMethod(dragParams) : prevDragToChild;
-            return Promise.resolve(dEndMethod ? dEndMethod(dragParams) : true).then((status) => {
-                if (!status) {
-                    return errRest;
-                }
-                const dragRowid = getRowid($xeTable, dragRow);
-                const dragRowRest = fullAllDataRowIdData[dragRowid] || {};
-                const _dragRowIndex = dragRowRest._index;
-                let dragRowHeight = 0;
-                let dragOffsetTop = -1;
-                if (animation) {
-                    dragRowHeight = getCellRestHeight(dragRowRest, cellOpts, rowOpts, defaultRowHeight);
-                    const oldTrEl = el.querySelector(`.vxe-body--row[rowid="${dragRowid}"]`);
-                    if (oldTrEl) {
-                        dragOffsetTop = oldTrEl.offsetTop;
-                    }
-                }
-                let oafIndex = -1;
-                let nafIndex = -1;
-                // 如果为树结构
-                if (treeConfig) {
-                    if (transform) {
-                        // 移出源位置
-                        const oldRest = dragRowRest;
-                        const newRowid = getRowid($xeTable, prevDragRow);
-                        const newRest = fullAllDataRowIdData[newRowid];
-                        if (oldRest && newRest) {
-                            const { level: oldLevel } = oldRest;
-                            const { level: newLevel } = newRest;
-                            const oldAllMaps = {};
-                            XEUtils.eachTree([dragRow], item => {
-                                oldAllMaps[getRowid($xeTable, item)] = item;
-                            }, { children: mapChildrenField });
-                            let isSelfToChildStatus = false;
-                            if (oldLevel && newLevel) {
-                                // 子到子
-                                if (isPeerDrag && !isCrossDrag) {
-                                    if (oldRest.row[parentField] !== newRest.row[parentField]) {
-                                        // 非同级
-                                        return errRest;
-                                    }
-                                }
-                                else {
-                                    if (!isCrossDrag) {
-                                        return errRest;
-                                    }
-                                    if (oldAllMaps[newRowid]) {
-                                        isSelfToChildStatus = true;
-                                        if (!(isCrossDrag && isSelfToChildDrag)) {
-                                            if (VxeUI.modal) {
-                                                VxeUI.modal.message({
-                                                    status: 'error',
-                                                    content: getI18n('vxe.error.treeDragChild')
-                                                });
-                                            }
-                                            return errRest;
-                                        }
-                                    }
-                                }
-                            }
-                            else if (oldLevel) {
-                                // 子到根
-                                if (!isCrossDrag) {
+            const dragRowid = getRowid($xeTable, dragRow);
+            const dragRowRest = fullAllDataRowIdData[dragRowid] || {};
+            const _dragRowIndex = dragRowRest._index;
+            let dragRowHeight = 0;
+            let dragOffsetTop = -1;
+            if (animation) {
+                dragRowHeight = getCellRestHeight(dragRowRest, cellOpts, rowOpts, defaultRowHeight);
+                const oldTrEl = el.querySelector(`.vxe-body--row[rowid="${dragRowid}"]`);
+                if (oldTrEl) {
+                    dragOffsetTop = oldTrEl.offsetTop;
+                }
+            }
+            let oafIndex = -1;
+            let nafIndex = -1;
+            const oldRest = dragRowRest;
+            const newRowid = getRowid($xeTable, prevDragRow);
+            const newRest = fullAllDataRowIdData[newRowid];
+            const oldAllMaps = {};
+            let isSelfToChildStatus = false;
+            // 如果为树结构
+            if (treeConfig) {
+                if (transform) {
+                    if (oldRest && newRest) {
+                        const { level: oldLevel } = oldRest;
+                        const { level: newLevel } = newRest;
+                        XEUtils.eachTree([dragRow], item => {
+                            oldAllMaps[getRowid($xeTable, item)] = item;
+                        }, { children: mapChildrenField });
+                        if (oldLevel && newLevel) {
+                            // 子到子
+                            if (isPeerDrag && !isCrossDrag) {
+                                if (oldRest.row[parentField] !== newRest.row[parentField]) {
+                                    // 非同级
                                     return errRest;
                                 }
                             }
-                            else if (newLevel) {
-                                // 根到子
+                            else {
                                 if (!isCrossDrag) {
                                     return errRest;
                                 }
@@ -8841,9 +8844,47 @@ const tableMethods = {
                                     }
                                 }
                             }
-                            else {
-                                // 根到根
+                        }
+                        else if (oldLevel) {
+                            // 子到根
+                            if (!isCrossDrag) {
+                                return errRest;
                             }
+                        }
+                        else if (newLevel) {
+                            // 根到子
+                            if (!isCrossDrag) {
+                                return errRest;
+                            }
+                            if (oldAllMaps[newRowid]) {
+                                isSelfToChildStatus = true;
+                                if (!(isCrossDrag && isSelfToChildDrag)) {
+                                    if (VxeUI.modal) {
+                                        VxeUI.modal.message({
+                                            status: 'error',
+                                            content: getI18n('vxe.error.treeDragChild')
+                                        });
+                                    }
+                                    return errRest;
+                                }
+                            }
+                        }
+                        else {
+                            // 根到根
+                        }
+                    }
+                }
+            }
+            const isDragToChildFlag = isSelfToChildDrag && dragToChildMethod ? dragToChildMethod(dragParams) : prevDragToChild;
+            return Promise.resolve(dEndMethod ? dEndMethod(dragParams) : true).then((status) => {
+                if (!status) {
+                    return errRest;
+                }
+                // 如果为树结构
+                if (treeConfig) {
+                    if (transform) {
+                        // 移出源位置
+                        if (oldRest && newRest) {
                             const fullList = XEUtils.toTreeArray(internalData.afterTreeFullData, {
                                 key: rowField,
                                 parentKey: parentField,
@@ -8992,19 +9033,16 @@ const tableMethods = {
             }).catch(() => {
                 return errRest;
             }).then((rest) => {
-                clearRowDragData($xeTable);
-                clearCrossTableDragStatus($xeTable);
+                handleRowDragEndClearStatus($xeTable);
                 return rest;
             });
         }
-        clearRowDragData($xeTable);
-        clearCrossTableDragStatus($xeTable);
+        handleRowDragEndClearStatus($xeTable);
         return Promise.resolve(errRest);
     },
     handleCrossTableRowDragCancelEvent() {
         const $xeTable = this;
-        clearRowDragData($xeTable);
-        clearCrossTableDragStatus($xeTable);
+        handleRowDragEndClearStatus($xeTable);
     },
     /**
      * 处理跨表拖拽完成
@@ -9068,8 +9106,7 @@ const tableMethods = {
                 $xeTable.dispatchEvent('row-remove-dragend', {
                     row: dragRow
                 }, evnt);
-                clearRowDragData($xeTable);
-                clearCrossTableDragStatus($xeTable);
+                handleRowDragEndClearStatus($xeTable);
             }
         }
     },
@@ -9151,8 +9188,7 @@ const tableMethods = {
                                 $oldTable.handleCrossTableRowDragCancelEvent(evnt);
                             }
                         }
-                        clearRowDragData($xeTable);
-                        clearCrossTableDragStatus($xeTable);
+                        handleRowDragEndClearStatus($xeTable);
                         return errRest;
                     }
                     let insertRest = Promise.resolve();
@@ -9445,78 +9481,50 @@ const tableMethods = {
                 dragToChild: !!prevDragToChild,
                 offsetIndex: dragOffsetIndex
             };
-            const isDragToChildFlag = isSelfToChildDrag && dragToChildMethod ? dragToChildMethod(dragParams) : prevDragToChild;
-            return Promise.resolve(dragEndMethod ? dragEndMethod(dragParams) : true).then((status) => {
-                if (!status) {
-                    return errRest;
-                }
-                let dragTargetColumn = null;
-                const dragAllTargetCols = [];
-                let dragColWidth = 0;
-                if (animation) {
-                    XEUtils.eachTree([dragColumn], column => {
-                        if (!dragTargetColumn && (!column.children || !column.children.length)) {
-                            dragTargetColumn = column;
-                            dragColWidth += column.renderWidth;
-                        }
-                        dragAllTargetCols.push(column);
-                    });
-                }
-                if (!dragTargetColumn) {
-                    dragTargetColumn = dragColumn;
-                }
-                const dragColRest = fullColumnIdData[dragTargetColumn.id] || {};
-                const _dragColIndex = dragColRest._index;
-                let dragOffsetLeft = -1;
-                if (animation) {
-                    const oldTrEl = el.querySelector(`.vxe-table--column[colid="${dragTargetColumn.id}"]`);
-                    if (oldTrEl) {
-                        dragOffsetLeft = oldTrEl.offsetLeft;
-                    }
-                }
-                let oafIndex = -1;
-                let nafIndex = -1;
-                const oldAllMaps = {};
+            let dragTargetColumn = null;
+            const dragAllTargetCols = [];
+            let dragColWidth = 0;
+            if (animation) {
                 XEUtils.eachTree([dragColumn], column => {
-                    oldAllMaps[column.id] = column;
-                });
-                let isSelfToChildStatus = false;
-                if (dragColumn.parentId && newColumn.parentId) {
-                    // 子到子
-                    if (isPeerDrag && !isCrossDrag) {
-                        if (dragColumn.parentId !== newColumn.parentId) {
-                            // 非同级
-                            return errRest;
-                        }
-                    }
-                    else {
-                        if (!isCrossDrag) {
-                            return errRest;
-                        }
-                        if (oldAllMaps[newColumn.id]) {
-                            isSelfToChildStatus = true;
-                            if (!(isCrossDrag && isSelfToChildDrag)) {
-                                if (VxeUI.modal) {
-                                    VxeUI.modal.message({
-                                        status: 'error',
-                                        content: getI18n('vxe.error.treeDragChild')
-                                    });
-                                }
-                                return errRest;
-                            }
-                        }
+                    if (!dragTargetColumn && (!column.children || !column.children.length)) {
+                        dragTargetColumn = column;
+                        dragColWidth += column.renderWidth;
                     }
+                    dragAllTargetCols.push(column);
+                });
+            }
+            if (!dragTargetColumn) {
+                dragTargetColumn = dragColumn;
+            }
+            const dragColRest = fullColumnIdData[dragTargetColumn.id] || {};
+            const _dragColIndex = dragColRest._index;
+            let dragOffsetLeft = -1;
+            if (animation) {
+                const oldTrEl = el.querySelector(`.vxe-table--column[colid="${dragTargetColumn.id}"]`);
+                if (oldTrEl) {
+                    dragOffsetLeft = oldTrEl.offsetLeft;
                 }
-                else if (dragColumn.parentId) {
-                    // 子到根
-                    if (!isCrossDrag) {
-                        return errRest;
+            }
+            let oafIndex = -1;
+            let nafIndex = -1;
+            const oldAllMaps = {};
+            XEUtils.eachTree([dragColumn], column => {
+                oldAllMaps[column.id] = column;
+            });
+            let isSelfToChildStatus = false;
+            if (dragColumn.parentId && newColumn.parentId) {
+                // 子到子
+                if (isPeerDrag && !isCrossDrag) {
+                    if (dragColumn.parentId !== newColumn.parentId) {
+                        // 非同级
+                        handleColDragEndClearStatus($xeTable);
+                        return Promise.resolve(errRest);
                     }
                 }
-                else if (newColumn.parentId) {
-                    // 根到子
+                else {
                     if (!isCrossDrag) {
-                        return errRest;
+                        handleColDragEndClearStatus($xeTable);
+                        return Promise.resolve(errRest);
                     }
                     if (oldAllMaps[newColumn.id]) {
                         isSelfToChildStatus = true;
@@ -9527,12 +9535,46 @@ const tableMethods = {
                                     content: getI18n('vxe.error.treeDragChild')
                                 });
                             }
-                            return errRest;
+                            handleColDragEndClearStatus($xeTable);
+                            return Promise.resolve(errRest);
                         }
                     }
                 }
-                else {
-                    // 根到根
+            }
+            else if (dragColumn.parentId) {
+                // 子到根
+                if (!isCrossDrag) {
+                    handleColDragEndClearStatus($xeTable);
+                    return Promise.resolve(errRest);
+                }
+            }
+            else if (newColumn.parentId) {
+                // 根到子
+                if (!isCrossDrag) {
+                    handleColDragEndClearStatus($xeTable);
+                    return Promise.resolve(errRest);
+                }
+                if (oldAllMaps[newColumn.id]) {
+                    isSelfToChildStatus = true;
+                    if (!(isCrossDrag && isSelfToChildDrag)) {
+                        if (VxeUI.modal) {
+                            VxeUI.modal.message({
+                                status: 'error',
+                                content: getI18n('vxe.error.treeDragChild')
+                            });
+                        }
+                        handleColDragEndClearStatus($xeTable);
+                        return Promise.resolve(errRest);
+                    }
+                }
+            }
+            else {
+                // 根到根
+            }
+            const isDragToChildFlag = isSelfToChildDrag && dragToChildMethod ? dragToChildMethod(dragParams) : prevDragToChild;
+            return Promise.resolve(dragEndMethod ? dragEndMethod(dragParams) : true).then((status) => {
+                if (!status) {
+                    return errRest;
                 }
                 const oldewMatchRest = XEUtils.findTree(collectColumn, item => item.id === dragColumn.id);
                 // 改变层级
@@ -9692,13 +9734,11 @@ const tableMethods = {
             }).catch(() => {
                 return errRest;
             }).then((rest) => {
-                clearColDragData($xeTable);
-                clearCrossTableDragStatus($xeTable);
+                handleColDragEndClearStatus($xeTable);
                 return rest;
             });
         }
-        clearColDragData($xeTable);
-        clearCrossTableDragStatus($xeTable);
+        handleColDragEndClearStatus($xeTable);
         return Promise.resolve(errRest);
     },
     handleHeaderCellDragDragendEvent(evnt) {
@@ -10424,7 +10464,7 @@ const tableMethods = {
             handleUpdateRowGroup($xeTable, confList.map(fieldOrColumn => {
                 return XEUtils.isString(fieldOrColumn) ? fieldOrColumn : fieldOrColumn.field;
             }));
-            return loadTableData($xeTable, internalData.tableSynchData, true);
+            return loadTableData($xeTable, internalData.tableSynchData, false, true);
         }
         return $xeTable.$nextTick();
     },
@@ -10461,7 +10501,7 @@ const tableMethods = {
             return $xeTable.$nextTick();
         }
         handleUpdateRowGroup($xeTable, []);
-        return loadTableData($xeTable, internalData.tableSynchData, true);
+        return loadTableData($xeTable, internalData.tableSynchData, false, true);
     },
     isRowGroupRecord(row) {
         const $xeTable = this;
@@ -12046,7 +12086,7 @@ const tableMethods = {
     handleUpdateAggData() {
         const $xeTable = this;
         const internalData = $xeTable;
-        return loadTableData($xeTable, internalData.tableSynchData, true);
+        return loadTableData($xeTable, internalData.tableSynchData, false, true);
     },
     updateZindex() {
         if (this.zIndex) {

package/es/table/src/table.js

@@ -1485,7 +1485,7 @@ export default {
             if (value && value.length >= 20000) {
                 warnLog('vxe.error.errLargeData', ['loadData(data), reloadData(data)']);
             }
-            this.loadTableData(value || [], true).then(() => {
+            this.loadTableData(value || [], true, true).then(() => {
                 const { scrollXLoad, scrollYLoad, expandColumn } = reactData;
                 const expandOpts = $xeTable.computeExpandOpts;
                 this.inited = true;

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.19.28";
+export const version = "3.19.29";
 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${"3.19.28"}`;
+const version = `table v${"3.19.29"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);