{"version":3,"file":"oy3bHeBq.js","sources":["../../../../composables/useFileUpload.ts","../../../../components/FileUploader/FileUploader.vue"],"sourcesContent":["import { readFileAsDataURL } from '@/utils';\nimport { ref } from 'vue';\n\nexport function useFileUpload(options = {}) {\n  const file = ref<File | null>(null);\n  const error = ref<string>('');\n  const preview = ref<string>('');\n  const fileInput = ref<HTMLInputElement | null>(null);\n\n  const triggerFileInput = () => {\n    fileInput.value?.click();\n  };\n\n  const validateFile = async (\n    newFile: File,\n    validationRules: Array<{\n      validate: (file: File) => boolean | Promise<boolean>;\n      message: string;\n    }>\n  ) => {\n    for (const rule of validationRules) {\n      if (!(await rule.validate(newFile))) {\n        error.value = rule.message;\n        return false;\n      }\n    }\n    return true;\n  };\n\n  const addFile = async (\n    newFile: File,\n    validationRules: Array<{\n      validate: (file: File) => boolean | Promise<boolean>;\n      message: string;\n    }>\n  ) => {\n    error.value = '';\n    if (await validateFile(newFile, validationRules)) {\n      file.value = newFile;\n      if (newFile.type.startsWith('image/')) {\n        preview.value = (await readFileAsDataURL(newFile)) as string;\n      }\n    }\n  };\n\n  const removeFile = () => {\n    file.value = null;\n    preview.value = '';\n  };\n\n  return {\n    file,\n    error,\n    preview,\n    fileInput,\n    triggerFileInput,\n    addFile,\n    removeFile\n  };\n}\n","<template>\n  <div class=\"file-uploader\">\n    <input\n      ref=\"fileInput\"\n      type=\"file\"\n      class=\"hidden\"\n      :accept=\"accept\"\n      @change=\"onFileChange\"\n      :multiple=\"multiple\"\n    />\n    <slot\n      :triggerFileInput=\"triggerFileInput\"\n      :file=\"file\"\n      :preview=\"preview\"\n      :error=\"error\"\n      :removeFile=\"removeFile\"\n    ></slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useFileUpload } from '@/composables/useFileUpload';\n\n  const props = defineProps<{\n    accept?: string;\n    validationRules?: Array<{\n      validate: (file: File) => boolean | Promise<boolean>;\n      message: string;\n    }>;\n    currentPreview?: string;\n    multiple?: boolean;\n  }>();\n\n  const emit = defineEmits<{\n    (e: 'update:modelValue', file: File | null): void;\n  }>();\n\n  const {\n    file,\n    error,\n    preview,\n    fileInput,\n    triggerFileInput,\n    addFile,\n    removeFile\n  } = useFileUpload();\n\n  if (props.currentPreview) {\n    preview.value = props.currentPreview;\n  }\n\n  const onFileChange = async (event: Event) => {\n    const newFile = (event.target as HTMLInputElement).files?.[0];\n    if (newFile) {\n      await addFile(newFile, props.validationRules ?? []);\n      emit('update:modelValue', file.value);\n    }\n  };\n</script>\n"],"names":["useFileUpload","options","file","ref","error","preview","fileInput","triggerFileInput","_a","validateFile","newFile","validationRules","rule","readFileAsDataURL","props","__props","emit","__emit","addFile","removeFile","onFileChange","event"],"mappings":"ocAGgB,SAAAA,EAAcC,EAAU,GAAI,CACpC,MAAAC,EAAOC,EAAiB,IAAI,EAC5BC,EAAQD,EAAY,EAAE,EACtBE,EAAUF,EAAY,EAAE,EACxBG,EAAYH,EAA6B,IAAI,EAE7CI,EAAmB,IAAM,QAC7BC,EAAAF,EAAU,QAAV,MAAAE,EAAiB,OACnB,EAEMC,EAAe,MACnBC,EACAC,IAIG,CACH,UAAWC,KAAQD,EACjB,GAAI,CAAE,MAAMC,EAAK,SAASF,CAAO,EAC/B,OAAAN,EAAM,MAAQQ,EAAK,QACZ,GAGJ,MAAA,EACT,EAuBO,MAAA,CACL,KAAAV,EACA,MAAAE,EACA,QAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,QA3Bc,MACdG,EACAC,IAIG,CACHP,EAAM,MAAQ,GACV,MAAMK,EAAaC,EAASC,CAAe,IAC7CT,EAAK,MAAQQ,EACTA,EAAQ,KAAK,WAAW,QAAQ,IAC1BL,EAAA,MAAS,MAAMQ,EAAkBH,CAAO,GAGtD,EAcE,WAZiB,IAAM,CACvBR,EAAK,MAAQ,KACbG,EAAQ,MAAQ,EAClB,CAUA,CACF,iNCpCE,MAAMS,EAAQC,EAURC,EAAOC,EAIP,CACJ,KAAAf,EACA,MAAAE,EACA,QAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,QAAAW,EACA,WAAAC,GACEnB,EAAc,EAEdc,EAAM,iBACRT,EAAQ,MAAQS,EAAM,gBAGlB,MAAAM,EAAe,MAAOC,GAAiB,OAC3C,MAAMX,GAAWF,EAAAa,EAAM,OAA4B,QAAlC,YAAAb,EAA0C,GACvDE,IACF,MAAMQ,EAAQR,EAASI,EAAM,iBAAmB,CAAA,CAAE,EAC7CE,EAAA,oBAAqBd,EAAK,KAAK,EAExC"}