add field order

frontend/src/composables/sort.ts

@@ -0,0 +1,42 @@
+import { computed, ref } from "vue";
+
+export const useSort = () => {
+	const sortFields = ref<
+		{
+			field: string;
+			order: "asc" | "desc" | undefined;
+		}[]
+	>([]);
+
+	const getSortField = (field: string) => {
+		return sortFields.value.find((item) => item.field === field);
+	};
+
+	const sortBy = computed(() => {
+		return sortFields.value
+			.map((item) => `${item.field}:${item.order}`)
+			.join(",");
+	});
+
+	const handleSort = async (field: string) => {
+		if (sortFields.value?.find((item) => item.field === field)) {
+			sortFields.value = sortFields.value?.map((item) =>
+				item.field === field
+					? { ...item, order: item.order === "asc" ? "desc" : undefined }
+					: item,
+			);
+		} else {
+			sortFields.value.push({ field, order: "asc" });
+		}
+		sortFields.value = sortFields.value?.filter(
+			(item) => item.order !== undefined,
+		);
+	};
+
+	return {
+		sortFields,
+		sortBy,
+		handleSort,
+		getSortField,
+	};
+};

frontend/src/composables/user/useUserQuery.ts

@@ -24,6 +24,7 @@ export const useUserQuery = () => {
 		},
 		page = 1,
 		size = 10,
+		sortBy = "id:desc",
 	) => {
 		const { data } = await client.GET("/iam/users", {
 			params: {
@@ -31,6 +32,7 @@ export const useUserQuery = () => {
 					pageRequestDto: {
 						page,
 						size,
+						sortBy,
 					},
 					userQueryDto: param,
 				},