vxe-table 4.13.27 → 4.13.28

package/es/table/src/table.js

@@ -9,7 +9,7 @@ import TableHeaderComponent from './header';
 import TableFooterComponent from './footer';
 import tableProps from './props';
 import tableEmits from './emits';
-import { getRowUniqueId, clearTableAllStatus, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getCellHeight } from './util';
+import { getRowUniqueId, clearTableAllStatus, toFilters, hasDeepKey, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getRefElem, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getCellHeight } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 import TableCustomPanelComponent from '../module/custom/panel';
@@ -882,7 +882,7 @@ export default defineComponent({
         };
         const getNextSortOrder = (column) => {
             const sortOpts = computeSortOpts.value;
-            const { orders } = sortOpts;
+            const { orders = [] } = sortOpts;
             const currOrder = column.order || null;
             const oIndex = orders.indexOf(currOrder) + 1;
             return orders[oIndex < orders.length ? oIndex : 0];
@@ -1291,6 +1291,53 @@ export default defineComponent({
             }
             return rest;
         };
+        const handleSortEvent = (evnt, sortConfs, isUpdate) => {
+            const sortOpts = computeSortOpts.value;
+            const { multiple, remote, orders } = sortOpts;
+            if (!XEUtils.isArray(sortConfs)) {
+                sortConfs = [sortConfs];
+            }
+            if (sortConfs && sortConfs.length) {
+                if (!multiple) {
+                    sortConfs = [sortConfs[0]];
+                    clearAllSort();
+                }
+                let firstColumn = null;
+                sortConfs.forEach((confs, index) => {
+                    let { field, order } = confs;
+                    let column = field;
+                    if (XEUtils.isString(field)) {
+                        column = $xeTable.getColumnByField(field);
+                    }
+                    if (!firstColumn) {
+                        firstColumn = column;
+                    }
+                    if (column && column.sortable) {
+                        if (orders && orders.indexOf(order) === -1) {
+                            order = getNextSortOrder(column);
+                        }
+                        if (column.order !== order) {
+                            column.order = order;
+                        }
+                        column.sortTime = Date.now() + index;
+                    }
+                });
+                if (isUpdate) {
+                    if (!remote) {
+                        $xeTable.handleTableData(true);
+                    }
+                }
+                if (evnt) {
+                    $xeTable.handleColumnSortEvent(evnt, firstColumn);
+                }
+                return nextTick().then(() => {
+                    updateRowOffsetTop();
+                    $xeTable.updateCellAreas();
+                    return updateStyle();
+                });
+            }
+            return nextTick();
+        };
         const clearAllSort = () => {
             const { tableFullColumn } = internalData;
             tableFullColumn.forEach((column) => {
@@ -5575,49 +5622,11 @@ export default defineComponent({
                 return nextTick();
             },
             setSort(sortConfs, isUpdate) {
-                const sortOpts = computeSortOpts.value;
-                const { multiple, remote, orders } = sortOpts;
-                if (!XEUtils.isArray(sortConfs)) {
-                    sortConfs = [sortConfs];
-                }
-                if (sortConfs && sortConfs.length) {
-                    if (!multiple) {
-                        sortConfs = [sortConfs[0]];
-                        clearAllSort();
-                    }
-                    let firstColumn = null;
-                    sortConfs.forEach((confs, index) => {
-                        let { field, order } = confs;
-                        let column = field;
-                        if (XEUtils.isString(field)) {
-                            column = tableMethods.getColumnByField(field);
-                        }
-                        if (!firstColumn) {
-                            firstColumn = column;
-                        }
-                        if (column && column.sortable) {
-                            if (orders && orders.indexOf(order) === -1) {
-                                order = getNextSortOrder(column);
-                            }
-                            if (column.order !== order) {
-                                column.order = order;
-                            }
-                            column.sortTime = Date.now() + index;
-                        }
-                    });
-                    if (isUpdate) {
-                        if (!remote) {
-                            $xeTable.handleTableData(true);
-                        }
-                        $xeTable.handleColumnSortEvent(new Event('click'), firstColumn);
-                    }
-                    return nextTick().then(() => {
-                        updateRowOffsetTop();
-                        tableMethods.updateCellAreas();
-                        return updateStyle();
-                    });
-                }
-                return nextTick();
+                // 已废弃，即将去掉事件触发 new Event('click') -> null
+                return handleSortEvent(new Event('click'), sortConfs, isUpdate);
+            },
+            setSortByEvent(evnt, sortConfs, isUpdate) {
+                return handleSortEvent(evnt, sortConfs, isUpdate);
             },
             /**
              * 清空指定列的排序条件
@@ -5702,6 +5711,16 @@ export default defineComponent({
                 }
                 return sortList;
             },
+            setFilterByEvent(evnt, fieldOrColumn, options, isUpdate) {
+                const column = handleFieldOrColumn($xeTable, fieldOrColumn);
+                if (column && column.filters) {
+                    column.filters = toFilters(options || []);
+                    if (isUpdate) {
+                        return $xeTable.handleColumnConfirmFilter(column, evnt);
+                    }
+                }
+                return nextTick();
+            },
             /**
              * 关闭筛选
              * @param {Event} evnt 事件

package/es/table/style.css

@@ -2550,6 +2550,12 @@
 .vxe-table--render-default .vxe-footer--column.col--right > .vxe-cell {
   justify-content: right;
 }
+.vxe-table--render-default .vxe-header--column.col--ellipsis.col--center .vxe-cell--wrapper {
+  justify-content: center;
+}
+.vxe-table--render-default .vxe-header--column.col--ellipsis.col--right .vxe-cell--wrapper {
+  justify-content: right;
+}
 .vxe-table--render-default .vxe-header--column.col--ellipsis.col--center .vxe-cell,
 .vxe-table--render-default .vxe-footer--column.col--ellipsis.col--center .vxe-cell {
   justify-content: center;