vxe-table 3.21.0 → 3.21.2

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

@@ -574,7 +574,7 @@ export default {
             const customPanelInternalData = $xeTableCustomPanel.internalData;
             const { dragCol } = customPanelReactData;
             const customOpts = $xeTable.computeCustomOpts;
-            const { immediate } = customOpts;
+            const { showSortDragButton, allowSort, immediate } = customOpts;
             const columnDragOpts = $xeTable.computeColumnDragOpts;
             const { isCrossDrag, isToChildDrag } = columnDragOpts;
             const optEl = evnt.currentTarget;
@@ -589,9 +589,12 @@ export default {
                 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) ||
-                    (!immediate && column.level > 1)) {
+                    (!immediate && column.level > 1) ||
+                    (!isCrossDrag && dragCol.level > 1) ||
+                    (!immediate && dragCol.level > 1)) {
                     showDropTip($xeTableCustomPanel, evnt, optEl, false, dragPos);
                     return;
                 }
@@ -744,10 +747,9 @@ export default {
             const { treeConfig, rowGroupConfig, aggregateConfig } = tableProps;
             const { isCustomStatus, customColumnList, isCustomDragStatus } = tableReactData;
             const customOpts = $xeTable.computeCustomOpts;
-            const { immediate } = customOpts;
             const columnDragOpts = $xeTable.computeColumnDragOpts;
             const { popupStyle } = customStore;
-            const { checkMethod, visibleMethod, allowVisible, allowSort, allowFixed, trigger, placement, showSortDragButton, showSortMoveButton, showSortPutButton } = customOpts;
+            const { immediate, checkMethod, visibleMethod, allowVisible, allowSort, allowFixed, allowGroup, allowValues, trigger, placement, showSortDragButton, showSortMoveButton, showSortPutButton } = customOpts;
             const isMaxFixedColumn = $xeTable.computeIsMaxFixedColumn;
             const vSize = $xeTable.computeSize;
             const { isCrossDrag } = columnDragOpts;
@@ -826,29 +828,31 @@ export default {
                         h('div', {
                             class: 'vxe-table-custom--name-option'
                         }, [
-                            allowSort && showSortDragButton && showSortBtn
-                                ? h('div', {
-                                    class: 'vxe-table-custom--sort-option'
-                                }, [
-                                    h('span', {
-                                        class: ['vxe-table-custom--sort-btn', {
-                                                'is--disabled': isHidden
-                                            }],
-                                        attrs: {
-                                            title: getI18n('vxe.custom.setting.sortHelpTip')
-                                        },
-                                        on: isHidden
-                                            ? {}
-                                            : {
-                                                mousedown: $xeTableCustomPanel.sortMousedownEvent,
-                                                mouseup: $xeTableCustomPanel.sortMouseupEvent
-                                            }
+                            (allowSort && showSortDragButton) || (allowGroup || allowValues)
+                                ? (showSortBtn || ((allowGroup || allowValues) && !isColGroup)
+                                    ? h('div', {
+                                        class: 'vxe-table-custom--sort-option'
                                     }, [
-                                        h('i', {
-                                            class: getIcon().TABLE_CUSTOM_SORT
-                                        })
+                                        h('span', {
+                                            class: ['vxe-table-custom--sort-btn', {
+                                                    'is--disabled': isHidden
+                                                }],
+                                            attrs: {
+                                                title: getI18n('vxe.custom.setting.sortHelpTip')
+                                            },
+                                            on: isHidden
+                                                ? {}
+                                                : {
+                                                    mousedown: $xeTableCustomPanel.sortMousedownEvent,
+                                                    mouseup: $xeTableCustomPanel.sortMouseupEvent
+                                                }
+                                        }, [
+                                            h('i', {
+                                                class: getIcon().TABLE_CUSTOM_SORT
+                                            })
+                                        ])
                                     ])
-                                ])
+                                    : renderEmptyElement($xeTable))
                                 : renderEmptyElement($xeTable),
                             column.type === 'html'
                                 ? h('div', {
@@ -1134,9 +1138,10 @@ export default {
             const { treeConfig, rowGroupConfig, aggregateConfig, resizable: allResizable } = tableProps;
             const { isCustomStatus, customColumnList } = tableReactData;
             const customOpts = $xeTable.computeCustomOpts;
-            const { immediate, showSortDragButton, showSortMoveButton, showSortPutButton } = customOpts;
             const columnDragOpts = $xeTable.computeColumnDragOpts;
-            const { mode, modalOptions, drawerOptions, allowVisible, allowSort, allowFixed, allowResizable, checkMethod, visibleMethod } = customOpts;
+            const aggregateOpts = $xeTable.computeAggregateOpts;
+            const { placement: aggPlacement } = aggregateOpts;
+            const { mode, immediate, showSortDragButton, showSortMoveButton, showSortPutButton, modalOptions, drawerOptions, allowVisible, allowSort, allowFixed, allowResizable, allowGroup, allowValues, checkMethod, visibleMethod } = customOpts;
             const columnOpts = $xeTable.computeColumnOpts;
             const { maxFixedSize } = columnOpts;
             const resizableOpts = $xeTable.computeResizableOpts;
@@ -1154,6 +1159,7 @@ export default {
             const trVNs = [];
             const isAllChecked = customStore.isAll;
             const isAllIndeterminate = customStore.isIndeterminate;
+            const isAggRtBmLayout = aggPlacement === 'right' || aggPlacement === 'bottom';
             const params = {
                 $table: $xeTable,
                 $grid: $xeGrid,
@@ -1238,8 +1244,8 @@ export default {
                             h('div', {
                                 class: 'vxe-table-custom-popup--name'
                             }, [
-                                allowSort
-                                    ? showSortDragButton && (showSortBtn
+                                (allowSort && showSortDragButton) || (allowGroup || allowValues)
+                                    ? (showSortBtn || ((allowGroup || allowValues) && !isColGroup)
                                         ? h('div', {
                                             class: ['vxe-table-custom-popup--column-sort-btn', {
                                                     'is--disabled': isHidden
@@ -1409,11 +1415,11 @@ export default {
                 default: () => {
                     return h('div', {
                         ref: 'refBodyWrapperElem',
-                        class: 'vxe-table-custom-popup--body-wrapper'
+                        class: ['vxe-table-custom-popup--body-wrapper', `agg-layout--${aggPlacement}`]
                     }, defaultSlot
                         ? $xeTable.callSlot(defaultSlot, params, h)
                         : [
-                            !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel
+                            !isAggRtBmLayout && !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel
                                 ? h($xeTable.getPivotTableAggregatePopupPanel(), {
                                     props: {
                                         customStore
@@ -1502,7 +1508,14 @@ export default {
                                     }, $xeTable.callSlot(bottomSlot, params, h))
                                     : renderEmptyElement($xeTable),
                                 $xeTableCustomPanel.renderDragTip(h)
-                            ])
+                            ]),
+                            isAggRtBmLayout && !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel
+                                ? h($xeTable.getPivotTableAggregatePopupPanel(), {
+                                    props: {
+                                        customStore
+                                    }
+                                })
+                                : renderEmptyElement($xeTable)
                         ]);
                 },
                 footer: () => {

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

@@ -309,8 +309,9 @@ export default {
             if (!menu.loading && !menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
                 const gMenuOpts = menus.get(menu.code);
                 const params = Object.assign({}, internalData._currMenuParams, { menu, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, $event: evnt });
-                if (gMenuOpts && gMenuOpts.menuMethod) {
-                    gMenuOpts.menuMethod(params, evnt);
+                const tmMethod = gMenuOpts ? (gMenuOpts.tableMenuMethod || gMenuOpts.menuMethod) : null;
+                if (tmMethod) {
+                    tmMethod(params, evnt);
                 }
                 // 在 v4 中废弃事件 context-menu-click
                 if ($xeTable.$listeners['context-menu-click']) {

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

@@ -378,9 +378,9 @@ export default {
         },
         hasCellRules(type, row, column) {
             const { editRules } = this;
-            const { property } = column;
-            if (property && editRules) {
-                const rules = XEUtils.get(editRules, property);
+            const { field } = column;
+            if (field && editRules) {
+                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;
@@ -408,7 +408,7 @@ export default {
             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) => {

package/es/table/src/cell.js

@@ -1110,7 +1110,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

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

package/es/table/src/columnInfo.js

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

package/es/table/src/table.js

@@ -1706,7 +1706,7 @@ export default {
             warnLog('vxe.error.errConflicts', ['mouse-config.area', 'mouse-config.selected']);
         }
         if (mouseOpts.area && (props.treeConfig && !treeOpts.transform)) {
-            errLog('vxe.error.noTree', ['mouse-config.area']);
+            errLog('vxe.error.notSupportProp', ['mouse-config.area', 'tree-config.transform=false', 'tree-config.transform=true']);
         }
         if (props.editConfig && editOpts.activeMethod) {
             warnLog('vxe.error.delProp', ['table.edit-config.activeMethod', 'table.edit-config.beforeEditMethod']);

package/es/table/style.css

@@ -1006,11 +1006,14 @@
 .vxe-table-custom-popup--body-wrapper {
   position: relative;
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   overflow: hidden;
   height: 100%;
   outline: 0;
 }
+.vxe-table-custom-popup--body-wrapper.agg-layout--top, .vxe-table-custom-popup--body-wrapper.agg-layout--bottom {
+  flex-direction: column;
+}
 
 .vxe-table-custom-popup--handle-wrapper {
   flex-grow: 1;