vxe-table 4.19.1 → 4.19.3

package/es/table/module/custom/panel.js

@@ -322,7 +322,7 @@ export default defineVxeComponent({
             const { immediate } = customOpts;
             const trEl = evnt.currentTarget;
             const columnDragOpts = computeColumnDragOpts.value;
-            const { isCrossDrag, isSelfToChildDrag, isToChildDrag, dragEndMethod } = columnDragOpts;
+            const { isCrossDrag, isPeerDrag, isSelfToChildDrag, isToChildDrag, dragEndMethod } = columnDragOpts;
             const { dragCol } = customPanelReactData;
             const { prevDragCol, prevDragGroupField, prevDragAggFnColid, prevDragPos, prevDragToChild } = customPanelInternalData;
             const dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
@@ -360,20 +360,28 @@ export default defineVxeComponent({
                         if (immediate) {
                             if (dragColumn.parentId && newColumn.parentId) {
                                 // 子到子
-                                if (!isCrossDrag) {
-                                    return;
+                                if (isPeerDrag && !isCrossDrag) {
+                                    if (dragColumn.parentId !== newColumn.parentId) {
+                                        // 非同级
+                                        return;
+                                    }
                                 }
-                                if (oldAllMaps[newColumn.id]) {
-                                    isSelfToChildStatus = true;
-                                    if (!(isCrossDrag && isSelfToChildDrag)) {
-                                        if (VxeUI.modal) {
-                                            VxeUI.modal.message({
-                                                status: 'error',
-                                                content: getI18n('vxe.error.treeDragChild')
-                                            });
-                                        }
+                                else {
+                                    if (!isCrossDrag) {
                                         return;
                                     }
+                                    if (oldAllMaps[newColumn.id]) {
+                                        isSelfToChildStatus = true;
+                                        if (!(isCrossDrag && isSelfToChildDrag)) {
+                                            if (VxeUI.modal) {
+                                                VxeUI.modal.message({
+                                                    status: 'error',
+                                                    content: getI18n('vxe.error.treeDragChild')
+                                                });
+                                            }
+                                            return;
+                                        }
+                                    }
                                 }
                             }
                             else if (dragColumn.parentId) {
@@ -500,7 +508,7 @@ export default defineVxeComponent({
             const customOpts = computeCustomOpts.value;
             const { showSortDragButton, allowSort, immediate } = customOpts;
             const columnDragOpts = computeColumnDragOpts.value;
-            const { isCrossDrag, isToChildDrag } = columnDragOpts;
+            const { isCrossDrag, isPeerDrag, isToChildDrag } = columnDragOpts;
             const optEl = evnt.currentTarget;
             const isControlKey = hasControlKey(evnt);
             const colid = optEl.getAttribute('colid');
@@ -509,16 +517,16 @@ export default defineVxeComponent({
             customPanelInternalData.prevDragGroupField = null;
             customPanelInternalData.prevDragAggFnColid = null;
             // 是否移入有效列
-            if (column && (isCrossDrag || column.level === 1)) {
+            if (column && (isCrossDrag || isPeerDrag || column.level === 1)) {
                 evnt.preventDefault();
                 const offsetY = evnt.clientY - optEl.getBoundingClientRect().y;
                 const dragPos = offsetY < optEl.clientHeight / 2 ? 'top' : 'bottom';
                 if (!dragCol ||
                     !(showSortDragButton && allowSort) ||
                     (dragCol && dragCol.id === column.id) ||
-                    (!isCrossDrag && column.level > 1) ||
+                    (!isCrossDrag && (isPeerDrag ? dragCol.parentId !== column.parentId : column.level > 1)) ||
                     (!immediate && column.level > 1) ||
-                    (!isCrossDrag && dragCol.level > 1) ||
+                    (!isCrossDrag && (isPeerDrag ? dragCol.parentId !== column.parentId : dragCol.level > 1)) ||
                     (!immediate && dragCol.level > 1)) {
                     showDropTip(evnt, optEl, false, dragPos);
                     return;
@@ -648,13 +656,12 @@ export default defineVxeComponent({
             const { treeConfig, rowGroupConfig, aggregateConfig } = tableProps;
             const { isCustomStatus, customColumnList, isCustomDragStatus } = tableReactData;
             const customOpts = computeCustomOpts.value;
-            const { immediate } = customOpts;
             const columnDragOpts = computeColumnDragOpts.value;
             const { popupStyle } = customStore;
-            const { checkMethod, visibleMethod, allowVisible, allowSort, allowFixed, allowGroup, allowValues, trigger, placement, showSortDragButton, showSortMoveButton, showSortPutButton } = customOpts;
+            const { immediate, checkMethod, visibleMethod, allowVisible, allowSort, allowFixed, allowGroup, allowValues, trigger, placement, showSortDragButton, showSortMoveButton, showSortPutButton } = customOpts;
             const isMaxFixedColumn = computeIsMaxFixedColumn.value;
             const vSize = computeSize.value;
-            const { isCrossDrag } = columnDragOpts;
+            const { isCrossDrag, isPeerDrag } = columnDragOpts;
             const slots = customOpts.slots || {};
             const headerSlot = slots.header;
             const topSlot = slots.top;
@@ -688,7 +695,7 @@ export default defineVxeComponent({
                     const colTitle = formatText(column.getTitle(), 1);
                     const isDisabled = checkMethod ? !checkMethod({ $table: $xeTable, column }) : false;
                     const isHidden = !isChecked;
-                    const showSortBtn = ((isCrossDrag ? immediate : false) || column.level === 1);
+                    const showSortBtn = (isCrossDrag || isPeerDrag ? immediate : false) || column.level === 1;
                     colVNs.push(h('li', {
                         key: column.id,
                         colid: column.id,
@@ -984,7 +991,7 @@ export default defineVxeComponent({
             const modalOpts = Object.assign({}, modalOptions);
             const drawerOpts = Object.assign({}, drawerOptions);
             const isMaxFixedColumn = computeIsMaxFixedColumn.value;
-            const { isCrossDrag } = columnDragOpts;
+            const { isCrossDrag, isPeerDrag } = columnDragOpts;
             const slots = customOpts.slots || {};
             const headerSlot = slots.header;
             const topSlot = slots.top;
@@ -1031,7 +1038,7 @@ export default defineVxeComponent({
                     const isColGroup = column.children && column.children.length;
                     const isDisabled = checkMethod ? !checkMethod({ $table: $xeTable, column }) : false;
                     const isHidden = !isChecked;
-                    const showSortBtn = ((isCrossDrag ? immediate : false) || column.level === 1);
+                    const showSortBtn = (isCrossDrag || isPeerDrag ? immediate : false) || column.level === 1;
                     trVNs.push(h('tr', {
                         key: column.id,
                         colid: column.id,

package/es/table/module/export/export-panel.js

@@ -150,7 +150,7 @@ export default defineVxeComponent({
             const $xeGantt = $xeTable.xeGantt;
             const { defaultOptions, storeData } = props;
             const { isAll: isAllChecked, isIndeterminate: isAllIndeterminate } = reactData;
-            const { hasTree, hasMerge, isPrint, hasColgroup, columns } = storeData;
+            const { hasTree, hasRowGroup, hasMerge, isPrint, hasColgroup, columns } = storeData;
             const { isHeader } = defaultOptions;
             const colVNs = [];
             const checkedAll = computeCheckedAll.value;
@@ -380,6 +380,17 @@ export default defineVxeComponent({
                                                                         }
                                                                     })
                                                                     : renderEmptyElement($xeTable),
+                                                                VxeUICheckboxComponent
+                                                                    ? h(VxeUICheckboxComponent, {
+                                                                        modelValue: defaultOptions.isFooter,
+                                                                        disabled: !storeData.hasFooter,
+                                                                        title: getI18n('vxe.export.expFooterTitle'),
+                                                                        content: getI18n('vxe.export.expOptFooter'),
+                                                                        'onUpdate:modelValue'(value) {
+                                                                            defaultOptions.isFooter = value;
+                                                                        }
+                                                                    })
+                                                                    : renderEmptyElement($xeTable),
                                                                 VxeUICheckboxComponent
                                                                     ? h(VxeUICheckboxComponent, {
                                                                         modelValue: isHeader ? defaultOptions.isTitle : false,
@@ -438,30 +449,30 @@ export default defineVxeComponent({
                                                                         'onUpdate:modelValue'(value) {
                                                                             defaultOptions.useStyle = value;
                                                                         }
-                                                                    }),
+                                                                    })
+                                                            ]),
+                                                            h('div', {
+                                                                class: 'vxe-table-export--panel-option-row'
+                                                            }, [
                                                                 VxeUICheckboxComponent
                                                                     ? h(VxeUICheckboxComponent, {
-                                                                        modelValue: hasTree ? defaultOptions.isAllExpand : false,
+                                                                        modelValue: hasTree ? defaultOptions.isTreeAllExpanded : false,
                                                                         disabled: hasEmptyData || !hasTree,
-                                                                        title: getI18n('vxe.export.expAllExpandTitle'),
-                                                                        content: getI18n('vxe.export.expOptAllExpand'),
+                                                                        title: getI18n('vxe.export.expTreeAllExpandTitle'),
+                                                                        content: getI18n('vxe.export.expOptTreeAllExpand'),
                                                                         'onUpdate:modelValue'(value) {
-                                                                            defaultOptions.isAllExpand = value;
+                                                                            defaultOptions.isTreeAllExpanded = value;
                                                                         }
                                                                     })
-                                                                    : renderEmptyElement($xeTable)
-                                                            ]),
-                                                            h('div', {
-                                                                class: 'vxe-table-export--panel-option-row'
-                                                            }, [
+                                                                    : renderEmptyElement($xeTable),
                                                                 VxeUICheckboxComponent
                                                                     ? h(VxeUICheckboxComponent, {
-                                                                        modelValue: defaultOptions.isFooter,
-                                                                        disabled: !storeData.hasFooter,
-                                                                        title: getI18n('vxe.export.expFooterTitle'),
-                                                                        content: getI18n('vxe.export.expOptFooter'),
+                                                                        modelValue: hasRowGroup ? defaultOptions.isRowGroupAllExpanded : false,
+                                                                        disabled: hasEmptyData || !hasRowGroup,
+                                                                        title: getI18n('vxe.export.expRowGroupAllExpandTitle'),
+                                                                        content: getI18n('vxe.export.expOptRowGroupAllExpand'),
                                                                         'onUpdate:modelValue'(value) {
-                                                                            defaultOptions.isFooter = value;
+                                                                            defaultOptions.isRowGroupAllExpanded = value;
                                                                         }
                                                                     })
                                                                     : renderEmptyElement($xeTable)

package/es/table/module/export/hook.js

@@ -256,12 +256,7 @@ const tableExportMethodKeys = ['exportData', 'importByFile', 'importData', 'save
 hooks.add('tableExportModule', {
     setupTable($xeTable) {
         const { props, reactData, internalData } = $xeTable;
-        const { computeTreeOpts, computePrintOpts, computeExportOpts, computeImportOpts, computeCustomOpts, computeSeqOpts, computeRadioOpts, computeCheckboxOpts, computeColumnOpts } = $xeTable.getComputeMaps();
-        const hasTreeChildren = (row) => {
-            const treeOpts = computeTreeOpts.value;
-            const childrenField = treeOpts.children || treeOpts.childrenField;
-            return row[childrenField] && row[childrenField].length;
-        };
+        const { computeTreeOpts, computePrintOpts, computeExportOpts, computeImportOpts, computeCustomOpts, computeSeqOpts, computeRadioOpts, computeCheckboxOpts, computeColumnOpts, computeAggregateOpts } = $xeTable.getComputeMaps();
         const getSeq = (cellValue, row, $rowIndex, column, $columnIndex) => {
             const seqOpts = computeSeqOpts.value;
             const seqMd = seqOpts.seqMethod || column.seqMethod;
@@ -292,32 +287,119 @@ hooks.add('tableExportModule', {
             return eqEmptyValue(cellValue) ? '' : `${cellValue}`;
         };
         const getBodyLabelData = (opts, columns, datas) => {
-            const { isAllExpand, mode } = opts;
+            const { isTreeAllExpanded, isRowGroupAllExpanded, mode } = opts;
             const { treeConfig } = props;
+            const { isRowGroupStatus } = reactData;
             const radioOpts = computeRadioOpts.value;
             const checkboxOpts = computeCheckboxOpts.value;
             const treeOpts = computeTreeOpts.value;
             const columnOpts = computeColumnOpts.value;
+            const aggregateOpts = computeAggregateOpts.value;
             if (!htmlCellElem) {
                 htmlCellElem = document.createElement('div');
             }
+            const { handleGetRowId } = createHandleGetRowId($xeTable);
+            if (isRowGroupStatus) {
+                // 如果是数据分组
+                const { mapChildrenField } = aggregateOpts;
+                const rest = [];
+                const expandMaps = {};
+                const useMaps = {};
+                XEUtils.eachTree(datas, (item, $rowIndex, items, path, parentItem, nodes) => {
+                    const row = item._row || item;
+                    const rowid = handleGetRowId(row);
+                    if (useMaps[rowid]) {
+                        return;
+                    }
+                    const parentRow = parentItem && parentItem._row ? parentItem._row : parentItem;
+                    const pRowid = parentRow ? handleGetRowId(parentRow) : '';
+                    if ((isRowGroupAllExpanded || !parentRow || (expandMaps[pRowid] && $xeTable.isRowExpandByRow(parentRow)))) {
+                        const hasRowChild = mapChildrenField && row[mapChildrenField] && row[mapChildrenField].length;
+                        const item = {
+                            _row: row,
+                            _level: nodes.length - 1,
+                            _hasChild: hasRowChild,
+                            _expand: hasRowChild && $xeTable.isRowExpandByRow(row)
+                        };
+                        columns.forEach((column, $columnIndex) => {
+                            let cellValue = '';
+                            const renderOpts = column.editRender || column.cellRender;
+                            let bodyExportMethod = column.exportMethod || columnOpts.exportMethod;
+                            if (!bodyExportMethod && renderOpts && renderOpts.name) {
+                                const compConf = renderer.get(renderOpts.name);
+                                if (compConf) {
+                                    bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod;
+                                }
+                            }
+                            if (!bodyExportMethod) {
+                                bodyExportMethod = columnOpts.exportMethod;
+                            }
+                            if (bodyExportMethod) {
+                                cellValue = bodyExportMethod({ $table: $xeTable, row, column, options: opts });
+                            }
+                            else {
+                                switch (column.type) {
+                                    case 'seq': {
+                                        const seqVal = path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('');
+                                        cellValue = mode === 'all' ? seqVal : getSeq(seqVal, row, $rowIndex, column, $columnIndex);
+                                        break;
+                                    }
+                                    case 'checkbox':
+                                        cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row));
+                                        item._checkboxLabel = checkboxOpts.labelField ? XEUtils.get(row, checkboxOpts.labelField) : '';
+                                        item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({ $table: $xeTable, row });
+                                        break;
+                                    case 'radio':
+                                        cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row));
+                                        item._radioLabel = radioOpts.labelField ? XEUtils.get(row, radioOpts.labelField) : '';
+                                        item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({ $table: $xeTable, row });
+                                        break;
+                                    default:
+                                        if (opts.original) {
+                                            cellValue = getCellValue(row, column);
+                                        }
+                                        else {
+                                            cellValue = $xeTable.getCellLabel(row, column);
+                                            if (column.type === 'html') {
+                                                htmlCellElem.innerHTML = cellValue;
+                                                cellValue = htmlCellElem.innerText.trim();
+                                            }
+                                            else {
+                                                const cell = $xeTable.getCellElement(row, column);
+                                                if (cell && !hasClass(cell, 'is--progress')) {
+                                                    cellValue = cell.innerText.trim();
+                                                }
+                                            }
+                                        }
+                                }
+                            }
+                            item[column.id] = toStringValue(cellValue);
+                        });
+                        useMaps[rowid] = true;
+                        if (pRowid) {
+                            expandMaps[pRowid] = true;
+                        }
+                        rest.push(Object.assign(item, row));
+                    }
+                }, { children: mapChildrenField });
+                return rest;
+            }
             if (treeConfig) {
+                // 如果是树结构
                 const childrenField = treeOpts.children || treeOpts.childrenField;
-                // 如果是树表格只允许导出数据源
                 const rest = [];
                 const expandMaps = {};
                 const useMaps = {};
-                const { handleGetRowId } = createHandleGetRowId($xeTable);
-                XEUtils.eachTree(datas, (item, $rowIndex, items, path, parent, nodes) => {
+                XEUtils.eachTree(datas, (item, $rowIndex, items, path, parentItem, nodes) => {
                     const row = item._row || item;
                     const rowid = handleGetRowId(row);
                     if (useMaps[rowid]) {
                         return;
                     }
-                    const parentRow = parent && parent._row ? parent._row : parent;
+                    const parentRow = parentItem && parentItem._row ? parentItem._row : parentItem;
                     const pRowid = parentRow ? handleGetRowId(parentRow) : '';
-                    if ((isAllExpand || !parentRow || (expandMaps[pRowid] && $xeTable.isTreeExpandByRow(parentRow)))) {
-                        const hasRowChild = hasTreeChildren(row);
+                    if ((isTreeAllExpanded || !parentRow || (expandMaps[pRowid] && $xeTable.isTreeExpandByRow(parentRow)))) {
+                        const hasRowChild = row[childrenField] && row[childrenField].length;
                         const item = {
                             _row: row,
                             _level: nodes.length - 1,
@@ -972,10 +1054,11 @@ hooks.add('tableExportModule', {
             const $xeGantt = $xeTable.xeGantt;
             const $xeGGWrapper = $xeGrid || $xeGantt;
             const { treeConfig, showHeader, showFooter } = props;
-            const { initStore, isGroup, footerTableData, exportStore, exportParams } = reactData;
+            const { initStore, isGroup, rowGroupList, footerTableData, exportStore, exportParams } = reactData;
             const { collectColumn, mergeBodyList, mergeFooterList } = internalData;
             const exportOpts = computeExportOpts.value;
-            const hasTree = treeConfig;
+            const hasTree = !!treeConfig;
+            const hasRowGroup = rowGroupList.length > 0;
             const customOpts = computeCustomOpts.value;
             const selectRecords = $xeTable.getCheckboxRecords();
             const proxyOpts = $xeGGWrapper ? $xeGGWrapper.getComputeMaps().computeProxyOpts.value : {};
@@ -992,6 +1075,11 @@ hooks.add('tableExportModule', {
                 current: 'current',
                 modes: (proxyOpts.ajax && proxyOpts.ajax.queryAll ? ['all'] : []).concat(['current', 'selected', 'empty'])
             }, options);
+            // 已废弃，参数 isAllExpand
+            if (XEUtils.isBoolean(defOpts.isAllExpand)) {
+                warnLog('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded']);
+                defOpts.isTreeAllExpanded = defOpts.isAllExpand;
+            }
             const types = defOpts.types || XEUtils.keys(exportOpts._typeMaps);
             const modes = defOpts.modes || [];
             const checkMethod = customOpts.checkMethod;
@@ -1034,17 +1122,16 @@ hooks.add('tableExportModule', {
                 column.disabled = (parent && parent.disabled) || (checkMethod ? !checkMethod({ $table: $xeTable, column }) : false);
             });
             // 更新条件
-            Object.assign(exportStore, {
-                columns: exportColumns,
-                typeList,
-                modeList,
-                hasFooter,
-                hasMerge,
-                hasTree,
-                isPrint,
-                hasColgroup: isGroup,
-                visible: true
-            });
+            exportStore.columns = exportColumns;
+            exportStore.typeList = typeList;
+            exportStore.modeList = modeList;
+            exportStore.hasFooter = hasFooter;
+            exportStore.hasMerge = hasMerge;
+            exportStore.hasTree = hasTree;
+            exportStore.hasRowGroup = hasRowGroup;
+            exportStore.isPrint = !!isPrint;
+            exportStore.hasColgroup = isGroup;
+            exportStore.visible = true;
             // 默认参数
             Object.assign(exportParams, {
                 mode: selectRecords.length ? 'selected' : 'current'
@@ -1124,7 +1211,8 @@ hooks.add('tableExportModule', {
                     // filename: '',
                     // sheetName: '',
                     // original: false,
-                    // isAllExpand: false,
+                    // isTreeAllExpanded: false,
+                    // isRowGroupAllExpanded: false,
                     // data: null,
                     // remote: false,
                     // dataFilterMethod: null,
@@ -1134,6 +1222,11 @@ hooks.add('tableExportModule', {
                     // beforeExportMethod: null,
                     // afterExportMethod: null
                 }, exportOpts, options);
+                // 已废弃，参数 isAllExpand
+                if (XEUtils.isBoolean(opts.isAllExpand)) {
+                    warnLog('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded']);
+                    opts.isTreeAllExpanded = opts.isAllExpand;
+                }
                 let { filename, sheetName, type, mode, columns, original, columnFilterMethod, beforeExportMethod, includeFields, excludeFields } = opts;
                 let groups = [];
                 const selectRecords = $xeTable.getCheckboxRecords();

package/es/table/module/validator/hook.js

@@ -440,7 +440,7 @@ hooks.add('tableValidatorModule', {
                 const errorRules = [];
                 const syncValidList = [];
                 if (field && editRules) {
-                    const rules = XEUtils.get(editRules, field);
+                    const rules = column.rules ? column.rules : XEUtils.get(editRules, field);
                     if (rules) {
                         const cellValue = XEUtils.isUndefined(val) ? XEUtils.get(row, field) : val;
                         rules.forEach((rule) => {
@@ -514,7 +514,7 @@ hooks.add('tableValidatorModule', {
                 const { editRules } = props;
                 const { field } = column;
                 if (field && editRules) {
-                    const rules = XEUtils.get(editRules, field);
+                    const rules = column.rules ? column.rules : XEUtils.get(editRules, field);
                     return rules && !!XEUtils.find(rules, rule => type === 'all' || !rule.trigger || type === rule.trigger);
                 }
                 return false;

package/es/table/src/cell.js

@@ -1089,7 +1089,7 @@ export const Cell = {
         const editRenderOpts = isEnableEdit && isEnableConf(editRender) ? editRender : null;
         let isRequired = false;
         if (editRules) {
-            const columnRules = XEUtils.get(editRules, column.field);
+            const columnRules = column.rules ? column.rules : XEUtils.get(editRules, column.field);
             if (columnRules) {
                 isRequired = columnRules.some((rule) => rule.required);
             }

package/es/table/src/column.js

@@ -93,6 +93,8 @@ export const columnProps = {
     filterRender: Object,
     // 是否显示浮动筛选
     floatingFilters: Object,
+    // 列的校验规则
+    rules: Array,
     // 设置为分组节点
     rowGroupNode: Boolean,
     // 设置为树节点

package/es/table/src/columnInfo.js

@@ -101,6 +101,7 @@ export class ColumnInfo {
             filterRecoverMethod: _vm.filterRecoverMethod,
             filterRender: filterRender,
             floatingFilters: _vm.floatingFilters,
+            rules: _vm.rules,
             rowGroupNode: _vm.rowGroupNode,
             treeNode: _vm.treeNode,
             dragSort: _vm.dragSort,