vxe-table 3.21.21 → 3.21.23

package/es/table/module/edit/mixin.js

@@ -528,7 +528,8 @@ export default {
          * @param {*} records
          */
         _insert(records) {
-            return handleInsertRowAt(this, records, null);
+            const $xeTable = this;
+            return handleInsertRowAt($xeTable, records, null);
         },
         /**
          * 往表格指定行中插入临时数据
@@ -538,19 +539,24 @@ export default {
          * @returns
          */
         _insertAt(records, targetRowOrRowid) {
-            return handleInsertRowAt(this, records, targetRowOrRowid);
+            const $xeTable = this;
+            return handleInsertRowAt($xeTable, records, targetRowOrRowid);
         },
         _insertNextAt(records, targetRowOrRowid) {
-            return handleInsertRowAt(this, records, targetRowOrRowid, true);
+            const $xeTable = this;
+            return handleInsertRowAt($xeTable, records, targetRowOrRowid, true);
         },
         _insertChild(records, parentRowOrParentId) {
-            return handleInsertChildRowAt(this, records, parentRowOrParentId, null);
+            const $xeTable = this;
+            return handleInsertChildRowAt($xeTable, records, parentRowOrParentId, null);
         },
         _insertChildAt(records, parentRowOrParentId, targetRowOrRowid) {
-            return handleInsertChildRowAt(this, records, parentRowOrParentId, targetRowOrRowid);
+            const $xeTable = this;
+            return handleInsertChildRowAt($xeTable, records, parentRowOrParentId, targetRowOrRowid);
         },
         _insertChildNextAt(records, parentRowOrParentId, targetRowOrRowid) {
-            return handleInsertChildRowAt(this, records, parentRowOrParentId, targetRowOrRowid, true);
+            const $xeTable = this;
+            return handleInsertChildRowAt($xeTable, records, parentRowOrParentId, targetRowOrRowid, true);
         },
         /**
          * 删除指定行数据

package/es/table/src/columnInfo.js

@@ -13,7 +13,7 @@ export class ColumnInfo {
         const $xeGrid = $xeTable.$xeGrid;
         const $xeGantt = $xeTable.$xeGantt;
         const $xeGGWrapper = $xeGrid || $xeGantt;
-        const { type, field, width, visible, aggFunc, formatter, filterMultiple, cellRender, editRender, filterRender } = colConfs;
+        const { type, field, width, visible, fixed, align, headerAlign, footerAlign, aggFunc, formatter, filterMultiple, cellRender, editRender, filterRender } = colConfs;
         const colId = colConfs.colId || XEUtils.uniqueId('col_');
         const proxyOpts = $xeGrid ? $xeGrid.computeProxyOpts : null;
         const defaultVisible = XEUtils.isBoolean(visible) ? visible : true;
@@ -82,10 +82,10 @@ export class ColumnInfo {
             minWidth: colConfs.minWidth,
             maxWidth: colConfs.maxWidth,
             resizable: colConfs.resizable,
-            fixed: colConfs.fixed,
-            align: colConfs.align,
-            headerAlign: colConfs.headerAlign,
-            footerAlign: colConfs.footerAlign,
+            fixed,
+            align,
+            headerAlign,
+            footerAlign,
             showOverflow: colConfs.showOverflow,
             showHeaderOverflow: colConfs.showHeaderOverflow,
             showFooterOverflow: colConfs.showFooterOverflow,
@@ -126,7 +126,7 @@ export class ColumnInfo {
             titleHelp: colConfs.titleHelp,
             titlePrefix: colConfs.titlePrefix,
             titleSuffix: colConfs.titleSuffix,
-            aggFunc: colConfs.aggFunc,
+            aggFunc,
             copyMethod: colConfs.copyMethod,
             cutMethod: colConfs.cutMethod,
             pasteMethod: colConfs.pasteMethod,
@@ -140,7 +140,10 @@ export class ColumnInfo {
             defaultParentId: null,
             halfVisible: false,
             defaultVisible: defaultVisible,
-            defaultFixed: colConfs.fixed,
+            defaultFixed: fixed,
+            defaultAlign: align,
+            defaultHeaderAlign: headerAlign,
+            defaultFooterAlign: footerAlign,
             defaultAggFunc: colConfs.aggFunc,
             checked: false,
             halfChecked: false,
@@ -160,6 +163,9 @@ export class ColumnInfo {
             renderAggFn: '',
             renderAggDigits: null,
             renderAggFormat: null,
+            renderAlign: '',
+            renderHeaderAlign: '',
+            renderFooterAlign: '',
             renderFixed: '',
             renderVisible: false,
             renderWidth: defaultRenderWidth,

package/es/table/src/methods.js

@@ -3,7 +3,7 @@ import { getTpImg, isPx, isScale, hasClass, addClass, removeClass, wheelScrollLe
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../ui/src/utils';
 import { VxeUI } from '../../ui';
 import Cell from './cell';
-import { getRowUniqueId, createRowId, clearTableAllStatus, getColumnList, toFilters, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getColReMinWidth, getColReMaxWidth, createHandleUpdateRowId, createHandleGetRowId, getRefElem, getCellRestHeight, getLastChildColumn, getRowMaxHeight } from './util';
+import { getRowUniqueId, createRowId, clearTableAllStatus, getColumnList, toFilters, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getColReMinWidth, getColReMaxWidth, createHandleUpdateRowId, createHandleGetRowId, getRefElem, getCellRestHeight, getLastChildColumn, getRowMaxHeight, handleCustomStoreConfig } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 import { moveRowAnimateToTb, clearRowAnimate, moveColAnimateToLr, clearColAnimate } from '../../ui/src/anime';
 import { createComponentLog } from '../../ui/src/log';
@@ -31,9 +31,6 @@ function eqCellValue(newRow, oldRow, field) {
     }
     return { newValue: val1, oldValue: val2, result };
 }
-function hangleStorageDefaultValue(value, isAll) {
-    return XEUtils.isBoolean(value) ? value : isAll;
-}
 function getNextSortOrder($xeTable, column) {
     const sortOpts = $xeTable.computeSortOpts;
     const { orders = [] } = sortOpts;
@@ -127,19 +124,18 @@ function handleCustomRestore($xeTable, storeData) {
     const internalData = $xeTable;
     const { aggregateConfig, rowGroupConfig } = props;
     const { collectColumn } = internalData;
-    const customOpts = $xeTable.computeCustomOpts;
-    const { storage, storeOptions } = customOpts;
-    const isAllCustom = storage === true;
-    const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
-    const isCustomResizable = hangleStorageDefaultValue(storageOpts.resizable, isAllCustom);
-    const isCustomVisible = hangleStorageDefaultValue(storageOpts.visible, isAllCustom);
-    const isCustomFixed = hangleStorageDefaultValue(storageOpts.fixed, isAllCustom);
-    const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
-    const isCustomAggGroup = hangleStorageDefaultValue(storageOpts.aggGroup, isAllCustom);
-    const isCustomAggFunc = hangleStorageDefaultValue(storageOpts.aggFunc, isAllCustom);
-    let { resizableData, sortData, visibleData, fixedData, aggGroupData, aggFuncData } = storeData;
+    const { isCustomAlign, isCustomHeaderAlign, isCustomFooterAlign, isCustomResizable, isCustomVisible, isCustomFixed, isCustomSort, isCustomAggGroup, isCustomAggFunc } = handleCustomStoreConfig($xeTable);
+    let { alignData, headerAlignData, footerAlignData, resizableData, sortData, visibleData, fixedData, aggGroupData, aggFuncData } = storeData;
     // 处理还原
-    if ((isCustomResizable && resizableData) || (isCustomSort && sortData) || (isCustomVisible && visibleData) || (isCustomFixed && fixedData) || (isCustomAggGroup && aggGroupData) || (isCustomAggFunc && aggFuncData)) {
+    if ((isCustomAlign && alignData) ||
+        (isCustomHeaderAlign && headerAlignData) ||
+        (isCustomFooterAlign && footerAlignData) ||
+        (isCustomResizable && resizableData) ||
+        (isCustomSort && sortData) ||
+        (isCustomVisible && visibleData) ||
+        (isCustomFixed && fixedData) ||
+        (isCustomAggGroup && aggGroupData) ||
+        (isCustomAggFunc && aggFuncData)) {
         const sortColMaps = {};
         if (isCustomSort && sortData) {
             // 转换兼容老版本数据，即将废弃兼容
@@ -223,15 +219,19 @@ function restoreCustomStorage($xeTable) {
     const { customConfig } = props;
     const tableId = $xeTable.computeTableId;
     const customOpts = $xeTable.computeCustomOpts;
-    const { storage, restoreStore, storeOptions } = customOpts;
-    const isAllCustom = storage === true;
-    const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
-    const isCustomResizable = hangleStorageDefaultValue(storageOpts.resizable, isAllCustom);
-    const isCustomVisible = hangleStorageDefaultValue(storageOpts.visible, isAllCustom);
-    const isCustomFixed = hangleStorageDefaultValue(storageOpts.fixed, isAllCustom);
-    const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
-    const isCustomAggFunc = hangleStorageDefaultValue(storageOpts.aggFunc, isAllCustom);
-    if (storage && (customConfig ? isEnableConf(customOpts) : customOpts.enabled) && (isCustomResizable || isCustomVisible || isCustomFixed || isCustomSort || isCustomAggFunc)) {
+    const { storage, restoreStore } = customOpts;
+    const { isCustomAlign, isCustomHeaderAlign, isCustomFooterAlign, isCustomResizable, isCustomVisible, isCustomFixed, isCustomSort, isCustomAggGroup, isCustomAggFunc } = handleCustomStoreConfig($xeTable);
+    if (storage &&
+        (customConfig ? isEnableConf(customOpts) : customOpts.enabled) &&
+        (isCustomAlign ||
+            isCustomHeaderAlign ||
+            isCustomFooterAlign ||
+            isCustomResizable ||
+            isCustomVisible ||
+            isCustomFixed ||
+            isCustomSort ||
+            isCustomAggGroup ||
+            isCustomAggFunc)) {
         if (!tableId) {
             errLog('vxe.error.reqProp', ['id']);
             return;
@@ -2892,12 +2892,16 @@ function handleTooltip($xeTable, evnt, tipOpts, type, tdEl, overflowElem, tipEle
         // 如果为 null 使用默认逻辑
         if (XEUtils.eqNull(customContent)) {
             isShow = isOver;
+            content = cellText;
         }
         else if (customContent !== '' && customContent !== false) {
             // 如果为 '' | false 则不显示
             isShow = true;
+            content = customContent;
+        }
+        else {
+            content = cellText;
         }
-        content = cellText;
     }
     if (isShow && content) {
         const tipContent = formatText(content);
@@ -6393,15 +6397,19 @@ const tableMethods = {
         const { customConfig } = props;
         const tableId = $xeTable.computeTableId;
         const customOpts = $xeTable.computeCustomOpts;
-        const { storage, restoreStore, storeOptions } = customOpts;
-        const isAllCustom = storage === true;
-        const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
-        const isCustomResizable = hangleStorageDefaultValue(storageOpts.resizable, isAllCustom);
-        const isCustomVisible = hangleStorageDefaultValue(storageOpts.visible, isAllCustom);
-        const isCustomFixed = hangleStorageDefaultValue(storageOpts.fixed, isAllCustom);
-        const isCustomAggGroup = hangleStorageDefaultValue(storageOpts.aggGroup, isAllCustom);
-        const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
-        if (storage && (customConfig ? isEnableConf(customOpts) : customOpts.enabled) && (isCustomResizable || isCustomVisible || isCustomFixed || isCustomAggGroup || isCustomSort)) {
+        const { storage, restoreStore } = customOpts;
+        const { isCustomAlign, isCustomHeaderAlign, isCustomFooterAlign, isCustomResizable, isCustomVisible, isCustomFixed, isCustomSort, isCustomAggGroup, isCustomAggFunc } = handleCustomStoreConfig($xeTable);
+        if (storage &&
+            (customConfig ? isEnableConf(customOpts) : customOpts.enabled) &&
+            (isCustomAlign ||
+                isCustomHeaderAlign ||
+                isCustomFooterAlign ||
+                isCustomResizable ||
+                isCustomVisible ||
+                isCustomFixed ||
+                isCustomSort ||
+                isCustomAggGroup ||
+                isCustomAggFunc)) {
             if (!tableId) {
                 errLog('vxe.error.reqProp', ['id']);
                 return;
@@ -6446,6 +6454,9 @@ const tableMethods = {
             if (!checkMethod || checkMethod({ $table: $xeTable, column })) {
                 column.visible = column.defaultVisible;
             }
+            column.align = column.defaultAlign;
+            column.headerAlign = column.defaultHeaderAlign;
+            column.footerAlign = column.defaultFooterAlign;
             column.aggFunc = column.defaultAggFunc;
             column.renderAggFn = column.defaultAggFunc;
             column.renderResizeWidth = column.renderWidth;
@@ -6491,15 +6502,11 @@ const tableMethods = {
         const customOpts = $xeTable.computeCustomOpts;
         const { isRowGroupStatus, rowGroupList } = reactData;
         const { fullColumnFieldData, collectColumn } = internalData;
-        const { storage, checkMethod, storeOptions } = customOpts;
-        const isAllCustom = storage === true;
-        const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
-        const isCustomResizable = hangleStorageDefaultValue(storageOpts.resizable, isAllCustom);
-        const isCustomVisible = hangleStorageDefaultValue(storageOpts.visible, isAllCustom);
-        const isCustomFixed = hangleStorageDefaultValue(storageOpts.fixed, isAllCustom);
-        const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
-        const isCustomAggGroup = hangleStorageDefaultValue(storageOpts.aggGroup, isAllCustom);
-        const isCustomAggFunc = hangleStorageDefaultValue(storageOpts.aggFunc, isAllCustom);
+        const { storage, checkMethod } = customOpts;
+        const { isCustomAlign, isCustomHeaderAlign, isCustomFooterAlign, isCustomResizable, isCustomVisible, isCustomFixed, isCustomSort, isCustomAggGroup, isCustomAggFunc } = handleCustomStoreConfig($xeTable);
+        const alignData = {};
+        const headerAlignData = {};
+        const footerAlignData = {};
         const resizableData = {};
         const sortData = [];
         const visibleData = {};
@@ -6507,6 +6514,9 @@ const tableMethods = {
         const aggGroupData = {};
         const aggFuncData = {};
         const storeData = {
+            alignData: undefined,
+            headerAlignData: undefined,
+            footerAlignData: undefined,
             resizableData: undefined,
             sortData: undefined,
             visibleData: undefined,
@@ -6520,6 +6530,9 @@ const tableMethods = {
             }
             return storeData;
         }
+        let hasAlign = 0;
+        let hasHeaderAlign = 0;
+        let hasFooterAlign = 0;
         let hasResizable = 0;
         let hasSort = 0;
         let hasFixed = 0;
@@ -6560,6 +6573,18 @@ const tableMethods = {
                     fixedData[colKey] = column.fixed;
                 }
             }
+            if (isCustomAlign && column.align) {
+                hasAlign = 1;
+                alignData[colKey] = column.align;
+            }
+            if (isCustomHeaderAlign && column.headerAlign) {
+                hasHeaderAlign = 1;
+                headerAlignData[colKey] = column.headerAlign;
+            }
+            if (isCustomFooterAlign && column.footerAlign) {
+                hasFooterAlign = 1;
+                footerAlignData[colKey] = column.footerAlign;
+            }
             if (isCustomResizable && column.resizeWidth) {
                 hasResizable = 1;
                 resizableData[colKey] = column.renderWidth;
@@ -6579,6 +6604,15 @@ const tableMethods = {
                 aggFuncData[colKey] = column.aggFunc;
             }
         });
+        if (hasAlign) {
+            storeData.alignData = alignData;
+        }
+        if (hasHeaderAlign) {
+            storeData.headerAlignData = headerAlignData;
+        }
+        if (hasFooterAlign) {
+            storeData.footerAlignData = footerAlignData;
+        }
         if (hasResizable) {
             storeData.resizableData = resizableData;
         }
@@ -6615,33 +6649,40 @@ const tableMethods = {
         const { customConfig } = props;
         const tableId = $xeTable.computeTableId;
         const customOpts = $xeTable.computeCustomOpts;
-        const { updateStore, storage, storeOptions } = customOpts;
-        const isAllCustom = storage === true;
-        const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
-        const isCustomResizable = hangleStorageDefaultValue(storageOpts.resizable, isAllCustom);
-        const isCustomVisible = hangleStorageDefaultValue(storageOpts.visible, isAllCustom);
-        const isCustomFixed = hangleStorageDefaultValue(storageOpts.fixed, isAllCustom);
-        const isCustomSort = hangleStorageDefaultValue(storageOpts.sort, isAllCustom);
-        const isCustomAggGroup = hangleStorageDefaultValue(storageOpts.aggGroup, isAllCustom);
-        const isCustomAggFunc = hangleStorageDefaultValue(storageOpts.aggFunc, isAllCustom);
+        const { updateStore, storage } = customOpts;
+        const { isCustomAlign, isCustomHeaderAlign, isCustomFooterAlign, isCustomResizable, isCustomVisible, isCustomFixed, isCustomSort, isCustomAggGroup, isCustomAggFunc } = handleCustomStoreConfig($xeTable);
         if (type !== 'reset') {
+            // fix：修复拖动列宽，重置按钮无法点击的问题
             reactData.isCustomStatus = true;
         }
-        if (storage && (customConfig ? isEnableConf(customOpts) : customOpts.enabled) && (isCustomResizable || isCustomVisible || isCustomFixed || isCustomSort || isCustomAggGroup || isCustomAggFunc)) {
+        if (storage &&
+            (customConfig ? isEnableConf(customOpts) : customOpts.enabled) &&
+            (isCustomAlign ||
+                isCustomHeaderAlign ||
+                isCustomFooterAlign ||
+                isCustomResizable ||
+                isCustomVisible ||
+                isCustomFixed ||
+                isCustomSort ||
+                isCustomAggGroup ||
+                isCustomAggFunc)) {
             if (!tableId) {
                 errLog('vxe.error.reqProp', ['id']);
-                return this.$nextTick();
+                return $xeTable.$nextTick();
             }
             const storeData = type === 'reset'
                 ? {
+                    alignData: {},
+                    headerAlignData: {},
+                    footerAlignData: {},
                     resizableData: {},
-                    sortData: {},
+                    sortData: [],
                     visibleData: {},
                     fixedData: {},
                     aggGroupData: {},
                     aggFuncData: {}
                 }
-                : this.getCustomStoreData();
+                : $xeTable.getCustomStoreData();
             if (updateStore) {
                 return updateStore({
                     $table: $xeTable,
@@ -6654,13 +6695,17 @@ const tableMethods = {
                 setCustomStorageMap(tableId, type === 'reset' ? null : storeData);
             }
         }
-        return this.$nextTick();
+        return $xeTable.$nextTick();
     },
     handleUpdateDataQueue() {
-        this.upDataFlag++;
+        const $xeTable = this;
+        const reactData = $xeTable;
+        reactData.upDataFlag++;
     },
     handleRefreshColumnQueue() {
-        this.reColumnFlag++;
+        const $xeTable = this;
+        const reactData = $xeTable;
+        reactData.reColumnFlag++;
     },
     handleFilterOptions(column) {
         const $xeTable = this;

package/es/table/src/util.js

@@ -219,7 +219,8 @@ export function createReactData() {
             activeWrapper: false,
             visible: false,
             maxHeight: null,
-            popupStyle: {},
+            defPopupStyle: {},
+            panePopupStyle: {},
             oldSortMaps: {},
             oldFixedMaps: {},
             oldVisibleMaps: {}
@@ -1011,3 +1012,32 @@ export function colToVisible($xeTable, isForce, column, row) {
     }
     return Promise.resolve();
 }
+function hangleBolleanDefaultValue(currVal, defVal) {
+    return XEUtils.isBoolean(currVal) ? currVal : defVal;
+}
+export function handleCustomStoreConfig($xeTable) {
+    const customOpts = $xeTable.computeCustomOpts;
+    const { storage, storeOptions } = customOpts;
+    const isAllCustom = storage === true;
+    const storageOpts = Object.assign({}, isAllCustom ? {} : storage || {}, storeOptions);
+    const isCustomAlign = hangleBolleanDefaultValue(storageOpts.align, isAllCustom);
+    const isCustomHeaderAlign = hangleBolleanDefaultValue(storageOpts.headerAlign, isAllCustom);
+    const isCustomFooterAlign = hangleBolleanDefaultValue(storageOpts.footerAlign, isAllCustom);
+    const isCustomResizable = hangleBolleanDefaultValue(storageOpts.resizable, isAllCustom);
+    const isCustomVisible = hangleBolleanDefaultValue(storageOpts.visible, isAllCustom);
+    const isCustomFixed = hangleBolleanDefaultValue(storageOpts.fixed, isAllCustom);
+    const isCustomSort = hangleBolleanDefaultValue(storageOpts.sort, isAllCustom);
+    const isCustomAggGroup = hangleBolleanDefaultValue(storageOpts.aggGroup, isAllCustom);
+    const isCustomAggFunc = hangleBolleanDefaultValue(storageOpts.aggFunc, isAllCustom);
+    return {
+        isCustomAlign,
+        isCustomHeaderAlign,
+        isCustomFooterAlign,
+        isCustomResizable,
+        isCustomVisible,
+        isCustomFixed,
+        isCustomSort,
+        isCustomAggGroup,
+        isCustomAggFunc
+    };
+}