github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-01-25 02:58:43 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(table component): add 'expandRows' table action (#1537)

Browse Source 
* fix(table component): add 'expandRows'

* feat(table component): add 'expandRows' table action
This commit is contained in:
George Tan 2021-12-28 18:45:14 +08:00 committed by GitHub
parent 598ce5a1bf
commit 1dc6faf3e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Table/src/BasicTable.vue
View File

@ -199,7 +199,11 @@
const { getRowClassName } = useTableStyle(getProps, prefixCls);
const { getExpandOption, expandAll, collapseAll } = useTableExpand(getProps, tableData, emit);
const { getExpandOption, expandAll, expandRows, collapseAll } = useTableExpand(
getProps,
tableData,
emit,
);
const handlers: InnerHandlers = {
onColumnsChange: (data: ColumnChangeParam[]) => {
@ -300,6 +304,7 @@
getShowPagination,
setCacheColumnsByField,
expandAll,
expandRows,
collapseAll,
scrollTo,
getSize: () => {

3
src/components/Table/src/hooks/useTable.ts
View File

@ -152,6 +152,9 @@ export function useTable(tableProps?: Props): [
expandAll: () => {
getTableInstance().expandAll();
},
expandRows: (keys: string[]) => {
getTableInstance().expandRows(keys);
},
collapseAll: () => {
getTableInstance().collapseAll();
},

9
src/components/Table/src/hooks/useTableExpand.ts
View File

@ -37,6 +37,13 @@ export function useTableExpand(
expandedRowKeys.value = keys;
}
function expandRows(keys: string[]) {
// use row ID expands the specified table row
const { isTreeTable } = unref(propsRef);
if (!isTreeTable) return;
expandedRowKeys.value = [...expandedRowKeys.value, ...keys];
}
function getAllKeys(data?: Recordable[]) {
const keys: string[] = [];
const { childrenColumnName } = unref(propsRef);
@ -54,5 +61,5 @@ export function useTableExpand(
expandedRowKeys.value = [];
}
return { getExpandOption, expandAll, collapseAll };
return { getExpandOption, expandAll, expandRows, collapseAll };
}

1
src/components/Table/src/types/table.ts
View File

@ -87,6 +87,7 @@ export interface TableActionType {
getSelectRows: <T = Recordable>() => T[];
clearSelectedRowKeys: () => void;
expandAll: () => void;
expandRows: (keys: string[]) => void;
collapseAll: () => void;
scrollTo: (pos: string) => void; // pos: id | "top" | "bottom"
getSelectRowKeys: () => string[];