icve-sso-vue3 0.0.16 → 0.0.18

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

@@ -33991,8 +33991,8 @@ function sendEmailMsg(data) {
   });
 }
 //获取二维码
-function generateQrCode() {
-  return request({
+function login_generateQrCode() {
+  return utils_request({
     url: '/v2/user/generateQrCode',
     method: 'get'
   });
@@ -34015,7 +34015,7 @@ function wechatLoginByCode(data) {
 //查询二维码状态
 
 function checkCodeStatus(sceneId) {
-  return request({
+  return utils_request({
     url: '/v2/user/status/' + sceneId,
     method: 'get'
   });
@@ -34795,16 +34795,216 @@ 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_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/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/QRCodeLogin.vue?vue&type=template&id=3d8182cc
-function QRCodeLoginvue_type_template_id_3d8182cc_render(_ctx, _cache) {
-  return null;
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/QRCodeLogin.vue?vue&type=template&id=2d48678a&scoped=true
+
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_1 = {
+  "class": "qr-code-wrapper"
+};
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_2 = ["id"];
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_3 = {
+  key: 0,
+  "class": "qr-login-overlay"
+};
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_4 = {
+  key: 0,
+  "class": "overlay-content"
+};
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_5 = {
+  "class": "overlay-text"
+};
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_6 = {
+  "class": "overlay-tip"
+};
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_7 = {
+  key: 1,
+  "class": "overlay-content"
+};
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_8 = {
+  "class": "overlay-text",
+  style: {
+    "color": "red"
+  }
+};
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_9 = {
+  "class": "overlay-tip"
+};
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_10 = {
+  "class": "qr-tip"
+};
+var QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_11 = {
+  key: 0,
+  "class": "bind-tip"
+};
+function QRCodeLoginvue_type_template_id_2d48678a_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_2d48678a_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_2d48678a_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_2d48678a_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_2d48678a_scoped_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.i18n('已扫码')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.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)($options.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_2d48678a_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.i18n('二维码已过期')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", QRCodeLoginvue_type_template_id_2d48678a_scoped_true_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.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)($options.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_2d48678a_scoped_true_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.bdwxShow ? $options.i18n('微信扫码进行账号绑定') : $options.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_2d48678a_scoped_true_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.i18n('你当前的微信暂未绑定账号或手机号，需先完成绑定，后续登录将无需重复验证，直接进入即可～')), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
+;// ./src/components/QRCodeLogin.vue?vue&type=template&id=2d48678a&scoped=true
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/QRCodeLogin.vue?vue&type=script&lang=js
+
+
+// import QRCode from 'qrcodejs2';
+
+/* harmony default export */ const QRCodeLoginvue_type_script_lang_js = ({
+  props: {
+    bdwxShow: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  data: function data() {
+    return {
+      sceneId: '',
+      qrCodeUrl: '',
+      loading: false,
+      error: '',
+      expireTime: 0,
+      // 二维码有效期
+      pollTimer: null,
+      statusTimer: null,
+      loginStatus: 0,
+      // 0-未扫码, 1-已扫码待确认, 2-登录成功, 3-过期
+      wxRandom: ''
+    };
+  },
+  mounted: function mounted() {
+    this.generateQrCode();
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.clearTimers();
+  },
+  methods: {
+    i18n: function i18n(key) {
+      // 如果组件有自己的i18n实例
+      if (this.$options.urcSsoI18n && this.$options.urcSsoI18n.t) {
+        return this.$options.urcSsoI18n.t(key);
+      }
+      // 如果全局有i18n
+      if (this.$root.$i18n && this.$root.$i18n.t) {
+        return this.$root.$i18n.t(key);
+      }
+      // 如果Vue实例有$t方法
+      if (this.$t && typeof this.$t === 'function') {
+        return this.$t(key);
+      }
+      // 如果都没有，返回key本身
+      return key;
+    },
+    // 生成二维码
+    generateQrCode: function generateQrCode() {
+      var _this = this;
+      this.loading = true;
+      this.error = '';
+      login_generateQrCode().then(function (_ref) {
+        var data = _ref.data;
+        _this.loading = false;
+        //   this.qrCodeUrl = data.data.qrCodeUrl;
+        _this.generateQRCode(data.data.qrUrl);
+        _this.sceneId = data.data.sceneId;
+        _this.expireTime = data.data.expireTime;
+        // 启动轮询检查登录状态
+        _this.startPolling();
+        // 启动过期倒计时
+        _this.startCountdown();
+      })["catch"](function (err) {
+        _this.loading = false;
+        _this.error = '生成二维码失败，请重试';
+        console.error(err);
+      });
+    },
+    generateQRCode: function generateQRCode(url) {
+      var containerId = "qrcode-container-".concat(this._uid);
+      document.getElementById(containerId).innerHTML = '';
+      // // 创建新的二维码实例
+      // new QRCode(document.getElementById(containerId), {
+      //   text: url, // 二维码内容（链接）
+      //   width: 240, // 宽度
+      //   height: 240, // 高度
+      //   colorDark: '#000000', // 前景色
+      //   colorLight: '#ffffff', // 背景色
+      //   correctLevel: QRCode.CorrectLevel.H, // 容错级别
+      // });
+    },
+    // 轮询检查登录状态
+    startPolling: function startPolling() {
+      var _this2 = this;
+      this.pollTimer = setInterval(function () {
+        checkCodeStatus(_this2.sceneId).then(function (res) {
+          var status = res.data.data.status;
+          if (status === 1) {
+            // 登录中，更新状态为已扫码
+            _this2.loginStatus = status;
+          } else if (status === 2) {
+            // 登录成功，存储token并跳转
+            _this2.$emit('loginSuccess', res.data.data);
+            _this2.wxRandom = res.data.data.wxRandom;
+            _this2.clearTimers();
+          } else if (status === 3) {
+            // 二维码过期，停止轮询并显示提示
+            _this2.loginStatus = 3;
+            _this2.clearTimers();
+          }
+          // 其他状态（扫描未确认）不处理
+        })["catch"](function (err) {
+          console.error('检查登录状态失败', err);
+        });
+      }, 2000); // 每2秒检查一次
+    },
+    // 倒计时
+    startCountdown: function startCountdown() {
+      var _this3 = this;
+      this.statusTimer = setInterval(function () {
+        _this3.expireTime--;
+        if (_this3.expireTime <= 0) {
+          _this3.loginStatus = 3; // 设置为过期状态
+          _this3.clearTimers();
+        }
+      }, 1000);
+    },
+    // 清除定时器
+    clearTimers: function clearTimers() {
+      if (this.pollTimer) clearInterval(this.pollTimer);
+      if (this.statusTimer) clearInterval(this.statusTimer);
+    },
+    // 重新扫码
+    handleRescanQrCode: function handleRescanQrCode() {
+      this.loginStatus = 0; // 重置状态
+      this.generateQrCode(); // 重新生成二维码
+    }
+  }
+});
+;// ./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/cli-service/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/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/QRCodeLogin.vue?vue&type=style&index=0&id=2d48678a&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./src/components/QRCodeLogin.vue?vue&type=style&index=0&id=2d48678a&lang=scss&scoped=true
+
 ;// ./src/components/QRCodeLogin.vue
 
-const script = {}
+
+
 
 ;
-const QRCodeLogin_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(script, [['render',QRCodeLoginvue_type_template_id_3d8182cc_render]])
+
+
+const QRCodeLogin_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(QRCodeLoginvue_type_script_lang_js, [['render',QRCodeLoginvue_type_template_id_2d48678a_scoped_true_render],['__scopeId',"data-v-2d48678a"]])
 
 /* 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/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/mobileBinding.vue?vue&type=template&id=3371c604&scoped=true