jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 优化按钮样式

Browse Source
This commit is contained in:
xlsea
2025-05-10 10:45:30 +08:00
parent cc34f546c6
commit 5b0ae4443c
12 changed files with 80 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/hooks/common/tree-table.ts
View File

@ -23,7 +23,7 @@ export function useTreeTable<A extends NaiveUI.TreeTableApiFn>(
idField,
parentIdField = 'parentId',
childrenField = 'children',
defaultExpandAll = true
defaultExpandAll = false
} = config;
const SELECTION_KEY = '__selection__';
@ -56,10 +56,8 @@ export function useTreeTable<A extends NaiveUI.TreeTableApiFn>(
childrenField
});
// 如果设置了默认展开所有，则收集所有节点的key
if (defaultExpandAll) {
expandedRowKeys.value = records.map(item => item[idField]);
}
// if defaultExpandAll is true, expand all nodes
expandedRowKeys.value = defaultExpandAll ? records.map(item => item[idField]) : [records[0][idField]];
return { data: treeData };
},
@ -129,14 +127,18 @@ export function useTreeTable<A extends NaiveUI.TreeTableApiFn>(
return keys;
}
/** 展开所有节点 */
const { bool: isCollapse, toggle: toggleCollapse } = useBoolean(defaultExpandAll);
/** expand all nodes */
function expandAll() {
toggleCollapse();
expandedRowKeys.value = collectAllNodeKeys(data.value);
}
/** 收起所有节点 */
/** collapse all nodes */
function collapseAll() {
expandedRowKeys.value = [];
toggleCollapse();
expandedRowKeys.value = data.value.length ? [data.value[0][idField]] : [];
}
scope.run(() => {
@ -164,6 +166,7 @@ export function useTreeTable<A extends NaiveUI.TreeTableApiFn>(
updateSearchParams,
resetSearchParams,
expandedRowKeys,
isCollapse,
expandAll,
collapseAll
};