cppay-sdk 0.0.2-beta.18 → 0.0.2-beta.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cppay-sdk.css +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.js +1 -1
- package/dist/vue.cjs +1 -1
- package/dist/vue.js +2 -2
- package/package.json +1 -1
package/dist/cppay-sdk.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
._cppay-fade-enter-active[data-v-
|
|
1
|
+
._cppay-fade-enter-active[data-v-681ced40],._cppay-fade-leave-active[data-v-681ced40]{transition:opacity .3s}._cppay-fade-enter-from[data-v-681ced40],._cppay-fade-leave-to[data-v-681ced40]{opacity:0}._cppay-fade-enter-active ._cppay-dialog[data-v-681ced40]{animation:.3s _cppay-slideUp}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/react.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./inject-style-F1LzEPFL.cjs`),t=require(`./cppay-ClXaSwp8.cjs`);let n=require(`qrcode`);n=e.r(n);let r=require(`rxjs`),i=require(`rxjs/operators`),a=require(`react`);a=e.r(a);let o=require(`react/jsx-runtime`);var s=({open:e,onClose:s,apikey:c,plain:l,orderId:u,amount:d,intervalDays:f,onExpired:p,onSuccess:m,onFailed:h,onError:g})=>{let _=(0,a.useMemo)(()=>new t.t(c),[c]),[v,y]=(0,a.useState)(`select`),[b,x]=(0,a.useState)(!1),[S,C]=(0,a.useState)([]),[w,T]=(0,a.useState)(``),[E,D]=(0,a.useState)(``),[O,k]=(0,a.useState)(``),A=(0,a.useRef)(null),j=(0,a.useMemo)(()=>S.find(e=>e.chain===w),[S,w]),M=(0,a.useMemo)(()=>j?.tokens||[],[j]);(0,a.useMemo)(()=>M.find(e=>e.symbol===E),[M,E]);let N=e=>[`USDT`,`USDC`,`BUSD`,`DAI`,`TUSD`,`USDD`,`FDUSD`].includes(e.toUpperCase())?2:6,P=(e,t)=>{let n=parseFloat(e);return isNaN(n)?`0`:n.toFixed(t).replace(/\.?0+$/,``)},F=(0,a.useMemo)(()=>{if(!E)return`0`;let e=N(E);return P((parseFloat(d)/1).toFixed(e),e)},[d,E,1]),I=async()=>{try{x(!0);let e=await _.getSupportedChains();C(e),e.length>0&&T(e[0].chain)}catch(e){g?.(e)}finally{x(!1)}},L=(0,a.useRef)(null),R=async()=>{if(!(!w||!E))try{x(!0);let e=``;l===`one-time`?(L.current=await _.createOnetimePayment({paymentChain:w,paymentToken:E,orderId:u,amount:F}),e=`${w.toLowerCase()}:${L.current.receiveAddress}?amount=${L.current.paymentAmount}`):l===`subscription`&&(L.current=await _.createSubscriptionPayment({paymentChain:w,paymentToken:E,orderId:u,amountOfUsd:F,intervalDays:f||30}),e=`${w.toLowerCase()}:${L.current.spenderAddress}?amount=${L.current.approveAmount}`),y(`payment`),k(await n.
|
|
1
|
+
const e=require(`./inject-style-F1LzEPFL.cjs`),t=require(`./cppay-ClXaSwp8.cjs`);let n=require(`qrcode`);n=e.r(n);let r=require(`rxjs`),i=require(`rxjs/operators`),a=require(`react`);a=e.r(a);let o=require(`react/jsx-runtime`);var s=({open:e,onClose:s,apikey:c,plain:l,orderId:u,amount:d,intervalDays:f,onExpired:p,onSuccess:m,onFailed:h,onError:g})=>{let _=(0,a.useMemo)(()=>new t.t(c),[c]),[v,y]=(0,a.useState)(`select`),[b,x]=(0,a.useState)(!1),[S,C]=(0,a.useState)([]),[w,T]=(0,a.useState)(``),[E,D]=(0,a.useState)(``),[O,k]=(0,a.useState)(``),A=(0,a.useRef)(null),j=(0,a.useMemo)(()=>S.find(e=>e.chain===w),[S,w]),M=(0,a.useMemo)(()=>j?.tokens||[],[j]);(0,a.useMemo)(()=>M.find(e=>e.symbol===E),[M,E]);let N=e=>[`USDT`,`USDC`,`BUSD`,`DAI`,`TUSD`,`USDD`,`FDUSD`].includes(e.toUpperCase())?2:6,P=(e,t)=>{let n=parseFloat(e);return isNaN(n)?`0`:n.toFixed(t).replace(/\.?0+$/,``)},F=(0,a.useMemo)(()=>{if(!E)return`0`;let e=N(E);return P((parseFloat(d)/1).toFixed(e),e)},[d,E,1]),I=async()=>{try{x(!0);let e=await _.getSupportedChains();C(e),e.length>0&&T(e[0].chain)}catch(e){g?.(e)}finally{x(!1)}},L=(0,a.useRef)(null),R=async()=>{if(!(!w||!E))try{x(!0);let e=``;l===`one-time`?(L.current=await _.createOnetimePayment({paymentChain:w,paymentToken:E,orderId:u,amount:F}),e=`${w.toLowerCase()}:${L.current.receiveAddress}?amount=${L.current.paymentAmount}`):l===`subscription`&&(L.current=await _.createSubscriptionPayment({paymentChain:w,paymentToken:E,orderId:u,amountOfUsd:F,intervalDays:f||30}),e=`${w.toLowerCase()}:${L.current.spenderAddress}?amount=${L.current.approveAmount}`),y(`payment`),k(await n.toDataURL(e,{width:200,margin:2,errorCorrectionLevel:`H`}))}catch(e){g?.(e)}finally{x(!1)}},z=async()=>{if(L.current)try{x(!0),l===`one-time`&&B(L.current.subscriptionId),l===`subscription`&&B(L.current.paymentId)}catch(e){console.error(`支付状态检查错误:`,e),g?.(e)}finally{x(!1)}},B=e=>{let t=()=>(0,r.defer)(()=>l===`subscription`?_.checkSubscriptionPaymentStatus({subscriptionId:e}):_.checkOnetimePaymentStatus({paymentId:e})).pipe((0,i.timeout)(15e3),(0,i.retry)({count:3,delay:2e3}));A.current?.unsubscribe(),A.current=t().pipe((0,i.expand)(e=>e.status===`pending`?(0,r.timer)(2e3).pipe((0,i.switchMap)(()=>t())):r.EMPTY),(0,i.tap)(e=>{e.status===`expired`&&p?.(e),e.status===`paid`&&(m?.(e),H()),e.status===`failed`&&h?.(e),e.status===`approved`&&(m?.(e),H())})).subscribe({error:e=>{console.error(`支付状态检查错误:`,e),g?.(e)}})},V=async()=>{if(!L.current)return;let e=l===`subscription`?L.current.spenderAddress:L.current.receiveAddress;e&&await navigator.clipboard.writeText(e)},H=()=>{s(),setTimeout(()=>{y(`select`),L.current=null},300)};return(0,a.useEffect)(()=>{e&&S.length===0&&I()},[e]),(0,a.useEffect)(()=>{M.length>0&&D(M[0].symbol)},[M]),(0,a.useEffect)(()=>()=>{A.current?.unsubscribe()},[]),e?(0,o.jsx)(`div`,{className:`_cppay-overlay`,onClick:e=>e.target===e.currentTarget&&H(),children:(0,o.jsxs)(`div`,{className:`_cppay-dialog`,children:[(0,o.jsxs)(`div`,{className:`_cppay-header`,children:[(0,o.jsx)(`h2`,{className:`_cppay-title`,children:v===`select`?`选择支付方式`:`完成支付`}),(0,o.jsx)(`button`,{onClick:H,disabled:b,className:`_cppay-close-btn`,children:(0,o.jsx)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,o.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M6 18L18 6M6 6l12 12`})})})]}),(0,o.jsx)(`div`,{className:`_cppay-content`,children:v===`select`?(0,o.jsxs)(`div`,{children:[(0,o.jsxs)(`div`,{className:`_cppay-section`,children:[(0,o.jsx)(`label`,{className:`_cppay-label`,children:`支付网络`}),(0,o.jsx)(`div`,{className:`_cppay-grid`,children:S.map(e=>(0,o.jsxs)(`button`,{onClick:()=>T(e.chain),className:`_cppay-select-btn ${w===e.chain?`_cppay-selected`:``}`,children:[e.icon&&(0,o.jsx)(`img`,{src:e.icon,alt:e.chain}),(0,o.jsx)(`span`,{children:e.chain})]},e.chain))})]}),(0,o.jsxs)(`div`,{className:`_cppay-section`,children:[(0,o.jsx)(`label`,{className:`_cppay-label`,children:`支付代币`}),(0,o.jsx)(`div`,{className:`_cppay-grid`,children:M.map(e=>(0,o.jsxs)(`button`,{onClick:()=>D(e.symbol),className:`_cppay-select-btn ${E===e.symbol?`_cppay-selected`:``}`,children:[e.icon&&(0,o.jsx)(`img`,{src:e.icon,alt:e.symbol}),(0,o.jsx)(`span`,{children:e.symbol})]},e.symbol))})]}),(0,o.jsx)(`div`,{className:`_cppay-section`,children:(0,o.jsx)(`div`,{className:`_cppay-price-box`,children:(0,o.jsxs)(`div`,{className:`_cppay-price-row`,children:[(0,o.jsx)(`span`,{className:`_cppay-price-label`,children:`支付金额`}),(0,o.jsxs)(`div`,{className:`_cppay-price-amount`,children:[(0,o.jsxs)(`div`,{className:`_cppay-price-main`,children:[F,` `,E]}),(0,o.jsxs)(`div`,{className:`_cppay-price-sub`,children:[`≈ $`,d]})]})]})})}),(0,o.jsx)(`div`,{className:`_cppay-section`,children:(0,o.jsx)(`button`,{onClick:R,disabled:!w||!E||b,className:`_cppay-btn _cppay-btn-primary`,children:b?`处理中...`:`继续支付`})})]}):(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`div`,{className:`_cppay-qr-container`,children:(0,o.jsx)(`div`,{className:`_cppay-qr-code`,style:{background:`white`,padding:`16px`,borderRadius:`16px`},children:O&&(0,o.jsx)(`img`,{src:O,alt:`Payment QR Code`,style:{width:`200px`,height:`200px`}})})}),(0,o.jsxs)(`div`,{className:`_cppay-section`,children:[(0,o.jsxs)(`div`,{className:`_cppay-info-box`,children:[(0,o.jsx)(`div`,{className:`_cppay-info-label`,children:l===`subscription`?`授权金额`:`支付金额`}),(0,o.jsx)(`div`,{className:`_cppay-info-value`,children:l===`subscription`?`${P(L.current.approveAmount,N(E))} ${E}`:`${P(L.current.paymentAmount,N(E))} ${E}`})]}),(0,o.jsxs)(`div`,{className:`_cppay-info-box`,children:[(0,o.jsx)(`div`,{className:`_cppay-info-label`,children:l===`subscription`?`授权合约地址`:`支付地址`}),(0,o.jsxs)(`div`,{className:`_cppay-address-row`,children:[(0,o.jsx)(`code`,{children:l===`subscription`?L.current.spenderAddress:L.current.receiveAddress}),(0,o.jsx)(`button`,{onClick:V,className:`_cppay-copy-btn`,title:`复制地址`,children:(0,o.jsx)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,o.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z`})})})]})]}),l===`subscription`&&(0,o.jsxs)(`div`,{className:`_cppay-info-box`,style:{background:`#fff3cd`,borderColor:`#ffc107`},children:[(0,o.jsx)(`div`,{className:`_cppay-info-label`,style:{color:`#856404`},children:`📌 订阅说明`}),(0,o.jsx)(`div`,{className:`_cppay-info-value`,style:{fontSize:`12px`,color:`#856404`},children:`订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。`})]})]}),(0,o.jsx)(`div`,{className:`_cppay-section`,children:(0,o.jsx)(`button`,{onClick:z,disabled:b,className:`_cppay-btn _cppay-btn-primary`,children:b?`检查中...`:`我已完成支付`})}),(0,o.jsx)(`div`,{className:`_cppay-section`,children:(0,o.jsx)(`button`,{onClick:()=>y(`select`),disabled:b,className:`_cppay-btn _cppay-btn-secondary`,children:`更改支付方式`})})]})})]})}):null},c=a.default.memo(s),l=(0,a.createContext)(null);const u=({apikey:e,children:t})=>{let[n,r]=(0,a.useState)(!1),[i,s]=(0,a.useState)(null),u=(0,a.useCallback)(e=>{s(e),r(!0)},[]),d=(0,a.useCallback)(()=>{r(!1)},[]),f=(0,a.useCallback)(e=>{i?.onSuccess?.(e),r(!1)},[i]),p=(0,a.useCallback)(e=>{i?.onError?.(e)},[i]);return(0,o.jsxs)(l.Provider,{value:{showPayment:u},children:[t,i&&(0,o.jsx)(c,{open:n,onClose:d,apikey:e,plain:i.plain,orderId:i.orderId,amount:i.amount,intervalDays:i.intervalDays,onSuccess:f,onError:p})]})},d=()=>{let e=(0,a.useContext)(l);if(!e)throw Error(`useCppayPayment must be used within CppayProvider`);return e};e.t(e.n),exports.CppayProvider=u,exports.PaymentDialog=c,exports.useCppayPayment=d;
|
package/dist/react.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as cppay_default } from "./cppay-DNvA2evq.js";
|
|
2
2
|
import { n as payment_dialog_default, t as injectStyle } from "./inject-style-qX_0AjjE.js";
|
|
3
|
-
import QRCode from "qrcode";
|
|
3
|
+
import * as QRCode from "qrcode";
|
|
4
4
|
import { EMPTY, defer, timer } from "rxjs";
|
|
5
5
|
import { expand, retry, switchMap, tap, timeout } from "rxjs/operators";
|
|
6
6
|
import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
|
package/dist/vue.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./inject-style-F1LzEPFL.cjs`),t=require(`./cppay-ClXaSwp8.cjs`);let n=require(`vue`),r=require(`qrcode`);r=e.r(r);let i=require(`rxjs`),a=require(`rxjs/operators`);var o={class:`_cppay-dialog`},s={class:`_cppay-header`},c={class:`_cppay-title`},l=[`disabled`],u={class:`_cppay-content`},d={key:0},f={class:`_cppay-section`},p={class:`_cppay-grid`},m=[`onClick`],h=[`src`,`alt`],ee={class:`_cppay-section`},te={class:`_cppay-grid`},ne=[`onClick`],re=[`src`,`alt`],ie={class:`_cppay-section`},g={class:`_cppay-price-box`},_={class:`_cppay-price-row`},v={class:`_cppay-price-amount`},y={class:`_cppay-price-main`},b={class:`_cppay-price-sub`},x={class:`_cppay-section`},S=[`disabled`],C={key:1},w={class:`_cppay-qr-container`},T={class:`_cppay-qr-code`,style:{background:`white`,padding:`16px`,"border-radius":`16px`,display:`inline-block`}},E=[`src`],D={class:`_cppay-section`},O={class:`_cppay-info-box`},k={class:`_cppay-info-label`},A={class:`_cppay-info-value`},j={class:`_cppay-info-box`},M={class:`_cppay-info-label`},N={class:`_cppay-address-row`},P={key:0,class:`_cppay-info-box`,style:{background:`#fff3cd`,"border-color":`#ffc107`}},F={class:`_cppay-section`},I=[`disabled`],L={class:`_cppay-section`},ae=[`disabled`],R=(0,n.defineComponent)({__name:`PaymentDialog`,props:{modelValue:{type:Boolean},apikey:{},orderId:{},amount:{},plain:{default:`one-time`},intervalDays:{default:30}},emits:[`update:modelValue`,`success`,`error`],setup(e,{emit:R}){let z=e,B=R,V=new t.t(z.apikey),H=(0,n.ref)(`select`),U=(0,n.ref)(!1),W=(0,n.ref)([]),G=(0,n.ref)(``),K=(0,n.ref)(``),q=(0,n.ref)(null),J=(0,n.ref)(``),Y=(0,n.ref)(null),oe=(0,n.computed)(()=>W.value.find(e=>e.chain===G.value)),X=(0,n.computed)(()=>oe.value?.tokens||[]);(0,n.computed)(()=>X.value.find(e=>e.symbol===K.value));let se=(0,n.ref)(1),Z=(0,n.computed)(()=>K.value?(parseFloat(z.amount)/se.value).toFixed(6):`0`),Q=()=>{B(`update:modelValue`,!1),setTimeout(()=>{H.value=`select`,q.value=null},300)},ce=async()=>{try{U.value=!0,W.value=await V.getSupportedChains(),W.value.length>0&&(G.value=W.value[0].chain)}catch(e){B(`error`,e)}finally{U.value=!1}},le=async()=>{if(!(!G.value||!K.value))try{U.value=!0;let e;z.plain===`one-time`?e=await V.createPayment(`one-time`,{paymentChain:G.value,paymentToken:K.value,orderId:z.orderId,amount:Z.value}):z.plain===`subscription`&&(e=await V.createPayment(`subscription`,{paymentChain:G.value,paymentToken:K.value,orderId:z.orderId,amountOfUsd:Z.value,intervalDays:z.intervalDays||30})),q.value={paymentId:e.paymentId||e.subscriptionId,paymentAmount:e.paymentAmount||e.approveAmount,receiveAddress:e.receiveAddress||e.spenderAddress||``};let t=`${G.value.toLowerCase()}:${q.value.receiveAddress}?amount=${q.value.paymentAmount}`;J.value=await r.
|
|
1
|
+
const e=require(`./inject-style-F1LzEPFL.cjs`),t=require(`./cppay-ClXaSwp8.cjs`);let n=require(`vue`),r=require(`qrcode`);r=e.r(r);let i=require(`rxjs`),a=require(`rxjs/operators`);var o={class:`_cppay-dialog`},s={class:`_cppay-header`},c={class:`_cppay-title`},l=[`disabled`],u={class:`_cppay-content`},d={key:0},f={class:`_cppay-section`},p={class:`_cppay-grid`},m=[`onClick`],h=[`src`,`alt`],ee={class:`_cppay-section`},te={class:`_cppay-grid`},ne=[`onClick`],re=[`src`,`alt`],ie={class:`_cppay-section`},g={class:`_cppay-price-box`},_={class:`_cppay-price-row`},v={class:`_cppay-price-amount`},y={class:`_cppay-price-main`},b={class:`_cppay-price-sub`},x={class:`_cppay-section`},S=[`disabled`],C={key:1},w={class:`_cppay-qr-container`},T={class:`_cppay-qr-code`,style:{background:`white`,padding:`16px`,"border-radius":`16px`,display:`inline-block`}},E=[`src`],D={class:`_cppay-section`},O={class:`_cppay-info-box`},k={class:`_cppay-info-label`},A={class:`_cppay-info-value`},j={class:`_cppay-info-box`},M={class:`_cppay-info-label`},N={class:`_cppay-address-row`},P={key:0,class:`_cppay-info-box`,style:{background:`#fff3cd`,"border-color":`#ffc107`}},F={class:`_cppay-section`},I=[`disabled`],L={class:`_cppay-section`},ae=[`disabled`],R=(0,n.defineComponent)({__name:`PaymentDialog`,props:{modelValue:{type:Boolean},apikey:{},orderId:{},amount:{},plain:{default:`one-time`},intervalDays:{default:30}},emits:[`update:modelValue`,`success`,`error`],setup(e,{emit:R}){let z=e,B=R,V=new t.t(z.apikey),H=(0,n.ref)(`select`),U=(0,n.ref)(!1),W=(0,n.ref)([]),G=(0,n.ref)(``),K=(0,n.ref)(``),q=(0,n.ref)(null),J=(0,n.ref)(``),Y=(0,n.ref)(null),oe=(0,n.computed)(()=>W.value.find(e=>e.chain===G.value)),X=(0,n.computed)(()=>oe.value?.tokens||[]);(0,n.computed)(()=>X.value.find(e=>e.symbol===K.value));let se=(0,n.ref)(1),Z=(0,n.computed)(()=>K.value?(parseFloat(z.amount)/se.value).toFixed(6):`0`),Q=()=>{B(`update:modelValue`,!1),setTimeout(()=>{H.value=`select`,q.value=null},300)},ce=async()=>{try{U.value=!0,W.value=await V.getSupportedChains(),W.value.length>0&&(G.value=W.value[0].chain)}catch(e){B(`error`,e)}finally{U.value=!1}},le=async()=>{if(!(!G.value||!K.value))try{U.value=!0;let e;z.plain===`one-time`?e=await V.createPayment(`one-time`,{paymentChain:G.value,paymentToken:K.value,orderId:z.orderId,amount:Z.value}):z.plain===`subscription`&&(e=await V.createPayment(`subscription`,{paymentChain:G.value,paymentToken:K.value,orderId:z.orderId,amountOfUsd:Z.value,intervalDays:z.intervalDays||30})),q.value={paymentId:e.paymentId||e.subscriptionId,paymentAmount:e.paymentAmount||e.approveAmount,receiveAddress:e.receiveAddress||e.spenderAddress||``};let t=`${G.value.toLowerCase()}:${q.value.receiveAddress}?amount=${q.value.paymentAmount}`;J.value=await r.toDataURL(t,{width:200,margin:2,errorCorrectionLevel:`H`}),H.value=`payment`}catch(e){B(`error`,e)}finally{U.value=!1}},$=e=>{let t=()=>(0,i.defer)(()=>z.plain===`subscription`?V.checkSubscriptionPaymentStatus({subscriptionId:e}):V.checkOnetimePaymentStatus({paymentId:e})).pipe((0,a.timeout)(15e3),(0,a.retry)({count:3,delay:2e3}));Y.value?.unsubscribe(),Y.value=t().pipe((0,a.expand)(e=>e.status===`pending`?(0,i.timer)(2e3).pipe((0,a.switchMap)(()=>t())):i.EMPTY),(0,a.tap)(t=>{t.status===`expired`&&alert(`支付已过期`),t.status===`paid`&&(alert(`支付成功!`),B(`success`,e),Q()),t.status===`failed`&&alert(`支付失败`),t.status===`approved`&&(alert(`订阅成功!`),B(`success`,e),Q())})).subscribe({error:e=>{console.error(`支付状态检查错误:`,e),B(`error`,e)}})},ue=async()=>{if(q.value)try{U.value=!0,$(q.value.paymentId)}catch(e){B(`error`,e)}finally{U.value=!1}},de=async()=>{q.value?.receiveAddress&&(await navigator.clipboard.writeText(q.value.receiveAddress),alert(`地址已复制`))};return(0,n.watch)(()=>z.modelValue,e=>{e&&W.value.length===0&&ce()}),(0,n.watch)(G,()=>{X.value.length>0&&(K.value=X.value[0].symbol)}),(0,n.watch)(H,e=>{e===`payment`&&q.value&&$(q.value.paymentId)}),(0,n.onUnmounted)(()=>{Y.value?.unsubscribe()}),(t,r)=>((0,n.openBlock)(),(0,n.createBlock)(n.Teleport,{to:`body`},[(0,n.createVNode)(n.Transition,{name:`_cppay-fade`},{default:(0,n.withCtx)(()=>[e.modelValue?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`_cppay-overlay`,onClick:(0,n.withModifiers)(Q,[`self`])},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`div`,s,[(0,n.createElementVNode)(`h2`,c,(0,n.toDisplayString)(H.value===`select`?`选择支付方式`:`完成支付`),1),(0,n.createElementVNode)(`button`,{onClick:Q,class:`_cppay-close-btn`,disabled:U.value},[...r[1]||=[(0,n.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,n.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M6 18L18 6M6 6l12 12`})],-1)]],8,l)]),(0,n.createElementVNode)(`div`,u,[H.value===`select`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.createElementVNode)(`div`,f,[r[2]||=(0,n.createElementVNode)(`label`,{class:`_cppay-label`},`支付网络`,-1),(0,n.createElementVNode)(`div`,p,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(W.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.chain,onClick:t=>G.value=e.chain,class:(0,n.normalizeClass)([`_cppay-select-btn`,G.value===e.chain?`_cppay-selected`:``])},[e.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.chain},null,8,h)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.chain),1)],10,m))),128))])]),(0,n.createElementVNode)(`div`,ee,[r[3]||=(0,n.createElementVNode)(`label`,{class:`_cppay-label`},`支付代币`,-1),(0,n.createElementVNode)(`div`,te,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(X.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.symbol,onClick:t=>K.value=e.symbol,class:(0,n.normalizeClass)([`_cppay-select-btn`,K.value===e.symbol?`_cppay-selected`:``])},[e.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.symbol},null,8,re)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.symbol),1)],10,ne))),128))])]),(0,n.createElementVNode)(`div`,ie,[(0,n.createElementVNode)(`div`,g,[(0,n.createElementVNode)(`div`,_,[r[4]||=(0,n.createElementVNode)(`span`,{class:`_cppay-price-label`},`支付金额`,-1),(0,n.createElementVNode)(`div`,v,[(0,n.createElementVNode)(`div`,y,(0,n.toDisplayString)(Z.value)+` `+(0,n.toDisplayString)(K.value),1),(0,n.createElementVNode)(`div`,b,`≈ $`+(0,n.toDisplayString)(e.amount),1)])])])]),(0,n.createElementVNode)(`div`,x,[(0,n.createElementVNode)(`button`,{onClick:le,disabled:!G.value||!K.value||U.value,class:`_cppay-btn _cppay-btn-primary`},(0,n.toDisplayString)(U.value?`处理中...`:`继续支付`),9,S)])])):H.value===`payment`&&q.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,C,[(0,n.createElementVNode)(`div`,w,[(0,n.createElementVNode)(`div`,T,[J.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:J.value,alt:`QR Code`,style:{width:`200px`,height:`200px`}},null,8,E)):(0,n.createCommentVNode)(``,!0)])]),(0,n.createElementVNode)(`div`,D,[(0,n.createElementVNode)(`div`,O,[(0,n.createElementVNode)(`div`,k,(0,n.toDisplayString)(z.plain===`subscription`?`授权金额`:`支付金额`),1),(0,n.createElementVNode)(`div`,A,(0,n.toDisplayString)(q.value.paymentAmount)+` `+(0,n.toDisplayString)(K.value),1)]),(0,n.createElementVNode)(`div`,j,[(0,n.createElementVNode)(`div`,M,(0,n.toDisplayString)(z.plain===`subscription`?`授权合约地址`:`支付地址`),1),(0,n.createElementVNode)(`div`,N,[(0,n.createElementVNode)(`code`,null,(0,n.toDisplayString)(q.value.receiveAddress),1),(0,n.createElementVNode)(`button`,{onClick:de,class:`_cppay-copy-btn`,title:`复制地址`},[...r[5]||=[(0,n.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,n.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z`})],-1)]])])]),z.plain===`subscription`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,P,[...r[6]||=[(0,n.createElementVNode)(`div`,{class:`_cppay-info-label`,style:{color:`#856404`}},`📌 订阅说明`,-1),(0,n.createElementVNode)(`div`,{class:`_cppay-info-value`,style:{"font-size":`12px`,color:`#856404`}},` 订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。 `,-1)]])):(0,n.createCommentVNode)(``,!0)]),(0,n.createElementVNode)(`div`,F,[(0,n.createElementVNode)(`button`,{onClick:ue,disabled:U.value,class:`_cppay-btn _cppay-btn-primary`},(0,n.toDisplayString)(U.value?`检查支付状态...`:`我已完成支付`),9,I)]),(0,n.createElementVNode)(`div`,L,[(0,n.createElementVNode)(`button`,{onClick:r[0]||=e=>H.value=`select`,disabled:U.value,class:`_cppay-btn _cppay-btn-secondary`},` 更改支付方式 `,8,ae)])])):(0,n.createCommentVNode)(``,!0)])])])):(0,n.createCommentVNode)(``,!0)]),_:1})]))}}),z=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},B=z(R,[[`__scopeId`,`data-v-681ced40`]]);e.t(e.n),exports.PaymentDialog=B;
|
package/dist/vue.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as cppay_default } from "./cppay-DNvA2evq.js";
|
|
2
2
|
import { n as payment_dialog_default, t as injectStyle } from "./inject-style-qX_0AjjE.js";
|
|
3
3
|
import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onUnmounted, openBlock, ref, renderList, toDisplayString, watch, withCtx, withModifiers } from "vue";
|
|
4
|
-
import QRCode from "qrcode";
|
|
4
|
+
import * as QRCode from "qrcode";
|
|
5
5
|
import { EMPTY, defer, timer } from "rxjs";
|
|
6
6
|
import { expand, retry, switchMap, tap, timeout } from "rxjs/operators";
|
|
7
7
|
var _hoisted_1 = { class: "_cppay-dialog" }, _hoisted_2 = { class: "_cppay-header" }, _hoisted_3 = { class: "_cppay-title" }, _hoisted_4 = ["disabled"], _hoisted_5 = { class: "_cppay-content" }, _hoisted_6 = { key: 0 }, _hoisted_7 = { class: "_cppay-section" }, _hoisted_8 = { class: "_cppay-grid" }, _hoisted_9 = ["onClick"], _hoisted_10 = ["src", "alt"], _hoisted_11 = { class: "_cppay-section" }, _hoisted_12 = { class: "_cppay-grid" }, _hoisted_13 = ["onClick"], _hoisted_14 = ["src", "alt"], _hoisted_15 = { class: "_cppay-section" }, _hoisted_16 = { class: "_cppay-price-box" }, _hoisted_17 = { class: "_cppay-price-row" }, _hoisted_18 = { class: "_cppay-price-amount" }, _hoisted_19 = { class: "_cppay-price-main" }, _hoisted_20 = { class: "_cppay-price-sub" }, _hoisted_21 = { class: "_cppay-section" }, _hoisted_22 = ["disabled"], _hoisted_23 = { key: 1 }, _hoisted_24 = { class: "_cppay-qr-container" }, _hoisted_25 = {
|
|
@@ -207,6 +207,6 @@ var _hoisted_1 = { class: "_cppay-dialog" }, _hoisted_2 = { class: "_cppay-heade
|
|
|
207
207
|
_: 1
|
|
208
208
|
})]));
|
|
209
209
|
}
|
|
210
|
-
}), [["__scopeId", "data-v-
|
|
210
|
+
}), [["__scopeId", "data-v-681ced40"]]);
|
|
211
211
|
injectStyle(payment_dialog_default);
|
|
212
212
|
export { PaymentDialog_default as PaymentDialog };
|