feat: add operation exception toasts for loading plugin resources and login

packages/components/src/components/dialog/Dialog.story.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { VButton } from "@/components/button";
 import { VDialog } from "@/components/dialog";
+import { Toast } from "../toast";
 
 const initState = () => {
   return {
@@ -11,10 +12,10 @@ const initState = () => {
     cancelText: "取消",
     type: "info",
     onConfirm: () => {
-      alert("已删除");
+      Toast.info("已删除");
     },
     onCancel: () => {
-      alert("已取消");
+      Toast.info("已取消");
     },
   };
 };

src/main.ts

@@ -8,6 +8,7 @@ import type {
   MenuItemType,
   Plugin,
 } from "@halo-dev/console-shared";
+import { Toast } from "@halo-dev/components";
 import { apiClient } from "@/utils/api-client";
 import { menus, minimenus, registerMenu } from "./router/menus.config";
 // setup
@@ -135,7 +136,7 @@ async function loadPluginModules() {
           registerModule(pluginModule);
         }
       } catch (e) {
-        const message = `${plugin.metadata.name}: Failed load plugin entry module`;
+        const message = `${plugin.metadata.name}: 加载插件入口文件失败`;
         console.error(message, e);
         pluginErrorMessages.push(message);
       }
@@ -145,7 +146,7 @@ async function loadPluginModules() {
       try {
         await loadStyle(`${import.meta.env.VITE_API_URL}${stylesheet}`);
       } catch (e) {
-        const message = `${plugin.metadata.name}: Failed load plugin stylesheet`;
+        const message = `${plugin.metadata.name}: 加载插件样式文件失败`;
         console.error(message, e);
         pluginErrorMessages.push(message);
       }
@@ -155,7 +156,9 @@ async function loadPluginModules() {
   }
 
   if (pluginErrorMessages.length > 0) {
-    alert(pluginErrorMessages.join("\n"));
+    pluginErrorMessages.forEach((message) => {
+      Toast.error(message);
+    });
   }
 }
 

src/modules/system/users/Login.vue

@@ -1,5 +1,10 @@
 <script lang="ts" setup>
-import { IconShieldUser, IconUserLine, VButton } from "@halo-dev/components";
+import {
+  IconShieldUser,
+  IconUserLine,
+  VButton,
+  Toast,
+} from "@halo-dev/components";
 import { v4 as uuid } from "uuid";
 import qs from "qs";
 import logo from "@/assets/logo.svg";
@@ -47,7 +52,7 @@ const handleLogin = async () => {
     router.go(0);
   } catch (e) {
     console.error("Failed to login", e);
-    alert("登录失败，用户名或密码错误");
+    Toast.error("登录失败，用户名或密码错误");
     loginForm.value.password = "";
     setFocus("passwordInput");
   } finally {