vxe-table 4.15.0-beta.9 → 4.15.0

package/es/grid/src/grid.js

@@ -12,7 +12,7 @@ import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 const { getConfig, getI18n, commands, hooks, useFns, createEvent, globalEvents, GLOBAL_EVENT_KEYS, renderEmptyElement } = VxeUI;
 const tableComponentPropKeys = Object.keys(tableComponentProps);
-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', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', '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', 'sort', 'setSort', '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', 'scrollTo', 'scrollToRow', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'getCustomStoreData', 'setRowGroupExpand', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'getCellElement', 'focus', 'blur', 'connect'];
+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', 'getTreeParentRow', 'getRowSeq', 'getRowById', 'getRowid', 'getTableData', 'getFullData', 'setColumnFixed', 'clearColumnFixed', 'setColumnWidth', 'getColumnWidth', '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', 'scrollTo', 'scrollToRow', 'scrollToColumn', 'clearScroll', 'updateFooter', 'updateStatus', 'setMergeCells', 'removeInsertRow', 'removeMergeCells', 'getMergeCells', 'clearMergeCells', 'setMergeFooterItems', 'removeMergeFooterItems', 'getMergeFooterItems', 'clearMergeFooterItems', 'getCustomStoreData', 'setRowGroupExpand', 'setAllRowGroupExpand', 'clearRowGroupExpand', 'isRowGroupExpandByRow', 'isRowGroupRecord', 'isAggregateRecord', 'isAggregateExpandByRow', 'getAggregateContentByRow', 'getAggregateRowChildren', 'setRowGroups', 'clearRowGroups', 'openTooltip', 'moveColumnTo', 'moveRowTo', 'getCellLabel', 'getCellElement', 'focus', 'blur', 'connect'];
 const gridComponentEmits = [
     ...tableComponentEmits,
     'page-change',
@@ -205,6 +205,10 @@ export default defineVxeComponent({
             const pagerOpts = computePagerOpts.value;
             return pagerOpts.total;
         });
+        const computePageCount = computed(() => {
+            const { tablePage } = reactData;
+            return Math.max(Math.ceil(tablePage.total / tablePage.pageSize), 1);
+        });
         const computeIsLoading = computed(() => {
             const { loading, proxyConfig } = props;
             const { tableLoading } = reactData;
@@ -272,7 +276,7 @@ export default defineVxeComponent({
                         tablePage.pageSize = pageSize;
                     }
                     if (total) {
-                        tablePage.pageSize = total;
+                        tablePage.total = total;
                     }
                 }
             }
@@ -343,7 +347,7 @@ export default defineVxeComponent({
                 });
             }
         };
-        const sortChangeEvent = (params) => {
+        const handleSortEvent = (params) => {
             const $xeTable = refTable.value;
             const { proxyConfig } = props;
             const { computeSortOpts } = $xeTable.getComputeMaps();
@@ -359,9 +363,16 @@ export default defineVxeComponent({
                     });
                 }
             }
+        };
+        const sortChangeEvent = (params) => {
+            handleSortEvent(params);
             $xeGrid.dispatchEvent('sort-change', params, params.$event);
         };
-        const filterChangeEvent = (params) => {
+        const clearAllSortEvent = (params) => {
+            handleSortEvent(params);
+            $xeGrid.dispatchEvent('clear-all-sort', params, params.$event);
+        };
+        const handleFilterEvent = (params) => {
             const $xeTable = refTable.value;
             const { proxyConfig } = props;
             const { computeFilterOpts } = $xeTable.getComputeMaps();
@@ -377,8 +388,15 @@ export default defineVxeComponent({
                     });
                 }
             }
+        };
+        const filterChangeEvent = (params) => {
+            handleFilterEvent(params);
             $xeGrid.dispatchEvent('filter-change', params, params.$event);
         };
+        const clearAllFilterEvent = (params) => {
+            handleFilterEvent(params);
+            $xeGrid.dispatchEvent('clear-all-filter', params, params.$event);
+        };
         const submitFormEvent = (params) => {
             const { proxyConfig } = props;
             const proxyOpts = computeProxyOpts.value;
@@ -611,9 +629,11 @@ export default defineVxeComponent({
             if (proxyConfig && isEnableConf(proxyOpts)) {
                 if (proxyOpts.sort) {
                     tableOns.onSortChange = sortChangeEvent;
+                    tableOns.onClearAllSort = clearAllSortEvent;
                 }
                 if (proxyOpts.filter) {
                     tableOns.onFilterChange = filterChangeEvent;
+                    tableOns.onClearAllFilter = clearAllFilterEvent;
                 }
             }
             const slotObj = {};
@@ -1152,6 +1172,9 @@ export default defineVxeComponent({
                 }
                 return nextTick();
             },
+            getParams() {
+                return props.params;
+            },
             zoom() {
                 if (reactData.isZMax) {
                     return gridMethods.revert();
@@ -1207,26 +1230,51 @@ export default defineVxeComponent({
                 return nextTick();
             },
             homePage() {
+                const { tablePage } = reactData;
+                tablePage.currentPage = 1;
+                return nextTick();
+            },
+            homePageByEvent(evnt) {
                 const $pager = refPager.value;
                 if ($pager) {
-                    return $pager.homePage();
+                    $pager.homePageByEvent(evnt);
                 }
-                return nextTick();
             },
             endPage() {
+                const { tablePage } = reactData;
+                const pageCount = computePageCount.value;
+                tablePage.currentPage = pageCount;
+                return nextTick();
+            },
+            endPageByEvent(evnt) {
                 const $pager = refPager.value;
                 if ($pager) {
-                    return $pager.endPage();
+                    $pager.endPageByEvent(evnt);
                 }
+            },
+            setCurrentPage(currentPage) {
+                const { tablePage } = reactData;
+                const pageCount = computePageCount.value;
+                tablePage.currentPage = Math.min(pageCount, Math.max(1, XEUtils.toNumber(currentPage)));
                 return nextTick();
             },
-            jumpPage(currentPage) {
+            setCurrentPageByEvent(evnt, currentPage) {
                 const $pager = refPager.value;
                 if ($pager) {
-                    return $pager.jumpPage(currentPage);
+                    $pager.setCurrentPageByEvent(evnt, currentPage);
                 }
+            },
+            setPageSize(pageSize) {
+                const { tablePage } = reactData;
+                tablePage.pageSize = Math.max(1, XEUtils.toNumber(pageSize));
                 return nextTick();
             },
+            setPageSizeByEvent(evnt, pageSize) {
+                const $pager = refPager.value;
+                if ($pager) {
+                    $pager.setPageSizeByEvent(evnt, pageSize);
+                }
+            },
             getProxyInfo() {
                 const $xeTable = refTable.value;
                 if (props.proxyConfig) {