vxe-table 4.19.8 → 4.19.10

package/dist/all.esm.js

@@ -44,7 +44,7 @@ function eqEmptyValue(cellValue) {
     return cellValue === '' || XEUtils.eqNull(cellValue);
 }
 
-const version$1 = "4.19.8";
+const version$1 = "4.19.10";
 VxeUI.version = version$1;
 VxeUI.tableVersion = version$1;
 VxeUI.setConfig({
@@ -556,7 +556,7 @@ const modal = {
 const defineVxeComponent = defineComponent;
 
 const { log } = VxeUI;
-const version = `table v${"4.19.8"}`;
+const version = `table v${"4.19.10"}`;
 const warnLog = log.create('warn', version);
 const errLog = log.create('error', version);
 
@@ -1020,6 +1020,7 @@ function createInternalData$3() {
         fullColumnIdData: {},
         fullColumnFieldData: {},
         fullCellHeightMaps: {},
+        fullCellStoreMaps: {},
         // 当前行
         currentRow: null,
         // 合并表头单元格的数据
@@ -4306,11 +4307,21 @@ var TableBodyComponent = defineVxeComponent({
                         class: 'vxe-cell--wrapper vxe-body-cell--wrapper'
                     }, column.renderCell(cellParams)));
                 }
+                tdVNs.push(h('div', {
+                    key: 'tc',
+                    class: ['vxe-cell', {
+                            'c--title': showTitle,
+                            'c--tooltip': showTooltip,
+                            'c--ellipsis': showEllipsis
+                        }],
+                    style: tcStyle,
+                    title: showTitle ? $xeTable.getCellLabel(row, column) : null
+                }, clVNs));
                 if (showValidTip && errorValidItem) {
                     const errRule = errorValidItem.rule;
                     const validSlot = slots ? slots.valid : null;
                     const validParams = Object.assign(Object.assign(Object.assign({}, cellParams), errorValidItem), { rule: errorValidItem });
-                    clVNs.push(h('div', {
+                    tdVNs.push(h('div', {
                         key: 'tcv',
                         class: ['vxe-cell--valid-error-tip', getPropClass(validOpts.className, validParams)],
                         style: errRule && errRule.maxWidth
@@ -4332,16 +4343,6 @@ var TableBodyComponent = defineVxeComponent({
                         ])
                     ]));
                 }
-                tdVNs.push(h('div', {
-                    key: 'tc',
-                    class: ['vxe-cell', {
-                            'c--title': showTitle,
-                            'c--tooltip': showTooltip,
-                            'c--ellipsis': showEllipsis
-                        }],
-                    style: tcStyle,
-                    title: showTitle ? $xeTable.getCellLabel(row, column) : null
-                }, clVNs));
             }
             let showAreaRowStatus = false;
             if (mouseConfig && mouseOpts.area && !_columnIndex && selectCellToRow) {
@@ -14229,7 +14230,24 @@ renderer$2.mixin({
         renderTableEdit: nativeSelectEditRender,
         renderTableDefault: nativeSelectEditRender,
         renderTableCell(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
+            const { options, optionGroups } = renderOpts;
+            const { $table, row, column } = params;
+            const opSize = options ? options.length : null;
+            const ogSize = optionGroups ? optionGroups.length : null;
+            const { cellResult } = $table.effectCellData(row, column, {
+                key: 'render_table_cell',
+                isChanged({ oldValue, cellValue }) {
+                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
+                },
+                setValue({ cellValue }) {
+                    return [cellValue, opSize, ogSize];
+                },
+                getResult({ cellValue }) {
+                    return handleSelectCellValue(cellValue, renderOpts);
+                }
+            });
+            // const cellResult = getSelectCellValue(renderOpts, params)
+            return getCellLabelVNs(renderOpts, params, cellResult);
         },
         createTableFilterOptions: defaultFilterOptions,
         renderTableFilter(renderOpts, params) {
@@ -14340,15 +14358,20 @@ renderer$2.mixin({
         tableAutoFocus: 'input',
         renderTableEdit: defaultEditRender,
         renderTableCell(renderOpts, params) {
-            const { props = {} } = renderOpts;
-            const { row, column } = params;
-            let cellValue = XEUtils.get(row, column.field);
-            if (cellValue) {
-                if (props.type !== 'time') {
-                    cellValue = getLabelFormatDate(cellValue, props);
+            const props = renderOpts.props || {};
+            const { $table, row, column } = params;
+            const { cellResult } = $table.effectCellData(row, column, {
+                key: 'render_table_cell',
+                getResult({ cellValue }) {
+                    if (cellValue) {
+                        if (props.type !== 'time') {
+                            return getLabelFormatDate(cellValue, props);
+                        }
+                    }
+                    return cellValue;
                 }
-            }
-            return getCellLabelVNs(renderOpts, params, cellValue);
+            });
+            return getCellLabelVNs(renderOpts, params, cellResult);
         },
         tableCellFormatter: handleFormatDatePicker,
         renderTableDefault: defaultEditRender,
@@ -14396,6 +14419,37 @@ renderer$2.mixin({
                 }, seOs)))
             ];
         },
+        renderTableDefault(renderOpts, params) {
+            const { startField, endField } = renderOpts;
+            const { row, column } = params;
+            const { model } = column;
+            const cellValue = getCellValue(row, column);
+            const seProps = {};
+            const seOs = {};
+            if (startField && endField) {
+                seProps.startValue = XEUtils.get(row, startField);
+                seProps.endValue = XEUtils.get(row, endField);
+                seOs['onUpdate:startValue'] = (value) => {
+                    if (startField) {
+                        XEUtils.set(row, startField, value);
+                    }
+                };
+                seOs['onUpdate:endValue'] = (value) => {
+                    if (endField) {
+                        XEUtils.set(row, endField, value);
+                    }
+                };
+            }
+            return [
+                h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, cellValue, seProps)), getComponentOns(renderOpts, params, {
+                    model(cellValue) {
+                        model.update = true;
+                        model.value = cellValue;
+                        setCellValue(row, column, cellValue);
+                    }
+                }, seOs)))
+            ];
+        },
         renderTableCell(renderOpts, params) {
             const { startField, endField } = renderOpts;
             const { row, column } = params;
@@ -14428,6 +14482,7 @@ renderer$2.mixin({
     },
     VxeTextarea: {
         tableAutoFocus: 'textarea',
+        renderTableDefault: defaultEditRender,
         renderTableEdit: defaultEditRender,
         renderTableCell(renderOpts, params) {
             const { row, column } = params;
@@ -14451,7 +14506,24 @@ renderer$2.mixin({
         renderTableEdit: defaultSelectEditRender,
         renderTableDefault: defaultSelectEditRender,
         renderTableCell(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
+            const { options, optionGroups } = renderOpts;
+            const { $table, row, column } = params;
+            const opSize = options ? options.length : null;
+            const ogSize = optionGroups ? optionGroups.length : null;
+            const { cellResult } = $table.effectCellData(row, column, {
+                key: 'render_table_cell',
+                isChanged({ oldValue, cellValue }) {
+                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
+                },
+                setValue({ cellValue }) {
+                    return [cellValue, opSize, ogSize];
+                },
+                getResult({ cellValue }) {
+                    return handleSelectCellValue(cellValue, renderOpts);
+                }
+            });
+            // const cellResult = getSelectCellValue(renderOpts, params)
+            return getCellLabelVNs(renderOpts, params, cellResult);
         },
         createTableFilterOptions: defaultFilterOptions,
         renderTableFilter(renderOpts, params) {
@@ -14506,7 +14578,24 @@ renderer$2.mixin({
     },
     FormatSelect: {
         renderTableDefault(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getSelectCellValue(renderOpts, params));
+            const { options, optionGroups } = renderOpts;
+            const { $table, row, column } = params;
+            const opSize = options ? options.length : null;
+            const ogSize = optionGroups ? optionGroups.length : null;
+            const { cellResult } = $table.effectCellData(row, column, {
+                key: 'render_table_cell',
+                isChanged({ oldValue, cellValue }) {
+                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
+                },
+                setValue({ cellValue }) {
+                    return [cellValue, opSize, ogSize];
+                },
+                getResult({ cellValue }) {
+                    return handleSelectCellValue(cellValue, renderOpts);
+                }
+            });
+            // const cellResult = getSelectCellValue(renderOpts, params)
+            return getCellLabelVNs(renderOpts, params, cellResult);
         },
         tableCellFormatter: handleFormatSelect,
         tableCellCopyMethod: handleFormatSelect,
@@ -14518,7 +14607,24 @@ renderer$2.mixin({
         tableAutoFocus: 'input',
         renderTableEdit: defaultTableOrTreeSelectEditRender,
         renderTableCell(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
+            const { options, optionGroups } = renderOpts;
+            const { $table, row, column } = params;
+            const opSize = options ? options.length : null;
+            const ogSize = optionGroups ? optionGroups.length : null;
+            const { cellResult } = $table.effectCellData(row, column, {
+                key: 'render_table_cell',
+                isChanged({ oldValue, cellValue }) {
+                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
+                },
+                setValue({ cellValue }) {
+                    return [cellValue, opSize, ogSize];
+                },
+                getResult({ cellValue }) {
+                    return handleTreeSelectCellValue(cellValue, renderOpts);
+                }
+            });
+            // const cellResult = getTreeSelectCellValue(renderOpts, params)
+            return getCellLabelVNs(renderOpts, params, cellResult);
         },
         tableCellFormatter: handleFormatTreeSelect,
         tableCellCopyMethod: handleFormatTreeSelect,
@@ -14536,7 +14642,24 @@ renderer$2.mixin({
     },
     FormatTreeSelect: {
         renderTableDefault(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
+            const { options, optionGroups } = renderOpts;
+            const { $table, row, column } = params;
+            const opSize = options ? options.length : null;
+            const ogSize = optionGroups ? optionGroups.length : null;
+            const { cellResult } = $table.effectCellData(row, column, {
+                key: 'render_table_cell',
+                isChanged({ oldValue, cellValue }) {
+                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
+                },
+                setValue({ cellValue }) {
+                    return [cellValue, opSize, ogSize];
+                },
+                getResult({ cellValue }) {
+                    return handleTreeSelectCellValue(cellValue, renderOpts);
+                }
+            });
+            // const cellResult = getTreeSelectCellValue(renderOpts, params)
+            return getCellLabelVNs(renderOpts, params, cellResult);
         },
         tableCellFormatter: handleFormatTreeSelect,
         tableCellCopyMethod: handleFormatTreeSelect,
@@ -14547,7 +14670,24 @@ renderer$2.mixin({
         tableAutoFocus: 'input',
         renderTableEdit: defaultTableOrTreeSelectEditRender,
         renderTableCell(renderOpts, params) {
-            return getCellLabelVNs(renderOpts, params, getTreeSelectCellValue(renderOpts, params));
+            const { options, optionGroups } = renderOpts;
+            const { $table, row, column } = params;
+            const opSize = options ? options.length : null;
+            const ogSize = optionGroups ? optionGroups.length : null;
+            const { cellResult } = $table.effectCellData(row, column, {
+                key: 'render_table_cell',
+                isChanged({ oldValue, cellValue }) {
+                    return oldValue && oldValue[0] === cellValue && oldValue[1] === opSize && oldValue[2] === ogSize;
+                },
+                setValue({ cellValue }) {
+                    return [cellValue, opSize, ogSize];
+                },
+                getResult({ cellValue }) {
+                    return handleTreeSelectCellValue(cellValue, renderOpts);
+                }
+            });
+            // const cellResult = getTreeSelectCellValue(renderOpts, params)
+            return getCellLabelVNs(renderOpts, params, cellResult);
         },
         tableCellFormatter: handleFormatTreeSelect,
         tableCellCopyMethod: handleFormatTreeSelect,
@@ -18421,6 +18561,7 @@ var VxeTableComponent = defineVxeComponent({
             internalData.removeRowMaps = {};
             reactData.removeRowFlag++;
             internalData.fullCellHeightMaps = {};
+            internalData.fullCellStoreMaps = {};
             const sYLoad = updateScrollYStatus(fullData);
             // 全量数据
             internalData.tableFullData = fullData;
@@ -19913,6 +20054,56 @@ var VxeTableComponent = defineVxeComponent({
                 }
                 return nextTick();
             },
+            effectCellData(row, column, options) {
+                const { fullCellStoreMaps } = internalData;
+                const editOpts = computeEditOpts.value;
+                const { key, isChanged, setValue, getResult } = options;
+                const rowid = getRowid($xeTable, row);
+                const colid = column.id;
+                let rowStore = fullCellStoreMaps[rowid];
+                const cellValue = XEUtils.get(row, column.field);
+                const restParams = {
+                    $table: $xeTable,
+                    row,
+                    rowid,
+                    column,
+                    colid,
+                    cellValue,
+                    oldValue: null
+                };
+                if (editOpts.cache === false && key === 'render_table_cell') {
+                    const rest = restParams;
+                    rest.cellResult = getResult ? getResult(restParams) : cellValue;
+                    return rest;
+                }
+                if (!rowStore) {
+                    rowStore = {};
+                    fullCellStoreMaps[rowid] = rowStore;
+                }
+                let cellStore = rowStore[colid];
+                if (!cellStore) {
+                    cellStore = {
+                        value: undefined,
+                        result: {}
+                    };
+                    rowStore[colid] = cellStore;
+                }
+                const restData = rowStore[colid];
+                const oldValue = restData.value;
+                restParams.oldValue = oldValue;
+                if (isChanged ? !isChanged(restParams) : oldValue !== cellValue) {
+                    restData.value = setValue ? setValue(restParams) : cellValue;
+                    restData.result = {};
+                }
+                const storeData = restData.result;
+                if (XEUtils.isUndefined(storeData[key])) {
+                    storeData[key] = getResult ? getResult(restParams) : cellValue;
+                }
+                const cellResult = storeData[key];
+                const rest = restParams;
+                rest.cellResult = cellResult;
+                return rest;
+            },
             getCellElement(row, fieldOrColumn) {
                 const { elemStore } = internalData;
                 const column = handleFieldOrColumn($xeTable, fieldOrColumn);
@@ -29646,7 +29837,7 @@ var VxeToolbarComponent = defineVxeComponent({
 
 const { getConfig, getI18n, commands, hooks, useFns, createEvent, globalEvents, GLOBAL_EVENT_KEYS, renderEmptyElement } = VxeUI;
 const tableComponentPropKeys = Object.keys(tableProps);
-const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'setRow', 'createData', 'createRow', 'revertData', 'clearData', 'isRemoveByRow', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getFullColumns', 'getData', 'getCheckboxRecords', 'getParentRow', 'getTreeRowChildren', 'getTreeRowLevel', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', 'recalcRowHeight', 'setRowHeightConf', 'getRowHeightConf', 'setRowHeight', 'getRowHeight', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'setCheckboxRowKey', 'isCheckedByCheckboxRow', 'isCheckedByCheckboxRowKey', 'isIndeterminateByCheckboxRow', 'isIndeterminateByCheckboxRowKey', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'isCheckedByRadioRowKey', 'setRadioRow', 'setRadioRowKey', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'setPendingRow', 'togglePendingRow', 'hasPendingByRow', 'isPendingByRow', 'getPendingRecords', 'clearPendingRow', 'setFilterByEvent', 'sort', 'setSort', 'setSortByEvent', 'clearSort', 'clearSortByEvent', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'clearFilterByEvent', 'isActiveFilterByColumn', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'isRowExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'reloadTreeExpand', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'getScrollData', 'scrollTo', 'scrollToStartRow', 'scrollToEndRow', 'scrollToRow', 'scrollToStartColumn', 'scrollToEndColumn', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'setMergeHeaderCells', 'removeMergeHeaderCells', 'getMergeHeaderCells', 'clearMergeHeaderCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'setCustomStoreData', 'getCustomStoreData', 'setRowGroupExpand', 'setRowGroupExpandByField', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'updateCellLabel', 'clearFormatterCache', 'getFooterCellLabel', 'updateFooterCellLabel', 'clearFooterFormatterCache', 'undo', 'redo', 'getCellElement', 'focus', 'blur', 'connect', 'connectToolbar'];
+const tableComponentMethodKeys = ['clearAll', 'syncData', 'updateData', 'loadData', 'reloadData', 'reloadRow', 'loadColumn', 'reloadColumn', 'getRowNode', 'getColumnNode', 'getRowIndex', 'getVTRowIndex', 'getVMRowIndex', 'getColumnIndex', 'getVTColumnIndex', 'getVMColumnIndex', 'setRow', 'createData', 'createRow', 'revertData', 'clearData', 'isRemoveByRow', 'isInsertByRow', 'isUpdateByRow', 'getColumns', 'getColumnById', 'getColumnByField', 'getTableColumn', 'getFullColumns', 'getData', 'getCheckboxRecords', 'getParentRow', 'getTreeRowChildren', 'getTreeRowLevel', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', 'recalcRowHeight', 'setRowHeightConf', 'getRowHeightConf', 'setRowHeight', 'getRowHeight', 'hideColumn', 'showColumn', 'resetColumn', 'refreshColumn', 'refreshScroll', 'recalculate', 'closeTooltip', 'isAllCheckboxChecked', 'isAllCheckboxIndeterminate', 'getCheckboxIndeterminateRecords', 'setCheckboxRow', 'setCheckboxRowKey', 'isCheckedByCheckboxRow', 'isCheckedByCheckboxRowKey', 'isIndeterminateByCheckboxRow', 'isIndeterminateByCheckboxRowKey', 'toggleCheckboxRow', 'setAllCheckboxRow', 'getRadioReserveRecord', 'clearRadioReserve', 'getCheckboxReserveRecords', 'clearCheckboxReserve', 'toggleAllCheckboxRow', 'clearCheckboxRow', 'setCurrentRow', 'isCheckedByRadioRow', 'isCheckedByRadioRowKey', 'setRadioRow', 'setRadioRowKey', 'clearCurrentRow', 'clearRadioRow', 'getCurrentRecord', 'getRadioRecord', 'getCurrentColumn', 'setCurrentColumn', 'clearCurrentColumn', 'setPendingRow', 'togglePendingRow', 'hasPendingByRow', 'isPendingByRow', 'getPendingRecords', 'clearPendingRow', 'setFilterByEvent', 'sort', 'setSort', 'setSortByEvent', 'clearSort', 'clearSortByEvent', 'isSort', 'getSortColumns', 'closeFilter', 'isFilter', 'clearFilterByEvent', 'isActiveFilterByColumn', 'isRowExpandLoaded', 'clearRowExpandLoaded', 'reloadRowExpand', 'reloadRowExpand', 'toggleRowExpand', 'setAllRowExpand', 'setRowExpand', 'isExpandByRow', 'isRowExpandByRow', 'clearRowExpand', 'clearRowExpandReserve', 'getRowExpandRecords', 'getTreeExpandRecords', 'isTreeExpandLoaded', 'clearTreeExpandLoaded', 'reloadTreeExpand', 'reloadTreeChilds', 'toggleTreeExpand', 'setAllTreeExpand', 'setTreeExpand', 'isTreeExpandByRow', 'clearTreeExpand', 'clearTreeExpandReserve', 'getScroll', 'getScrollData', 'scrollTo', 'scrollToStartRow', 'scrollToEndRow', 'scrollToRow', 'scrollToStartColumn', 'scrollToEndColumn', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'setMergeHeaderCells', 'removeMergeHeaderCells', 'getMergeHeaderCells', 'clearMergeHeaderCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'setCustomStoreData', 'getCustomStoreData', 'setRowGroupExpand', 'setRowGroupExpandByField', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'updateCellLabel', 'clearFormatterCache', 'getFooterCellLabel', 'updateFooterCellLabel', 'clearFooterFormatterCache', 'undo', 'redo', 'effectCellData', 'getCellElement', 'focus', 'blur', 'connect', 'connectToolbar'];
 function createReactData() {
     var _a;
     return {