icve-sso-vue3 0.0.1 → 0.0.3

package/dist/icve-sso-vue3.umd.js

@@ -32734,45 +32734,45 @@ function unBindMobile(data) {
     data: data
   });
 }
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/verifyComponents.vue?vue&type=template&id=5c158906
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/verifyComponents.vue?vue&type=template&id=5ed3cdce
 
-var verifyComponentsvue_type_template_id_5c158906_hoisted_1 = {
+var verifyComponentsvue_type_template_id_5ed3cdce_hoisted_1 = {
   "class": "verify"
 };
-var verifyComponentsvue_type_template_id_5c158906_hoisted_2 = {
+var verifyComponentsvue_type_template_id_5ed3cdce_hoisted_2 = {
   key: 1,
   "class": "aly"
 };
-var verifyComponentsvue_type_template_id_5c158906_hoisted_3 = {
+var verifyComponentsvue_type_template_id_5ed3cdce_hoisted_3 = {
   id: "clickButton",
   ref: "clickButton"
 };
-function verifyComponentsvue_type_template_id_5c158906_render(_ctx, _cache, $props, $setup, $data, $options) {
+function verifyComponentsvue_type_template_id_5ed3cdce_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_TJCaptcha = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("TJCaptcha");
   var _component_AliyunCaptchaModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("AliyunCaptchaModal");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", verifyComponentsvue_type_template_id_5c158906_hoisted_1, [$data.type == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_TJCaptcha, {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", verifyComponentsvue_type_template_id_5ed3cdce_hoisted_1, [$data.type == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_TJCaptcha, {
     key: 0,
     ref: "TJCaptcha",
     CaptchaAppId: $data.CaptchaAppId,
     onSuccess: $options.success
-  }, null, 8, ["CaptchaAppId", "onSuccess"])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", verifyComponentsvue_type_template_id_5c158906_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_AliyunCaptchaModal, {
+  }, null, 8, ["CaptchaAppId", "onSuccess"])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", verifyComponentsvue_type_template_id_5ed3cdce_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_AliyunCaptchaModal, {
     id: "clickButton",
     ref: "aliyunCaptcha",
     sceneId: $data.sceneId,
     onSuccess: $options.success
-  }, null, 8, ["sceneId", "onSuccess"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", verifyComponentsvue_type_template_id_5c158906_hoisted_3, null, 512)]))]);
+  }, null, 8, ["sceneId", "onSuccess"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", verifyComponentsvue_type_template_id_5ed3cdce_hoisted_3, null, 512)]))]);
 }
-;// ./src/components/verifyComponents.vue?vue&type=template&id=5c158906
+;// ./src/components/verifyComponents.vue?vue&type=template&id=5ed3cdce
 
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TJCaptcha.vue?vue&type=template&id=1aa05eb8
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TJCaptcha.vue?vue&type=template&id=4adf8476
 
-var TJCaptchavue_type_template_id_1aa05eb8_hoisted_1 = {
+var TJCaptchavue_type_template_id_4adf8476_hoisted_1 = {
   "class": "TJCaptcha"
 };
-function TJCaptchavue_type_template_id_1aa05eb8_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", TJCaptchavue_type_template_id_1aa05eb8_hoisted_1);
+function TJCaptchavue_type_template_id_4adf8476_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", TJCaptchavue_type_template_id_4adf8476_hoisted_1);
 }
-;// ./src/components/TJCaptcha.vue?vue&type=template&id=1aa05eb8
+;// ./src/components/TJCaptcha.vue?vue&type=template&id=4adf8476
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TJCaptcha.vue?vue&type=script&lang=js
 
@@ -32807,6 +32807,13 @@ function TJCaptchavue_type_template_id_1aa05eb8_render(_ctx, _cache, $props, $se
     },
     init: function init(aidEncrypted) {
       try {
+        // 检查环境是否支持腾讯验证码
+        if (typeof TencentCaptcha === 'undefined') {
+          console.warn('腾讯验证码库未加载，使用容错处理');
+          this.loadErrorCallback();
+          return;
+        }
+
         // 生成一个验证码对象
         // CaptchaAppId：登录验证码控制台，从【验证管理】页面进行查看。如果未创建过验证，请先新建验证。注意：不可使用客户端类型为小程序的CaptchaAppId，会导致数据统计错误。
         //callback：定义的回调函数
@@ -32818,7 +32825,7 @@ function TJCaptchavue_type_template_id_1aa05eb8_render(_ctx, _cache, $props, $se
       } catch (error) {
         console.log("%c Line:32 🥛 error", "color:#93c0a4", error);
         // 加载异常，调用验证码js加载错误处理函数
-        // this.loadErrorCallback();
+        this.loadErrorCallback();
       }
     },
     loadErrorCallback: function loadErrorCallback() {
@@ -32852,20 +32859,25 @@ function TJCaptchavue_type_template_id_1aa05eb8_render(_ctx, _cache, $props, $se
 
 
 ;
-const TJCaptcha_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(TJCaptchavue_type_script_lang_js, [['render',TJCaptchavue_type_template_id_1aa05eb8_render]])
+const TJCaptcha_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(TJCaptchavue_type_script_lang_js, [['render',TJCaptchavue_type_template_id_4adf8476_render]])
 
 /* harmony default export */ const TJCaptcha = (TJCaptcha_exports_);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AliyunCaptchaModal.vue?vue&type=template&id=79c1c071
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AliyunCaptchaModal.vue?vue&type=template&id=283e7c5a
 
-var AliyunCaptchaModalvue_type_template_id_79c1c071_hoisted_1 = ["id"];
-function AliyunCaptchaModalvue_type_template_id_79c1c071_render(_ctx, _cache, $props, $setup, $data, $options) {
+var AliyunCaptchaModalvue_type_template_id_283e7c5a_hoisted_1 = ["id"];
+function AliyunCaptchaModalvue_type_template_id_283e7c5a_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    id: "captcha-element-".concat(_ctx._uid)
-  }, null, 8, AliyunCaptchaModalvue_type_template_id_79c1c071_hoisted_1)]);
+    id: "captcha-element-".concat($data.uniqueId)
+  }, null, 8, AliyunCaptchaModalvue_type_template_id_283e7c5a_hoisted_1)]);
 }
-;// ./src/components/AliyunCaptchaModal.vue?vue&type=template&id=79c1c071
+;// ./src/components/AliyunCaptchaModal.vue?vue&type=template&id=283e7c5a
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AliyunCaptchaModal.vue?vue&type=script&lang=js
+
+
+
+
+
 /* harmony default export */ const AliyunCaptchaModalvue_type_script_lang_js = ({
   props: {
     id: {
@@ -32879,83 +32891,75 @@ function AliyunCaptchaModalvue_type_template_id_79c1c071_render(_ctx, _cache, $p
   },
   data: function data() {
     return {
-      captcha: null
+      captcha: null,
+      uniqueId: '' // Vue 3 兼容的唯一ID
     };
   },
   mounted: function mounted() {
-    var _this = this;
-    window.initAliyunCaptcha({
-      SceneId: this.sceneId,
-      // 场景ID。根据步骤二新建验证场景后，您可以在验证码场景列表，获取该场景的场景ID
-      mode: "popup",
-      // 验证码模式。popup表示要集成的验证码模式为弹出式。无需修改
-      element: "#captcha-element-".concat(this._uid),
-      // 页面上预留的渲染验证码的元素，与原代码中预留的页面元素保持一致。
-      button: "#".concat(this.id),
-      captchaLogoImg: "https://file.icve.com.cn/app/site/prod/zyzyzx_components/zhzj_logo.webp",
-      // 验证码验证通过回调函数
-      success: function success(captchaVerifyParam) {
-        // 入参为验签captchaVerifyParam
-        // 1.根据校验结果来进行业务处理
-        _this.$emit("success", captchaVerifyParam);
-        _this.initAliyunCaptcha();
-      },
-      // 验证码验证不通过回调函数
-      fail: function fail(result) {
-        // 入参为不通过信息
-        // 正常验证有效期内不需要做任何操作，验证码自动刷新，重新进行验证
-        console.error(result);
-      },
-      // 绑定验证码实例回调函数，该回调会在验证码初始化成功后调用
-      getInstance: function getInstance(instance) {
-        _this.$emit("getInstance", instance);
-        _this.captcha = instance;
-      },
-      slideStyle: {
-        width: 420,
-        height: 40
-      },
-      // 滑块验证码样式，支持自定义宽度和高度，单位为px。其中，width最小值为320 px
-      language: localStorage.getItem("language") || "cn" // 验证码语言类型，支持简体中文（cn）、繁体中文（tw）、英文（en）
-    });
+    this.uniqueId = 'captcha-' + Math.random().toString(36).substr(2, 9);
+    try {
+      if (typeof window.initAliyunCaptcha === 'undefined') {
+        console.warn('阿里云验证码库未加载');
+        return;
+      }
+      this.initAliyunCaptcha();
+    } catch (error) {
+      console.error('阿里云验证码初始化失败:', error);
+    }
   },
   methods: {
     initAliyunCaptcha: function initAliyunCaptcha() {
-      var _this2 = this;
-      window.initAliyunCaptcha({
-        SceneId: this.sceneId,
-        // 场景ID。根据步骤二新建验证场景后，您可以在验证码场景列表，获取该场景的场景ID
-        mode: "popup",
-        // 验证码模式。popup表示要集成的验证码模式为弹出式。无需修改
-        element: "#captcha-element-".concat(this._uid),
-        // 页面上预留的渲染验证码的元素，与原代码中预留的页面元素保持一致。
-        button: "#".concat(this.id),
-        captchaLogoImg: "https://file.icve.com.cn/app/site/prod/zyzyzx_components/zhzj_logo.webp",
-        // 验证码验证通过回调函数
-        success: function success(captchaVerifyParam) {
-          // 入参为验签captchaVerifyParam
-          // 1.根据校验结果来进行业务处理
-          _this2.$emit("success", captchaVerifyParam);
-          _this2.initAliyunCaptcha();
-        },
-        // 验证码验证不通过回调函数
-        fail: function fail(result) {
-          // 入参为不通过信息
-          // 正常验证有效期内不需要做任何操作，验证码自动刷新，重新进行验证
-          console.error(result);
-        },
-        // 绑定验证码实例回调函数，该回调会在验证码初始化成功后调用
-        getInstance: function getInstance(instance) {
-          _this2.$emit("getInstance", instance);
-          _this2.captcha = instance;
-        },
-        slideStyle: {
-          width: 360,
-          height: 40
-        },
-        // 滑块验证码样式，支持自定义宽度和高度，单位为px。其中，width最小值为320 px
-        language: localStorage.getItem("language") || "cn" // 验证码语言类型，支持简体中文（cn）、繁体中文（tw）、英文（en）
-      });
+      var _this = this;
+      try {
+        if (typeof window.initAliyunCaptcha === 'undefined') {
+          console.warn('阿里云验证码库未加载，跳过初始化');
+          return;
+        }
+        window.initAliyunCaptcha({
+          SceneId: this.sceneId,
+          // 场景ID。根据步骤二新建验证场景后，您可以在验证码场景列表，获取该场景的场景ID
+          mode: "popup",
+          // 验证码模式。popup表示要集成的验证码模式为弹出式。无需修改
+          element: "#captcha-element-".concat(this.uniqueId),
+          // 页面上预留的渲染验证码的元素，与原代码中预留的页面元素保持一致。
+          button: "#".concat(this.id),
+          captchaLogoImg: "https://file.icve.com.cn/app/site/prod/zyzyzx_components/zhzj_logo.webp",
+          // 验证码验证通过回调函数
+          success: function success(captchaVerifyParam) {
+            try {
+              // 入参为验签captchaVerifyParam
+              // 1.根据校验结果来进行业务处理
+              _this.$emit("success", captchaVerifyParam);
+              _this.initAliyunCaptcha();
+            } catch (error) {
+              console.error('验证码成功回调处理失败:', error);
+            }
+          },
+          // 验证码验证不通过回调函数
+          fail: function fail(result) {
+            // 入参为不通过信息
+            // 正常验证有效期内不需要做任何操作，验证码自动刷新，重新进行验证
+            console.error(result);
+          },
+          // 绑定验证码实例回调函数，该回调会在验证码初始化成功后调用
+          getInstance: function getInstance(instance) {
+            try {
+              _this.$emit("getInstance", instance);
+              _this.captcha = instance;
+            } catch (error) {
+              console.error('验证码实例绑定失败:', error);
+            }
+          },
+          slideStyle: {
+            width: 360,
+            height: 40
+          },
+          // 滑块验证码样式，支持自定义宽度和高度，单位为px。其中，width最小值为320 px
+          language: typeof localStorage !== 'undefined' ? localStorage.getItem("language") || "cn" : "cn" // 验证码语言类型，支持简体中文（cn）、繁体中文（tw）、英文（en）
+        });
+      } catch (error) {
+        console.error('阿里云验证码初始化失败:', error);
+      }
     }
   }
 });
@@ -32967,7 +32971,7 @@ function AliyunCaptchaModalvue_type_template_id_79c1c071_render(_ctx, _cache, $p
 
 
 ;
-const AliyunCaptchaModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(AliyunCaptchaModalvue_type_script_lang_js, [['render',AliyunCaptchaModalvue_type_template_id_79c1c071_render]])
+const AliyunCaptchaModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(AliyunCaptchaModalvue_type_script_lang_js, [['render',AliyunCaptchaModalvue_type_template_id_283e7c5a_render]])
 
 /* harmony default export */ const AliyunCaptchaModal = (AliyunCaptchaModal_exports_);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/verifyComponents.vue?vue&type=script&lang=js
@@ -32993,36 +32997,55 @@ const AliyunCaptchaModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)
       var _this = this;
       getCaptcha().then(function (res) {
         _this.type = res.data.data;
+      })["catch"](function (error) {
+        console.warn('获取验证码类型失败，使用默认类型:', error);
+        _this.type = 'alibaba'; // 默认使用阿里云验证码
       });
     },
     // 验证成功
     success: function success(captchaVerifyParam) {
-      if (this.type === 'tencent') {
-        this.$emit('success', captchaVerifyParam);
-      } else {
-        var VerifyParam = captchaVerifyParam ? {
-          captchaVerifyParam: captchaVerifyParam,
-          sceneId: this.sceneId
-        } : {
+      try {
+        if (this.type === 'tencent') {
+          this.$emit('success', captchaVerifyParam);
+        } else {
+          var VerifyParam = captchaVerifyParam ? {
+            captchaVerifyParam: captchaVerifyParam,
+            sceneId: this.sceneId
+          } : {
+            specialKey: true
+          };
+          this.$emit('success', VerifyParam);
+        }
+      } catch (error) {
+        console.error('验证码处理失败:', error);
+        // 发送默认成功参数
+        this.$emit('success', {
           specialKey: true
-        };
-        this.$emit('success', VerifyParam);
+        });
       }
     },
     show: function show() {
-      if (this.type === 'tencent') {
-        this.$refs.TJCaptcha.getCaptchaAppid();
-      } else if (this.type === 'alibaba') {
-        if (window.AliyunCaptcha) {
-          this.$refs.aliyunCaptcha.captcha.show();
+      try {
+        if (this.type === 'tencent') {
+          this.$refs.TJCaptcha.getCaptchaAppid();
+        } else if (this.type === 'alibaba') {
+          if (window.AliyunCaptcha) {
+            this.$refs.aliyunCaptcha.captcha.show();
+          } else {
+            var VerifyParam = {
+              specialKey: true
+            };
+            this.$emit('success', VerifyParam);
+          }
         } else {
-          var VerifyParam = {
-            specialKey: true
-          };
-          this.$emit('success', VerifyParam);
+          this.$emit('success');
         }
-      } else {
-        this.$emit('success');
+      } catch (error) {
+        console.error('显示验证码失败:', error);
+        // 容错处理：直接发送成功信号
+        this.$emit('success', {
+          specialKey: true
+        });
       }
     }
   },
@@ -33038,69 +33061,69 @@ const AliyunCaptchaModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)
 
 
 ;
-const verifyComponents_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(verifyComponentsvue_type_script_lang_js, [['render',verifyComponentsvue_type_template_id_5c158906_render]])
+const verifyComponents_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(verifyComponentsvue_type_script_lang_js, [['render',verifyComponentsvue_type_template_id_5ed3cdce_render]])
 
 /* harmony default export */ const verifyComponents = (verifyComponents_exports_);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/QRCodeLogin.vue?vue&type=template&id=0baca5a0&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/QRCodeLogin.vue?vue&type=template&id=6badd114&scoped=true
 
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_1 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_1 = {
   "class": "qr-code-wrapper"
 };
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_2 = ["id"];
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_3 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_2 = ["id"];
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_3 = {
   key: 0,
   "class": "qr-login-overlay"
 };
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_4 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_4 = {
   key: 0,
   "class": "overlay-content"
 };
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_5 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_5 = {
   "class": "overlay-text"
 };
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_6 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_6 = {
   "class": "overlay-tip"
 };
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_7 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_7 = {
   key: 1,
   "class": "overlay-content"
 };
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_8 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_8 = {
   "class": "overlay-text",
   style: {
     "color": "red"
   }
 };
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_9 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_9 = {
   "class": "overlay-tip"
 };
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_10 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_10 = {
   "class": "qr-tip"
 };
-var QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_11 = {
+var QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_11 = {
   key: 0,
   "class": "bind-tip"
 };
-function QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function QRCodeLoginvue_type_template_id_6badd114_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     "class": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["qr-login-container", {
       'qr-login-container1': $props.bdwxShow
     }])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
-    id: "qrcode-container-".concat(_ctx._uid)
-  }, null, 8, QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_2), $data.loginStatus == 1 || $data.loginStatus == 3 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_3, [$data.loginStatus == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('已扫码')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('请在手机上确认')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+    id: "qrcode-container-".concat($data.uniqueId)
+  }, null, 8, QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_2), $data.loginStatus == 1 || $data.loginStatus == 3 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_3, [$data.loginStatus == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('已扫码')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('请在手机上确认')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
     "class": "rescan-btn",
     onClick: _cache[0] || (_cache[0] = function () {
       return $options.handleRescanQrCode && $options.handleRescanQrCode.apply($options, arguments);
     })
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('重新扫码')), 1)])) : $data.loginStatus == 3 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('二维码已过期')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('请点击下方按钮刷新')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('重新扫码')), 1)])) : $data.loginStatus == 3 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('二维码已过期')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('请点击下方按钮刷新')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
     "class": "rescan-btn",
     onClick: _cache[1] || (_cache[1] = function () {
       return $options.handleRescanQrCode && $options.handleRescanQrCode.apply($options, arguments);
     })
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('重新生成')), 1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.bdwxShow ? _ctx.i18n('微信扫码进行账号绑定') : _ctx.i18n('微信或App扫码均可登录')), 1), $data.wxRandom ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('你当前的微信暂未绑定账号或手机号，需先完成绑定，后续登录将无需重复验证，直接进入即可～')), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('重新生成')), 1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.bdwxShow ? _ctx.i18n('微信扫码进行账号绑定') : _ctx.i18n('微信或App扫码均可登录')), 1), $data.wxRandom ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.i18n('你当前的微信暂未绑定账号或手机号，需先完成绑定，后续登录将无需重复验证，直接进入即可～')), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
 }
-;// ./src/components/QRCodeLogin.vue?vue&type=template&id=0baca5a0&scoped=true
+;// ./src/components/QRCodeLogin.vue?vue&type=template&id=6badd114&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/qrcodejs2/qrcode.js
 var qrcode = __webpack_require__(9118);
@@ -33123,6 +33146,11 @@ function removeToken() {
 
 
 
+
+
+
+
+
 /* harmony default export */ const QRCodeLoginvue_type_script_lang_js = ({
   mixins: [i18nMixin],
   props: {
@@ -33143,10 +33171,12 @@ function removeToken() {
       statusTimer: null,
       loginStatus: 0,
       // 0-未扫码, 1-已扫码待确认, 2-登录成功, 3-过期
-      wxRandom: ''
+      wxRandom: '',
+      uniqueId: '' // Vue 3 兼容的唯一ID
     };
   },
   mounted: function mounted() {
+    this.uniqueId = 'qr-' + Math.random().toString(36).substr(2, 9);
     this.generateQrCode();
   },
   beforeDestroy: function beforeDestroy() {
@@ -33176,7 +33206,7 @@ function removeToken() {
       });
     },
     generateQRCode: function generateQRCode(url) {
-      var containerId = "qrcode-container-".concat(this._uid);
+      var containerId = "qrcode-container-".concat(this.uniqueId);
       document.getElementById(containerId).innerHTML = '';
       // 创建新的二维码实例
       new (qrcode_default())(document.getElementById(containerId), {
@@ -33243,10 +33273,10 @@ function removeToken() {
 });
 ;// ./src/components/QRCodeLogin.vue?vue&type=script&lang=js
  
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/QRCodeLogin.vue?vue&type=style&index=0&id=0baca5a0&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/QRCodeLogin.vue?vue&type=style&index=0&id=6badd114&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/QRCodeLogin.vue?vue&type=style&index=0&id=0baca5a0&lang=scss&scoped=true
+;// ./src/components/QRCodeLogin.vue?vue&type=style&index=0&id=6badd114&lang=scss&scoped=true
 
 ;// ./src/components/QRCodeLogin.vue
 
@@ -33256,7 +33286,7 @@ function removeToken() {
 ;
 
 
-const QRCodeLogin_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(QRCodeLoginvue_type_script_lang_js, [['render',QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_render],['__scopeId',"data-v-0baca5a0"]])
+const QRCodeLogin_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(QRCodeLoginvue_type_script_lang_js, [['render',QRCodeLoginvue_type_template_id_6badd114_scoped_true_render],['__scopeId',"data-v-6badd114"]])
 
 /* harmony default export */ const QRCodeLogin = (QRCodeLogin_exports_);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/mobileBinding.vue?vue&type=template&id=3371c604&scoped=true