Refactor code structure for improved readability and maintainability

src/views/trade-settings/bank-management/add.vue

@@ -1,10 +1,10 @@
 <script lang='ts' setup>
 import type { GenericObject } from "vee-validate";
 import { SelectChangeEventDetail, toastController } from "@ionic/vue";
-import { toTypedSchema } from "@vee-validate/yup";
+import { toTypedSchema } from "@vee-validate/zod";
 import { informationCircle, shieldCheckmark } from "ionicons/icons";
 import { ErrorMessage, Field, Form } from "vee-validate";
-import * as yup from "yup";
+import { z } from "zod";
 import { client, safeClient } from "@/api";
 
 const { t } = useI18n();
@@ -17,12 +17,12 @@ const formInst = useTemplateRef<FormInstance>("formInst");
 
 // 表单验证 Schema
 const schema = toTypedSchema(
-  yup.object({
-    bankName: yup.string().required(t("bankCard.form.validation.bankRequired")),
-    accountNumber: yup
-      .string()
-      .required(t("bankCard.form.validation.accountNumberRequired")),
-    accountName: yup.string().required(t("bankCard.form.validation.accountNameRequired")),
+  z.object({
+    bankName: z.string({ message: t("bankCard.form.validation.bankRequired") }).min(1, t("bankCard.form.validation.bankRequired")),
+    accountNumber: z
+      .string({ message: t("bankCard.form.validation.accountNumberRequired") })
+      .min(1, t("bankCard.form.validation.accountNumberRequired")),
+    accountName: z.string({ message: t("bankCard.form.validation.accountNameRequired") }).min(1, t("bankCard.form.validation.accountNameRequired")),
   }),
 );