icve-sso-vue3 0.0.3 → 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,18 +32869,18 @@ 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=283e7c5a
+;// ./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_283e7c5a_hoisted_1 = ["id"];
-function AliyunCaptchaModalvue_type_template_id_283e7c5a_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($data.uniqueId)
-  }, null, 8, AliyunCaptchaModalvue_type_template_id_283e7c5a_hoisted_1)]);
+  }, null, 8, AliyunCaptchaModalvue_type_template_id_1572512c_hoisted_1)]);
 }
-;// ./src/components/AliyunCaptchaModal.vue?vue&type=template&id=283e7c5a
+;// ./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
 
@@ -32874,14 +32902,17 @@ function AliyunCaptchaModalvue_type_template_id_283e7c5a_render(_ctx, _cache, $p
   data: function data() {
     return {
       captcha: null,
-      uniqueId: '' // Vue 3 兼容的唯一ID
+      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();
@@ -32890,8 +32921,31 @@ function AliyunCaptchaModalvue_type_template_id_283e7c5a_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('阿里云验证码库未加载，跳过初始化');
@@ -32911,8 +32965,8 @@ function AliyunCaptchaModalvue_type_template_id_283e7c5a_render(_ctx, _cache, $p
             try {
               // 入参为验签captchaVerifyParam
               // 1.根据校验结果来进行业务处理
-              _this.$emit("success", captchaVerifyParam);
-              _this.initAliyunCaptcha();
+              _this2.$emit("success", captchaVerifyParam);
+              _this2.initAliyunCaptcha();
             } catch (error) {
               console.error('验证码成功回调处理失败:', error);
             }
@@ -32926,8 +32980,8 @@ function AliyunCaptchaModalvue_type_template_id_283e7c5a_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);
             }
@@ -32953,7 +33007,7 @@ function AliyunCaptchaModalvue_type_template_id_283e7c5a_render(_ctx, _cache, $p
 
 
 ;
-const AliyunCaptchaModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(AliyunCaptchaModalvue_type_script_lang_js, [['render',AliyunCaptchaModalvue_type_template_id_283e7c5a_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
@@ -33011,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
             };
@@ -33043,7 +33098,7 @@ 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=6badd114&scoped=true
@@ -35228,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);
   }