feat: 支持在移动端用链接跳转的方式链接钱包 (#1364)

* feat: support universal link

* refactor: WalletItem

* fix: plugin icon show logic

* fix: url encode

* chore: add changelog

* fix: rename universalLink to deeplink

* fix: typeerror

* chore: revert test case

* test: add test case

* fix: lint

* chore: update test case

* test: improve test case

* chore: add changeset

* fix: update docs and fix ts error

Author: yutingzhao1991

.changeset/heavy-rice-deliver.md

@@ -0,0 +1,7 @@
+---
+'@ant-design/web3-assets': minor
+'@ant-design/web3-common': minor
+'@ant-design/web3': minor
+---
+
+feat: support UniversalLink for support connect some wallet in mobile

.changeset/odd-feet-search.md

@@ -0,0 +1,6 @@
+---
+'@ant-design/web3-solana': minor
+'@ant-design/web3-icons': minor
+---
+
+feat: support SolflareWallet

packages/assets/src/wallets/index.ts

@@ -13,3 +13,4 @@ export * from './trust';
 export * from './mobile-wallet';
 export * from './sui-wallet';
 export * from './suiet';
+export * from './solflare';

packages/assets/src/wallets/okx-wallet.tsx

@@ -17,4 +17,5 @@ export const metadata_OkxWallet: WalletMetadata = {
       description: 'Access your wallet right from your favorite web browser.',
     },
   ],
+  // TODO suport deeplink
 };

packages/assets/src/wallets/phantom.tsx

@@ -17,4 +17,7 @@ export const metadata_Phantom: WalletMetadata = {
       description: 'Access your wallet right from your favorite web browser.',
     },
   ],
+  deeplink: {
+    urlTemplate: 'https://phantom.com/ul/browse/${url}?ref=${ref}',
+  },
 };

packages/assets/src/wallets/solflare.tsx

@@ -0,0 +1,21 @@
+import type { WalletMetadata } from '@ant-design/web3-common';
+import { ChromeCircleColorful, SolflareColorful } from '@ant-design/web3-icons';
+
+export const metadata_Solflare: WalletMetadata = {
+  icon: <SolflareColorful />,
+  name: 'Solflare',
+  remark: 'Solflare Wallet',
+  app: {
+    link: 'https://solflare.com/',
+  },
+  extensions: [
+    {
+      key: 'Chrome',
+      browserIcon: <ChromeCircleColorful />,
+      browserName: 'Chrome',
+      link: 'https://chromewebstore.google.com/detail/solflare-wallet/bhhhlbepdkbapadjdnnojkbgioiodbic',
+      description: 'Access your wallet right from your favorite web browser.',
+    },
+  ],
+  // TODO suport deeplink
+};

packages/common/src/types.ts

@@ -233,6 +233,18 @@ export type WalletMetadata = {
    * @descEn Whether the parameters of fast scan code are supported
    */
   transferQRCodeFormatter?: (params: Record<string, any>) => string;
+  /**
+   * @desc 钱包支持的 Universal Link 配置
+   * @descEn Wallet Universal Link configuration
+   */
+  deeplink?: {
+    /**
+     * @desc Universal Link 的 URL 模板，用于构建钱包的通用链接
+     * @descEn URL template for Universal Link, used to build universal links for the wallet
+     * @example "https://phantom.com/ul/browse/${url}?ref=${ref}"
+     */
+    urlTemplate: string;
+  };
 };
 
 export type Balance = BalanceMetadata & {