开发

• 安装依赖

   yarn install

• 找一个待支付的订单id (日常环境)

  在app.tsx文件中 更新 orderId

  yarn run dev

  注意⚠️： 需要保持当前开发环境是登录状态

使用方法

基础使用

import Pay from '@tuya-fe/common-pay'

return <Pay orderId={'xxx'} successBackUrl={'xxx'} />

props 说明

| key | 类型 | 是否可选 | 值 | | --------------- | -------- | -------- | ----------------------------------------------------------------------------------- | | orderId | string | 是 | orderId、orderIdMaster、mergeId 三选一 | | orderIdMaster | string | 是 | orderId、orderIdMaster、mergeId 三选一 | | mergeId | string | 是 | orderId、orderIdMaster、mergeId 三选一，传入 mergeId 后，orderDetail 需要自己拼出来 | | bankList | string | 是 | （组件中会自己在客户端请求, 可手动插入支持服务端渲染) | | type | array | 是 | ['bank', 'ali', 'weChat', 'paypal', 'offline', 'balance', 'stripe'] | | lang | enum | 是 | 'zh', 'en' | | successBackUrl | string | 否 | 在 stripe 支付时必须传全长绝对的 url | | aliPayParams | object | 是 | 支付宝额外参数，可能根据项目不同 | | bankPayParams | object | 是 | 银行支付额外参数，可能根据项目不同 | | extraClass | string | 是 | 额外样式 | | offlineExtra | any | 是 | 线下支付额外组件 | | rechargeUrl | string | 是 | 余额不足支付链接 | | username | string | 是 | 用户名 | | isRecharge | boolean | 是 | 是否充值余额，为 true 的情况下隐藏余额支付 tab | | onTabClick | function | 是 | tab 被点击的回调 function(key: string, event: MouseEvent) | | showOfflineTips | boolean | 是 | 控制线下汇款 tab 中的重要提示的显示隐藏，默认为true,显示文案 |

支付回调 url 说明

• 微信，银行（连连），余额，paypal，这四种支付方式的回调链接由 successBackUrl 控制
• 支付宝回调域名+path 由服务端配置，query 由组件传入 aliPayParams 控制

如果项目需要用单独的支付接口或其他接口，支持传入方式复写，需保证返回格式与组件内一直，具体看组件代码。

开发

用 node 10 build