feat: 更新银行卡管理功能，添加支持银行数据，优化表单交互和样式

src/store/wallet.ts

@@ -1,24 +1,24 @@
-import type { BalancesData, BankAccountsData } from "@/api/types";
+import type { BalancesData, BankAccountsData, SupportBanksData } from "@/api/types";
 import { defineStore } from "pinia";
 import { client, safeClient } from "@/api";
 
 interface State {
   balances: BalancesData;
   bankAccounts: BankAccountsData["data"];
+  supportBanks: SupportBanksData["data"];
 }
 
 export const useWalletStore = defineStore("wallet", () => {
   const state = reactive<State>({
     balances: [],
     bankAccounts: [],
+    supportBanks: [],
   });
 
-  const balances = computed(() => state.balances);
-  const bankAccounts = computed(() => state.bankAccounts);
-
   async function initializeWallet() {
     updateBalances();
     updateBankAccounts();
+    updateSupportBanks();
   }
 
   async function updateBalances(data?: BalancesData) {
@@ -39,12 +39,16 @@ export const useWalletStore = defineStore("wallet", () => {
     state.bankAccounts = bankAccounts.value?.data || [];
   }
 
+  async function updateSupportBanks() {
+    const { data: banks } = await safeClient(() => client.api.bank_account.banks.get(), { silent: true });
+    state.supportBanks = banks.value?.data || [];
+  }
+
   return {
-    state,
-    balances,
-    bankAccounts,
+    ...toRefs(state),
     initializeWallet,
     updateBalances,
     updateBankAccounts,
+    updateSupportBanks,
   };
 });