icve-sso-vue3 0.0.2 → 0.0.4

package/README.md

@@ -1,37 +1,123 @@
 # 智慧职教-统一用户中心
 
 #### 介绍
-智慧职教-统一用户中心
-
-#### 软件架构
-软件架构说明
-
+智慧职教-统一用户中心 Vue3 组件库
 
 #### 安装教程
 
-1.  xxxx
-2.  xxxx
-3.  xxxx
+```bash
+npm install icve-sso-vue3
+```
 
 #### 使用说明
 
-1.  xxxx
-2.  xxxx
-3.  xxxx
+##### 1. 基础使用
 
-#### 参与贡献
+```vue
+<template>
+  <div>
+    <!-- 登录组件 -->
+    <userCenterLogin
+      v-model:loginModalShow="loginModalShow"
+      @loginSuccess="handleLoginSuccess"
+    />
+
+    <!-- 信息完善组件 -->
+    <userCenterCompleteInformation
+      @completeInformation="handleCompleteInformation"
+      :token="token"
+    />
+  </div>
+</template>
+
+<script>
+import { userCenterLogin, userCenterCompleteInformation } from 'icve-sso-vue3';
+
+export default {
+  components: {
+    userCenterLogin,
+    userCenterCompleteInformation
+  },
+  data() {
+    return {
+      loginModalShow: true,
+      token: ''
+    };
+  },
+  methods: {
+    handleLoginSuccess(data) {
+      console.log('登录成功', data);
+      this.loginModalShow = false;
+    },
+    handleCompleteInformation() {
+      console.log('信息完善');
+    }
+  }
+};
+</script>
+```
+
+##### 2. 全局注册
+
+```javascript
+// main.js
+import { createApp } from 'vue';
+import IcveSso from 'icve-sso-vue3';
+import 'icve-sso-vue3/dist/icve-sso-vue3.css';
+
+const app = createApp(App);
+
+// 安装插件（默认会自动加载验证码脚本）
+app.use(IcveSso);
+
+// 或者手动控制验证码脚本加载
+app.use(IcveSso, { loadCaptcha: false });
+```
+
+##### 3. 手动加载验证码脚本（可选）
 
-1.  Fork 本仓库
-2.  新建 Feat_xxx 分支
-3.  提交代码
-4.  新建 Pull Request
+如果你想在应用启动时提前加载验证码脚本，可以使用以下方法：
 
+```javascript
+// 在 main.js 中
+import { loadCaptchaScripts } from 'icve-sso-vue3';
 
-#### 特技
+// 提前加载验证码脚本
+loadCaptchaScripts();
+```
+
+##### 4. 注意事项
+
+- 组件库会自动处理验证码脚本的加载，无需手动在 HTML 中添加 script 标签
+- 支持腾讯验证码和阿里云验证码，会根据后端配置自动选择
+- 组件库内部已包含完整的错误处理和降级方案
+- 需要引入样式文件：`import 'icve-sso-vue3/dist/icve-sso-vue3.css'`
+
+#### 组件Props
+
+##### userCenterLogin
+
+| 属性 | 类型 | 默认值 | 说明 |
+|-----|------|--------|------|
+| loginModalShow | Boolean | true | 控制登录弹窗显示/隐藏 |
+
+| 事件 | 参数 | 说明 |
+|-----|------|------|
+| loginSuccess | data | 登录成功回调，返回登录数据 |
+
+##### userCenterCompleteInformation
+
+| 属性 | 类型 | 默认值 | 说明 |
+|-----|------|--------|------|
+| token | String | - | 用户token（必需） |
+
+| 事件 | 参数 | 说明 |
+|-----|------|------|
+| completeInformation | - | 信息完成回调 |
+
+#### 参与贡献
 
-1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
-2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
-3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
-4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
-5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
-6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
+1. Fork 本仓库
+2. 新建 Feat_xxx 分支
+3. 提交代码
+4. 新建 Pull Request

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

@@ -11206,6 +11206,7 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ entry_lib),
+  loadCaptchaScripts: () => (/* reexport */ loadCaptchaScripts),
   userCenterCompleteInformation: () => (/* reexport */ userCenterCompleteInformation),
   userCenterLogin: () => (/* reexport */ userCenterLogin)
 });
@@ -32716,45 +32717,45 @@ function unBindMobile(data) {
     data: data
   });
 }
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=7d804fae
 
-var verifyComponentsvue_type_template_id_5ed3cdce_hoisted_1 = {
+var verifyComponentsvue_type_template_id_7d804fae_hoisted_1 = {
   "class": "verify"
 };
-var verifyComponentsvue_type_template_id_5ed3cdce_hoisted_2 = {
+var verifyComponentsvue_type_template_id_7d804fae_hoisted_2 = {
   key: 1,
   "class": "aly"
 };
-var verifyComponentsvue_type_template_id_5ed3cdce_hoisted_3 = {
+var verifyComponentsvue_type_template_id_7d804fae_hoisted_3 = {
   id: "clickButton",
   ref: "clickButton"
 };
-function verifyComponentsvue_type_template_id_5ed3cdce_render(_ctx, _cache, $props, $setup, $data, $options) {
+function verifyComponentsvue_type_template_id_7d804fae_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_TJCaptcha = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("TJCaptcha");
   var _component_AliyunCaptchaModal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("AliyunCaptchaModal");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", verifyComponentsvue_type_template_id_5ed3cdce_hoisted_1, [$data.type == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_TJCaptcha, {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", verifyComponentsvue_type_template_id_7d804fae_hoisted_1, [$data.type == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.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_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", verifyComponentsvue_type_template_id_5ed3cdce_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_AliyunCaptchaModal, {
+  }, null, 8, ["CaptchaAppId", "onSuccess"])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", verifyComponentsvue_type_template_id_7d804fae_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.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_namespaceObject.createElementVNode)("div", verifyComponentsvue_type_template_id_5ed3cdce_hoisted_3, null, 512)]))]);
+  }, null, 8, ["sceneId", "onSuccess"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", verifyComponentsvue_type_template_id_7d804fae_hoisted_3, null, 512)]))]);
 }
-;// ./src/components/verifyComponents.vue?vue&type=template&id=5ed3cdce
+;// ./src/components/verifyComponents.vue?vue&type=template&id=7d804fae
 
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=9e7b3c90
 
-var TJCaptchavue_type_template_id_4adf8476_hoisted_1 = {
+var TJCaptchavue_type_template_id_9e7b3c90_hoisted_1 = {
   "class": "TJCaptcha"
 };
-function TJCaptchavue_type_template_id_4adf8476_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", TJCaptchavue_type_template_id_4adf8476_hoisted_1);
+function TJCaptchavue_type_template_id_9e7b3c90_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", TJCaptchavue_type_template_id_9e7b3c90_hoisted_1);
 }
-;// ./src/components/TJCaptcha.vue?vue&type=template&id=4adf8476
+;// ./src/components/TJCaptcha.vue?vue&type=template&id=9e7b3c90
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TJCaptcha.vue?vue&type=script&lang=js
 
@@ -32773,24 +32774,51 @@ function TJCaptchavue_type_template_id_4adf8476_render(_ctx, _cache, $props, $se
   },
   data: function data() {
     return {
-      captcha: null
+      captcha: null,
+      scriptLoaded: false
     };
   },
   mounted: function mounted() {
-    // 获取CaptchaAppid加密
+    // 动态加载腾讯验证码脚本
+    this.loadTencentCaptchaScript();
   },
   methods: {
-    //获取验证码加密
-    getCaptchaAppid: function getCaptchaAppid() {
+    // 动态加载腾讯验证码脚本
+    loadTencentCaptchaScript: function loadTencentCaptchaScript() {
       var _this = this;
+      if (this.scriptLoaded || typeof window.TencentCaptcha !== 'undefined') {
+        this.scriptLoaded = true;
+        return;
+      }
+      var script = document.createElement('script');
+      script.src = 'https://turing.captcha.qcloud.com/TJCaptcha.js';
+      script.onload = function () {
+        _this.scriptLoaded = true;
+      };
+      script.onerror = function () {
+        console.error('腾讯验证码脚本加载失败');
+      };
+      document.head.appendChild(script);
+    },
+    // 获取验证码加密
+    getCaptchaAppid: function getCaptchaAppid() {
+      var _this2 = this;
+      if (typeof window.TencentCaptcha === 'undefined') {
+        console.warn('腾讯验证码库未加载，使用容错处理');
+        this.loadErrorCallback();
+        return;
+      }
       login_getCaptchaAppid().then(function (res) {
-        _this.init(res.data.data);
+        _this2.init(res.data.data);
+      })["catch"](function (error) {
+        console.error('获取验证码AppId失败:', error);
+        _this2.loadErrorCallback();
       });
     },
     init: function init(aidEncrypted) {
       try {
         // 检查环境是否支持腾讯验证码
-        if (typeof TencentCaptcha === 'undefined') {
+        if (typeof window.TencentCaptcha === 'undefined') {
           console.warn('腾讯验证码库未加载，使用容错处理');
           this.loadErrorCallback();
           return;
@@ -32798,14 +32826,14 @@ function TJCaptchavue_type_template_id_4adf8476_render(_ctx, _cache, $props, $se
 
         // 生成一个验证码对象
         // CaptchaAppId：登录验证码控制台，从【验证管理】页面进行查看。如果未创建过验证，请先新建验证。注意：不可使用客户端类型为小程序的CaptchaAppId，会导致数据统计错误。
-        //callback：定义的回调函数
-        this.captcha = new TencentCaptcha(this.CaptchaAppId, this.callback, {
+        // callback：定义的回调函数
+        this.captcha = new window.TencentCaptcha(this.CaptchaAppId, this.callback, {
           aidEncrypted: aidEncrypted
         });
         // 调用方法，显示验证码
         this.captcha.show();
       } catch (error) {
-        console.log("%c Line:32 🥛 error", "color:#93c0a4", error);
+        console.error("验证码初始化失败:", error);
         // 加载异常，调用验证码js加载错误处理函数
         this.loadErrorCallback();
       }
@@ -32841,20 +32869,25 @@ function TJCaptchavue_type_template_id_4adf8476_render(_ctx, _cache, $props, $se
 
 
 ;
-const TJCaptcha_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(TJCaptchavue_type_script_lang_js, [['render',TJCaptchavue_type_template_id_4adf8476_render]])
+const TJCaptcha_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(TJCaptchavue_type_script_lang_js, [['render',TJCaptchavue_type_template_id_9e7b3c90_render]])
 
 /* harmony default export */ const TJCaptcha = (TJCaptcha_exports_);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=3f1f3ec9
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=1572512c
 
-var AliyunCaptchaModalvue_type_template_id_3f1f3ec9_hoisted_1 = ["id"];
-function AliyunCaptchaModalvue_type_template_id_3f1f3ec9_render(_ctx, _cache, $props, $setup, $data, $options) {
+var AliyunCaptchaModalvue_type_template_id_1572512c_hoisted_1 = ["id"];
+function AliyunCaptchaModalvue_type_template_id_1572512c_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-    id: "captcha-element-".concat(_ctx._uid)
-  }, null, 8, AliyunCaptchaModalvue_type_template_id_3f1f3ec9_hoisted_1)]);
+    id: "captcha-element-".concat($data.uniqueId)
+  }, null, 8, AliyunCaptchaModalvue_type_template_id_1572512c_hoisted_1)]);
 }
-;// ./src/components/AliyunCaptchaModal.vue?vue&type=template&id=3f1f3ec9
+;// ./src/components/AliyunCaptchaModal.vue?vue&type=template&id=1572512c
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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: {
@@ -32868,13 +32901,18 @@ function AliyunCaptchaModalvue_type_template_id_3f1f3ec9_render(_ctx, _cache, $p
   },
   data: function data() {
     return {
-      captcha: null
+      captcha: null,
+      uniqueId: '',
+      // Vue 3 兼容的唯一ID
+      scriptLoaded: false
     };
   },
   mounted: function mounted() {
+    this.uniqueId = 'captcha-' + Math.random().toString(36).substr(2, 9);
     try {
       if (typeof window.initAliyunCaptcha === 'undefined') {
-        console.warn('阿里云验证码库未加载');
+        console.warn('阿里云验证码库未加载，尝试动态加载');
+        this.loadAliyunCaptchaScript();
         return;
       }
       this.initAliyunCaptcha();
@@ -32883,8 +32921,31 @@ function AliyunCaptchaModalvue_type_template_id_3f1f3ec9_render(_ctx, _cache, $p
     }
   },
   methods: {
-    initAliyunCaptcha: function initAliyunCaptcha() {
+    // 动态加载阿里云验证码脚本
+    loadAliyunCaptchaScript: function loadAliyunCaptchaScript() {
       var _this = this;
+      if (this.scriptLoaded) return;
+
+      // 先加载配置
+      if (!window.AliyunCaptchaConfig) {
+        window.AliyunCaptchaConfig = {
+          region: 'cn',
+          prefix: '106eu7'
+        };
+      }
+      var script = document.createElement('script');
+      script.src = 'https://o.alicdn.com/captcha-frontend/aliyunCaptcha/AliyunCaptcha.js';
+      script.onload = function () {
+        _this.scriptLoaded = true;
+        _this.initAliyunCaptcha();
+      };
+      script.onerror = function () {
+        console.error('阿里云验证码脚本加载失败');
+      };
+      document.head.appendChild(script);
+    },
+    initAliyunCaptcha: function initAliyunCaptcha() {
+      var _this2 = this;
       try {
         if (typeof window.initAliyunCaptcha === 'undefined') {
           console.warn('阿里云验证码库未加载，跳过初始化');
@@ -32895,7 +32956,7 @@ function AliyunCaptchaModalvue_type_template_id_3f1f3ec9_render(_ctx, _cache, $p
           // 场景ID。根据步骤二新建验证场景后，您可以在验证码场景列表，获取该场景的场景ID
           mode: "popup",
           // 验证码模式。popup表示要集成的验证码模式为弹出式。无需修改
-          element: "#captcha-element-".concat(this._uid),
+          element: "#captcha-element-".concat(this.uniqueId),
           // 页面上预留的渲染验证码的元素，与原代码中预留的页面元素保持一致。
           button: "#".concat(this.id),
           captchaLogoImg: "https://file.icve.com.cn/app/site/prod/zyzyzx_components/zhzj_logo.webp",
@@ -32904,8 +32965,8 @@ function AliyunCaptchaModalvue_type_template_id_3f1f3ec9_render(_ctx, _cache, $p
             try {
               // 入参为验签captchaVerifyParam
               // 1.根据校验结果来进行业务处理
-              _this.$emit("success", captchaVerifyParam);
-              _this.initAliyunCaptcha();
+              _this2.$emit("success", captchaVerifyParam);
+              _this2.initAliyunCaptcha();
             } catch (error) {
               console.error('验证码成功回调处理失败:', error);
             }
@@ -32919,8 +32980,8 @@ function AliyunCaptchaModalvue_type_template_id_3f1f3ec9_render(_ctx, _cache, $p
           // 绑定验证码实例回调函数，该回调会在验证码初始化成功后调用
           getInstance: function getInstance(instance) {
             try {
-              _this.$emit("getInstance", instance);
-              _this.captcha = instance;
+              _this2.$emit("getInstance", instance);
+              _this2.captcha = instance;
             } catch (error) {
               console.error('验证码实例绑定失败:', error);
             }
@@ -32930,7 +32991,7 @@ function AliyunCaptchaModalvue_type_template_id_3f1f3ec9_render(_ctx, _cache, $p
             height: 40
           },
           // 滑块验证码样式，支持自定义宽度和高度，单位为px。其中，width最小值为320 px
-          language: localStorage.getItem("language") || "cn" // 验证码语言类型，支持简体中文（cn）、繁体中文（tw）、英文（en）
+          language: typeof localStorage !== 'undefined' ? localStorage.getItem("language") || "cn" : "cn" // 验证码语言类型，支持简体中文（cn）、繁体中文（tw）、英文（en）
         });
       } catch (error) {
         console.error('阿里云验证码初始化失败:', error);
@@ -32946,7 +33007,7 @@ function AliyunCaptchaModalvue_type_template_id_3f1f3ec9_render(_ctx, _cache, $p
 
 
 ;
-const AliyunCaptchaModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(AliyunCaptchaModalvue_type_script_lang_js, [['render',AliyunCaptchaModalvue_type_template_id_3f1f3ec9_render]])
+const AliyunCaptchaModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(AliyunCaptchaModalvue_type_script_lang_js, [['render',AliyunCaptchaModalvue_type_template_id_1572512c_render]])
 
 /* harmony default export */ const AliyunCaptchaModal = (AliyunCaptchaModal_exports_);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/verifyComponents.vue?vue&type=script&lang=js
@@ -33004,9 +33065,10 @@ const AliyunCaptchaModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)
         if (this.type === 'tencent') {
           this.$refs.TJCaptcha.getCaptchaAppid();
         } else if (this.type === 'alibaba') {
-          if (window.AliyunCaptcha) {
+          if (typeof window.AliyunCaptcha !== 'undefined' && this.$refs.aliyunCaptcha.captcha) {
             this.$refs.aliyunCaptcha.captcha.show();
           } else {
+            console.warn('阿里云验证码未加载，使用容错处理');
             var VerifyParam = {
               specialKey: true
             };
@@ -33036,69 +33098,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_5ed3cdce_render]])
+const verifyComponents_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(verifyComponentsvue_type_script_lang_js, [['render',verifyComponentsvue_type_template_id_7d804fae_render]])
 
 /* harmony default export */ const verifyComponents = (verifyComponents_exports_);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-40.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_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     "class": (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["qr-login-container", {
       'qr-login-container1': $props.bdwxShow
     }])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.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_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_3, [$data.loginStatus == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('已扫码')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('请在手机上确认')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.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_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_3, [$data.loginStatus == 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('已扫码')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('请在手机上确认')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.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_namespaceObject.toDisplayString)(_ctx.i18n('重新扫码')), 1)])) : $data.loginStatus == 3 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('二维码已过期')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('请点击下方按钮刷新')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('重新扫码')), 1)])) : $data.loginStatus == 3 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('二维码已过期')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('请点击下方按钮刷新')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.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_namespaceObject.toDisplayString)(_ctx.i18n('重新生成')), 1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.bdwxShow ? _ctx.i18n('微信扫码进行账号绑定') : _ctx.i18n('微信或App扫码均可登录')), 1), $data.wxRandom ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", QRCodeLoginvue_type_template_id_0baca5a0_scoped_true_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('你当前的微信暂未绑定账号或手机号，需先完成绑定，后续登录将无需重复验证，直接进入即可～')), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('重新生成')), 1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.bdwxShow ? _ctx.i18n('微信扫码进行账号绑定') : _ctx.i18n('微信或App扫码均可登录')), 1), $data.wxRandom ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", QRCodeLoginvue_type_template_id_6badd114_scoped_true_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.i18n('你当前的微信暂未绑定账号或手机号，需先完成绑定，后续登录将无需重复验证，直接进入即可～')), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.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);
@@ -33121,6 +33183,11 @@ function removeToken() {
 
 
 
+
+
+
+
+
 /* harmony default export */ const QRCodeLoginvue_type_script_lang_js = ({
   mixins: [i18nMixin],
   props: {
@@ -33141,10 +33208,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() {
@@ -33174,7 +33243,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), {
@@ -33241,10 +33310,10 @@ function removeToken() {
 });
 ;// ./src/components/QRCodeLogin.vue?vue&type=script&lang=js
  
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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
 
@@ -33254,7 +33323,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-40.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
@@ -35214,12 +35283,42 @@ const userCenterLogin_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(us
 
 
 
+// 预加载验证码脚本（可选，用于提前加载）
+function loadCaptchaScripts() {
+  // 加载腾讯验证码
+  if (typeof window.TencentCaptcha === 'undefined') {
+    var tencentScript = document.createElement('script');
+    tencentScript.src = 'https://turing.captcha.qcloud.com/TJCaptcha.js';
+    tencentScript.async = true;
+    document.head.appendChild(tencentScript);
+  }
+
+  // 加载阿里云验证码
+  if (typeof window.AliyunCaptcha === 'undefined') {
+    if (!window.AliyunCaptchaConfig) {
+      window.AliyunCaptchaConfig = {
+        region: 'cn',
+        prefix: '106eu7'
+      };
+    }
+    var aliyunScript = document.createElement('script');
+    aliyunScript.src = 'https://o.alicdn.com/captcha-frontend/aliyunCaptcha/AliyunCaptcha.js';
+    aliyunScript.async = true;
+    document.head.appendChild(aliyunScript);
+  }
+}
+
 // 导出组件
 
 
 // 添加 install 方法以支持 Vue.use()
 /* harmony default export */ const index = ({
   install: function install(app) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    // 自动加载验证码脚本（如果未手动禁用）
+    if (options.loadCaptcha !== false) {
+      loadCaptchaScripts();
+    }
     app.component("userCenterCompleteInformation", userCenterCompleteInformation);
     app.component("userCenterLogin", userCenterLogin);
   }