{"version":3,"sources":["webpack:///./src/components/Input/CaptchaInput.vue","webpack:///./src/components/Input/CaptchaInput.vue?451c","webpack:///./src/views/Member/EditorPassword.vue","webpack:///./src/views/Member/EditorPassword.vue?bed2"],"names":["class","id","ref","style","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_Field","name","field","errorMessage","_mergeProps","placeholder","type","_hoisted_3","_hoisted_4","_hoisted_5","$props","aria-label","onClick","$options","aria-hidden","_hoisted_6","_component_ErrorMessage","components","Field","ErrorMessage","props","captchaValue","String","default","data","ctx","methods","drawCode","$canvas","this","$refs","canvas","fontsize","getRandomColor","letters","color","i","Math","floor","random","width","length","height","strokeStyle","beginPath","moveTo","lineTo","stroke","font","c","charAt","x","y","fillStyle","fillText","speakCode","window","synth","speechSynthesis","utterance","SpeechSynthesisUtterance","lang","speak","refreshCode","$emit","watch","mounted","getContext","__exports__","render","_component_Form","onSubmit","validation-schema","$data","_component_FormInput","field-name","field-label","field-type","notify","_cache","_component_CaptchaInput","captcha-value","_$data$captcha","value","onRefreshCaptcha","_component_RouterLink","to","Form","FormInput","CaptchaInput","schema","captcha","formData","setLoading","captchaValid","api","checkCaptcha","key","alert","refreshCaptch","isPassed","updateUserPassword","$router","push","getCaptcha","then","mapActions","useLoadingScreen","useUserData","created"],"mappings":"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","file":"js/chunk-c61951dc.05b48482.js","sourcesContent":["<template>\n  <div class=\"form-captcha\">\n    <label class=\"form-label is-required\">驗證碼</label>\n    <div class=\"form-captcha-group\">\n      <Field name=\"captcha\" v-slot=\"{ field, errorMessage }\">\n        <input\n          class=\"form-input\"\n          v-bind=\"field\"\n          :class=\"{ 'is-invalid': !!errorMessage }\"\n          placeholder=\"請輸入驗證碼\"\n          type=\"text\"\n        />\n      </Field>\n      <div class=\"form-captcha-tool\">\n        <div id=\"captcha-container\" class=\"form-captcha-img\">\n          <canvas v-show=\"captchaValue\" ref=\"canvas\" id=\"captcha\" style=\"width: 100%; height: 100%\" />\n        </div>\n        <button type=\"button\" class=\"btn btn-dark\" aria-label=\"重新產生驗證碼\" @click=\"refreshCode\">\n          <i class=\"icon icon-refresh\" aria-hidden=\"true\"></i>\n        </button>\n        <button type=\"button\" class=\"btn btn-dark\" aria-label=\"語音驗證碼\" @click=\"speakCode\">\n          <i class=\"icon icon-audio\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </div>\n    <div class=\"form-promp is-invalid\">\n      <ErrorMessage name=\"captcha\" />\n    </div>\n  </div>\n</template>\n<script>\nimport { Field, ErrorMessage } from 'vee-validate';\n\nexport default {\n  components: {\n    Field,\n    ErrorMessage,\n  },\n  props: {\n    captchaValue: {\n      type: String,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      ctx: null,\n    };\n  },\n  methods: {\n    drawCode() {\n      const $canvas = this.$refs.canvas;\n      const { ctx } = this;\n\n      if (this.captchaValue === null) return;\n\n      const fontsize = 30;\n      $canvas.width = fontsize * this.captchaValue.length + 20;\n      $canvas.height = fontsize + 20;\n\n      function getRandomColor() {\n        const letters = '0123456789ABCDEF';\n        let color = '#';\n        for (let i = 0; i < 6; i += 1) {\n          color += letters[Math.floor(Math.random() * 16)];\n        }\n        return color;\n      }\n\n      // 圖片混淆\n      for (let i = 0; i < 10; i += 1) {\n        ctx.strokeStyle = getRandomColor();\n        ctx.beginPath();\n        ctx.moveTo(Math.random() * $canvas.width, Math.random() * $canvas.height);\n        ctx.lineTo(Math.random() * $canvas.width, Math.random() * $canvas.height);\n        ctx.stroke();\n      }\n\n      ctx.font = `${fontsize}px Georgia bold`;\n      for (let i = 0; i < this.captchaValue.length; i += 1) {\n        const c = this.captchaValue.charAt(i);\n        const x = 10 + i * fontsize;\n        const y = fontsize + Math.random() * 10;\n        ctx.fillStyle = getRandomColor();\n        ctx.fillText(c, x, y);\n      }\n    },\n    speakCode() {\n      if ('speechSynthesis' in window) {\n        const synth = window.speechSynthesis;\n        const utterance = new SpeechSynthesisUtterance(this.captchaValue);\n        utterance.lang = 'zh-TW';\n        synth.speak(utterance);\n      }\n    },\n    refreshCode() {\n      this.$emit('refreshCaptcha');\n    },\n  },\n  watch: {\n    captchaValue() {\n      this.drawCode();\n    },\n  },\n  mounted() {\n    const $canvas = this.$refs.canvas;\n    this.ctx = $canvas.getContext('2d');\n\n    this.drawCode();\n  },\n};\n</script>\n","import { render } from \"./CaptchaInput.vue?vue&type=template&id=02b93bf7\"\nimport script from \"./CaptchaInput.vue?vue&type=script&lang=js\"\nexport * from \"./CaptchaInput.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\project_archive\\\\維護案\\\\北流租借系統\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div>\n    <Form class=\"form\" @submit=\"onSubmit\" :validation-schema=\"schema\">\n      <div class=\"grid-row\">\n        <div class=\"col-12_md-6\">\n          <FormInput field-name=\"oldPassword\" field-label=\"舊密碼\" field-type=\"password\" />\n        </div>\n        <div class=\"col-12_md-6\"></div>\n        <div class=\"col-12_md-6\">\n          <FormInput field-name=\"password\" field-label=\"新密碼\" field-type=\"password\">\n            <template #notify>至少12碼，且包含英文大小寫、特殊符號與數字</template>\n          </FormInput>\n        </div>\n        <div class=\"col-12_md-6\">\n          <FormInput field-name=\"confirmPassword\" field-label=\"確認密碼\" field-type=\"password\" />\n        </div>\n      </div>\n      <CaptchaInput :captcha-value=\"captcha?.value\" @refresh-captcha=\"refreshCaptch\"/>\n      <div class=\"btn-group\">\n        <RouterLink to=\"/user\" class=\"btn btn-secondary btn-md\">返回</RouterLink>\n        <button class=\"btn btn-primary btn-md\">確認修改</button>\n      </div>\n    </Form>\n  </div>\n</template>\n<script>\nimport { mapActions } from 'pinia';\nimport { useLoadingScreen } from '@/store/index';\nimport { useUserData } from '@/store/user';\nimport { updatePassword as schema } from '@/utils/schema';\nimport FormInput from '@/components/Input/FormInput.vue';\nimport CaptchaInput from '@/components/Input/CaptchaInput.vue';\nimport { Form } from 'vee-validate';\nimport api from '@/api/api';\n\nexport default {\n  components: {\n    Form,\n    FormInput,\n    CaptchaInput,\n  },\n  data() {\n    return {\n      schema,\n      captcha: null,\n    };\n  },\n  methods: {\n    async onSubmit(formData) {\n      this.setLoading(true);\n      const captchaValid = await api.checkCaptcha({ key: this.captcha.key, value: formData.captcha });\n      if (!captchaValid) {\n        alert('驗證碼錯誤，請重新輸入');\n        this.refreshCaptch();\n        this.setLoading(false);\n        return;\n      }\n\n      const isPassed = await this.updateUserPassword(formData);\n      if (isPassed) {\n        alert('變更成功');\n        this.$router.push('/user/project');\n      } else {\n        alert('發生錯誤密碼未變更成功，請聯絡系統工程師');\n      }\n      this.setLoading(false);\n    },\n    refreshCaptch() {\n      this.captcha = null;\n      api.getCaptcha().then((data) => {\n        this.captcha = data;\n      });\n    },\n    ...mapActions(useLoadingScreen, ['setLoading']),\n    ...mapActions(useUserData, ['updateUserPassword']),\n  },\n  created() {\n    this.refreshCaptch();\n  },\n};\n</script>\n","import { render } from \"./EditorPassword.vue?vue&type=template&id=436ed32e\"\nimport script from \"./EditorPassword.vue?vue&type=script&lang=js\"\nexport * from \"./EditorPassword.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\project_archive\\\\維護案\\\\北流租借系統\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}