- 组件总览
- 通用
- 连接链
- UI 组件
- 高级
连接钱包弹窗，与 ConnectButton 配合使用完成钱包的链接流程。通常来说，你只要直接使用 Connector 组件即可。
注：本文档中的示例仅仅是纯 UI 的示例，在 Ant Design Web3 中。UI 模块和连接模块是分离的。要想真正的连接钱包，请参考以太坊适配器的文档，或阅读适配器文档了解更多。
| 属性 | 描述 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| title | 自定义连接弹窗标题 | React.ReactNode | - | - |
| onWalletSelected | 选中钱包回调 | (wallet: Wallet, options?: ConnectOptions) => void | - | - |
| onCancel | 点击遮罩层或右上角叉或取消按钮的回调 | (e:React.SyntheticEvent) => void | - | - |
| footer | 自定义 footer | React.ReactNode | - | - |
| walletList | 钱包列表 | Wallet[] | - | - |
| group | 钱包是否需要分组 | boolean | {groupOrder: (a: string, b: string) => number} | 有多个分组情况下为 true | - |
| mode | 弹窗模式 | 'simple' | 'normal' | 'auto' | 'auto' | - |
| guide | 新手指引内容 | DefaultGuide | DefaultGuide | - |
| actionRef | 用于控制组件 | MutableRefObject<ConnectModalActionType> | - | - |
| defaultSelectedWallet | 默认选中的钱包 | Wallet | - | - |
| locale | 多语言设置 | Locale["ConnectModal"] | - | - |
| connecting | 是否正在连接 | boolean | { status: 'connecting | 'signing'} | - | - |
| emptyProps | 空状态属性 | EmptyProps | {image: Empty.PRESENTED_IMAGE_SIMPLE, description: "未发现任何钱包"} | 1.18.0 |
其他弹框属性详见： ModalProps
| 属性 | 描述 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| title | 新手指引面板的标题 | string | - | - |
| infos | 新手指引面板的信息列表 | GuideInfoItem[] | - | - |
| moreLink | 新手指引面板的更多链接 | string | - | - |
| getWalletBtnText | 新手指引面板的获取钱包按钮文案 | string | - | - |
| moreLinkText | 新手指引面板的更多链接文案 | string | - | - |
| 属性 | 描述 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| title | 新手指引面板的信息项标题 | string | React.ReactNode | - | - |
| icon | 新手指引面板的信息项图标 | string | React.ReactNode | - | - |
| description | 新手指引面板的信息项描述 | string | React.ReactNode | - | - |
除了和控制弹窗相关属性外，其它和 ConnectModal 相同。