refactor: use patch api to refactor category drag-and-drop sorting feature (#6461)

#### What type of PR is this?

/area ui
/kind improvement
/milestone 2.19.x

#### What this PR does / why we need it:

使用 patch 接口重构分类拖动排序功能。

#### Which issue(s) this PR fixes:

None

#### Special notes for your reviewer:

需要测试文章分类的拖动排序功能是否符合预期。

#### Does this PR introduce a user-facing change?

```release-note
使用 patch 接口重构分类拖动排序功能。
```
pull/6470/head
Ryan Wang 2024-08-14 14:57:56 +08:00 committed by GitHub
parent c2ac19f9d3
commit d78547f963
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 28 additions and 15 deletions

View File

@ -40,9 +40,20 @@ const handleUpdateInBatch = useDebounceFn(async () => {
try {
batchUpdating.value = true;
const promises = categoriesToUpdate.map((category) =>
coreApiClient.content.category.updateCategory({
coreApiClient.content.category.patchCategory({
name: category.metadata.name,
category: category,
jsonPatchInner: [
{
op: "add",
path: "/spec/children",
value: category.spec.children || [],
},
{
op: "add",
path: "/spec/priority",
value: category.spec.priority || 0,
},
],
})
);
await Promise.all(promises);

View File

@ -10,6 +10,7 @@ import { setFocus } from "@/formkit/utils/focus";
import { FormType } from "@/types/slug";
import useSlugify from "@console/composables/use-slugify";
import { useThemeCustomTemplates } from "@console/modules/interface/themes/composables/use-theme";
import { reset, submitForm } from "@formkit/core";
import type { Category } from "@halo-dev/api-client";
import {
IconRefreshLine,
@ -21,7 +22,6 @@ import {
import { useQueryClient } from "@tanstack/vue-query";
import { cloneDeep } from "lodash-es";
import { useI18n } from "vue-i18n";
import { submitForm, reset } from "@formkit/core";
const props = withDefaults(
defineProps<{
@ -109,28 +109,30 @@ const handleSaveCategory = async () => {
parentCategory = data;
}
const priority = parentCategory?.spec.children
formState.value.spec.priority = parentCategory?.spec.children
? parentCategory.spec.children.length + 1
: 0;
formState.value.spec.priority = priority;
const { data: createdCategory } =
await coreApiClient.content.category.createCategory({
category: formState.value,
});
if (parentCategory) {
parentCategory.spec.children = Array.from(
new Set([
...(parentCategory.spec.children || []),
createdCategory.metadata.name,
])
);
await coreApiClient.content.category.updateCategory({
await coreApiClient.content.category.patchCategory({
name: selectedParentCategory.value,
category: parentCategory,
jsonPatchInner: [
{
op: "add",
path: "/spec/children",
value: Array.from(
new Set([
...(parentCategory.spec.children || []),
createdCategory.metadata.name,
])
),
},
],
});
}
}