From d78547f96399adf2de8b3ca1b242cde06f22d4b6 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Wed, 14 Aug 2024 14:57:56 +0800
Subject: [PATCH] refactor: use patch api to refactor category drag-and-drop
 sorting feature (#6461)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### 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 接口重构分类拖动排序功能。
```
---
 .../posts/categories/CategoryList.vue         | 15 ++++++++--
 .../components/CategoryEditingModal.vue       | 28 ++++++++++---------
 2 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/ui/console-src/modules/contents/posts/categories/CategoryList.vue b/ui/console-src/modules/contents/posts/categories/CategoryList.vue
index c4be69aca..43ba0e83a 100644
--- a/ui/console-src/modules/contents/posts/categories/CategoryList.vue
+++ b/ui/console-src/modules/contents/posts/categories/CategoryList.vue
@@ -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);
diff --git a/ui/console-src/modules/contents/posts/categories/components/CategoryEditingModal.vue b/ui/console-src/modules/contents/posts/categories/components/CategoryEditingModal.vue
index 7ccf8b3b4..6067169eb 100644
--- a/ui/console-src/modules/contents/posts/categories/components/CategoryEditingModal.vue
+++ b/ui/console-src/modules/contents/posts/categories/components/CategoryEditingModal.vue
@@ -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,
+                ])
+              ),
+            },
+          ],
         });
       }
     }