@zhangcf233/pay 1.0.11 → 1.0.13

package/dist/pay.es.js

@@ -1,15 +1,14 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@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-20b4bf5f]{font-family:WeChat-Bold}.root[data-v-20b4bf5f]{text-align:center}.cell[data-v-70746494]{display:flex;align-items:center;justify-content:space-between;height:.3rem}.cell .name[data-v-70746494]{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-79d1ed34]{font-family:WeChat-Bold}.price-root[data-v-79d1ed34]{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-79d1ed34]{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-79d1ed34]{display:flex;justify-content:center;align-items:center;font-size:.2rem}.price-root .token-count img[data-v-79d1ed34]{width:.16rem;height:.16rem;margin-right:.02rem}.price-root .price[data-v-79d1ed34]{font-size:.14rem}.only-price[data-v-79d1ed34]{align-items:center;justify-content:center}.only-price .price[data-v-79d1ed34]{font-size:.2rem}.content[data-v-737beb57]{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-737beb57]{display:flex;justify-content:center;align-items:center}.select[data-v-737beb57]{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-4e76879e]{font-family:WeChat-Bold}.pay-popup[data-v-4e76879e]{display:flex;flex-direction:column;width:100vw;box-sizing:border-box;overflow:hidden;padding:0 .15rem .2rem;transition:all .3s}.title[data-v-4e76879e]{text-align:center;margin:.16rem 0}.check-box[data-v-4e76879e]{display:flex;justify-content:center;align-items:center;font-size:.12rem;padding:.1rem 0}.protocol-popup[data-v-4e76879e]{height:70vh;width:100vw;overflow-x:hidden}.protocol-popup .prptocol[data-v-4e76879e]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.protocol-popup .prptocol .btn-box[data-v-4e76879e]{height:10%;width:100%;display:flex;justify-content:space-around;padding:.1rem;box-sizing:content-box}.protocol-popup .prptocol .btn-box>*[data-v-4e76879e]{width:45%}.protocol-popup .prptocol iframe[data-v-4e76879e]{display:block;width:100%;height:90%;margin:0;border:0}.agree-dialog .check-box[data-v-4e76879e]{margin:.2rem}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";.protocol-popup[data-v-1e3531b1]{height:70vh;width:100vw;overflow-x:hidden}.protocol-popup .protocol[data-v-1e3531b1]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.protocol-popup .protocol .btn-box[data-v-1e3531b1]{height:10%;width:100%;display:flex;justify-content:space-around;padding:.1rem;box-sizing:content-box}.protocol-popup .protocol .btn-box>*[data-v-1e3531b1]{width:45%}.protocol-popup .protocol iframe[data-v-1e3531b1]{display:block;width:100%;height:90%;margin:0;border:0;padding:.16rem;box-sizing:border-box}.agreement[data-v-017a359d]{display:flex;justify-content:center;align-items:center;font-size:.12rem;margin:.16rem 0}.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-20b4bf5f]{font-family:WeChat-Bold}.root[data-v-20b4bf5f]{text-align:center}.cell[data-v-70746494]{display:flex;align-items:center;justify-content:space-between;height:.3rem}.cell .name[data-v-70746494]{width:30vw;color:gray;font-size:.14rem;display:flex;align-items:center;justify-content:end}.identity[data-v-5f9eb7e3]{margin-top:.16rem}@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-05e06290]{font-family:WeChat-Bold}.custom-price .input[data-v-05e06290]{font-size:.2rem;padding:0;margin-top:.16rem}@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-79d1ed34]{font-family:WeChat-Bold}.price-root[data-v-79d1ed34]{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-79d1ed34]{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-79d1ed34]{display:flex;justify-content:center;align-items:center;font-size:.2rem}.price-root .token-count img[data-v-79d1ed34]{width:.16rem;height:.16rem;margin-right:.02rem}.price-root .price[data-v-79d1ed34]{font-size:.14rem}.only-price[data-v-79d1ed34]{align-items:center;justify-content:center}.only-price .price[data-v-79d1ed34]{font-size:.2rem}.content[data-v-a6f45494]{width:100%;margin:.16rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;box-sizing:border-box;font-weight:500}.loading[data-v-a6f45494]{display:flex;justify-content:center;align-items:center}.select[data-v-a6f45494]{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-7115f264]{font-family:WeChat-Bold}.pay-popup[data-v-7115f264]{display:flex;flex-direction:column;width:100vw;box-sizing:border-box;overflow:hidden;padding:0 .15rem .2rem;transition:all .3s}.title[data-v-7115f264]{text-align:center;margin:.16rem 0}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var _a, _b;
 import { Dialog, Toast, Divider, Button } from "vant";
 import Vue from "vue";
-import Component$1 from "vue-class-component";
-import { Prop, Component, Vue as Vue$1, Inject, Watch, Provide } from "vue-property-decorator";
+import Component from "vue-class-component";
+import { Prop, Inject, Watch, Component as Component$1, Vue as Vue$1, Provide } from "vue-property-decorator";
 async function request(url, data, method = "POST") {
   return new Promise((res, rej) => {
     const AppToken = localStorage.getItem("AppToken") || "";
@@ -62,9 +61,9 @@ const success = (data) => {
     data
   };
 };
-const isYM = /LT-APP/.test(navigator.userAgent);
-const inApp = (_b = (_a = Vue.prototype) == null ? void 0 : _a.$jsBridge) == null ? void 0 : _b.inApp;
-const isThirdParty = Boolean(window.ReactNativeWebView);
+const ua = navigator.userAgent;
+const isYM = /LT-APP/.test(ua);
+const isZW = /ZW-APP/.test(ua);
 const alipay = async (options) => {
   const { id, key, value, prefix } = options;
   let url = location.origin + `/Payment/${prefix || ""}Alipay`;
@@ -85,19 +84,19 @@ const alipay = async (options) => {
   if (!Data) {
     return fail("支付跳转地址不存在");
   }
-  if (inApp) {
+  if (isZW) {
     Vue.prototype.$jsBridge.openLink(Data);
     return;
   }
   location.href = Data;
 };
 function getQrcode() {
-  return isYM || inApp || isThirdParty;
+  return isYM || isZW;
 }
 const isMpWeixin = /miniProgram/i.test(navigator.userAgent) && /micromessenger/i.test(navigator.userAgent);
 const wechat = (params) => {
-  var _a2;
-  const { id, appid, key, value, prefix } = params;
+  var _a;
+  const { id, appid, key, value, prefix = "" } = params;
   if (!appid) {
     Dialog({
       title: "小程序 id 不存在"
@@ -123,7 +122,7 @@ const wechat = (params) => {
     /** 支付渠道id*/
     paymentId: id,
     /** 支付渠道接口*/
-    payApi: `${location.origin}}/Payment/${prefix}Weixin`,
+    payApi: `${location.origin}/Payment/${prefix}Weixin`,
     /** tokenkey*/
     tokenKey: "AppToken",
     /** token 值*/
@@ -132,7 +131,7 @@ const wechat = (params) => {
   const query = encodeURIComponent(Object.entries(options).map(([key2, value2]) => `${key2}=${String(value2)}`).join("&"));
   const url = `weixin://dl/business/?appid=${appid}&path=pages/home/index&query=${query}`;
   if (window.ReactNativeWebView) {
-    (_a2 = window.ReactNativeWebView) == null ? void 0 : _a2.postMessage(JSON.stringify(
+    (_a = window.ReactNativeWebView) == null ? void 0 : _a.postMessage(JSON.stringify(
       {
         type: "openUrl",
         data: {
@@ -194,7 +193,7 @@ const sendPay = async ({ channel, key, value, prefix }) => {
 };
 const BaseTheme = "orange";
 const ignorePlatform = ["platform"];
-const BaseAgreement = "https://qi0irqynw8.feishu.cn/docx/Ea1PdrV5SonBfHxAIHUchKjVnVf";
+const BaseAgreement = "https://czyxzs.xuelm.cn/agreement.html";
 const AgentConfig = {
   needId: false,
   name: "店铺余额",
@@ -236,6 +235,11 @@ const AgentConfig = {
   pay: {
     key: "Money"
   },
+  identity: {
+    disable: false,
+    api: "/AgentUser/GetUserInfo",
+    auth: "/AgentUser/Authentication"
+  },
   agreement: BaseAgreement
 };
 const UserConfig = {
@@ -278,97 +282,112 @@ const UserConfig = {
   pay: {
     key: "Money"
   },
+  identity: {
+    disable: false,
+    api: "/PlayerUser/GetUserInfo",
+    auth: "/PlayerUser/Authentication"
+  },
   agreement: BaseAgreement
 };
 const PayAllConfig = {
   agent: AgentConfig,
   user: UserConfig
 };
-const getPayMoney = async (url, key) => {
-  const data = await request(url);
-  if (!(key in data)) {
-    fail(JSON.stringify(data) || "解析数据异常", `余额数据中不存在 ${key}`);
-    return 0;
-  }
-  return data[key];
-};
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
-var __decorateClass$6 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
+var __defProp$a = Object.defineProperty;
+var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
+var __decorateClass$a = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$6(target, key, result);
+    __defProp$a(target, key, result);
   return result;
 };
-let PayError$1 = class PayError extends Vue$1 {
+let AgreementPopup$1 = class AgreementPopup extends Vue {
   constructor() {
     super(...arguments);
-    __publicField(this, "load");
-    __publicField(this, "loading", true);
-    __publicField(this, "message", "");
+    __publicField(this, "value");
+    __publicField(this, "config");
+    __publicField(this, "open", false);
   }
-  get showLoading() {
-    return this.loading || this.message;
+  mounted() {
+    this.open = this.value;
   }
-  async mounted() {
-    await this.retry();
+  onValue(n) {
+    this.open = n;
   }
-  test() {
-    this.loading = true;
-    setTimeout(() => {
-      this.loading = false;
-    }, 100);
+  onOpen(n) {
+    this.$emit("input", n);
   }
-  async retry() {
-    this.message = "";
-    this.loading = true;
-    const res = await this.load().finally(() => {
-      this.loading = false;
-    }).catch((message) => {
-      this.message = message;
-    });
-    if (res != void 0) {
-      this.$emit("done", res);
-    }
+  disagree() {
+    this.$emit("disagree");
+  }
+  agreeProtocolAndPay() {
+    this.$emit("agreeProtocolAndPay");
   }
 };
-__decorateClass$6([
-  Prop()
-], PayError$1.prototype, "load", 2);
-PayError$1 = __decorateClass$6([
+__decorateClass$a([
+  Prop({ default: false })
+], AgreementPopup$1.prototype, "value", 2);
+__decorateClass$a([
+  Inject()
+], AgreementPopup$1.prototype, "config", 2);
+__decorateClass$a([
+  Watch("value")
+], AgreementPopup$1.prototype, "onValue", 1);
+__decorateClass$a([
+  Watch("open")
+], AgreementPopup$1.prototype, "onOpen", 1);
+AgreementPopup$1 = __decorateClass$a([
   Component
-], PayError$1);
-var render$6 = function() {
+], AgreementPopup$1);
+var render$a = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "pay-error-container"
+  return _c("van-popup", {
+    staticClass: "protocol-popup",
+    attrs: {
+      "position": "bottom",
+      "overlay": true,
+      "round": ""
+    },
+    model: {
+      value: _vm.open,
+      callback: function($$v) {
+        _vm.open = $$v;
+      },
+      expression: "open"
+    }
   }, [_c("div", {
-    staticClass: "loading",
-    style: {
-      display: _vm.showLoading ? "flex" : "none"
+    staticClass: "protocol"
+  }, [_c("iframe", {
+    attrs: {
+      "src": _vm.config.agreement
     }
-  }, [_vm.message ? _c("van-tag", {
+  }), _c("div", {
+    staticClass: "btn-box"
+  }, [_c("van-button", {
     attrs: {
-      "type": "danger"
+      "block": ""
     },
     on: {
-      "click": _vm.retry
+      "click": _vm.disagree
     }
-  }, [_vm._v(" " + _vm._s(_vm.message) + " 点击重试 ")]) : _c("van-loading", {
-    staticClass: "loading-icon",
+  }, [_vm._v("不同意")]), _c("van-button", {
     attrs: {
-      "size": "20",
-      "type": "spinner"
+      "color": _vm.config.theme,
+      "block": "",
+      "type": "primary"
+    },
+    on: {
+      "click": _vm.agreeProtocolAndPay
     }
-  })], 1), _vm._t("default")], 2);
+  }, [_vm._v("同意并支付")])], 1)])]);
 };
-var staticRenderFns$6 = [];
-const payError_vue_vue_type_style_index_0_scoped_true_lang = "";
+var staticRenderFns$a = [];
+const popup_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
 function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
   if (render2) {
@@ -425,34 +444,281 @@ function normalizeComponent(scriptExports, render2, staticRenderFns2, functional
     options
   };
 }
-const __cssModules$6 = {};
-var __component__$6 = /* @__PURE__ */ normalizeComponent(
+const __cssModules$a = {};
+var __component__$a = /* @__PURE__ */ normalizeComponent(
+  AgreementPopup$1,
+  render$a,
+  staticRenderFns$a,
+  false,
+  __vue2_injectStyles$a,
+  "1e3531b1",
+  null,
+  null
+);
+function __vue2_injectStyles$a(context) {
+  for (let o in __cssModules$a) {
+    this[o] = __cssModules$a[o];
+  }
+}
+const AgreementPopup2 = /* @__PURE__ */ function() {
+  return __component__$a.exports;
+}();
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
+var __decorateClass$9 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp$9(target, key, result);
+  return result;
+};
+let Agreement$1 = class Agreement extends Vue {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "value");
+    __publicField(this, "config");
+    // 同意协议本地标识
+    __publicField(this, "agreeProtocolFlag", "__isAgreeProtocol__");
+    // 是否同意协议
+    __publicField(this, "agree", false);
+    // 是否展示协议
+    __publicField(this, "show", false);
+  }
+  // 初始化时赋值内部状态
+  mounted() {
+    this.agree = Boolean(localStorage.getItem(this.agreeProtocolFlag) || false);
+  }
+  onOpen(n) {
+    this.$emit("input", n);
+    if (n) {
+      localStorage.setItem(this.agreeProtocolFlag, "true");
+    } else {
+      localStorage.removeItem(this.agreeProtocolFlag);
+    }
+  }
+  onValue(n) {
+    this.agree = n;
+  }
+  // 展示协议
+  openProtocol() {
+    this.show = true;
+  }
+  // 不同意协议
+  disagree() {
+    console.log("不同意协议");
+    this.agree = false;
+    this.show = false;
+  }
+  // 同意协议
+  agreeProtocol() {
+    this.agree = true;
+    this.show = false;
+  }
+  // 同意并支付
+  agreeProtocolAndPay() {
+    this.agreeProtocol();
+    this.$nextTick(() => {
+      this.$emit("pay");
+    });
+  }
+};
+__decorateClass$9([
+  Prop({ default: false })
+], Agreement$1.prototype, "value", 2);
+__decorateClass$9([
+  Inject()
+], Agreement$1.prototype, "config", 2);
+__decorateClass$9([
+  Watch("agree")
+], Agreement$1.prototype, "onOpen", 1);
+__decorateClass$9([
+  Watch("value")
+], Agreement$1.prototype, "onValue", 1);
+Agreement$1 = __decorateClass$9([
+  Component({
+    components: {
+      AgreementPopup: AgreementPopup2
+    }
+  })
+], Agreement$1);
+var render$9 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "agreement"
+  }, [_c("van-checkbox", {
+    attrs: {
+      "checked-color": _vm.config.theme,
+      "icon-size": "12"
+    },
+    model: {
+      value: _vm.agree,
+      callback: function($$v) {
+        _vm.agree = $$v;
+      },
+      expression: "agree"
+    }
+  }, [_vm._v(" 阅读并同意 "), _c("span", {
+    style: {
+      color: _vm.config.theme
+    },
+    on: {
+      "click": function($event) {
+        $event.stopPropagation();
+        return _vm.openProtocol.apply(null, arguments);
+      }
+    }
+  }, [_vm._v("充值协议")])]), _c("AgreementPopup", {
+    on: {
+      "disagree": _vm.disagree,
+      "agreeProtocolAndPay": _vm.agreeProtocolAndPay
+    },
+    model: {
+      value: _vm.show,
+      callback: function($$v) {
+        _vm.show = $$v;
+      },
+      expression: "show"
+    }
+  })], 1);
+};
+var staticRenderFns$9 = [];
+const agreement_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __cssModules$9 = {};
+var __component__$9 = /* @__PURE__ */ normalizeComponent(
+  Agreement$1,
+  render$9,
+  staticRenderFns$9,
+  false,
+  __vue2_injectStyles$9,
+  "017a359d",
+  null,
+  null
+);
+function __vue2_injectStyles$9(context) {
+  for (let o in __cssModules$9) {
+    this[o] = __cssModules$9[o];
+  }
+}
+const Agreement2 = /* @__PURE__ */ function() {
+  return __component__$9.exports;
+}();
+const getPayMoney = async (url, key) => {
+  const data = await request(url);
+  if (!(key in data)) {
+    fail(JSON.stringify(data) || "解析数据异常", `余额数据中不存在 ${key}`);
+    return 0;
+  }
+  return data[key];
+};
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
+var __decorateClass$8 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp$8(target, key, result);
+  return result;
+};
+let PayError$1 = class PayError extends Vue$1 {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "load");
+    __publicField(this, "loading", true);
+    __publicField(this, "message", "");
+  }
+  get showLoading() {
+    return this.loading || this.message;
+  }
+  async mounted() {
+    await this.retry();
+  }
+  test() {
+    this.loading = true;
+    setTimeout(() => {
+      this.loading = false;
+    }, 100);
+  }
+  async retry() {
+    this.message = "";
+    this.loading = true;
+    const res = await this.load().finally(() => {
+      this.loading = false;
+    }).catch((message) => {
+      this.message = message;
+    });
+    if (res != void 0) {
+      this.$emit("done", res);
+    }
+  }
+};
+__decorateClass$8([
+  Prop()
+], PayError$1.prototype, "load", 2);
+PayError$1 = __decorateClass$8([
+  Component$1
+], PayError$1);
+var render$8 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "pay-error-container"
+  }, [_c("div", {
+    staticClass: "loading",
+    style: {
+      display: _vm.showLoading ? "flex" : "none"
+    }
+  }, [_vm.message ? _c("van-tag", {
+    attrs: {
+      "type": "danger"
+    },
+    on: {
+      "click": _vm.retry
+    }
+  }, [_vm._v(" " + _vm._s(_vm.message) + " 点击重试 ")]) : _c("van-loading", {
+    staticClass: "loading-icon",
+    attrs: {
+      "size": "20",
+      "type": "spinner"
+    }
+  })], 1), _vm._t("default")], 2);
+};
+var staticRenderFns$8 = [];
+const payError_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __cssModules$8 = {};
+var __component__$8 = /* @__PURE__ */ normalizeComponent(
   PayError$1,
-  render$6,
-  staticRenderFns$6,
+  render$8,
+  staticRenderFns$8,
   false,
-  __vue2_injectStyles$6,
+  __vue2_injectStyles$8,
   "0817c014",
   null,
   null
 );
-function __vue2_injectStyles$6(context) {
-  for (let o in __cssModules$6) {
-    this[o] = __cssModules$6[o];
+function __vue2_injectStyles$8(context) {
+  for (let o in __cssModules$8) {
+    this[o] = __cssModules$8[o];
   }
 }
 const PayError2 = /* @__PURE__ */ function() {
-  return __component__$6.exports;
+  return __component__$8.exports;
 }();
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
-var __decorateClass$5 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
+var __decorateClass$7 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$5(target, key, result);
+    __defProp$7(target, key, result);
   return result;
 };
 let Balance$1 = class Balance extends Vue {
@@ -473,15 +739,15 @@ let Balance$1 = class Balance extends Vue {
     this.$emit("change", money);
   }
 };
-__decorateClass$5([
+__decorateClass$7([
   Inject()
 ], Balance$1.prototype, "config", 2);
-Balance$1 = __decorateClass$5([
-  Component({
+Balance$1 = __decorateClass$7([
+  Component$1({
     components: { PayError: PayError2 }
   })
 ], Balance$1);
-var render$5 = function() {
+var render$7 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -496,26 +762,26 @@ var render$5 = function() {
     }
   }, [_c("h1", [_vm._v(" " + _vm._s(_vm.value) + " ")])])], 1);
 };
-var staticRenderFns$5 = [];
+var staticRenderFns$7 = [];
 const balance_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __cssModules$5 = {};
-var __component__$5 = /* @__PURE__ */ normalizeComponent(
+const __cssModules$7 = {};
+var __component__$7 = /* @__PURE__ */ normalizeComponent(
   Balance$1,
-  render$5,
-  staticRenderFns$5,
+  render$7,
+  staticRenderFns$7,
   false,
-  __vue2_injectStyles$5,
+  __vue2_injectStyles$7,
   "20b4bf5f",
   null,
   null
 );
-function __vue2_injectStyles$5(context) {
-  for (let o in __cssModules$5) {
-    this[o] = __cssModules$5[o];
+function __vue2_injectStyles$7(context) {
+  for (let o in __cssModules$7) {
+    this[o] = __cssModules$7[o];
   }
 }
 const Balance2 = /* @__PURE__ */ function() {
-  return __component__$5.exports;
+  return __component__$7.exports;
 }();
 const getPayChannels = async (url, ignores) => {
   const list = await request(url);
@@ -552,15 +818,15 @@ function getChannelType(name) {
   }
   return "unknow";
 }
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
-var __decorateClass$4 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
+var __decorateClass$6 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$4(target, key, result);
+    __defProp$6(target, key, result);
   return result;
 };
 let Channels$1 = class Channels extends Vue {
@@ -610,17 +876,17 @@ let Channels$1 = class Channels extends Vue {
     this.$emit("change", this.channels[0]);
   }
 };
-__decorateClass$4([
+__decorateClass$6([
   Inject()
 ], Channels$1.prototype, "config", 2);
-Channels$1 = __decorateClass$4([
-  Component$1({
+Channels$1 = __decorateClass$6([
+  Component({
     components: {
       PayError: PayError2
     }
   })
 ], Channels$1);
-var render$4 = function() {
+var render$6 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -663,16 +929,280 @@ var render$4 = function() {
     }
   });
 };
-var staticRenderFns$4 = [];
+var staticRenderFns$6 = [];
 const channelContainer_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __cssModules$6 = {};
+var __component__$6 = /* @__PURE__ */ normalizeComponent(
+  Channels$1,
+  render$6,
+  staticRenderFns$6,
+  false,
+  __vue2_injectStyles$6,
+  "70746494",
+  null,
+  null
+);
+function __vue2_injectStyles$6(context) {
+  for (let o in __cssModules$6) {
+    this[o] = __cssModules$6[o];
+  }
+}
+const Channels2 = /* @__PURE__ */ function() {
+  return __component__$6.exports;
+}();
+const getIdentity = async (url) => {
+  const info = {
+    status: false,
+    name: ""
+  };
+  const { RealName } = await request(url);
+  if (RealName == void 0) {
+    throw new Error(`不存在实名信息`);
+  }
+  if (RealName == "") {
+    return info;
+  }
+  info.name = RealName;
+  info.status = true;
+  return info;
+};
+const setIdentity = async (url, data) => {
+  const { Message, Status } = await request(url, data);
+  if (!Status) {
+    throw new Error(Message);
+  }
+  return true;
+};
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
+var __decorateClass$5 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp$5(target, key, result);
+  return result;
+};
+let Identity$2 = class Identity extends Vue {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "config");
+    // 姓名
+    __publicField(this, "name", "");
+    // 身份证
+    __publicField(this, "id", "");
+    // 认证状态
+    __publicField(this, "status", false);
+  }
+  // 请求参数
+  get params() {
+    return {
+      RealName: this.name,
+      IdCard: this.id
+    };
+  }
+  async onSubmit() {
+    const result = await setIdentity(this.config.identity.auth, this.params).catch(
+      (message) => {
+        Dialog({
+          title: "认证失败",
+          message
+        });
+      }
+    );
+    if (result) {
+      this.$emit("done", this.params);
+    }
+  }
+};
+__decorateClass$5([
+  Inject()
+], Identity$2.prototype, "config", 2);
+Identity$2 = __decorateClass$5([
+  Component
+], Identity$2);
+var render$5 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("van-form", {
+    on: {
+      "submit": _vm.onSubmit
+    }
+  }, [_c("van-field", {
+    attrs: {
+      "name": "姓名",
+      "label": "姓名",
+      "placeholder": "姓名",
+      "rules": [{
+        required: true,
+        message: "请填写姓名"
+      }]
+    },
+    model: {
+      value: _vm.name,
+      callback: function($$v) {
+        _vm.name = $$v;
+      },
+      expression: "name"
+    }
+  }), _c("van-field", {
+    attrs: {
+      "name": "身份证号码",
+      "label": "身份证号码",
+      "placeholder": "身份证号码",
+      "rules": [{
+        required: true,
+        message: "请填写身份证号码"
+      }]
+    },
+    model: {
+      value: _vm.id,
+      callback: function($$v) {
+        _vm.id = $$v;
+      },
+      expression: "id"
+    }
+  }), _c("div", {
+    staticStyle: {
+      "margin": "16px"
+    }
+  }, [_c("van-button", {
+    attrs: {
+      "block": "",
+      "color": _vm.config.theme,
+      "native-type": "submit"
+    }
+  }, [_vm._v("认证")])], 1)], 1);
+};
+var staticRenderFns$5 = [];
+const __cssModules$5 = {};
+var __component__$5 = /* @__PURE__ */ normalizeComponent(
+  Identity$2,
+  render$5,
+  staticRenderFns$5,
+  false,
+  __vue2_injectStyles$5,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$5(context) {
+  for (let o in __cssModules$5) {
+    this[o] = __cssModules$5[o];
+  }
+}
+const Identity$1 = /* @__PURE__ */ function() {
+  return __component__$5.exports;
+}();
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
+var __decorateClass$4 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp$4(target, key, result);
+  return result;
+};
+let IdentityPopup = class extends Vue {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "config");
+    __publicField(this, "showPopup", false);
+    __publicField(this, "info", {
+      status: false,
+      name: ""
+    });
+  }
+  get text() {
+    if (this.info.status) {
+      return `已实名 ${this.info.name}`;
+    }
+    return `未实名 点击进行实名认证`;
+  }
+  load() {
+    return getIdentity(this.config.identity.api);
+  }
+  done(data) {
+    Object.assign(this.info, data);
+    this.$emit("onIdentity", data);
+  }
+  openPopup() {
+    if (!this.info.status) {
+      this.showPopup = true;
+    }
+  }
+  authDone(data) {
+    this.showPopup = false;
+    this.done({
+      status: true,
+      name: data.RealName
+    });
+  }
+};
+__decorateClass$4([
+  Inject()
+], IdentityPopup.prototype, "config", 2);
+IdentityPopup = __decorateClass$4([
+  Component({
+    components: {
+      PayError: PayError2,
+      Identity: Identity$1
+    }
+  })
+], IdentityPopup);
+var render$4 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("PayError", {
+    attrs: {
+      "load": _vm.load
+    },
+    on: {
+      "done": _vm.done
+    }
+  }, [_c("van-notice-bar", {
+    staticClass: "identity",
+    attrs: {
+      "left-icon": "user-circle-o",
+      "text": _vm.text
+    },
+    on: {
+      "click": _vm.openPopup
+    }
+  }), _c("van-popup", {
+    attrs: {
+      "position": "bottom",
+      "overlay": "",
+      "round": ""
+    },
+    model: {
+      value: _vm.showPopup,
+      callback: function($$v) {
+        _vm.showPopup = $$v;
+      },
+      expression: "showPopup"
+    }
+  }, [_c("Identity", {
+    on: {
+      "done": _vm.authDone
+    }
+  })], 1)], 1);
+};
+var staticRenderFns$4 = [];
+const popup_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const __cssModules$4 = {};
 var __component__$4 = /* @__PURE__ */ normalizeComponent(
-  Channels$1,
+  IdentityPopup,
   render$4,
   staticRenderFns$4,
   false,
   __vue2_injectStyles$4,
-  "70746494",
+  "5f9eb7e3",
   null,
   null
 );
@@ -681,7 +1211,7 @@ function __vue2_injectStyles$4(context) {
     this[o] = __cssModules$4[o];
   }
 }
-const Channels2 = /* @__PURE__ */ function() {
+const Identity2 = /* @__PURE__ */ function() {
   return __component__$4.exports;
 }();
 var __defProp$3 = Object.defineProperty;
@@ -709,7 +1239,7 @@ __decorateClass$3([
   Prop({ default: null })
 ], PriceCustom$1.prototype, "customPrice", 2);
 PriceCustom$1 = __decorateClass$3([
-  Component$1
+  Component
 ], PriceCustom$1);
 var render$3 = function() {
   var _vm = this;
@@ -745,7 +1275,7 @@ var __component__$3 = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$3,
   false,
   __vue2_injectStyles$3,
-  "ea027830",
+  "05e06290",
   null,
   null
 );
@@ -785,7 +1315,7 @@ __decorateClass$2([
   Prop({ default: {} })
 ], PriceItem$1.prototype, "price", 2);
 PriceItem$1 = __decorateClass$2([
-  Component$1
+  Component
 ], PriceItem$1);
 var render$2 = function() {
   var _vm = this;
@@ -887,7 +1417,7 @@ __decorateClass$1([
   Watch("customPrice")
 ], PriceContainer$1.prototype, "onCustomPriceChange", 1);
 PriceContainer$1 = __decorateClass$1([
-  Component$1({
+  Component({
     components: {
       PriceItem: PriceItem2,
       PayError: PayError2,
@@ -948,7 +1478,7 @@ var __component__$1 = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$1,
   false,
   __vue2_injectStyles$1,
-  "737beb57",
+  "a6f45494",
   null,
   null
 );
@@ -976,12 +1506,8 @@ let PayPopup$1 = class PayPopup extends Vue {
     super(...arguments);
     __publicField(this, "config");
     __publicField(this, "id");
-    // 同意协议本地标识
-    __publicField(this, "isAgreeProtocolFlag", "__isAgreeProtocol__");
     // 是否同意支付协议
     __publicField(this, "isAgreeProtocol", false);
-    // 是否弹出充值协议
-    __publicField(this, "isOpenProtocol", false);
     // 默认主题
     __publicField(this, "baseTheme", BaseTheme);
     // 弹出层是否显示
@@ -1001,29 +1527,22 @@ let PayPopup$1 = class PayPopup extends Vue {
       // 价目表
       price: false,
       // 渠道
-      channel: false
+      channel: false,
+      // 实名信息
+      identity: false
     });
   }
-  onIsAgreeProtocolChange(n) {
-    if (n) {
-      localStorage.setItem(this.isAgreeProtocolFlag, "true");
-    } else {
-      localStorage.removeItem(this.isAgreeProtocolFlag);
-    }
-  }
   async mounted() {
     this.$nextTick(() => {
       this.visible = true;
       this.initLoad();
-      this.isAgreeProtocol = Boolean(
-        localStorage.getItem(this.isAgreeProtocolFlag) || false
-      );
     });
   }
   // 初始化加载状态
   initLoad() {
     this.loading.balance = this.config.balance.disabled;
     this.loading.price = this.config.price.disabled;
+    this.loading.identity = this.config.identity.disable;
   }
   // 关闭弹出层
   onClose() {
@@ -1033,29 +1552,14 @@ let PayPopup$1 = class PayPopup extends Vue {
   onClosed() {
     this.$emit("onClosed");
   }
-  // 打开协议弹窗
-  openProtocol() {
-    this.isOpenProtocol = true;
-  }
-  // 同意协议
-  agreeProtocol() {
-    this.isAgreeProtocol = true;
-    this.isOpenProtocol = false;
-  }
-  // 不同意协议
-  notAgree() {
-    this.isAgreeProtocol = false;
-    this.isOpenProtocol = false;
-  }
-  // 同意并支付
-  agreeProtocolAndPay() {
-    this.agreeProtocol();
-    this.onTopup();
+  // 隐私协议组件
+  get agreementRef() {
+    return this.$refs.agreementRef;
   }
   // 点击充值
   async onTopup() {
     if (!this.isAgreeProtocol) {
-      this.openProtocol();
+      this.agreementRef.openProtocol();
       return;
     }
     const { key, prefix } = this.config.pay;
@@ -1083,6 +1587,9 @@ let PayPopup$1 = class PayPopup extends Vue {
     this.price = price;
     this.loading.price = true;
   }
+  onIdentityChange(info) {
+    this.loading.identity = info.status;
+  }
   // 计算最终金额
   get finalPrice() {
     return this.price.price / 100;
@@ -1103,18 +1610,17 @@ __decorateClass([
 __decorateClass([
   Prop({ default: void 0 })
 ], PayPopup$1.prototype, "id", 2);
-__decorateClass([
-  Watch("isAgreeProtocol")
-], PayPopup$1.prototype, "onIsAgreeProtocolChange", 1);
 PayPopup$1 = __decorateClass([
-  Component$1({
+  Component({
     components: {
       Balance: Balance2,
       Divider,
       PriceContainer: PriceContainer2,
       Button,
       PriceCustom: PriceCustom2,
-      Channels: Channels2
+      Channels: Channels2,
+      Agreement: Agreement2,
+      Identity: Identity2
     }
   })
 ], PayPopup$1);
@@ -1126,7 +1632,7 @@ var render = function() {
     staticClass: "pay-popup",
     attrs: {
       "position": "bottom",
-      "overlay": true,
+      "overlay": "",
       "round": ""
     },
     on: {
@@ -1154,12 +1660,14 @@ var render = function() {
     on: {
       "change": _vm.onChannelChange
     }
-  }), _c("div", {
-    staticClass: "check-box"
-  }, [_c("van-checkbox", {
-    attrs: {
-      "checked-color": _vm.config.theme,
-      "icon-size": "12"
+  }), !_vm.config.identity.disable ? [_c("Identity", {
+    on: {
+      "onIdentity": _vm.onIdentityChange
+    }
+  })] : _vm._e(), _c("Agreement", {
+    ref: "agreementRef",
+    on: {
+      "pay": _vm.onTopup
     },
     model: {
       value: _vm.isAgreeProtocol,
@@ -1168,17 +1676,7 @@ var render = function() {
       },
       expression: "isAgreeProtocol"
     }
-  }, [_vm._v(" 阅读并同意 "), _c("span", {
-    style: {
-      color: _vm.config.theme
-    },
-    on: {
-      "click": function($event) {
-        $event.stopPropagation();
-        return _vm.openProtocol.apply(null, arguments);
-      }
-    }
-  }, [_vm._v("充值协议")])])], 1), _c("Button", {
+  }), _c("Button", {
     attrs: {
       "disabled": _vm.disable,
       "color": _vm.config.theme || _vm.baseTheme,
@@ -1187,45 +1685,7 @@ var render = function() {
     on: {
       "click": _vm.onTopup
     }
-  }, [_vm._v(" 立即支付 " + _vm._s(_vm.finalPrice) + " 元 ")]), _c("van-popup", {
-    staticClass: "protocol-popup",
-    attrs: {
-      "position": "bottom",
-      "overlay": true,
-      "round": ""
-    },
-    model: {
-      value: _vm.isOpenProtocol,
-      callback: function($$v) {
-        _vm.isOpenProtocol = $$v;
-      },
-      expression: "isOpenProtocol"
-    }
-  }, [_c("div", {
-    staticClass: "prptocol"
-  }, [_c("iframe", {
-    attrs: {
-      "src": _vm.config.agreement
-    }
-  }), _c("div", {
-    staticClass: "btn-box"
-  }, [_c("van-button", {
-    attrs: {
-      "block": ""
-    },
-    on: {
-      "click": _vm.notAgree
-    }
-  }, [_vm._v("不同意")]), _c("van-button", {
-    attrs: {
-      "color": _vm.config.theme,
-      "block": "",
-      "type": "primary"
-    },
-    on: {
-      "click": _vm.agreeProtocolAndPay
-    }
-  }, [_vm._v("同意并支付")])], 1)])])], 2);
+  }, [_vm._v(" 立即支付 " + _vm._s(_vm.finalPrice) + " 元 ")])], 2);
 };
 var staticRenderFns = [];
 const popup_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -1236,7 +1696,7 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   staticRenderFns,
   false,
   __vue2_injectStyles,
-  "4e76879e",
+  "7115f264",
   null,
   null
 );
@@ -1273,9 +1733,9 @@ const plugin = {
         instance.$on("onClosed", () => {
           res();
           setTimeout(() => {
-            var _a2;
+            var _a;
             instance.$destroy();
-            (_a2 = instance.$el.parentNode) == null ? void 0 : _a2.removeChild(instance.$el);
+            (_a = instance.$el.parentNode) == null ? void 0 : _a.removeChild(instance.$el);
           }, 300);
         });
         instance.$mount();