vxe-table 4.7.10 → 4.7.12

package/lib/index.umd.js

@@ -1791,8 +1791,8 @@ var external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_ =
 var external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_default = /*#__PURE__*/__webpack_require__.n(external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
-external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_.VxeUI.version = "4.7.10";
-external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_.VxeUI.tableVersion = "4.7.10";
+external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_.VxeUI.version = "4.7.12";
+external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_.VxeUI.tableVersion = "4.7.12";
 external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_.VxeUI.setConfig({
   emptyCell: '　',
   table: {
@@ -2241,7 +2241,7 @@ function eqEmptyValue(cellValue) {
 const {
   log: log_log
 } = external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_.VxeUI;
-const version = `table v${"4.7.10"}`;
+const version = `table v${"4.7.12"}`;
 const warnLog = log_log.create('warn', version);
 const errLog = log_log.create('error', version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -5542,7 +5542,7 @@ const header_renderType = 'header';
         tableInternalData._lastResizeTime = Date.now();
         $xeTable.analyColumnWidth();
         $xeTable.recalculate(true).then(() => {
-          $xeTable.saveCustomResizable();
+          $xeTable.saveCustomStore('update:visible');
           $xeTable.updateCellAreas();
           $xeTable.dispatchEvent('resizable-change', {
             ...params,
@@ -6418,7 +6418,6 @@ const {
   setup(props) {
     const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', {});
     const {
-      props: tableProps,
       reactData
     } = $xeTable;
     const {
@@ -6449,23 +6448,6 @@ const {
         }
       }, 300);
     };
-    const handleSaveStore = type => {
-      const {
-        id
-      } = tableProps;
-      const customOpts = computeCustomOpts.value;
-      const {
-        storage,
-        updateStore
-      } = customOpts;
-      if (storage && id && updateStore) {
-        updateStore({
-          id,
-          type,
-          storeData: $xeTable.getCustomStoreData()
-        });
-      }
-    };
     const confirmCustomEvent = evnt => {
       const {
         customColumnList
@@ -6491,6 +6473,7 @@ const {
           if (column.renderVisible && (!column.children || column.children.length)) {
             if (column.renderResizeWidth !== column.renderWidth) {
               column.resizeWidth = column.renderResizeWidth;
+              column.renderWidth = column.renderResizeWidth;
             }
           }
         }
@@ -6500,7 +6483,7 @@ const {
       });
       $xeTable.closeCustom();
       $xeTable.emitCustomEvent('confirm', evnt);
-      handleSaveStore('confirm');
+      $xeTable.saveCustomStore('confirm');
     };
     const cancelCustomEvent = evnt => {
       const {
@@ -6549,7 +6532,6 @@ const {
       $xeTable.resetColumn(true);
       $xeTable.closeCustom();
       $xeTable.emitCustomEvent('reset', evnt);
-      handleSaveStore('reset');
     };
     const resetCustomEvent = evnt => {
       if (external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_.VxeUI.modal) {
@@ -6592,6 +6574,7 @@ const {
       handleOptionCheck(column);
       if (customOpts.immediate) {
         $xeTable.handleCustom();
+        $xeTable.saveCustomStore('update:visible');
       }
       $xeTable.checkCustomStatus();
     };
@@ -6897,6 +6880,7 @@ const {
       } = reactData;
       const customOpts = computeCustomOpts.value;
       const {
+        modalOptions,
         allowVisible,
         allowSort,
         allowFixed,
@@ -6905,6 +6889,7 @@ const {
         visibleMethod
       } = customOpts;
       const columnOpts = computeColumnOpts.value;
+      const modalOpts = Object.assign({}, modalOptions);
       const isMaxFixedColumn = computeIsMaxFixedColumn.value;
       const trVNs = [];
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(customColumnList, (column, index, items, path, parent) => {
@@ -6998,13 +6983,13 @@ const {
       const isAllIndeterminate = customStore.isIndeterminate;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('vxe-modal'), {
         key: 'popup',
-        className: 'vxe-table-custom-popup-wrapper vxe-table--ignore-clear',
+        className: ['vxe-table-custom-popup-wrapper', 'vxe-table--ignore-clear', modalOpts.className || ''].join(' '),
         modelValue: customStore.visible,
-        title: panel_getI18n('vxe.custom.cstmTitle'),
-        width: 700,
-        minWidth: 700,
-        height: 400,
-        minHeight: 400,
+        title: modalOpts.title || panel_getI18n('vxe.custom.cstmTitle'),
+        width: modalOpts.width || '50vw',
+        minWidth: modalOpts.minWidth || 700,
+        height: modalOpts.height || '50vh',
+        minHeight: modalOpts.minHeight || 400,
         mask: true,
         lockView: true,
         showFooter: true,
@@ -8024,10 +8009,7 @@ const {
   useFns
 } = external_root_VxeUI_commonjs_vxe_pc_ui_commonjs2_vxe_pc_ui_amd_vxe_pc_ui_.VxeUI;
 const isWebkit = browse['-webkit'] && !browse.edge;
-const resizableStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_WIDTH';
-const visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
-const fixedStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_FIXED';
-const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
+const customStorageKey = 'VXE_CUSTOM_STORE';
 /* harmony default export */ var table = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeTable',
   props: props,
@@ -8253,7 +8235,8 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
         isFooter: false
       },
       scrollVMLoading: false,
-      _isResize: false
+      _isResize: false,
+      _isLoading: false
     });
     const internalData = {
       tZindex: 0,
@@ -8653,12 +8636,20 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
       const oIndex = orders.indexOf(currOrder) + 1;
       return orders[oIndex < orders.length ? oIndex : 0];
     };
-    const getCustomStorageMap = key => {
+    const getCustomStorageMap = id => {
       const version = table_getConfig().version;
-      const rest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringJSON(localStorage.getItem(key) || '');
-      return rest && rest._v === version ? rest : {
+      const rest = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringJSON(localStorage.getItem(customStorageKey) || '');
+      const maps = rest && rest._v === version ? rest : {
         _v: version
       };
+      return (id ? maps[id] : maps) || {};
+    };
+    const setCustomStorageMap = (id, data) => {
+      const version = table_getConfig().version;
+      const maps = getCustomStorageMap();
+      maps[id] = data || undefined;
+      maps._v = version;
+      localStorage.setItem(customStorageKey, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toJSONString(maps));
     };
     const getRecoverRowMaps = keyMaps => {
       const {
@@ -8897,11 +8888,14 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
     /**
      * 还原自定义列操作状态
      */
-    const restoreCustomStorage = () => {
+    const restoreCustomStorage = async () => {
       const {
         id,
         customConfig
       } = props;
+      const {
+        tableFullColumn
+      } = internalData;
       const customOpts = computeCustomOpts.value;
       const {
         storage,
@@ -8913,128 +8907,56 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
       const isCustomVisible = isAllCustom || storageOpts.visible;
       const isCustomFixed = isAllCustom || storageOpts.fixed;
       const isCustomSort = isAllCustom || storageOpts.sort;
-      if (storage && id && restoreStore) {
-        restoreStore({
-          id
-        });
-      }
       if (customConfig && (isCustomResizable || isCustomVisible || isCustomFixed || isCustomSort)) {
-        const customMap = {};
         if (!id) {
           errLog('vxe.error.reqProp', ['id']);
           return;
         }
-        // 自定义列宽
-        if (isCustomResizable) {
-          const columnWidthStorage = getCustomStorageMap(resizableStorageKey)[id];
-          if (columnWidthStorage) {
-            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(columnWidthStorage, (resizeWidth, colKey) => {
-              customMap[colKey] = {
-                resizeWidth
-              };
-            });
-          }
-        }
-        // 自定义固定列
-        if (isCustomFixed) {
-          const columnFixedStorage = getCustomStorageMap(fixedStorageKey)[id];
-          if (columnFixedStorage) {
-            const colFixeds = columnFixedStorage.split(',');
-            colFixeds.forEach(fixConf => {
-              const [colKey, fixed] = fixConf.split('|');
-              if (customMap[colKey]) {
-                customMap[colKey].fixed = fixed;
-              } else {
-                customMap[colKey] = {
-                  fixed
-                };
-              }
-            });
-          }
-        }
-        // 自定义顺序
-        let hasCustomSort = false;
-        if (isCustomSort) {
-          const columnSortStorage = getCustomStorageMap(sortStorageKey)[id];
-          if (columnSortStorage) {
-            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(columnSortStorage, (renderSortNumber, colKey) => {
-              if (customMap[colKey]) {
-                customMap[colKey].renderSortNumber = renderSortNumber;
-              } else {
-                customMap[colKey] = {
-                  renderSortNumber
-                };
-              }
-              if (!hasCustomSort) {
-                hasCustomSort = true;
-              }
-            });
-          }
+        let storeData = getCustomStorageMap(id);
+        if (restoreStore) {
+          storeData = await restoreStore({
+            id,
+            type: 'restore',
+            storeData
+          });
         }
-        // 自定义隐藏列
-        if (isCustomVisible) {
-          const columnVisibleStorage = getCustomStorageMap(visibleStorageKey)[id];
-          if (columnVisibleStorage) {
-            const colVisibles = columnVisibleStorage.split('|');
-            const colHides = colVisibles[0] ? colVisibles[0].split(',') : [];
-            const colShows = colVisibles[1] ? colVisibles[1].split(',') : [];
-            colHides.forEach(colKey => {
-              if (customMap[colKey]) {
-                customMap[colKey].visible = false;
-              } else {
-                customMap[colKey] = {
-                  visible: false
-                };
-              }
-            });
-            colShows.forEach(colKey => {
-              if (customMap[colKey]) {
-                customMap[colKey].visible = true;
-              } else {
-                customMap[colKey] = {
-                  visible: true
-                };
-              }
-            });
-          }
+        if (!storeData) {
+          return;
         }
         let {
           collectColumn
         } = internalData;
-        const keyMap = {};
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn, column => {
-          const colKey = column.getKey();
-          if (colKey) {
-            keyMap[colKey] = column;
-          }
-        });
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(customMap, ({
-          visible,
-          resizeWidth,
-          fixed,
-          renderSortNumber
-        }, colKey) => {
-          const column = keyMap[colKey];
-          if (column) {
-            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(resizeWidth)) {
-              column.resizeWidth = resizeWidth;
+        const {
+          resizableData,
+          sortData,
+          visibleData,
+          fixedData
+        } = storeData;
+        let hasCustomSort = false;
+        // 处理还原
+        if (resizableData || sortData || visibleData || fixedData) {
+          tableFullColumn.forEach(column => {
+            const colKey = column.getKey();
+            if (resizableData && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(resizableData[colKey])) {
+              column.resizeWidth = resizableData[colKey];
             }
-            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(visible)) {
-              column.visible = visible;
+            if (visibleData && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(visibleData[colKey])) {
+              column.visible = visibleData[colKey];
             }
-            if (fixed) {
-              column.fixed = fixed;
+            if (fixedData && fixedData[colKey]) {
+              column.fixed = fixedData[colKey];
             }
-            if (renderSortNumber) {
-              column.renderSortNumber = Number(renderSortNumber);
+            if (sortData && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(sortData[colKey])) {
+              hasCustomSort = true;
+              column.renderSortNumber = sortData[colKey];
             }
+          });
+          // 如果自定义了顺序
+          if (hasCustomSort) {
+            collectColumn = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(collectColumn, 'renderSortNumber');
+            internalData.collectColumn = collectColumn;
+            internalData.tableFullColumn = getColumnList(collectColumn);
           }
-        });
-        // 如果自定义了顺序
-        if (hasCustomSort) {
-          collectColumn = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(collectColumn, 'renderSortNumber');
-          internalData.collectColumn = collectColumn;
-          internalData.tableFullColumn = getColumnList(collectColumn);
         }
       }
     };
@@ -10903,30 +10825,33 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
       internalData.collectColumn = collectColumn;
       const tableFullColumn = getColumnList(collectColumn);
       internalData.tableFullColumn = tableFullColumn;
+      reactData._isLoading = true;
       initColumnSort();
-      restoreCustomStorage();
-      cacheColumnMap();
-      parseColumns().then(() => {
-        if (reactData.scrollXLoad) {
-          loadScrollXData();
-        }
-      });
-      tableMethods.clearMergeCells();
-      tableMethods.clearMergeFooterItems();
-      tablePrivateMethods.handleTableData(true);
-      if (true) {
-        if ((reactData.scrollXLoad || reactData.scrollYLoad) && reactData.expandColumn) {
-          warnLog('vxe.error.scrollErrProp', ['column.type=expand']);
-        }
-      }
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
-        if ($xeToolbar) {
-          $xeToolbar.syncUpdate({
-            collectColumn,
-            $table: $xeTable
-          });
+      return restoreCustomStorage().then(() => {
+        reactData._isLoading = false;
+        cacheColumnMap();
+        parseColumns().then(() => {
+          if (reactData.scrollXLoad) {
+            loadScrollXData();
+          }
+        });
+        tableMethods.clearMergeCells();
+        tableMethods.clearMergeFooterItems();
+        tablePrivateMethods.handleTableData(true);
+        if (true) {
+          if ((reactData.scrollXLoad || reactData.scrollYLoad) && reactData.expandColumn) {
+            warnLog('vxe.error.scrollErrProp', ['column.type=expand']);
+          }
         }
-        return tableMethods.recalculate();
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
+          if ($xeToolbar) {
+            $xeToolbar.syncUpdate({
+              collectColumn,
+              $table: $xeTable
+            });
+          }
+          return tableMethods.recalculate();
+        });
       });
     };
     const updateScrollYStatus = fullData => {
@@ -11776,7 +11701,7 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
           external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree([targetColumn], column => {
             column.fixed = fixed;
           });
-          tablePrivateMethods.saveCustomFixed();
+          tablePrivateMethods.saveCustomStore('update:fixed');
           return tableMethods.refreshColumn();
         }
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
@@ -11791,7 +11716,7 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
           external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree([targetColumn], column => {
             column.fixed = null;
           });
-          tablePrivateMethods.saveCustomFixed();
+          tablePrivateMethods.saveCustomStore('update:fixed');
           return tableMethods.refreshColumn();
         }
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
@@ -11876,15 +11801,7 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
           }
           column.renderResizeWidth = column.renderWidth;
         });
-        if (opts.resizable) {
-          tablePrivateMethods.saveCustomResizable(true);
-        }
-        if (opts.sort) {
-          tablePrivateMethods.saveCustomSort(true);
-        }
-        if (opts.fixed) {
-          tablePrivateMethods.saveCustomFixed();
-        }
+        $xeTable.saveCustomStore('reset');
         return tablePrivateMethods.handleCustom();
       },
       /**
@@ -13245,21 +13162,26 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
         const visibleData = {};
         const fixedData = {};
         const storeData = {
-          resizableData,
-          sortData,
-          visibleData,
-          fixedData
+          resizableData: undefined,
+          sortData: undefined,
+          visibleData: undefined,
+          fixedData: undefined
         };
         if (!id) {
           errLog('vxe.error.reqProp', ['id']);
           return storeData;
         }
+        let hasResizable = 0;
+        let hasSort = 0;
+        let hasFixedt = 0;
+        let hasVisible = 0;
         external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn, (column, index, items, path, parent) => {
           // 排序只支持一级
           if (!parent) {
             collectColumn.forEach(column => {
               const colKey = column.getKey();
               if (colKey) {
+                hasSort = 1;
                 sortData[colKey] = column.renderSortNumber;
               }
             });
@@ -13267,12 +13189,14 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
           if (column.resizeWidth) {
             const colKey = column.getKey();
             if (colKey) {
+              hasResizable = 1;
               resizableData[colKey] = column.renderWidth;
             }
           }
           if (column.fixed && column.fixed !== column.defaultFixed) {
             const colKey = column.getKey();
             if (colKey) {
+              hasFixedt = 1;
               fixedData[colKey] = column.fixed;
             }
           }
@@ -13282,16 +13206,30 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
             if (!column.visible && column.defaultVisible) {
               const colKey = column.getKey();
               if (colKey) {
+                hasVisible = 1;
                 visibleData[colKey] = false;
               }
             } else if (column.visible && !column.defaultVisible) {
               const colKey = column.getKey();
               if (colKey) {
+                hasVisible = 1;
                 visibleData[colKey] = true;
               }
             }
           }
         });
+        if (hasResizable) {
+          storeData.resizableData = resizableData;
+        }
+        if (hasSort) {
+          storeData.sortData = sortData;
+        }
+        if (hasFixedt) {
+          storeData.fixedData = fixedData;
+        }
+        if (hasVisible) {
+          storeData.visibleData = visibleData;
+        }
         return storeData;
       },
       focus() {
@@ -14196,157 +14134,43 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
           autoList
         });
       },
-      saveCustomResizable(isReset) {
-        const {
-          id,
-          customConfig
-        } = props;
-        const customOpts = computeCustomOpts.value;
+      saveCustomStore(type) {
         const {
-          collectColumn
-        } = internalData;
-        const {
-          storage
-        } = customOpts;
-        const isAllStorage = storage === true;
-        const storageOpts = isAllStorage ? {} : Object.assign({}, storage || {});
-        const isResizable = isAllStorage || storageOpts.resizable;
-        if (customConfig && isResizable) {
-          const columnWidthStorageMap = getCustomStorageMap(resizableStorageKey);
-          let columnWidthStorage;
-          if (!id) {
-            errLog('vxe.error.reqProp', ['id']);
-            return;
-          }
-          if (!isReset) {
-            columnWidthStorage = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isPlainObject(columnWidthStorageMap[id]) ? columnWidthStorageMap[id] : {};
-            external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn, column => {
-              if (column.resizeWidth) {
-                const colKey = column.getKey();
-                if (colKey) {
-                  columnWidthStorage[colKey] = column.renderWidth;
-                }
-              }
-            });
-          }
-          columnWidthStorageMap[id] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEmpty(columnWidthStorage) ? undefined : columnWidthStorage;
-          localStorage.setItem(resizableStorageKey, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toJSONString(columnWidthStorageMap));
-        }
-      },
-      saveCustomSort(isReset) {
-        const {
-          id,
-          customConfig
+          id
         } = props;
         const customOpts = computeCustomOpts.value;
         const {
-          collectColumn
-        } = internalData;
-        const {
+          updateStore,
           storage
         } = customOpts;
-        const isAllStorage = storage === true;
-        const storageOpts = isAllStorage ? {} : Object.assign({}, storage || {});
-        const isSort = isAllStorage || storageOpts.sort;
-        if (customConfig && isSort) {
-          const columnSortStorageMap = getCustomStorageMap(sortStorageKey);
-          let columnWidthStorage;
+        const isAllCustom = storage === true;
+        const storageOpts = isAllCustom ? {} : Object.assign({}, storage || {});
+        const isCustomResizable = isAllCustom || storageOpts.resizable;
+        const isCustomVisible = isAllCustom || storageOpts.visible;
+        const isCustomFixed = isAllCustom || storageOpts.fixed;
+        const isCustomSort = isAllCustom || storageOpts.sort;
+        if (isCustomResizable || isCustomVisible || isCustomFixed || isCustomSort) {
           if (!id) {
             errLog('vxe.error.reqProp', ['id']);
-            return;
+            return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
           }
-          if (!isReset) {
-            columnWidthStorage = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isPlainObject(columnSortStorageMap[id]) ? columnSortStorageMap[id] : {};
-            // 排序只支持一级
-            collectColumn.forEach(column => {
-              const colKey = column.getKey();
-              if (colKey) {
-                columnWidthStorage[colKey] = column.renderSortNumber;
-              }
+          const storeData = type === 'reset' ? {
+            resizableData: {},
+            sortData: {},
+            visibleData: {},
+            fixedData: {}
+          } : tableMethods.getCustomStoreData();
+          if (updateStore) {
+            return updateStore({
+              id,
+              type,
+              storeData
             });
+          } else {
+            setCustomStorageMap(id, type === 'reset' ? null : storeData);
           }
-          columnSortStorageMap[id] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isEmpty(columnWidthStorage) ? undefined : columnWidthStorage;
-          localStorage.setItem(sortStorageKey, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toJSONString(columnSortStorageMap));
-        }
-      },
-      saveCustomFixed() {
-        const {
-          id,
-          customConfig
-        } = props;
-        const {
-          collectColumn
-        } = internalData;
-        const customOpts = computeCustomOpts.value;
-        const {
-          storage
-        } = customOpts;
-        const isAllStorage = storage === true;
-        const storageOpts = isAllStorage ? {} : Object.assign({}, storage || {});
-        const isCustomFixed = isAllStorage || storageOpts.fixed;
-        if (customConfig && isCustomFixed) {
-          const columnFixedStorageMap = getCustomStorageMap(fixedStorageKey);
-          const colFixeds = [];
-          if (!id) {
-            errLog('vxe.error.reqProp', ['id']);
-            return;
-          }
-          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn, column => {
-            if (column.fixed && column.fixed !== column.defaultFixed) {
-              const colKey = column.getKey();
-              if (colKey) {
-                colFixeds.push(`${colKey}|${column.fixed}`);
-              }
-            }
-          });
-          columnFixedStorageMap[id] = colFixeds.join(',') || undefined;
-          localStorage.setItem(fixedStorageKey, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toJSONString(columnFixedStorageMap));
-        }
-      },
-      saveCustomVisible() {
-        const {
-          id,
-          customConfig
-        } = props;
-        const {
-          collectColumn
-        } = internalData;
-        const customOpts = computeCustomOpts.value;
-        const {
-          checkMethod,
-          storage
-        } = customOpts;
-        const isAllStorage = storage === true;
-        const storageOpts = isAllStorage ? {} : Object.assign({}, storage || {});
-        const isCustomVisible = isAllStorage || storageOpts.visible;
-        if (customConfig && isCustomVisible) {
-          const columnVisibleStorageMap = getCustomStorageMap(visibleStorageKey);
-          const colHides = [];
-          const colShows = [];
-          if (!id) {
-            errLog('vxe.error.reqProp', ['id']);
-            return;
-          }
-          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn, column => {
-            if (!checkMethod || checkMethod({
-              column
-            })) {
-              if (!column.visible && column.defaultVisible) {
-                const colKey = column.getKey();
-                if (colKey) {
-                  colHides.push(colKey);
-                }
-              } else if (column.visible && !column.defaultVisible) {
-                const colKey = column.getKey();
-                if (colKey) {
-                  colShows.push(colKey);
-                }
-              }
-            }
-          });
-          columnVisibleStorageMap[id] = [colHides.join(',')].concat(colShows.length ? [colShows.join(',')] : []).join('|') || undefined;
-          localStorage.setItem(visibleStorageKey, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toJSONString(columnVisibleStorageMap));
         }
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       },
       handleCustom() {
         const {
@@ -14361,8 +14185,6 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
             $xeTable.clearCopyCellArea();
           }
         }
-        tablePrivateMethods.saveCustomVisible();
-        tablePrivateMethods.saveCustomSort();
         tablePrivateMethods.analyColumnWidth();
         return tableMethods.refreshColumn(true);
       },
@@ -16006,6 +15828,7 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
       const validTipOpts = computeValidTipOpts.value;
       const loadingOpts = computeLoadingOpts.value;
       const isMenu = computeIsMenu.value;
+      const currLoading = reactData._isLoading || loading;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-table', 'vxe-table--render-default', `tid_${xID}`, `border--${tableBorder}`, {
@@ -16027,8 +15850,8 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
           'is--animat': !!props.animat,
           'is--round': props.round,
           'is--stripe': !treeConfig && stripe,
-          'is--loading': loading,
-          'is--empty': !loading && !tableData.length,
+          'is--loading': currLoading,
+          'is--empty': !currLoading && !tableData.length,
           'is--scroll-y': overflowY,
           'is--scroll-x': overflowX,
           'is--virtual-x': scrollXLoad,
@@ -16111,7 +15934,7 @@ const sortStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_SORT';
        */
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('vxe-loading'), {
         class: 'vxe-table--loading',
-        modelValue: loading,
+        modelValue: currLoading,
         icon: loadingOpts.icon,
         text: loadingOpts.text
       }, loadingSlot ? {