@zhangcf233/pay 1.0.0

package/dist/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.pay-error-container[data-v-0817c014]{position:relative}.pay-error-container .loading[data-v-0817c014]{width:100%;height:100%;position:absolute;background:#fff;z-index:1;transition:all .3s;justify-content:center;align-items:center}.pay-error-container .message[data-v-0817c014]{font-size:.1rem}@font-face{font-family:WeChat-Bold;src:url(https://shangrao-qqzh.oss-cn-hangzhou.aliyuncs.com/pay/fonts/WeChatSansStd-Bold.ttf)}.wechat-font[data-v-75290345]{font-family:WeChat-Bold}.root[data-v-75290345]{text-align:center}.cell[data-v-be539772]{display:flex;align-items:center;justify-content:space-between;height:.3rem}.cell .name[data-v-be539772]{width:30vw;color:gray;font-size:.14rem;display:flex;align-items:center;justify-content:end}@font-face{font-family:WeChat-Bold;src:url(https://shangrao-qqzh.oss-cn-hangzhou.aliyuncs.com/pay/fonts/WeChatSansStd-Bold.ttf)}.wechat-font[data-v-ea027830]{font-family:WeChat-Bold}.custom-price .input[data-v-ea027830]{font-size:.2rem}@font-face{font-family:WeChat-Bold;src:url(https://shangrao-qqzh.oss-cn-hangzhou.aliyuncs.com/pay/fonts/WeChatSansStd-Bold.ttf)}.wechat-font[data-v-68d98a5c]{font-family:WeChat-Bold}.price-root[data-v-68d98a5c]{position:relative;text-align:center;background:#f3f3f3;border-radius:.08rem;padding:.1rem 0;display:flex;flex-direction:column;height:.6rem;box-sizing:border-box;justify-content:space-between;align-items:center}.price-root .gift[data-v-68d98a5c]{position:absolute;top:-.1rem;right:-.05rem;background:linear-gradient(248.45deg,#fa1e1e,#ff7752 99.44%);padding:0 .05rem;border-radius:.1rem .1rem .1rem 0;font-size:.1rem;border-width:.02rem;border-color:#fff;border-style:solid;box-sizing:border-box;color:#fff}.price-root .token-count[data-v-68d98a5c]{display:flex;justify-content:center;align-items:center;font-size:.2rem}.price-root .token-count img[data-v-68d98a5c]{width:.16rem;height:.16rem;margin-right:.02rem}.price-root .price[data-v-68d98a5c]{font-size:.14rem}.only-price[data-v-68d98a5c]{align-items:center;justify-content:center}.only-price .price[data-v-68d98a5c]{font-size:.2rem}.content[data-v-76333b1f]{width:100%;margin:.2rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;box-sizing:border-box;font-weight:500}.loading[data-v-76333b1f]{display:flex;justify-content:center;align-items:center}.select[data-v-76333b1f]{color:#fff}@font-face{font-family:WeChat-Bold;src:url(https://shangrao-qqzh.oss-cn-hangzhou.aliyuncs.com/pay/fonts/WeChatSansStd-Bold.ttf)}.wechat-font[data-v-20ed35e0]{font-family:WeChat-Bold}.pay-popup[data-v-20ed35e0]{display:flex;flex-direction:column;width:100vw;box-sizing:border-box;overflow:hidden;padding:0 .15rem .2rem;transition:all .3s}.title[data-v-20ed35e0]{text-align:center;margin:.16rem 0}

package/dist/types/@types/api.d.ts

@@ -0,0 +1,6 @@
+export interface Api {
+    /** 获取余额接口*/
+    money: string;
+    /** 获取支付渠道接口*/
+    channels: string;
+}

package/dist/types/@types/channel.d.ts

@@ -0,0 +1,26 @@
+/** 接口返回的支付渠道内容*/
+export interface ApiChannel {
+    /** 支付渠道id*/
+    Id: number;
+    /** 费率说明 或 小程序 appid*/
+    AgentDescribe: string;
+    /** 图标*/
+    PaymentIcon: string;
+    /** 渠道唯一标识 例如 P2214_WX_001*/
+    PaymentName: string;
+    /** 渠道名称 例如：微信(1.4)*/
+    PaymentValue: string;
+}
+/** 支付渠道类型*/
+export type ChannelType = "alipay" | "wechat" | "unknow";
+/** 支付渠道*/
+export interface Channel {
+    /** id*/
+    id: number;
+    /** 图标*/
+    icon: string;
+    /** 名称*/
+    name: string;
+    /** 类型*/
+    type: ChannelType;
+}

package/dist/types/@types/config.d.ts

@@ -0,0 +1,47 @@
+import { Price } from "./price";
+export type PayCreateType = "agent" | "vip";
+export type PayAllConfigType = {
+    [key in PayCreateType]: Config;
+};
+export type Config = {
+    /** 配置名称*/
+    name: string;
+    /** 是否需要传入id*/
+    needId: boolean;
+    /** 钱包信息*/
+    balance: {
+        /** 是否关闭*/
+        disabled: boolean;
+        /** 获取钱包信息接口*/
+        api?: string;
+        /** 余额的 key*/
+        key?: string;
+    };
+    /** 价目表*/
+    price: {
+        /** 是否关闭价目表*/
+        disabled: boolean;
+        /** 是否允许定制*/
+        custom?: true;
+        /** 是否要远程加载*/
+        online?: true;
+        /** 本地价目表*/
+        prices?: Array<Price>;
+        /** 远程加载方法*/
+        load?: () => Promise<Array<Price>>;
+    };
+    /** 渠道*/
+    channel: {
+        /** 加载渠道地址*/
+        api: string;
+    };
+    /** 支付参数*/
+    pay: {
+        /** 分类的 key*/
+        key: string;
+        /** 接口前缀*/
+        prefix?: string;
+    };
+    /** 主体色*/
+    theme?: string;
+};

package/dist/types/@types/create.d.ts

@@ -0,0 +1,5 @@
+import { PayAllConfig } from "../config";
+import { PayCreateType } from "./config";
+export type VoidCallback = () => void;
+export type PayCreateArg<T extends PayCreateType> = typeof PayAllConfig[T]['needId'] extends true ? [id: string] : [];
+export type PayCreate = <T extends PayCreateType>(type: T, ...args: PayCreateArg<T>) => void;

package/dist/types/@types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './channel';
+export * from "./config";
+export * from './post';
+export * from './price';

package/dist/types/@types/money.d.ts

@@ -0,0 +1,4 @@
+/** 接口返回的钱包信息*/
+export interface ApiMoney {
+    Money: number;
+}

package/dist/types/@types/post.d.ts

@@ -0,0 +1,8 @@
+export type PayPost = (url: string, params?: {
+    [key: string]: any;
+}) => Promise<any>;
+export interface ApiResult<T = string> {
+    Status: boolean;
+    Message: string;
+    Data?: T;
+}

package/dist/types/@types/price.d.ts

@@ -0,0 +1,11 @@
+/** 售价配置 */
+export interface Price {
+    /** 售价（单位：分，例如 600） */
+    price: number;
+    /** 代币数量（例如 60） */
+    count?: number;
+    /** 赠送代币数量（例如 10） */
+    giftCount?: number;
+    /** 附加赠品描述（例如“首充赠送”） */
+    giftExten?: string;
+}

package/dist/types/api/alipay.d.ts

@@ -0,0 +1,9 @@
+import { BasePayOptions } from "./pay";
+/** 支付宝支付
+ * @param api 接口地址
+ * @param options 参数
+*/
+export declare const alipay: (options: BasePayOptions) => Promise<{
+    status: boolean;
+    message: string;
+} | undefined>;

package/dist/types/api/fail.d.ts

@@ -0,0 +1,4 @@
+export declare const fail: (message: string, title?: string) => {
+    status: boolean;
+    message: string;
+};

package/dist/types/api/getChannels.d.ts

@@ -0,0 +1,3 @@
+import { Channel } from "../@types";
+/** 统一的获取渠道方法*/
+export declare const getPayChannels: (url: string) => Promise<Channel[]>;

package/dist/types/api/getMoney.d.ts

@@ -0,0 +1 @@
+export declare const getPayMoney: (url: string, key: string) => Promise<number>;

package/dist/types/api/index.d.ts

@@ -0,0 +1,4 @@
+export * from './fail';
+export * from './request';
+export * from './success';
+export declare const PayApi: {};

package/dist/types/api/pay.d.ts

@@ -0,0 +1,26 @@
+import { Channel } from "../@types";
+export interface BasePayOptions {
+    /** 渠道 id*/
+    id: number;
+    /** 类型 key*/
+    key: string;
+    /** 类型值*/
+    value: string;
+    /** 接口前缀*/
+    prefix?: string;
+}
+export interface SendPayOptions {
+    /** 支付渠道*/
+    channel: Channel;
+    /** 类型 key*/
+    key: string;
+    /** 类型值*/
+    value: string;
+    /** 接口前缀*/
+    prefix?: string;
+}
+/** 发送充值请求*/
+export declare const sendPay: ({ channel, key, value, prefix }: SendPayOptions) => Promise<{
+    status: boolean;
+    message: string;
+} | undefined>;

package/dist/types/api/request.d.ts

@@ -0,0 +1,8 @@
+export interface PayPostResult<T = null> {
+    status: boolean;
+    message: string;
+    data?: T;
+}
+export declare const payRequest: <T>(url: string, data?: {
+    [key: string]: any;
+}, method?: "POST" | "GET") => Promise<T>;

package/dist/types/api/success.d.ts

@@ -0,0 +1,5 @@
+export declare const success: <T>(data?: T) => {
+    status: boolean;
+    message: string;
+    data: T | undefined;
+};

package/dist/types/components/balance/balance.vue.d.ts

@@ -0,0 +1,9 @@
+import Vue from 'vue';
+import { Config } from '../../@types';
+export default class Balance extends Vue {
+    config: Config;
+    value: number;
+    load(): Promise<number>;
+    onBalanceLoad(money: number): void;
+    __VLS_template: () => void;
+}

package/dist/types/components/channels/channel-container.vue.d.ts

@@ -0,0 +1,19 @@
+import Vue from 'vue';
+import { Channel, Config } from '../../@types';
+interface Action {
+    text: string;
+    id: number;
+}
+export default class Channels extends Vue {
+    config: Config;
+    channels: Array<Channel>;
+    select: number;
+    get actions(): Action[];
+    showPopover: boolean;
+    onSelect(action: Action, index: number): void;
+    get name(): string;
+    load(): Promise<Channel[]>;
+    onLoadChannels(data: Channel[]): void;
+    __VLS_template: () => void;
+}
+export {};

package/dist/types/components/error/pay-error.vue.d.ts

@@ -0,0 +1,11 @@
+import { Vue } from 'vue-property-decorator';
+export default class PayError extends Vue {
+    load: () => Promise<any>;
+    loading: boolean;
+    message: string;
+    get showLoading(): string | true;
+    mounted(): Promise<void>;
+    test(): void;
+    retry(): Promise<void>;
+    __VLS_template: () => void;
+}

package/dist/types/components/popup.vue.d.ts

@@ -0,0 +1,28 @@
+import Vue from 'vue';
+import { Channel, Config, Price } from '../@types';
+export default class PayPopup extends Vue {
+    config: Config;
+    id?: string;
+    baseTheme: string;
+    visible: boolean;
+    balance: number;
+    price: Price;
+    channel: Channel | null;
+    loading: {
+        balance: boolean;
+        price: boolean;
+        channel: boolean;
+    };
+    mounted(): Promise<void>;
+    initLoad(): void;
+    onClose(): void;
+    onTopup(): Promise<void>;
+    /** 余额变动*/
+    onBanlanceChange(money: number): void;
+    onChannelChange(channel: Channel): void;
+    onPriceChange(price: Price): void;
+    get finalPrice(): number;
+    get disable(): boolean;
+    get title(): string;
+    __VLS_template: () => void;
+}

package/dist/types/components/price/price-container.vue.d.ts

@@ -0,0 +1,19 @@
+import Vue from 'vue';
+import { Config, Price } from '../../@types';
+export default class PriceContainer extends Vue {
+    config: Config;
+    value: number;
+    prices: Price[];
+    customPrice: number;
+    loading: boolean;
+    message: string;
+    mounted(): Promise<void>;
+    /** 载入价目表*/
+    load(): (() => Promise<Array<Price>>) | Promise<unknown> | undefined;
+    /** 价目表加载成功*/
+    onLoadPrices(prices: Price[]): void;
+    /** 切换价格*/
+    changePrice(index: number): void;
+    onCustomPriceChange(n: number): void;
+    __VLS_template: () => void;
+}

package/dist/types/components/price/price-custom.vue.d.ts

@@ -0,0 +1,7 @@
+import Vue from 'vue';
+export default class PriceCustom extends Vue {
+    customPrice: null | number;
+    value: null | number;
+    onChange(val: string): void;
+    __VLS_template: () => void;
+}

package/dist/types/components/price/price.vue.d.ts

@@ -0,0 +1,9 @@
+import Vue from 'vue';
+import { Price } from '../../@types';
+export default class PriceItem extends Vue {
+    price: Price;
+    get realPrice(): number;
+    /** 是否仅有售价*/
+    get onlyPrice(): boolean;
+    __VLS_template: () => void;
+}

package/dist/types/components/template.vue.d.ts

@@ -0,0 +1,4 @@
+import Vue from 'vue';
+export default class Template extends Vue {
+    __VLS_template: () => void;
+}

package/dist/types/config.d.ts

@@ -0,0 +1,23 @@
+import { Config } from "./@types";
+export declare const BaseTheme = "orange";
+export declare const AgentConfig: Config;
+export declare const VipConfig: Config;
+/** 完整支付配置*/
+export declare const PayAllConfig: {
+    readonly agent: Config;
+    readonly vip: {
+        readonly needId: true;
+        readonly balance: {
+            readonly disabled: true;
+        };
+        readonly price: {
+            readonly disabled: true;
+        };
+        readonly channel: {
+            readonly api: "/SystemPayment/GetVipList";
+        };
+        readonly pay: {
+            readonly key: "vipId";
+        };
+    };
+};

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+import { PayCreate } from './@types/create';
+export { default as PayPlugin } from './plugin';
+declare module 'vue/types/vue' {
+    interface Vue {
+        $pay: {
+            create: PayCreate;
+        };
+    }
+}

package/dist/types/plugin.d.ts

@@ -0,0 +1,6 @@
+import Vue from "vue";
+/** 插件*/
+declare const _default: {
+    install(vue: typeof Vue): void;
+};
+export default _default;

package/package.json

@@ -0,0 +1,38 @@
+{
+    "name": "@zhangcf233/pay",
+    "version": "1.0.0",
+    "main": "dist/pay.umd.js",
+    "module": "dist/pay.es.js",
+    "types": "dist/types/index.d.ts",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build:types": "vue-tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+        "build": " vite build && npm run build:types"
+    },
+    "peerDependencies": {
+        "vant": "^2.13.9"
+    },
+    "devDependencies": {
+        "sass": "^1.89.2",
+        "sass-loader": "^12.0.0",
+        "typescript": "^5.9.2",
+        "vite": "^4.0.0",
+        "vite-plugin-vue2": "^2.0.0",
+        "vue-class-component": "^7.2.3",
+        "vue-property-decorator": "^9.1.2",
+        "vue-template-compiler": "^2.6.14",
+        "vue-tsc": "^3.0.5"
+    },
+    "dependencies": {
+        "vue": "^2.7.16"
+    },
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "require": "./dist/index.js",
+            "types": "./dist/types/index.d.ts"
+        }
+    }
+}