feat: 使用prettierrc对代码进行格式化

web/src/components/upload/image.vue

@@ -1,4 +1,3 @@
-
 <template>
   <div>
     <el-upload
@@ -14,79 +13,78 @@
 </template>
 
 <script setup>
-import ImageCompress from '@/utils/image'
-import { ElMessage } from 'element-plus'
-import { getBaseUrl } from '@/utils/format'
+  import ImageCompress from '@/utils/image'
+  import { ElMessage } from 'element-plus'
+  import { getBaseUrl } from '@/utils/format'
 
-defineOptions({
-  name: 'UploadImage',
-})
+  defineOptions({
+    name: 'UploadImage'
+  })
 
-const emit = defineEmits(['on-success'])
-const props = defineProps({
-  imageUrl: {
-    type: String,
-    default: ''
-  },
-  fileSize: {
-    type: Number,
-    default: 2048 // 2M 超出后执行压缩
-  },
-  maxWH: {
-    type: Number,
-    default: 1920 // 图片长宽上限
-  }
-})
+  const emit = defineEmits(['on-success'])
+  const props = defineProps({
+    imageUrl: {
+      type: String,
+      default: ''
+    },
+    fileSize: {
+      type: Number,
+      default: 2048 // 2M 超出后执行压缩
+    },
+    maxWH: {
+      type: Number,
+      default: 1920 // 图片长宽上限
+    }
+  })
 
-const beforeImageUpload = (file) => {
-  const isJPG = file.type === 'image/jpeg'
-  const isPng = file.type === 'image/png'
-  if (!isJPG && !isPng) {
-    ElMessage.error('上传头像图片只能是 jpg或png 格式!')
-    return false
+  const beforeImageUpload = (file) => {
+    const isJPG = file.type === 'image/jpeg'
+    const isPng = file.type === 'image/png'
+    if (!isJPG && !isPng) {
+      ElMessage.error('上传头像图片只能是 jpg或png 格式!')
+      return false
+    }
+
+    const isRightSize = file.size / 1024 < props.fileSize
+    if (!isRightSize) {
+      // 压缩
+      const compress = new ImageCompress(file, props.fileSize, props.maxWH)
+      return compress.compress()
+    }
+    return isRightSize
   }
 
-  const isRightSize = file.size / 1024 < props.fileSize
-  if (!isRightSize) {
-    // 压缩
-    const compress = new ImageCompress(file, props.fileSize, props.maxWH)
-    return compress.compress()
+  const handleImageSuccess = (res) => {
+    const { data } = res
+    if (data.file) {
+      emit('on-success', data.file.url)
+    }
   }
-  return isRightSize
-}
-
-const handleImageSuccess = (res) => {
-  const { data } = res
-  if (data.file) {
-    emit('on-success', data.file.url)
-  }
-}
-
 </script>
 
 <style lang="scss" scoped>
-.image-uploader {
-  border: 1px dashed #d9d9d9;
-  width: 180px;
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-.image-uploader {
-  border-color: #409eff;
-}
-.image-uploader-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 178px;
-  height: 178px;
-  line-height: 178px;
-  text-align: center;
-}
-.image {
-  width: 178px;
-  height: 178px;
-  display: block;
-}
+  .image-uploader {
+    border: 1px dashed #d9d9d9;
+    width: 180px;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .image-uploader {
+    border-color: #409eff;
+  }
+  .image-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+  }
+  .image {
+    width: 178px;
+    height: 178px;
+    display: block;
+  }
 </style>