给 @ant-design/ethereum 的 createProvider 方法中的参数添加一些别名

[yutingzhao1991]

现在的用法如下：

import {
  Web3Provider,
  createProvider,
  ZANJsonRpcProvider,
  MetaMaskProvider,
  WalletConnectProvider,
  chains,
} from '@ant-design/ethereum';

const provider = createProvider({
  rpcs: [
    new ZANJsonRpcProvider({
      apiKey: 'd0eeefc2a4da4a8ba707889259b437d6',
    }),
  ],
  wallets: [
    new WalletConnectProvider({
      projectId: 'c07c0051c2055890eade3556618e38a6',
    }),
    new MetaMaskProvider(),
  ],
  chains: [chains.mainnet],
});

export function rootContainer(container: React.ReactNode) {
  return <Web3Provider provider={provider}>{container}</Web3Provider>;
}

感觉写这一堆 new xxx 很麻烦，感觉可以写成这样：

import {
  Web3Provider,
  createProvider,

  zan,

  metamask,
  walletConnect,

  mainnet,
} from '@ant-design/ethereum';

const provider = createProvider({
  rpcs: [
    zan({
      apiKey: 'd0eeefc2a4da4a8ba707889259b437d6',
    }),
  ],
  wallets: [
    walletConnect({
      projectId: 'c07c0051c2055890eade3556618e38a6',
    }),
    new metamask(),
  ],
  chains: [mainnet],
});

export function rootContainer(container: React.ReactNode) {
  return <Web3Provider provider={provider}>{container}</Web3Provider>;
}

有点参考 https://wagmi.sh/react/providers/configuring-chains 的意思。

[yutingzhao1991]

这个先不考虑了，目前先推进和 wagmi 一起用。