{"version":3,"sources":["webpack:///./src/pages/user/UserSettingsPassword.vue?c839","webpack:///./src/utils/asyncValidator/changePasswordForm.js","webpack:///src/pages/user/UserSettingsPassword.vue","webpack:///./src/pages/user/UserSettingsPassword.vue?ac1e","webpack:///./src/pages/user/UserSettingsPassword.vue","webpack:///./src/components/forms/elements/BaseInput.vue?7c3a","webpack:///src/components/forms/elements/BaseInput.vue","webpack:///./src/components/forms/elements/BaseInput.vue?2338","webpack:///./src/components/forms/elements/BaseInput.vue","webpack:///./src/components/forms/PasswordForm.vue?5f65","webpack:///src/components/forms/PasswordForm.vue","webpack:///./src/components/forms/PasswordForm.vue?d8e3","webpack:///./src/components/forms/PasswordForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","ref","attrs","model","style","marginRight","domProps","_s","on","handleReset","loading","handleSubmit","staticRenderFns","oldPassword","password","passwordCheck","component","prop","label","labelWidth","width","type","placeholder","disabled","maxlength","onBlur","value","callback","$$v","val","expression","marginLeft","tips","_e","passwordForm","rules","nativeOn","$event","preventDefault","$set"],"mappings":"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","file":"js/chunk-7c72f9ec.29c0c96e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"container clearfix\"},[_c('div',{staticClass:\"shadow-wrapper padding-m mb-m\"},[_c('h1',{staticClass:\"mb-m section-title\"},[_vm._v(\"密碼變更\")]),_c('PasswordForm',{ref:\"passwordForm\",attrs:{\"model\":_vm.model,\"change-password\":\"\"}})],1),_c('div',{staticClass:\"text-right\"},[_c('Button',{staticClass:\"btn-m\",style:({marginRight: '10px'}),domProps:{\"textContent\":_vm._s('重新填寫')},on:{\"click\":_vm.handleReset}}),_c('Button',{staticClass:\"btn-primary btn-m\",attrs:{\"disabled\":_vm.loading},domProps:{\"textContent\":_vm._s('確認送出')},on:{\"click\":_vm.handleSubmit}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const model = {\n  oldPassword: '',\n  password: '',\n  passwordCheck: ''\n};","<template>\n  <section class=\"container clearfix\">\n    <div class=\"shadow-wrapper padding-m mb-m\">\n      <h1 class=\"mb-m section-title\">密碼變更</h1>\n      <PasswordForm\n        ref=\"passwordForm\"\n        :model=\"model\"\n        change-password\n      />\n    </div>\n    <div class=\"text-right\">\n      <Button\n        class=\"btn-m\"\n        :style=\"{marginRight: '10px'}\"\n        @click=\"handleReset\"\n        v-text=\"'重新填寫'\"\n      />\n      <Button\n        class=\"btn-primary btn-m\"\n        :disabled=\"loading\"\n        @click=\"handleSubmit\"\n        v-text=\"'確認送出'\"\n      />\n    </div>\n  </section>\n</template>\n\n<script>\n  import { Button } from 'iview';\n  import { mapState } from 'vuex';\n  import PasswordForm from '@/components/forms/PasswordForm';\n  // model\n  import { model } from '@/utils/asyncValidator/changePasswordForm';\n  // constants\n  import { UPDATE_PASSWORD_ACTION } from '@/store/modules/user/constants';\n\n  export default {\n    components: { PasswordForm, Button },\n    inheritAttrs: false,\n    data() {\n      return {\n        model\n      };\n    },\n    computed: {\n      ...mapState({\n        loading: state => state.user.loading\n      })\n    },\n    methods: {\n      async handleSubmit() {\n        const { passwordForm } = this.$refs;\n        const payload = await passwordForm.getPayload();\n        const result = await this.$store.dispatch(UPDATE_PASSWORD_ACTION, payload);\n        if (result) return this.handleReset();\n      },\n      handleReset() {\n        return this.$refs.passwordForm.handleReset();\n      }\n    }\n  };\n</script>\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!./UserSettingsPassword.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!./UserSettingsPassword.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserSettingsPassword.vue?vue&type=template&id=735f0b2c&\"\nimport script from \"./UserSettingsPassword.vue?vue&type=script&lang=js&\"\nexport * from \"./UserSettingsPassword.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('FormItem',{attrs:{\"prop\":_vm.prop,\"label\":_vm.label,\"label-width\":_vm.labelWidth}},[_c('Input',{style:({width: (_vm.width + \"px\")}),attrs:{\"size\":\"large\",\"type\":_vm.type,\"placeholder\":_vm.placeholder,\"disabled\":_vm.disabled,\"maxlength\":_vm.maxlength},on:{\"on-blur\":_vm.onBlur},model:{value:(_vm.val),callback:function ($$v) {_vm.val=$$v},expression:\"val\"}}),(_vm.tips)?_c('span',{style:({marginLeft: '10px'})},[_vm._v(_vm._s(_vm.tips)+\"\\n  \")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <FormItem\n    :prop=\"prop\"\n    :label=\"label\"\n    :label-width=\"labelWidth\"\n  >\n    <Input\n      v-model=\"val\"\n      size=\"large\"\n      :type=\"type\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :maxlength=\"maxlength\"\n      :style=\"{width: `${width}px`}\"\n      @on-blur=\"onBlur\"\n    />\n    <span \n      v-if=\"tips\"\n      :style=\"{marginLeft: '10px'}\"\n    >{{ tips }}\n    </span>\n  </FormItem>\n</template>\n\n<script>\n  import { FormItem, Input } from 'iview';\n\n  export default {\n    components: { FormItem, Input },\n    props: {\n      prop: {\n        type: String,\n        default: null\n      },\n      label: {\n        type: String,\n        default: null\n      },\n      labelWidth: {\n        type: Number,\n        default: null\n      },\n      placeholder: {\n        type: String,\n        default: ''\n      },\n      type: {\n        type: String,\n        default: 'text'\n      },\n      disabled: {\n        type: Boolean,\n        default: false\n      },\n      value: {\n        type: String,\n        default: ''\n      },\n      width: {\n        type: Number,\n        default: null\n      },\n      tips: {\n        type: String,\n        default: null\n      },\n      maxlength: {\n        type: String,\n        default: ''\n      }\n    },\n    computed: {\n      val: {\n        get() {\n          return this.value;\n        },\n        set(val) {\n          this.$emit('input', val);\n        }\n      }\n    },\n    methods: {\n      onBlur() {\n        this.$emit('inputBlur');\n      }\n    }\n  };\n</script>","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!./BaseInput.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!./BaseInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseInput.vue?vue&type=template&id=1233f066&\"\nimport script from \"./BaseInput.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseInput.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Form',{ref:\"passwordForm\",staticClass:\"form-flex middle\",attrs:{\"label-position\":\"left\",\"label-width\":90,\"model\":_vm.passwordForm,\"rules\":_vm.rules},nativeOn:{\"submit\":function($event){$event.preventDefault();}}},[(_vm.changePassword)?_c('BaseInput',{attrs:{\"label\":\"舊密碼\",\"prop\":\"oldPassword\",\"type\":\"password\",\"placeholder\":\"請輸入您目前的密碼\"},model:{value:(_vm.passwordForm.oldPassword),callback:function ($$v) {_vm.$set(_vm.passwordForm, \"oldPassword\", $$v)},expression:\"passwordForm.oldPassword\"}}):_vm._e(),_c('BaseInput',{attrs:{\"label\":\"新密碼\",\"prop\":\"password\",\"type\":\"password\",\"placeholder\":\"僅可輸入8至16個英文字母或數字\"},model:{value:(_vm.passwordForm.password),callback:function ($$v) {_vm.$set(_vm.passwordForm, \"password\", $$v)},expression:\"passwordForm.password\"}}),_c('BaseInput',{attrs:{\"label\":\"新密碼確認\",\"prop\":\"passwordCheck\",\"type\":\"password\",\"placeholder\":\"請再次輸入密碼\"},model:{value:(_vm.passwordForm.passwordCheck),callback:function ($$v) {_vm.$set(_vm.passwordForm, \"passwordCheck\", $$v)},expression:\"passwordForm.passwordCheck\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <Form\n    ref=\"passwordForm\"\n    class=\"form-flex middle\"\n    label-position=\"left\"\n    :label-width=\"90\"\n    :model=\"passwordForm\"\n    :rules=\"rules\"\n    @submit.native.prevent\n  >\n    <BaseInput\n      v-if=\"changePassword\"\n      v-model=\"passwordForm.oldPassword\"\n      label=\"舊密碼\"\n      prop=\"oldPassword\"\n      type=\"password\"\n      placeholder=\"請輸入您目前的密碼\"\n    />\n    <BaseInput\n      v-model=\"passwordForm.password\"\n      label=\"新密碼\"\n      prop=\"password\"\n      type=\"password\"\n      placeholder=\"僅可輸入8至16個英文字母或數字\"\n    />\n    <BaseInput\n      v-model=\"passwordForm.passwordCheck\"\n      label=\"新密碼確認\"\n      prop=\"passwordCheck\"\n      type=\"password\"\n      placeholder=\"請再次輸入密碼\"\n    />\n  </Form>\n</template>\n\n<script>\n  import { Form } from 'iview';\n  import BaseInput from '@/components/forms/elements/BaseInput';\n  import { password } from '@/utils/asyncValidator/rules';\n  \n  export default {\n    components: { Form, BaseInput },\n    props: {\n      model: {\n        type: Object,\n        default: null\n      },\n      changePassword: {\n        type: Boolean,\n        default: false\n      }\n    },\n    data() {\n      // rules defined here for get \"this\" execution context\n      const validatePassword = (rule, value, callback) => {\n        if (!value) return callback(new Error('請輸入新密碼'));\n        if (!/^\\w*$/.test(value)) return callback(new Error('密碼不得含有空白或非英數字元'));\n        if (value.length < 8 || value.length > 15) return callback(new Error('您的密碼長度需為 8 - 16 位數'));\n        const { passwordCheck } = this.passwordForm;\n        if (passwordCheck !== '') {\n          this.$refs.passwordForm.validateField('passwordCheck');\n        }\n        callback();\n      };\n\n      const passwordCheck = (rule, value, callback) => {\n        const { password } = this.passwordForm;\n        if (password && !value) return callback(new Error('請再次確認您的密碼'));\n        const isEqual = password === value;\n        if (value && !isEqual) return callback(new Error('密碼不相符'));\n        callback();\n      };\n\n      const rules = {\n        oldPassword: password,\n        password: [{ required: true, validator: validatePassword, trigger: 'blur' }],\n        passwordCheck: [{ required: true, validator: passwordCheck, trigger: 'blur' }]\n      };\n\n      return {\n        passwordForm: { ...this.model },\n        rules\n      };\n    },\n    methods: {\n      validate() {\n        return this.$refs.passwordForm.validate(valid => valid);\n      },\n      async getPayload() {\n        const isValid = await this.validate();\n        if (!isValid) return;\n        return { ...this.passwordForm };\n      },\n      handleReset() {\n        return this.$refs.passwordForm.resetFields();\n      }\n    }\n  };\n</script>\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!./PasswordForm.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!./PasswordForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PasswordForm.vue?vue&type=template&id=70fb757c&\"\nimport script from \"./PasswordForm.vue?vue&type=script&lang=js&\"\nexport * from \"./PasswordForm.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}