feat: 使用 safeClient 封装 API 调用并处理错误提示

src/api/index.ts

@@ -1,5 +1,6 @@
 import type { App } from "@riwa/api-types";
 import { treaty } from "@elysiajs/eden";
+import { toastController } from "@ionic/vue";
 
 const client = treaty<App>(window.location.origin, {
   fetch: {
@@ -7,4 +8,27 @@ const client = treaty<App>(window.location.origin, {
   },
 });
 
+export async function safeClient<T, E>(
+  requestPromise: Promise<{ data: T; error: E | null }>,
+  options: { silent?: boolean } = {},
+) {
+  const { data, error } = await requestPromise;
+
+  if (error) {
+    if (!options.silent) {
+      const toast = await toastController.create({
+        message: typeof error === "string" ? error : "Request failed. Please try again.",
+        duration: 3000,
+        position: "bottom",
+        color: "danger",
+      });
+      await toast.present();
+    }
+
+    throw error;
+  }
+
+  return { data, error };
+}
+
 export { client };

src/views/withdraw/index.vue

@@ -1,7 +1,7 @@
 <script lang='ts' setup>
 import type { WithdrawBody } from "@/api/types";
 import { toastController } from "@ionic/vue";
-import { client } from "@/api";
+import { client, safeClient } from "@/api";
 import { AssetCodeEnum, ChainEnum, WithdrawMethodEnum } from "@/api/enum";
 
 const amountInputInst = useTemplateRef<InputInstance>("amountInputInst");
@@ -40,18 +40,7 @@ function handleCurrentChange() {
 }
 
 async function onSubmit() {
-  const { data, status } = await client.api.asset.withdraw.post(form.value);
-  if (status === 200) {
-    const toast = await toastController.create({
-      message: "Submission successful!",
-      duration: 1500,
-      position: "bottom",
-    });
-
-    await toast.present();
-
-    resetForm();
-  }
+  const { data } = await safeClient(client.api.asset.withdraw.post(form.value));
 }
 </script>