JbSxs/Front-end logistics/node_modules/.cache/babel-loader/ad7fd9f51dda039dd2172a910ead406975c97b3fe5ac52bfb7c95e50d3cd1519.json

{"ast":null,"code":"import { ref, reactive } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { ElMessage } from 'element-plus';\nimport { User, Lock, Message } from '@element-plus/icons-vue';\nimport { register } from '@/api/auth';\nexport default {\n  __name: 'index',\n  setup(__props, {\n    expose: __expose\n  }) {\n    __expose();\n    const router = useRouter();\n    const formRef = ref(null);\n    const loading = ref(false);\n    const form = reactive({\n      username: '',\n      password: '',\n      email: ''\n    });\n    const rules = {\n      username: [{\n        required: true,\n        message: '请输入用户名',\n        trigger: 'blur'\n      }, {\n        min: 3,\n        max: 20,\n        message: '长度在 3 到 20 个字符',\n        trigger: 'blur'\n      }],\n      password: [{\n        required: true,\n        message: '请输入密码',\n        trigger: 'blur'\n      }, {\n        min: 6,\n        max: 20,\n        message: '长度在 6 到 20 个字符',\n        trigger: 'blur'\n      }],\n      email: [{\n        required: true,\n        message: '请输入邮箱地址',\n        trigger: 'blur'\n      }, {\n        type: 'email',\n        message: '请输入正确的邮箱地址',\n        trigger: 'blur'\n      }]\n    };\n    const handleSubmit = async () => {\n      if (!formRef.value) return;\n      try {\n        await formRef.value.validate();\n        loading.value = true;\n        const res = await register(form);\n        if (res.code === 200) {\n          ElMessage.success('注册成功，请登录');\n          router.push('/login');\n        }\n      } catch (error) {\n        console.error('注册失败:', error);\n        ElMessage.error(error.message || '注册失败，请重试');\n      } finally {\n        loading.value = false;\n      }\n    };\n    const __returned__ = {\n      router,\n      formRef,\n      loading,\n      form,\n      rules,\n      handleSubmit,\n      ref,\n      reactive,\n      get useRouter() {\n        return useRouter;\n      },\n      get ElMessage() {\n        return ElMessage;\n      },\n      get User() {\n        return User;\n      },\n      get Lock() {\n        return Lock;\n      },\n      get Message() {\n        return Message;\n      },\n      get register() {\n        return register;\n      }\n    };\n    Object.defineProperty(__returned__, '__isScriptSetup', {\n      enumerable: false,\n      value: true\n    });\n    return __returned__;\n  }\n};","map":{"version":3,"names":["ref","reactive","useRouter","ElMessage","User","Lock","Message","register","router","formRef","loading","form","username","password","email","rules","required","message","trigger","min","max","type","handleSubmit","value","validate","res","code","success","push","error","console"],"sources":["D:/language/VScode/Front-end logistics/src/views/register/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"register-container\">\r\n    <div class=\"register-box\">\r\n      <h2>用户注册</h2>\r\n      \r\n      <el-form \r\n        ref=\"formRef\"\r\n        :model=\"form\"\r\n        :rules=\"rules\"\r\n        label-width=\"0\"\r\n        class=\"register-form\"\r\n      >\r\n        <el-form-item prop=\"username\">\r\n          <el-input\r\n            v-model=\"form.username\"\r\n            placeholder=\"请输入用户名\"\r\n            prefix-icon=\"User\"\r\n          />\r\n        </el-form-item>\r\n        \r\n        <el-form-item prop=\"password\">\r\n          <el-input\r\n            v-model=\"form.password\"\r\n            type=\"password\"\r\n            placeholder=\"请输入密码\"\r\n            prefix-icon=\"Lock\"\r\n            show-password\r\n          />\r\n        </el-form-item>\r\n        \r\n        <el-form-item prop=\"email\">\r\n          <el-input\r\n            v-model=\"form.email\"\r\n            placeholder=\"请输入邮箱\"\r\n            prefix-icon=\"Message\"\r\n          />\r\n        </el-form-item>\r\n        \r\n        <el-form-item>\r\n          <el-button \r\n            type=\"primary\