vxe-table 4.19.0 → 4.19.2

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

@@ -34,7 +34,7 @@ export default defineVxeComponent({
         const VxeUIRadioGroupComponent = VxeUI.getComponent('VxeRadioGroup');
         const $xeTable = inject('$xeTable', {});
         const { props: tableProps, reactData: tableReactData, internalData: tableInternalData } = $xeTable;
-        const { computeSize, computeCustomOpts, computeColumnDragOpts, computeColumnOpts, computeIsMaxFixedColumn, computeResizableOpts } = $xeTable.getComputeMaps();
+        const { computeSize, computeCustomOpts, computeColumnDragOpts, computeColumnOpts, computeIsMaxFixedColumn, computeResizableOpts, computeAggregateOpts } = $xeTable.getComputeMaps();
         const refElem = ref();
         const refBodyWrapperElem = ref();
         const refCustomBodyElem = ref();
@@ -498,7 +498,7 @@ export default defineVxeComponent({
         };
         const sortDragoverEvent = (evnt) => {
             const customOpts = computeCustomOpts.value;
-            const { immediate } = customOpts;
+            const { showSortDragButton, allowSort, immediate } = customOpts;
             const columnDragOpts = computeColumnDragOpts.value;
             const { isCrossDrag, isToChildDrag } = columnDragOpts;
             const optEl = evnt.currentTarget;
@@ -514,9 +514,12 @@ export default defineVxeComponent({
                 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(evnt, optEl, false, dragPos);
                     return;
                 }
@@ -645,10 +648,9 @@ 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, 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;
@@ -719,23 +721,25 @@ export default defineVxeComponent({
                         h('div', {
                             class: 'vxe-table-custom--name-option'
                         }, [
-                            allowSort && showSortDragButton && showSortBtn
-                                ? h('div', {
-                                    class: 'vxe-table-custom--sort-option'
-                                }, [
-                                    h('span', Object.assign({ class: ['vxe-table-custom--sort-btn', {
-                                                'is--disabled': isHidden
-                                            }], title: getI18n('vxe.custom.setting.sortHelpTip') }, (isHidden
-                                        ? {}
-                                        : {
-                                            onMousedown: sortMousedownEvent,
-                                            onMouseup: sortMouseupEvent
-                                        })), [
-                                        h('i', {
-                                            class: getIcon().TABLE_CUSTOM_SORT
-                                        })
+                            (allowSort && showSortDragButton) || (allowGroup || allowValues)
+                                ? (showSortBtn || ((allowGroup || allowValues) && !isColGroup)
+                                    ? h('div', {
+                                        class: 'vxe-table-custom--sort-option'
+                                    }, [
+                                        h('span', Object.assign({ class: ['vxe-table-custom--sort-btn', {
+                                                    'is--disabled': isHidden
+                                                }], title: getI18n('vxe.custom.setting.sortHelpTip') }, (isHidden
+                                            ? {}
+                                            : {
+                                                onMousedown: sortMousedownEvent,
+                                                onMouseup: sortMouseupEvent
+                                            })), [
+                                            h('i', {
+                                                class: getIcon().TABLE_CUSTOM_SORT
+                                            })
+                                        ])
                                     ])
-                                ])
+                                    : renderEmptyElement($xeTable))
                                 : renderEmptyElement($xeTable),
                             column.type === 'html'
                                 ? h('div', {
@@ -968,9 +972,10 @@ export default defineVxeComponent({
             const { treeConfig, rowGroupConfig, aggregateConfig, resizable: allResizable } = tableProps;
             const { isCustomStatus, customColumnList } = tableReactData;
             const customOpts = computeCustomOpts.value;
-            const { immediate, showSortDragButton, showSortMoveButton, showSortPutButton } = customOpts;
             const columnDragOpts = computeColumnDragOpts.value;
-            const { mode, modalOptions, drawerOptions, allowVisible, allowSort, allowFixed, allowResizable, checkMethod, visibleMethod } = customOpts;
+            const aggregateOpts = computeAggregateOpts.value;
+            const { placement: aggPlacement } = aggregateOpts;
+            const { mode, immediate, showSortDragButton, showSortMoveButton, showSortPutButton, modalOptions, drawerOptions, allowVisible, allowSort, allowFixed, allowResizable, allowGroup, allowValues, checkMethod, visibleMethod } = customOpts;
             const columnOpts = computeColumnOpts.value;
             const { maxFixedSize } = columnOpts;
             const resizableOpts = computeResizableOpts.value;
@@ -988,6 +993,7 @@ export default defineVxeComponent({
             const trVNs = [];
             const isAllChecked = customStore.isAll;
             const isAllIndeterminate = customStore.isIndeterminate;
+            const isAggRtBmLayout = aggPlacement === 'right' || aggPlacement === 'bottom';
             const params = {
                 $table: $xeTable,
                 $grid: $xeGrid,
@@ -1064,8 +1070,8 @@ export default defineVxeComponent({
                             h('div', {
                                 class: 'vxe-table-custom-popup--name'
                             }, [
-                                allowSort
-                                    ? showSortDragButton && (showSortBtn
+                                (allowSort && showSortDragButton) || (allowGroup || allowValues)
+                                    ? (showSortBtn || ((allowGroup || allowValues) && !isColGroup)
                                         ? h('div', Object.assign({ class: ['vxe-table-custom-popup--column-sort-btn', {
                                                     'is--disabled': isHidden
                                                 }], title: getI18n('vxe.custom.setting.sortHelpTip') }, (isHidden
@@ -1204,11 +1210,11 @@ export default defineVxeComponent({
                 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)
                         : [
-                            !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel
+                            !isAggRtBmLayout && !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel
                                 ? h($xeTable.getPivotTableAggregatePopupPanel(), {
                                     customStore
                                 })
@@ -1291,7 +1297,12 @@ export default defineVxeComponent({
                                     }, $xeTable.callSlot(bottomSlot, params))
                                     : renderEmptyElement($xeTable),
                                 renderDragTip()
-                            ])
+                            ]),
+                            isAggRtBmLayout && !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel
+                                ? h($xeTable.getPivotTableAggregatePopupPanel(), {
+                                    customStore
+                                })
+                                : renderEmptyElement($xeTable)
                         ]);
                 },
                 footer: () => {

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,

package/es/table/src/table.js

@@ -13886,7 +13886,7 @@ export default defineVxeComponent({
                 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', ['edit-config.activeMethod', '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;