feat(Table): 增加 afterSort 事件 (#744)

WeBankFinTech · Apr 18, 2024 · 097f37b · 097f37b
1 parent 40dbf37
commit 097f37b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/components/table/table.tsx b/components/table/table.tsx
@@ -127,6 +127,7 @@ export default defineComponent({
         'selectAll',
         'selectionChange',
         'sortChange',
+        'afterSort',
         'dragstart',
         'dragend',
         'update:checkedKeys',

diff --git a/components/table/useTableSort.ts b/components/table/useTableSort.ts
@@ -19,8 +19,10 @@ export default ({
 
     const handleRowDataBySort = (data: RowType[], param: SortStateType) => {
         const { prop, order, sorter } = param;
+
+        let nextData = data;
         if (order === 'ascend') {
-            return data.sort((a: RowType, b: RowType) => {
+            nextData = data.sort((a: RowType, b: RowType) => {
                 let res = 0;
                 if (typeof sorter === 'function') {
                     try {
@@ -34,7 +36,7 @@ export default ({
             });
         }
         if (order === 'descend') {
-            return data.sort((a: RowType, b: RowType) => {
+            nextData = data.sort((a: RowType, b: RowType) => {
                 let res = 0;
                 if (typeof sorter === 'function') {
                     try {
@@ -47,7 +49,9 @@ export default ({
                 return res;
             });
         }
-        return data;
+
+        ctx.emit('afterSort', readonly(nextData));
+        return nextData;
     };
 
     const handleClickSortHeader = ({ column }: { column: ColumnInst }) => {

diff --git a/docs/.vitepress/components/table/index.md b/docs/.vitepress/components/table/index.md
@@ -193,6 +193,7 @@ resizable.vue
 | dragstart       | 拖拽开始触发                                 | (event, item, index) => void                                                             |
 | dragend         | 拖拽结束触发                                 | (event, item, index) => void                                                             |
 | sortChange      | 点击排序后触发                               | ({prop?: string; order?: 'descend' \| 'ascend'; sorter?: Function \| 'default'}) => void |
+| afterSort       | 排序完成后触发                               | (data) => void                                                                           |
 
 ## FTable Methods