eveal/gemory
2
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

ignorable columns

Browse Source
This commit is contained in:
Sirttas
2023-11-07 13:47:42 +01:00
parent ee6bbfd442
commit 088ea5d929
3 changed files with 38 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/table/sort.ts
View File

@@ -4,6 +4,7 @@ export type SortDirection = "asc" | "desc";
export type UseSortOptions = {
defaultSortKey?: string;
defaultSortDirection?: SortDirection;
ignoredColums?: MaybeRefOrGetter<string[]>;
};
export const useSort = <T>(array: MaybeRefOrGetter<T[]>, options?: UseSortOptions) => {
@@ -13,10 +14,11 @@ export const useSort = <T>(array: MaybeRefOrGetter<T[]>, options?: UseSortOption
sortKey.value = key;
sortDirection.value = direction;
};
const showColumn = (sortKey: string) => toValue(options?.ignoredColums)?.includes(sortKey) ?? true;
const headerProps = computed(() => ({
onSort: sortBy,
onSort: sortBy, showColumn,
currentSortKey: sortKey.value,
sortDirection: sortDirection.value,
sortDirection: sortDirection.value
}));
const sortedArray = computed(() => toValue(array).sort((a, b) => {
@@ -38,5 +40,5 @@ export const useSort = <T>(array: MaybeRefOrGetter<T[]>, options?: UseSortOption
}
}));
return { sortedArray, headerProps };
return { sortedArray, headerProps, showColumn };
}