perf: add more operation feedback prompt (#785)

#### What type of PR is this?

/kind improvement

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

为部分关键操作添加反馈提示。

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

Fixes https://github.com/halo-dev/halo/issues/2979

#### Special notes for your reviewer:

测试方式：

1. 测试 Console 端所有页面的操作。
2. 观察是否有反馈。

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

```release-note
完善 Console 端的部分操作反馈提示
```

src/composables/use-setting-form.ts

@@ -9,6 +9,7 @@ import cloneDeep from "lodash.clonedeep";
 import merge from "lodash.merge";
 import type { ConfigMap, Setting, SettingForm } from "@halo-dev/api-client";
 import type { FormKitSchemaCondition, FormKitSchemaNode } from "@formkit/core";
+import { Toast } from "@halo-dev/components";
 
 const initialConfigMap: ConfigMap = {
   apiVersion: "v1alpha1",
@@ -150,6 +151,8 @@ export function useSettingForm(
           });
         configMapName.value = data.metadata.name;
       }
+
+      Toast.success("保存成功");
     } catch (e) {
       console.error("Failed to save configMap", e);
     } finally {

src/modules/contents/attachments/AttachmentList.vue

@@ -20,6 +20,7 @@ import {
   VEntity,
   VEntityField,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import LazyImage from "@/components/image/LazyImage.vue";
 import UserDropdownSelector from "@/components/dropdown-selector/UserDropdownSelector.vue";
@@ -175,6 +176,8 @@ const handleMove = async (group: Group) => {
 
     await Promise.all(promises);
     selectedAttachments.value.clear();
+
+    Toast.success("移动成功");
   } catch (e) {
     console.error(e);
   } finally {

src/modules/contents/attachments/components/AttachmentGroupEditingModal.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VButton, VModal, VSpace } from "@halo-dev/components";
+import { Toast, VButton, VModal, VSpace } from "@halo-dev/components";
 import SubmitButton from "@/components/button/SubmitButton.vue";
 import type { Group } from "@halo-dev/api-client";
 import { computed, ref, watch } from "vue";
@@ -64,6 +64,8 @@ const handleSave = async () => {
         }
       );
     }
+
+    Toast.success("保存成功");
     onVisibleChange(false);
   } catch (e) {
     console.error("Failed to save attachment group", e);

src/modules/contents/attachments/components/AttachmentPoliciesModal.vue

@@ -9,6 +9,7 @@ import {
   VEntity,
   VEntityField,
   VStatusDot,
+  Toast,
 } from "@halo-dev/components";
 import AttachmentPolicyEditingModal from "./AttachmentPolicyEditingModal.vue";
 import { ref, watch } from "vue";
@@ -93,6 +94,8 @@ const handleDelete = async (policy: Policy) => {
       await apiClient.extension.storage.policy.deletestorageHaloRunV1alpha1Policy(
         { name: policy.metadata.name }
       );
+
+      Toast.success("删除成功");
       handleFetchPolicies();
     },
   });

src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VButton, VModal, VSpace } from "@halo-dev/components";
+import { Toast, VButton, VModal, VSpace } from "@halo-dev/components";
 import SubmitButton from "@/components/button/SubmitButton.vue";
 import type { Policy, PolicyTemplate } from "@halo-dev/api-client";
 import cloneDeep from "lodash.clonedeep";
@@ -128,6 +128,7 @@ const handleSave = async () => {
       );
     }
 
+    Toast.success("保存成功");
     onVisibleChange(false);
   } catch (e) {
     console.error("Failed to save attachment policy", e);

src/modules/contents/attachments/components/selector-providers/UploadSelectorProvider.vue

@@ -5,6 +5,7 @@ import {
   VCard,
   IconDeleteBin,
   Dialog,
+  Toast,
 } from "@halo-dev/components";
 
 import type { AttachmentLike } from "@halo-dev/console-shared";
@@ -104,6 +105,8 @@ const handleDelete = async (attachment: Attachment) => {
         );
         attachments.value.delete(attachment);
         selectedAttachments.value.delete(attachment);
+
+        Toast.success("删除成功");
       } catch (e) {
         console.error("Failed to delete attachment", e);
       }

src/modules/contents/attachments/composables/use-attachment.ts

@@ -9,7 +9,7 @@ import type { Ref } from "vue";
 import { ref, watch } from "vue";
 import type { AttachmentLike } from "@halo-dev/console-shared";
 import { apiClient } from "@/utils/api-client";
-import { Dialog } from "@halo-dev/components";
+import { Dialog, Toast } from "@halo-dev/components";
 import type { Content, Editor } from "@halo-dev/richtext-editor";
 import { onBeforeRouteLeave } from "vue-router";
 
@@ -180,6 +180,8 @@ export function useAttachmentControl(filterOptions?: {
             selectedAttachment.value = undefined;
           }
           selectedAttachments.value.delete(attachment);
+
+          Toast.success("删除成功");
         } catch (e) {
           console.error("Failed to delete attachment", e);
         } finally {
@@ -207,6 +209,8 @@ export function useAttachmentControl(filterOptions?: {
           );
           await Promise.all(promises);
           selectedAttachments.value.clear();
+
+          Toast.success("删除成功");
         } catch (e) {
           console.error("Failed to delete attachments", e);
         } finally {

src/modules/contents/comments/CommentList.vue

@@ -11,6 +11,7 @@ import {
   VEmpty,
   Dialog,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import CommentListItem from "./components/CommentListItem.vue";
 import UserDropdownSelector from "@/components/dropdown-selector/UserDropdownSelector.vue";
@@ -146,6 +147,8 @@ const handleDeleteInBatch = async () => {
         });
         await Promise.all(promises);
         selectedCommentNames.value = [];
+
+        Toast.success("删除成功");
       } catch (e) {
         console.error("Failed to delete comments", e);
       } finally {
@@ -181,6 +184,8 @@ const handleApproveInBatch = async () => {
         });
         await Promise.all(promises);
         selectedCommentNames.value = [];
+
+        Toast.success("操作成功");
       } catch (e) {
         console.error("Failed to approve comments in batch", e);
       } finally {

src/modules/contents/comments/components/CommentListItem.vue

@@ -11,6 +11,7 @@ import {
   IconAddCircle,
   IconExternalLinkLine,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import ReplyCreationModal from "./ReplyCreationModal.vue";
 import type {
@@ -65,6 +66,8 @@ const handleDelete = async () => {
         await apiClient.extension.comment.deletecontentHaloRunV1alpha1Comment({
           name: props.comment?.comment?.metadata.name as string,
         });
+
+        Toast.success("删除成功");
       } catch (error) {
         console.log("Failed to delete comment", error);
       } finally {
@@ -93,6 +96,8 @@ const handleApproveReplyInBatch = async () => {
           });
         });
         await Promise.all(promises);
+
+        Toast.success("操作成功");
       } catch (e) {
         console.error("Failed to approve comment replies in batch", e);
       } finally {
@@ -112,6 +117,8 @@ const handleApprove = async () => {
       name: commentToUpdate.metadata.name,
       comment: commentToUpdate,
     });
+
+    Toast.success("操作成功");
   } catch (error) {
     console.error("Failed to approve comment", error);
   } finally {

src/modules/contents/comments/components/ReplyCreationModal.vue

@@ -1,5 +1,11 @@
 <script lang="ts" setup>
-import { VModal, VSpace, VButton, IconMotionLine } from "@halo-dev/components";
+import {
+  VModal,
+  VSpace,
+  VButton,
+  IconMotionLine,
+  Toast,
+} from "@halo-dev/components";
 import SubmitButton from "@/components/button/SubmitButton.vue";
 import type {
   ListedComment,
@@ -100,6 +106,8 @@ const handleCreateReply = async () => {
       replyRequest: formState.value,
     });
     onVisibleChange(false);
+
+    Toast.success("回复成功");
   } catch (error) {
     console.error("Failed to create comment reply", error);
   } finally {

src/modules/contents/comments/components/ReplyListItem.vue

@@ -8,6 +8,7 @@ import {
   Dialog,
   VStatusDot,
   IconReplyLine,
+  Toast,
 } from "@halo-dev/components";
 import type { ListedReply } from "@halo-dev/api-client";
 import { formatDatetime } from "@/utils/date";
@@ -53,6 +54,8 @@ const handleDelete = async () => {
         await apiClient.extension.reply.deletecontentHaloRunV1alpha1Reply({
           name: props.reply?.reply.metadata.name as string,
         });
+
+        Toast.success("删除成功");
       } catch (error) {
         console.log("Failed to delete comment reply", error);
       } finally {
@@ -72,6 +75,8 @@ const handleApprove = async () => {
       name: replyToUpdate.metadata.name,
       reply: replyToUpdate,
     });
+
+    Toast.success("操作成功");
   } catch (error) {
     console.error("Failed to approve comment reply", error);
   } finally {

src/modules/contents/pages/DeletedSinglePageList.vue

@@ -15,6 +15,7 @@ import {
   VPageHeader,
   VStatusDot,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import { onMounted, ref, watch } from "vue";
 import type { ListedSinglePageList, SinglePage } from "@halo-dev/api-client";
@@ -132,6 +133,8 @@ const handleDeletePermanently = async (singlePage: SinglePage) => {
         }
       );
       await handleFetchSinglePages();
+
+      Toast.success("删除成功");
     },
   });
 };
@@ -153,6 +156,8 @@ const handleDeletePermanentlyInBatch = async () => {
       );
       await handleFetchSinglePages();
       selectedPageNames.value = [];
+
+      Toast.success("删除成功");
     },
   });
 };
@@ -171,6 +176,8 @@ const handleRecovery = async (singlePage: SinglePage) => {
         }
       );
       await handleFetchSinglePages();
+
+      Toast.success("恢复成功");
     },
   });
 };
@@ -201,6 +208,8 @@ const handleRecoveryInBatch = async () => {
       );
       await handleFetchSinglePages();
       selectedPageNames.value = [];
+
+      Toast.success("恢复成功");
     },
   });
 };

src/modules/contents/pages/SinglePageList.vue

@@ -20,6 +20,7 @@ import {
   VEntity,
   VEntityField,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import SinglePageSettingModal from "./components/SinglePageSettingModal.vue";
 import UserDropdownSelector from "@/components/dropdown-selector/UserDropdownSelector.vue";
@@ -229,6 +230,8 @@ const handleDelete = async (singlePage: SinglePage) => {
         }
       );
       await handleFetchSinglePages();
+
+      Toast.success("删除成功");
     },
   });
 };
@@ -260,6 +263,8 @@ const handleDeleteInBatch = async () => {
       );
       await handleFetchSinglePages();
       selectedPageNames.value = [];
+
+      Toast.success("删除成功");
     },
   });
 };

src/modules/contents/pages/components/SinglePageSettingModal.vue

@@ -1,5 +1,12 @@
 <script lang="ts" setup>
-import { VButton, VModal, VSpace, VTabItem, VTabs } from "@halo-dev/components";
+import {
+  Toast,
+  VButton,
+  VModal,
+  VSpace,
+  VTabItem,
+  VTabs,
+} from "@halo-dev/components";
 import { computed, ref, watchEffect } from "vue";
 import type { SinglePage } from "@halo-dev/api-client";
 import cloneDeep from "lodash.clonedeep";
@@ -105,6 +112,8 @@ const handleSave = async () => {
     emit("saved", data);
 
     onVisibleChange(false);
+
+    Toast.success("保存成功");
   } catch (error) {
     console.error("Failed to save single page", error);
   } finally {
@@ -150,6 +159,8 @@ const handleSwitchPublish = async (publish: boolean) => {
     }
 
     onVisibleChange(false);
+
+    Toast.success(`${publish ? "发布" : "取消发布"}成功`);
   } catch (error) {
     console.error("Failed to publish single page", error);
   } finally {

src/modules/contents/posts/DeletedPostList.vue

@@ -15,6 +15,7 @@ import {
   VEntity,
   VEntityField,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import PostTag from "./tags/components/PostTag.vue";
 import { onMounted, ref, watch } from "vue";
@@ -124,6 +125,8 @@ const handleDeletePermanently = async (post: Post) => {
         name: post.metadata.name,
       });
       await handleFetchPosts();
+
+      Toast.success("删除成功");
     },
   });
 };
@@ -143,6 +146,8 @@ const handleDeletePermanentlyInBatch = async () => {
       );
       await handleFetchPosts();
       selectedPostNames.value = [];
+
+      Toast.success("删除成功");
     },
   });
 };
@@ -159,6 +164,8 @@ const handleRecovery = async (post: Post) => {
         post: postToUpdate,
       });
       await handleFetchPosts();
+
+      Toast.success("恢复成功");
     },
   });
 };
@@ -187,6 +194,8 @@ const handleRecoveryInBatch = async () => {
       );
       await handleFetchPosts();
       selectedPostNames.value = [];
+
+      Toast.success("恢复成功");
     },
   });
 };

src/modules/contents/posts/PostList.vue

@@ -22,6 +22,7 @@ import {
   VEntity,
   VEntityField,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import UserDropdownSelector from "@/components/dropdown-selector/UserDropdownSelector.vue";
 import CategoryDropdownSelector from "@/components/dropdown-selector/CategoryDropdownSelector.vue";
@@ -256,6 +257,8 @@ const handleDelete = async (post: Post) => {
         name: post.metadata.name,
       });
       await handleFetchPosts();
+
+      Toast.success("删除成功");
     },
   });
 };
@@ -285,6 +288,8 @@ const handleDeleteInBatch = async () => {
       );
       await handleFetchPosts();
       selectedPostNames.value = [];
+
+      Toast.success("删除成功");
     },
   });
 };

src/modules/contents/posts/categories/components/CategoryEditingModal.vue

@@ -4,7 +4,7 @@ import { computed, ref, watch } from "vue";
 import { apiClient } from "@/utils/api-client";
 
 // components
-import { VButton, VModal, VSpace } from "@halo-dev/components";
+import { Toast, VButton, VModal, VSpace } from "@halo-dev/components";
 import SubmitButton from "@/components/button/SubmitButton.vue";
 
 // types
@@ -76,6 +76,8 @@ const handleSaveCategory = async () => {
       });
     }
     onVisibleChange(false);
+
+    Toast.success("保存成功");
   } catch (e) {
     console.error("Failed to create category", e);
   } finally {

src/modules/contents/posts/categories/composables/use-post-category.ts

@@ -4,7 +4,7 @@ import { onUnmounted, type Ref } from "vue";
 import { onMounted, ref } from "vue";
 import type { CategoryTree } from "@/modules/contents/posts/categories/utils";
 import { buildCategoriesTree } from "@/modules/contents/posts/categories/utils";
-import { Dialog } from "@halo-dev/components";
+import { Dialog, Toast } from "@halo-dev/components";
 import { onBeforeRouteLeave } from "vue-router";
 
 interface usePostCategoryReturn {
@@ -76,6 +76,8 @@ export function usePostCategory(options?: {
               name: category.metadata.name,
             }
           );
+
+          Toast.success("删除成功");
         } catch (e) {
           console.error("Failed to delete tag", e);
         } finally {

src/modules/contents/posts/components/PostSettingModal.vue

@@ -1,5 +1,12 @@
 <script lang="ts" setup>
-import { VButton, VModal, VSpace, VTabItem, VTabs } from "@halo-dev/components";
+import {
+  Toast,
+  VButton,
+  VModal,
+  VSpace,
+  VTabItem,
+  VTabs,
+} from "@halo-dev/components";
 import { computed, ref, watchEffect } from "vue";
 import type { Post } from "@halo-dev/api-client";
 import cloneDeep from "lodash.clonedeep";
@@ -101,6 +108,8 @@ const handleSave = async () => {
     emit("saved", data);
 
     handleVisibleChange(false);
+
+    Toast.success("保存成功");
   } catch (e) {
     console.error("Failed to save post", e);
   } finally {
@@ -126,6 +135,8 @@ const handlePublish = async () => {
     emit("published", data);
 
     handleVisibleChange(false);
+
+    Toast.success("发布成功");
   } catch (e) {
     console.error("Failed to publish post", e);
   } finally {
@@ -142,6 +153,8 @@ const handleUnpublish = async () => {
     });
 
     handleVisibleChange(false);
+
+    Toast.success("取消发布成功");
   } catch (e) {
     console.error("Failed to publish post", e);
   } finally {

src/modules/contents/posts/tags/components/TagEditingModal.vue

@@ -7,6 +7,7 @@ import { apiClient } from "@/utils/api-client";
 import {
   IconArrowLeft,
   IconArrowRight,
+  Toast,
   VButton,
   VModal,
   VSpace,
@@ -79,6 +80,8 @@ const handleSaveTag = async () => {
       });
     }
     onVisibleChange(false);
+
+    Toast.success("保存成功");
   } catch (e) {
     console.error("Failed to create tag", e);
   } finally {

src/modules/contents/posts/tags/composables/use-post-tag.ts

@@ -2,7 +2,7 @@ import { apiClient } from "@/utils/api-client";
 import type { Tag } from "@halo-dev/api-client";
 import { onUnmounted, type Ref } from "vue";
 import { onMounted, ref } from "vue";
-import { Dialog } from "@halo-dev/components";
+import { Dialog, Toast } from "@halo-dev/components";
 import { onBeforeRouteLeave } from "vue-router";
 
 interface usePostTagReturn {
@@ -70,6 +70,8 @@ export function usePostTag(options?: {
           await apiClient.extension.tag.deletecontentHaloRunV1alpha1Tag({
             name: tag.metadata.name,
           });
+
+          Toast.success("删除成功");
         } catch (e) {
           console.error("Failed to delete tag", e);
         } finally {

src/modules/interface/menus/Menus.vue

@@ -9,6 +9,7 @@ import {
   VPageHeader,
   VSpace,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import MenuItemEditingModal from "./components/MenuItemEditingModal.vue";
 import MenuItemListItem from "./components/MenuItemListItem.vue";
@@ -173,6 +174,8 @@ const handleDelete = async (menuItem: MenuTreeItem) => {
       }
 
       await handleFetchMenuItems();
+
+      Toast.success("删除成功");
     },
   });
 };

src/modules/interface/menus/components/MenuEditingModal.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VButton, VModal, VSpace } from "@halo-dev/components";
+import { Toast, VButton, VModal, VSpace } from "@halo-dev/components";
 import SubmitButton from "@/components/button/SubmitButton.vue";
 import type { Menu } from "@halo-dev/api-client";
 import { computed, ref, watch } from "vue";
@@ -60,6 +60,8 @@ const handleCreateMenu = async () => {
       emit("created", data);
     }
     onVisibleChange(false);
+
+    Toast.success("保存成功");
   } catch (e) {
     console.error("Failed to create menu", e);
   } finally {

src/modules/interface/menus/components/MenuItemEditingModal.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VButton, VModal, VSpace } from "@halo-dev/components";
+import { Toast, VButton, VModal, VSpace } from "@halo-dev/components";
 import SubmitButton from "@/components/button/SubmitButton.vue";
 import { computed, ref, watch } from "vue";
 import type { Menu, MenuItem, Ref } from "@halo-dev/api-client";
@@ -105,6 +105,8 @@ const handleSaveMenuItem = async () => {
       onVisibleChange(false);
       emit("saved", data);
     }
+
+    Toast.success("保存成功");
   } catch (e) {
     console.error("Failed to create menu item", e);
   } finally {

src/modules/interface/menus/components/MenuList.vue

@@ -10,6 +10,7 @@ import {
   VEntityField,
   VTag,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import MenuEditingModal from "./MenuEditingModal.vue";
 import { onMounted, onUnmounted, ref } from "vue";
@@ -113,6 +114,8 @@ const handleDeleteMenu = async (menu: Menu) => {
         );
 
         await Promise.all(deleteItemsPromises);
+
+        Toast.success("删除成功");
       } catch (e) {
         console.error("Failed to delete menu", e);
       } finally {
@@ -181,6 +184,8 @@ const handleSetPrimaryMenu = async (menu: Menu) => {
     });
   }
   await handleFetchPrimaryMenuName();
+
+  Toast.success("设置成功");
 };
 
 onMounted(handleFetchPrimaryMenuName);

src/modules/interface/themes/ThemeDetail.vue

@@ -13,6 +13,7 @@ import {
   VButton,
   Dialog,
   VAvatar,
+  Toast,
 } from "@halo-dev/components";
 import ThemeUploadModal from "./components/ThemeUploadModal.vue";
 
@@ -42,6 +43,8 @@ const handleReloadTheme = async () => {
           name: selectedTheme.value.metadata.name as string,
         });
 
+        Toast.success("重载配置成功");
+
         window.location.reload();
       } catch (e) {
         console.error("Failed to reload theme setting", e);

src/modules/interface/themes/components/ThemeListModal.vue

@@ -11,6 +11,7 @@ import {
   VTabItem,
   VTabs,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import LazyImage from "@/components/image/LazyImage.vue";
 import ThemePreviewModal from "./preview/ThemePreviewModal.vue";
@@ -108,6 +109,8 @@ const handleCreateTheme = async (theme: Theme) => {
     apiClient.theme.reload({ name: data.metadata.name });
 
     activeTab.value = "installed";
+
+    Toast.success("安装成功");
   } catch (error) {
     console.error("Failed to create theme", error);
   } finally {

src/modules/interface/themes/components/components/ThemeListItem.vue

@@ -8,6 +8,7 @@ import {
   VEntityField,
   VStatusDot,
   Dialog,
+  Toast,
 } from "@halo-dev/components";
 import LazyImage from "@/components/image/LazyImage.vue";
 import type { Theme } from "@halo-dev/api-client";
@@ -43,8 +44,8 @@ const handleUninstall = async (theme: Theme, deleteExtensions?: boolean) => {
   Dialog.warning({
     title: `${
       deleteExtensions
-        ? "确定要删除该主题以及对应的配置吗？"
+        ? "确定要卸载该主题以及对应的配置吗？"
-        : "确定要删除该主题吗？"
+        : "确定要卸载该主题吗？"
     }`,
     description: "该操作不可恢复。",
     onConfirm: async () => {
@@ -54,33 +55,33 @@ const handleUninstall = async (theme: Theme, deleteExtensions?: boolean) => {
         });
 
         // delete theme setting and configMap
-        if (!deleteExtensions) {
+        if (deleteExtensions) {
-          return;
+          const { settingName, configMapName } = theme.spec;
+
+          if (settingName) {
+            await apiClient.extension.setting.deletev1alpha1Setting(
+              {
+                name: settingName,
+              },
+              {
+                mute: true,
+              }
+            );
+          }
+
+          if (configMapName) {
+            await apiClient.extension.configMap.deletev1alpha1ConfigMap(
+              {
+                name: configMapName,
+              },
+              {
+                mute: true,
+              }
+            );
+          }
         }
 
-        const { settingName, configMapName } = theme.spec;
+        Toast.success("卸载成功");
-
-        if (settingName) {
-          await apiClient.extension.setting.deletev1alpha1Setting(
-            {
-              name: settingName,
-            },
-            {
-              mute: true,
-            }
-          );
-        }
-
-        if (configMapName) {
-          await apiClient.extension.configMap.deletev1alpha1ConfigMap(
-            {
-              name: configMapName,
-            },
-            {
-              mute: true,
-            }
-          );
-        }
       } catch (e) {
         console.error("Failed to uninstall theme", e);
       } finally {

src/modules/interface/themes/composables/use-theme.ts

@@ -49,6 +49,8 @@ export function useThemeLifeCycle(
               configMap: systemConfigMap,
             });
           }
+
+          Toast.success("启用成功");
         } catch (e) {
           console.error("Failed to active theme", e);
         } finally {

src/modules/system/plugins/composables/use-plugin.ts

@@ -3,7 +3,7 @@ import { computed } from "vue";
 import type { Plugin } from "@halo-dev/api-client";
 import cloneDeep from "lodash.clonedeep";
 import { apiClient } from "@/utils/api-client";
-import { Dialog } from "@halo-dev/components";
+import { Dialog, Toast } from "@halo-dev/components";
 
 interface usePluginLifeCycleReturn {
   isStarted: ComputedRef<boolean | undefined>;
@@ -34,6 +34,8 @@ export function usePluginLifeCycle(
             name: pluginToUpdate.metadata.name,
             plugin: pluginToUpdate,
           });
+
+          Toast.success(`${pluginToUpdate.spec.enabled ? "启动" : "停止"}成功`);
         } catch (e) {
           console.error(e);
         } finally {
@@ -79,33 +81,33 @@ export function usePluginLifeCycle(
           });
 
           // delete plugin setting and configMap
-          if (!deleteExtensions) {
+          if (deleteExtensions) {
-            return;
+            const { settingName, configMapName } = plugin.value.spec;
+
+            if (settingName) {
+              await apiClient.extension.setting.deletev1alpha1Setting(
+                {
+                  name: settingName,
+                },
+                {
+                  mute: true,
+                }
+              );
+            }
+
+            if (configMapName) {
+              await apiClient.extension.configMap.deletev1alpha1ConfigMap(
+                {
+                  name: configMapName,
+                },
+                {
+                  mute: true,
+                }
+              );
+            }
           }
 
-          const { settingName, configMapName } = plugin.value.spec;
+          Toast.success("卸载成功");
-
-          if (settingName) {
-            await apiClient.extension.setting.deletev1alpha1Setting(
-              {
-                name: settingName,
-              },
-              {
-                mute: true,
-              }
-            );
-          }
-
-          if (configMapName) {
-            await apiClient.extension.configMap.deletev1alpha1ConfigMap(
-              {
-                name: configMapName,
-              },
-              {
-                mute: true,
-              }
-            );
-          }
         } catch (e) {
           console.error("Failed to uninstall plugin", e);
         } finally {

src/modules/system/roles/RoleList.vue

@@ -18,6 +18,7 @@ import {
   VEntity,
   VEntityField,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import RoleEditingModal from "./components/RoleEditingModal.vue";
 
@@ -132,6 +133,8 @@ const handleDelete = async (role: Role) => {
         await apiClient.extension.role.deletev1alpha1Role({
           name: role.metadata.name,
         });
+
+        Toast.success("删除成功");
       } catch (e) {
         console.error("Failed to delete role", e);
       }

src/modules/system/roles/composables/use-role.ts

@@ -4,6 +4,7 @@ import { computed, onMounted, ref } from "vue";
 import { roleLabels } from "@/constants/labels";
 import { rbacAnnotations } from "@/constants/annotations";
 import { apiClient } from "@/utils/api-client";
+import { Toast } from "@halo-dev/components";
 
 interface RoleTemplateGroup {
   module: string | null | undefined;
@@ -110,6 +111,8 @@ export function useRoleForm(): useRoleFormReturn {
 
         formState.value = data;
       }
+
+      Toast.success("保存成功");
     } catch (e) {
       console.error(e);
     } finally {

src/modules/system/users/UserList.vue

@@ -16,6 +16,7 @@ import {
   Dialog,
   VStatusDot,
   VLoading,
+  Toast,
 } from "@halo-dev/components";
 import UserEditingModal from "./components/UserEditingModal.vue";
 import UserPasswordChangeModal from "./components/UserPasswordChangeModal.vue";
@@ -110,6 +111,8 @@ const handleDelete = async (user: User) => {
         await apiClient.extension.user.deletev1alpha1User({
           name: user.metadata.name,
         });
+
+        Toast.success("删除成功");
       } catch (e) {
         console.error("Failed to delete user", e);
       } finally {
@@ -137,6 +140,7 @@ const handleDeleteInBatch = async () => {
       );
       await handleFetchUsers();
       selectedUserNames.value.length = 0;
+      Toast.success("删除成功");
     },
   });
 };

src/modules/system/users/components/UserEditingModal.vue

@@ -8,6 +8,7 @@ import type { User } from "@halo-dev/api-client";
 import {
   IconCodeBoxLine,
   IconEye,
+  Toast,
   VButton,
   VCodemirror,
   VModal,
@@ -123,6 +124,8 @@ const handleCreateUser = async () => {
     }
 
     onVisibleChange(false);
+
+    Toast.success("保存成功");
   } catch (e) {
     console.error("Failed to create or update user", e);
   } finally {

src/views/system/Setup.vue

@@ -3,7 +3,7 @@ import IconLogo from "~icons/core/logo?width=5rem&height=2rem";
 import { useSettingForm } from "@/composables/use-setting-form";
 import { useSystemStatesStore } from "@/stores/system-states";
 import { apiClient } from "@/utils/api-client";
-import { VButton } from "@halo-dev/components";
+import { Toast, VButton } from "@halo-dev/components";
 import { onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 import category from "./setup-data/category.json";
@@ -100,6 +100,8 @@ const handleSubmit = async () => {
     await systemStateStore.fetchSystemStates();
 
     router.push({ name: "Dashboard" });
+
+    Toast.success("初始化成功");
   } catch (error) {
     console.error("Failed to setup", error);
   } finally {