gpc-ui 0.1.16 → 0.1.18

package/lib/gpc-ui.common.js

@@ -1508,13 +1508,6 @@ if (!isCallable(store.inspectSource)) {
 module.exports = store.inspectSource;
 
 
-/***/ }),
-
-/***/ "8bad":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "90e3":
@@ -1738,17 +1731,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "a2d2":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_2ed74edc_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8bad");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_2ed74edc_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_2ed74edc_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ae93":
@@ -1888,6 +1870,17 @@ module.exports = function (name) {
 };
 
 
+/***/ }),
+
+/***/ "bcfe":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1a25bb23_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e8d0");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1a25bb23_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_1a25bb23_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c04e":
@@ -2468,6 +2461,13 @@ module.exports = Array.isArray || function isArray(argument) {
 };
 
 
+/***/ }),
+
+/***/ "e8d0":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "e95a":
@@ -2663,7 +2663,7 @@ var es_iterator_constructor = __webpack_require__("e9f5");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__("7d54");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d82290ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-login/index.vue?vue&type=template&id=2ed74edc&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d82290ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-login/index.vue?vue&type=template&id=1a25bb23&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -2691,7 +2691,7 @@ var render = function render() {
       "font-style": "unset",
       "text-align": "right"
     }
-  }, [_vm._v("●" + _vm._s(_vm.subtitle))])]), _c('div', {
+  }, [_vm._v("·" + _vm._s(_vm.subtitle))])]), _c('div', {
     staticClass: "wrap-box"
   }, [_c('div', {
     staticClass: "box-content"
@@ -2755,7 +2755,7 @@ var render = function render() {
     }
   })]), _c('div', {
     staticClass: "input-box"
-  }, [_c('input', {
+  }, [_vm.inputType === 'checkbox' ? _c('input', {
     directives: [{
       name: "model",
       rawName: "v-model",
@@ -2763,8 +2763,59 @@ var render = function render() {
       expression: "accountFrom.password"
     }],
     attrs: {
-      "type": "password",
-      "placeholder": "密码"
+      "placeholder": "密码",
+      "type": "checkbox"
+    },
+    domProps: {
+      "checked": Array.isArray(_vm.accountFrom.password) ? _vm._i(_vm.accountFrom.password, null) > -1 : _vm.accountFrom.password
+    },
+    on: {
+      "change": function ($event) {
+        var $$a = _vm.accountFrom.password,
+          $$el = $event.target,
+          $$c = $$el.checked ? true : false;
+        if (Array.isArray($$a)) {
+          var $$v = null,
+            $$i = _vm._i($$a, $$v);
+          if ($$el.checked) {
+            $$i < 0 && _vm.$set(_vm.accountFrom, "password", $$a.concat([$$v]));
+          } else {
+            $$i > -1 && _vm.$set(_vm.accountFrom, "password", $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
+          }
+        } else {
+          _vm.$set(_vm.accountFrom, "password", $$c);
+        }
+      }
+    }
+  }) : _vm.inputType === 'radio' ? _c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.accountFrom.password,
+      expression: "accountFrom.password"
+    }],
+    attrs: {
+      "placeholder": "密码",
+      "type": "radio"
+    },
+    domProps: {
+      "checked": _vm._q(_vm.accountFrom.password, null)
+    },
+    on: {
+      "change": function ($event) {
+        return _vm.$set(_vm.accountFrom, "password", null);
+      }
+    }
+  }) : _c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.accountFrom.password,
+      expression: "accountFrom.password"
+    }],
+    attrs: {
+      "placeholder": "密码",
+      "type": _vm.inputType
     },
     domProps: {
       "value": _vm.accountFrom.password
@@ -2776,7 +2827,13 @@ var render = function render() {
       }
     }
   }), _c('i', {
-    staticClass: "el-icon-edit"
+    staticClass: "el-icon-view",
+    class: {
+      icon: _vm.Color
+    },
+    on: {
+      "click": _vm.Show
+    }
   })]), _c('drag-verify', {
     ref: "dragVerifyLogin",
     attrs: {
@@ -2799,10 +2856,10 @@ var render = function render() {
     }
   }), _c('div', {
     staticClass: "buttons clearfix"
-  }, [_c('button', {
+  }, [_c('el-button', {
     staticClass: "btn-login fr button",
     attrs: {
-      "type": "button"
+      "loading": _vm.loading
     },
     on: {
       "click": _vm.getAccountLogin
@@ -2875,20 +2932,20 @@ var render = function render() {
     directives: [{
       name: "model",
       rawName: "v-model",
-      value: _vm.verifyFrom.authCode,
-      expression: "verifyFrom.authCode"
+      value: _vm.verifyFrom.smsCode,
+      expression: "verifyFrom.smsCode"
     }],
     attrs: {
       "type": "text",
       "placeholder": "验证码"
     },
     domProps: {
-      "value": _vm.verifyFrom.authCode
+      "value": _vm.verifyFrom.smsCode
     },
     on: {
       "input": function ($event) {
         if ($event.target.composing) return;
-        _vm.$set(_vm.verifyFrom, "authCode", $event.target.value);
+        _vm.$set(_vm.verifyFrom, "smsCode", $event.target.value);
       }
     }
   }), _c('el-button', {
@@ -2906,15 +2963,15 @@ var render = function render() {
     }
   }, [_vm._v(_vm._s(_vm.buttonLoginText))])], 1)]), _c('div', {
     staticClass: "buttons clearfix"
-  }, [_c('button', {
+  }, [_c('el-button', {
     staticClass: "btn-login fr button",
     attrs: {
-      "type": "button"
+      "loading": _vm.loadingVerify
     },
     on: {
       "click": _vm.getVerifyCodeLogin
     }
-  }, [_vm._v("登录")])])])])], 1)], 1), _c('div', {
+  }, [_vm._v("登录")])], 1)])])], 1)], 1), _c('div', {
     staticClass: "sign-part fadeout"
   }, [_c('div', [_c('h3', [_vm._v("重置密码")]), _c('div', {
     staticClass: "input-box"
@@ -2922,20 +2979,20 @@ var render = function render() {
     directives: [{
       name: "model",
       rawName: "v-model",
-      value: _vm.verifyFrom.username,
-      expression: "verifyFrom.username"
+      value: _vm.resetFrom.username,
+      expression: "resetFrom.username"
     }],
     attrs: {
       "type": "text",
       "placeholder": "手机号"
     },
     domProps: {
-      "value": _vm.verifyFrom.username
+      "value": _vm.resetFrom.username
     },
     on: {
       "input": function ($event) {
         if ($event.target.composing) return;
-        _vm.$set(_vm.verifyFrom, "username", $event.target.value);
+        _vm.$set(_vm.resetFrom, "username", $event.target.value);
       }
     }
   })]), _c('div', {
@@ -2968,20 +3025,20 @@ var render = function render() {
     directives: [{
       name: "model",
       rawName: "v-model",
-      value: _vm.verifyFrom.authCode,
-      expression: "verifyFrom.authCode"
+      value: _vm.resetFrom.smsCode,
+      expression: "resetFrom.smsCode"
     }],
     attrs: {
       "type": "text",
       "placeholder": "验证码"
     },
     domProps: {
-      "value": _vm.verifyFrom.authCode
+      "value": _vm.resetFrom.smsCode
     },
     on: {
       "input": function ($event) {
         if ($event.target.composing) return;
-        _vm.$set(_vm.verifyFrom, "authCode", $event.target.value);
+        _vm.$set(_vm.resetFrom, "smsCode", $event.target.value);
       }
     }
   }), _c('el-button', {
@@ -2999,15 +3056,15 @@ var render = function render() {
     }
   }, [_vm._v(_vm._s(_vm.buttonRestText))])], 1)]), _c('div', {
     staticClass: "buttons clearfix"
-  }, [_c('button', {
-    staticClass: "btn-register fr button",
+  }, [_c('el-button', {
+    staticClass: "btn-login fr button",
     attrs: {
-      "type": "button"
+      "loading": _vm.loadingRest
     },
     on: {
       "click": _vm.getRegisterPw
     }
-  }, [_vm._v("重置")])])])])]), _c('div', {
+  }, [_vm._v("重置")])], 1)])])]), _c('div', {
     staticStyle: {
       "color": "red",
       "font-size": "15px",
@@ -3042,7 +3099,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/gpc-login/index.vue?vue&type=template&id=2ed74edc&scoped=true
+// CONCATENATED MODULE: ./src/components/gpc-login/index.vue?vue&type=template&id=1a25bb23&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d82290ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gpc-tabs/Tabs.vue?vue&type=template&id=a848dcd8&scoped=true
 var Tabsvue_type_template_id_a848dcd8_scoped_true_render = function render() {
@@ -3414,11 +3471,25 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
     waNo: {
       type: String,
       default: ''
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingVerify: {
+      type: Boolean,
+      default: false
+    },
+    loadingRest: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
     return {
       isLogin: true,
+      inputType: "password",
+      Color: false,
       // 当前选中的标签
       curTab: "1",
       // 账号登录
@@ -3432,7 +3503,8 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
       // 验证码登录
       verifyFrom: {
         username: "",
-        authCode: ""
+        authCode: "",
+        smsCode: ""
       },
       // 滑块验证 - 验证码登录
       isPassingLogin: false,
@@ -3441,7 +3513,8 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
       // 重置密码
       resetFrom: {
         username: "",
-        authCode: ""
+        authCode: "",
+        smsCode: ""
       },
       // 滑块验证 - 验证码登录
       isPassingRest: false,
@@ -3463,7 +3536,7 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
       console.log('getCodeRequest', type, authCode);
       if (type === 'account') {
         this.accountFrom.authCode = authCode;
-      } else if (type === 'login') {
+      } else if (type === 'smsCode') {
         this.verifyFrom.authCode = authCode;
       } else if (type === 'rest') {
         this.resetFrom.authCode = authCode;
@@ -3496,11 +3569,78 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
       console.log('passCallAccountBack \'验证通过\'', this.isPassingAccount);
       this.$emit('getCodeRequest', 'account');
     },
-    // 验证码登录
-    getVerifyCodeLogin() {},
-    // 获取验证码（登录）
+    // 验证码登录-提取公共校验逻辑
+    validateVerifyForm() {
+      if (!this.verifyFrom || typeof this.verifyFrom !== 'object') {
+        this.$notify.error({
+          message: '表单数据未正确初始化，请刷新页面重试。'
+        });
+        return false;
+      }
+      if (!this.verifyFrom.username) {
+        this.$notify.error({
+          message: '请输入手机号'
+        });
+        return false;
+      }
+      if (!this.isPassingLogin) {
+        this.$notify.error({
+          message: '请先进行滑块验证'
+        });
+        return false;
+      }
+      if (!this.verifyFrom.authCode) {
+        this.$notify.error({
+          message: '验证滑块码获取失败，请刷新页面，重新获取1。'
+        });
+        return false;
+      }
+      return true;
+    },
+    // 验证码登录-登录
+    getVerifyCodeLogin() {
+      try {
+        // 校验公共逻辑
+        if (!this.validateVerifyForm()) return false;
+        // 校验短信验证码
+        if (!this.verifyFrom.smsCode) {
+          this.$notify.error({
+            message: '请输入短信验证码'
+          });
+          return false;
+        }
+        // 触发事件
+        this.$emit('getVerifyCodeLoginRequest', this.verifyFrom);
+        return true;
+      } catch (error) {
+        console.error('重置密码过程中发生错误:', error);
+        this.$notify.error({
+          message: '系统异常，请稍后再试。'
+        });
+        return false;
+      }
+    },
+    // 验证码登录-获取验证码（登录）
     getLoginVerifyCode() {
+      try {
+        // 校验公共逻辑
+        if (!this.validateVerifyForm()) return false;
+
+        // 调用验证码设置方法
+        this.setLoginVerifyCodeBack();
+        return true;
+      } catch (error) {
+        console.error('获取验证码过程中发生错误:', error);
+        this.$notify.error({
+          message: '系统异常，请稍后再试。'
+        });
+        return false;
+      }
+    },
+    // 验证码登录-获取验证码（重置）- 回调
+    setLoginVerifyCodeBack() {
       if (this.isPassingLogin) {
+        this.$emit('applySMSCodeRequest', this.verifyFrom);
         this.isDisabledLogin = true;
         this.countdownLogin = 3;
         const interval = setInterval(() => {
@@ -3513,20 +3653,88 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
         }, 1000);
       }
     },
+    // 验证码登录- 发送获取authCode
     passCallLoginBack() {
-      console.log('passCallLoginBack \'验证通过\'');
-      this.$emit('getCodeRequest', 'code');
-      // this.isPassingLogin = false
+      this.$emit('getCodeRequest', 'smsCode');
     },
     resetLogin() {
       this.isPassingLogin = false;
       this.$refs.dragVerifyLogin.reset();
     },
+    // 提取公共校验逻辑 -  重置密码
+    validateResetForm() {
+      if (!this.resetFrom || typeof this.resetFrom !== 'object') {
+        this.$notify.error({
+          message: '表单数据未正确初始化，请刷新页面重试。'
+        });
+        return false;
+      }
+      if (!this.resetFrom.username) {
+        this.$notify.error({
+          message: '请输入手机号'
+        });
+        return false;
+      }
+      if (!this.isPassingRest) {
+        this.$notify.error({
+          message: '请先进行滑块验证'
+        });
+        return false;
+      }
+      if (!this.resetFrom.authCode) {
+        this.$notify.error({
+          message: '验证滑块码获取失败，请刷新页面，重新获取。'
+        });
+        return false;
+      }
+      return true;
+    },
     // 重置密码
-    getRegisterPw() {},
+    getRegisterPw() {
+      try {
+        // 校验公共逻辑
+        if (!this.validateResetForm()) return false;
+
+        // 校验短信验证码
+        if (!this.resetFrom.smsCode) {
+          this.$notify.error({
+            message: '请输入短信验证码'
+          });
+          return false;
+        }
+
+        // 触发事件
+        this.$emit('getRegisterPwRequest', this.resetFrom);
+        return true;
+      } catch (error) {
+        console.error('重置密码过程中发生错误:', error);
+        this.$notify.error({
+          message: '系统异常，请稍后再试。'
+        });
+        return false;
+      }
+    },
     // 获取验证码（重置）
     getRestVerifyCode() {
+      try {
+        // 校验公共逻辑
+        if (!this.validateResetForm()) return false;
+
+        // 调用验证码设置方法
+        this.setRestVerifyCodeBack();
+        return true;
+      } catch (error) {
+        console.error('获取验证码过程中发生错误:', error);
+        this.$notify.error({
+          message: '系统异常，请稍后再试。'
+        });
+        return false;
+      }
+    },
+    // 获取验证码（重置）- 回调
+    setRestVerifyCodeBack() {
       if (this.isPassingRest) {
+        this.$emit('applySMSCodeRequest', this.resetFrom);
         this.isDisabledRest = true;
         this.countdownRest = 3;
         const interval = setInterval(() => {
@@ -3540,8 +3748,6 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
       }
     },
     passCallRestBack() {
-      console.log('passCallRestBack \'验证通过\'');
-      // this.isPassingRest = false
       this.$emit('getCodeRequest', 'rest');
     },
     resetPw() {
@@ -3570,6 +3776,12 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
       } else {
         console.warn(`Element  with selector ${selector} not found.`);
       }
+    },
+    // 密码的可见和不可见
+    Show() {
+      // 点击改变input框的展示方式
+      this.inputType = this.inputType === "password" ? "text" : "password";
+      this.Color = !this.Color;
     }
   },
   mounted() {
@@ -3581,8 +3793,8 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
 });
 // CONCATENATED MODULE: ./src/components/gpc-login/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_gpc_loginvue_type_script_lang_js = (gpc_loginvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/gpc-login/index.vue?vue&type=style&index=0&id=2ed74edc&prod&scoped=true&lang=css
-var gpc_loginvue_type_style_index_0_id_2ed74edc_prod_scoped_true_lang_css = __webpack_require__("a2d2");
+// EXTERNAL MODULE: ./src/components/gpc-login/index.vue?vue&type=style&index=0&id=1a25bb23&prod&scoped=true&lang=css
+var gpc_loginvue_type_style_index_0_id_1a25bb23_prod_scoped_true_lang_css = __webpack_require__("bcfe");
 
 // CONCATENATED MODULE: ./src/components/gpc-login/index.vue
 
@@ -3599,7 +3811,7 @@ var gpc_login_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "2ed74edc",
+  "1a25bb23",
   null
   
 )