{"version":3,"sources":["webpack:///./src/views/user/Login.vue?ddd8","webpack:///./src/views/user/Login.vue?7d86","webpack:///./src/components/tools/TwoStepCaptcha.vue?f7ba","webpack:///src/components/tools/TwoStepCaptcha.vue","webpack:///./src/components/tools/TwoStepCaptcha.vue?1639","webpack:///./src/components/tools/TwoStepCaptcha.vue","webpack:///src/views/user/Login.vue","webpack:///./src/views/user/Login.vue?acc0","webpack:///./src/views/user/Login.vue","webpack:///./src/components/tools/TwoStepCaptcha.vue?70c6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","form","on","handleSubmit","staticStyle","$t","_e","directives","name","rawName","value","rules","required","message","validator","handleUsernameOrEmail","validateTrigger","expression","style","color","slot","valuePropName","_v","_s","state","loginBtn","staticRenderFns","this$1","handleCancel","model","callback","$$v","visible","textAlign","key","stepLoading","handleStepOk","pattern","len","nativeOn","$event","type","indexOf","_k","keyCode","onForgeStepCode","props","Boolean","default","data","methods","validateFields","err","setTimeout","vm","$emit","component","components","TwoStepCaptcha","customActiveKey","loginType","isLoginError","requiredTwoStepCaptcha","stepCaptchaVisible","$form","createForm","time","smsSendBtn","created","regex","test","handleTabClick","e","preventDefault","validateFieldsKey","loginParams","username","email","values","password","Login","loginSuccess","$router","push","description","requestFailed","$notification","response","duration"],"mappings":"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","file":"js/user.b8ed6ce5.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=7584f116&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\"},[_c('a-form',{ref:\"formLogin\",staticClass:\"user-layout-login\",attrs:{\"id\":\"formLogin\",\"form\":_vm.form},on:{\"submit\":_vm.handleSubmit}},[(_vm.isLoginError)?_c('a-alert',{staticStyle:{\"margin-bottom\":\"24px\"},attrs:{\"type\":\"error\",\"showIcon\":\"\",\"message\":_vm.$t('user.login.message-invalid-credentials')}}):_vm._e(),_c('a-form-item',[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:([\n          'username',\n          {rules: [{ required: true, message: _vm.$t('user.userName.required') }, { validator: _vm.handleUsernameOrEmail }], validateTrigger: 'change'}\n        ]),expression:\"[\\n          'username',\\n          {rules: [{ required: true, message: $t('user.userName.required') }, { validator: handleUsernameOrEmail }], validateTrigger: 'change'}\\n        ]\"}],attrs:{\"size\":\"large\",\"type\":\"text\",\"placeholder\":_vm.$t('user.login.username.placeholder')}},[_c('a-icon',{style:({ color: 'rgba(0,0,0,.25)' }),attrs:{\"slot\":\"prefix\",\"type\":\"user\"},slot:\"prefix\"})],1)],1),_c('a-form-item',[_c('a-input-password',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:([\n          'password',\n          {rules: [{ required: true, message: _vm.$t('user.password.required') }], validateTrigger: 'blur'}\n        ]),expression:\"[\\n          'password',\\n          {rules: [{ required: true, message: $t('user.password.required') }], validateTrigger: 'blur'}\\n        ]\"}],attrs:{\"size\":\"large\",\"placeholder\":_vm.$t('user.login.password.placeholder')}},[_c('a-icon',{style:({ color: 'rgba(0,0,0,.25)' }),attrs:{\"slot\":\"prefix\",\"type\":\"lock\"},slot:\"prefix\"})],1)],1),_c('a-form-item',[_c('a-checkbox',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['rememberMe', { valuePropName: 'checked' }]),expression:\"['rememberMe', { valuePropName: 'checked' }]\"}]},[_vm._v(_vm._s(_vm.$t('user.login.remember-me')))])],1),_c('a-form-item',{staticStyle:{\"margin-top\":\"24px\"}},[_c('a-button',{staticClass:\"login-button\",attrs:{\"size\":\"large\",\"type\":\"primary\",\"htmlType\":\"submit\",\"loading\":_vm.state.loginBtn,\"disabled\":_vm.state.loginBtn}},[_vm._v(_vm._s(_vm.$t('user.login.login')))])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {\nvar this$1 = this;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-modal',{attrs:{\"centered\":\"\",\"maskClosable\":false},on:{\"cancel\":_vm.handleCancel},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('div',{style:({ textAlign: 'center' }),attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"两步验证\")]),_c('template',{slot:\"footer\"},[_c('div',{style:({ textAlign: 'center' })},[_c('a-button',{key:\"back\",on:{\"click\":_vm.handleCancel}},[_vm._v(\"返回\")]),_c('a-button',{key:\"submit\",attrs:{\"type\":\"primary\",\"loading\":_vm.stepLoading},on:{\"click\":_vm.handleStepOk}},[_vm._v(\" 继续 \")])],1)]),_c('a-spin',{attrs:{\"spinning\":_vm.stepLoading}},[_c('a-form',{attrs:{\"layout\":\"vertical\",\"auto-form-create\":function (form){this$1.form = form}}},[_c('div',{staticClass:\"step-form-wrapper\"},[(!_vm.stepLoading)?_c('p',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"请在手机中打开 Google Authenticator 或两步验证 APP\"),_c('br'),_vm._v(\"输入 6 位动态码\")]):_c('p',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"正在验证..\"),_c('br'),_vm._v(\"请稍后\")]),_c('a-form-item',{style:({ textAlign: 'center' }),attrs:{\"hasFeedback\":\"\",\"fieldDecoratorId\":\"stepCode\",\"fieldDecoratorOptions\":{rules: [{ required: true, message: '请输入 6 位动态码!', pattern: /^\\d{6}$/, len: 6 }]}}},[_c('a-input',{style:({ textAlign: 'center' }),attrs:{\"placeholder\":\"000000\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.handleStepOk($event)}}})],1),_c('p',{staticStyle:{\"text-align\":\"center\"}},[_c('a',{on:{\"click\":_vm.onForgeStepCode}},[_vm._v(\"遗失手机?\")])])],1)])],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- 两步验证 -->\r\n  <a-modal\r\n    centered\r\n    v-model=\"visible\"\r\n    @cancel=\"handleCancel\"\r\n    :maskClosable=\"false\"\r\n  >\r\n    <div slot=\"title\" :style=\"{ textAlign: 'center' }\">两步验证</div>\r\n    <template slot=\"footer\">\r\n      <div :style=\"{ textAlign: 'center' }\">\r\n        <a-button key=\"back\" @click=\"handleCancel\">返回</a-button>\r\n        <a-button key=\"submit\" type=\"primary\" :loading=\"stepLoading\" @click=\"handleStepOk\">\r\n          继续\r\n        </a-button>\r\n      </div>\r\n    </template>\r\n\r\n    <a-spin :spinning=\"stepLoading\">\r\n      <a-form layout=\"vertical\" :auto-form-create=\"(form)=>{this.form = form}\">\r\n        <div class=\"step-form-wrapper\">\r\n          <p style=\"text-align: center\" v-if=\"!stepLoading\">请在手机中打开 Google Authenticator 或两步验证 APP<br />输入 6 位动态码</p>\r\n          <p style=\"text-align: center\" v-else>正在验证..<br/>请稍后</p>\r\n          <a-form-item\r\n            :style=\"{ textAlign: 'center' }\"\r\n            hasFeedback\r\n            fieldDecoratorId=\"stepCode\"\r\n            :fieldDecoratorOptions=\"{rules: [{ required: true, message: '请输入 6 位动态码!', pattern: /^\\d{6}$/, len: 6 }]}\"\r\n          >\r\n            <a-input :style=\"{ textAlign: 'center' }\" @keyup.enter.native=\"handleStepOk\" placeholder=\"000000\" />\r\n          </a-form-item>\r\n          <p style=\"text-align: center\">\r\n            <a @click=\"onForgeStepCode\">遗失手机?</a>\r\n          </p>\r\n        </div>\r\n      </a-form>\r\n    </a-spin>\r\n  </a-modal>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    visible: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      stepLoading: false,\r\n\r\n      form: null\r\n    }\r\n  },\r\n  methods: {\r\n    handleStepOk () {\r\n      const vm = this\r\n      this.stepLoading = true\r\n      this.form.validateFields((err, values) => {\r\n        if (!err) {\r\n          console.log('values', values)\r\n          setTimeout(() => {\r\n            vm.stepLoading = false\r\n            vm.$emit('success', { values })\r\n          }, 2000)\r\n          return\r\n        }\r\n        this.stepLoading = false\r\n        this.$emit('error', { err })\r\n      })\r\n    },\r\n    handleCancel () {\r\n      this.visible = false\r\n      this.$emit('cancel')\r\n    },\r\n    onForgeStepCode () {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n  .step-form-wrapper {\r\n    margin: 0 auto;\r\n    width: 80%;\r\n    max-width: 400px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TwoStepCaptcha.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TwoStepCaptcha.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TwoStepCaptcha.vue?vue&type=template&id=4a462ef6&scoped=true&\"\nimport script from \"./TwoStepCaptcha.vue?vue&type=script&lang=js&\"\nexport * from \"./TwoStepCaptcha.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TwoStepCaptcha.vue?vue&type=style&index=0&id=4a462ef6&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4a462ef6\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"main\">\r\n    <a-form\r\n      id=\"formLogin\"\r\n      class=\"user-layout-login\"\r\n      ref=\"formLogin\"\r\n      :form=\"form\"\r\n      @submit=\"handleSubmit\"\r\n    >\r\n      <a-alert v-if=\"isLoginError\" type=\"error\" showIcon style=\"margin-bottom: 24px;\" :message=\"$t('user.login.message-invalid-credentials')\" />\r\n      <a-form-item>\r\n        <a-input\r\n          size=\"large\"\r\n          type=\"text\"\r\n          :placeholder=\"$t('user.login.username.placeholder')\"\r\n          v-decorator=\"[\r\n            'username',\r\n            {rules: [{ required: true, message: $t('user.userName.required') }, { validator: handleUsernameOrEmail }], validateTrigger: 'change'}\r\n          ]\"\r\n        >\r\n          <a-icon slot=\"prefix\" type=\"user\" :style=\"{ color: 'rgba(0,0,0,.25)' }\"/>\r\n        </a-input>\r\n      </a-form-item>\r\n\r\n      <a-form-item>\r\n        <a-input-password\r\n          size=\"large\"\r\n          :placeholder=\"$t('user.login.password.placeholder')\"\r\n          v-decorator=\"[\r\n            'password',\r\n            {rules: [{ required: true, message: $t('user.password.required') }], validateTrigger: 'blur'}\r\n          ]\"\r\n        >\r\n          <a-icon slot=\"prefix\" type=\"lock\" :style=\"{ color: 'rgba(0,0,0,.25)' }\"/>\r\n        </a-input-password>\r\n      </a-form-item>\r\n\r\n      <a-form-item>\r\n        <a-checkbox v-decorator=\"['rememberMe', { valuePropName: 'checked' }]\">{{ $t('user.login.remember-me') }}</a-checkbox>\r\n      </a-form-item>\r\n\r\n      <a-form-item style=\"margin-top:24px\">\r\n        <a-button\r\n          size=\"large\"\r\n          type=\"primary\"\r\n          htmlType=\"submit\"\r\n          class=\"login-button\"\r\n          :loading=\"state.loginBtn\"\r\n          :disabled=\"state.loginBtn\"\r\n        >{{ $t('user.login.login') }}</a-button>\r\n      </a-form-item>\r\n    </a-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport TwoStepCaptcha from '@/components/tools/TwoStepCaptcha'\r\nimport { mapActions } from 'vuex'\r\nimport { timeFix } from '@/utils/util'\r\n\r\nexport default {\r\n  components: {\r\n    TwoStepCaptcha\r\n  },\r\n  data () {\r\n    return {\r\n      customActiveKey: 'tab1',\r\n      loginBtn: false,\r\n      // login type: 0 email, 1 username, 2 telephone\r\n      loginType: 0,\r\n      isLoginError: false,\r\n      requiredTwoStepCaptcha: false,\r\n      stepCaptchaVisible: false,\r\n      form: this.$form.createForm(this),\r\n      state: {\r\n        time: 60,\r\n        loginBtn: false,\r\n        // login type: 0 email, 1 username, 2 telephone\r\n        loginType: 0,\r\n        smsSendBtn: false\r\n      }\r\n    }\r\n  },\r\n  created () {\r\n  },\r\n  methods: {\r\n    ...mapActions(['Login', 'Logout']),\r\n    // handler\r\n    handleUsernameOrEmail (rule, value, callback) {\r\n      const { state } = this\r\n      const regex = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\\.[a-zA-Z0-9_-]{2,3}){1,2})$/\r\n      if (regex.test(value)) {\r\n        state.loginType = 0\r\n      } else {\r\n        state.loginType = 1\r\n      }\r\n      callback()\r\n    },\r\n    handleTabClick (key) {\r\n      this.customActiveKey = key\r\n      // this.form.resetFields()\r\n    },\r\n    handleSubmit (e) {\r\n      e.preventDefault()\r\n      const {\r\n        form: { validateFields },\r\n        state,\r\n        customActiveKey,\r\n        Login\r\n      } = this\r\n\r\n      state.loginBtn = true\r\n\r\n      const validateFieldsKey = customActiveKey === 'tab1' ? ['username', 'password'] : ['mobile', 'captcha']\r\n\r\n      validateFields(validateFieldsKey, { force: true }, (err, values) => {\r\n        if (!err) {\r\n          const loginParams = { ...values }\r\n          delete loginParams.username\r\n          loginParams.email = values.username\r\n          loginParams.password = values.password // Remove md5\r\n          Login(loginParams)\r\n            .then((res) => this.loginSuccess(res))\r\n            .catch(err => this.requestFailed(err))\r\n            .finally(() => {\r\n              state.loginBtn = false\r\n            })\r\n        } else {\r\n          setTimeout(() => {\r\n            state.loginBtn = false\r\n          }, 600)\r\n        }\r\n      })\r\n    },\r\n    loginSuccess () {\r\n      this.$router.push({ path: '/' })\r\n      // 延迟 1 秒显示欢迎信息\r\n      setTimeout(() => {\r\n        this.$notification.success({\r\n          message: '欢迎',\r\n          description: `${timeFix()}，欢迎回来`\r\n        })\r\n      }, 1000)\r\n      this.isLoginError = false\r\n    },\r\n    requestFailed (err) {\r\n      this.isLoginError = true\r\n      this.$notification['error']({\r\n        message: '错误',\r\n        description: ((err.response || {}).data || {}).message || '请求出现错误，请稍后再试',\r\n        duration: 4\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.user-layout-login {\r\n  label {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .getCaptcha {\r\n    display: block;\r\n    width: 100%;\r\n    height: 40px;\r\n  }\r\n\r\n  .forge-password {\r\n    font-size: 14px;\r\n  }\r\n\r\n  button.login-button {\r\n    padding: 0 15px;\r\n    font-size: 16px;\r\n    height: 40px;\r\n    width: 100%;\r\n  }\r\n\r\n  .user-login-other {\r\n    text-align: left;\r\n    margin-top: 24px;\r\n    line-height: 22px;\r\n\r\n    .item-icon {\r\n      font-size: 24px;\r\n      color: rgba(0, 0, 0, 0.2);\r\n      margin-left: 16px;\r\n      vertical-align: middle;\r\n      cursor: pointer;\r\n      transition: color 0.3s;\r\n\r\n      &:hover {\r\n        color: #1890ff;\r\n      }\r\n    }\r\n\r\n    .register {\r\n      float: right;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=7584f116&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=7584f116&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7584f116\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TwoStepCaptcha.vue?vue&type=style&index=0&id=4a462ef6&lang=less&scoped=true&\""],"sourceRoot":""}