vue-files-preview-inno
Version:
A tool for previewing files such as doc, excel, pdf, image, markdown, txt, audio, and video and so on.
1 lines • 1.55 kB
Source Map (JSON)
{"version":3,"file":"index.vue.mjs","sources":["../../../../../../packages/preview/supports/xlsx-preview/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport VueOfficeExcel from '@vue-office/excel'\nimport '@vue-office/excel/lib/index.css'\nimport {ref, watch} from 'vue'\nimport type {PreviewProps} from '../../preview.interface'\nimport {getFileRenderByFile} from '../../utils/utils'\n\nconst props = withDefaults(\n defineProps<\n PreviewProps & {\n width?: string\n height?: string\n }\n >(),\n {\n url: () => null,\n file: () => null,\n },\n)\nconst fileRender = ref(null)\nwatch(\n () => props.file,\n (file) => {\n if (file) {\n getFileRenderByFile(file).then(render => (fileRender.value = render))\n }\n },\n {immediate: true},\n)\n\nfunction renderedHandler(): void {}\n\nfunction errorHandler(): void {}\n</script>\n\n<template>\n <div class=\"xlsx-preview\">\n <VueOfficeExcel :src=\"fileRender\" @rendered=\"renderedHandler\" @error=\"errorHandler\"/>\n </div>\n</template>\n\n<style scoped lang=\"scss\">\n\n</style>\n"],"names":["props","__props","fileRender","ref","watch","file","getFileRenderByFile","render","renderedHandler","errorHandler"],"mappings":";;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAYRC,IAAaC,EAAI,IAAI;AAC3B,IAAAC;AAAA,MACI,MAAMJ,EAAM;AAAA,MACZ,CAACK,MAAS;AACR,QAAIA,KACFC,EAAoBD,CAAI,EAAE,KAAK,CAAAE,MAAWL,EAAW,QAAQK,CAAO;AAAA,MAExE;AAAA,MACA,EAAC,WAAW,GAAA;AAAA,IAAI;AAGpB,aAASC,IAAwB;AAAA,IAAC;AAElC,aAASC,IAAqB;AAAA,IAAC;;;;;;;;;;"}