vue-files-preview
Version:
A tool for previewing files such as doc, excel, pdf, image, markdown, txt, audio, and video and so on.
1 lines • 1.57 kB
Source Map (JSON)
{"version":3,"file":"index.vue.mjs","sources":["../../../../../../packages/preview/supports/docx-preview/index.vue"],"sourcesContent":["<script lang='ts' setup>\nimport VueOfficeDocx from '@vue-office/docx'\nimport '@vue-office/docx/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<PreviewProps>(),\n {\n url: () => null,\n file: () => null,\n },\n)\n\nconst fileRender = ref(null)\nwatch(\n () => props.file,\n () => {\n getFileRenderByFile(props.file).then((render) => {\n fileRender.value = render\n })\n },\n {immediate: true},\n)\n\nfunction renderedHandler(): void {\n console.log('渲染完成')\n}\n\nfunction errorHandler(): void {\n console.log('渲染失败')\n}\n</script>\n\n<template>\n <div class=\"docx-preview\">\n <VueOfficeDocx :src=\"fileRender\" @rendered=\"renderedHandler\" @error=\"errorHandler\"/>\n </div>\n</template>\n\n<style scoped lang='scss'></style>\n"],"names":["props","__props","fileRender","ref","watch","getFileRenderByFile","render","renderedHandler","errorHandler"],"mappings":";;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAQRC,IAAaC,EAAI,IAAI;AAC3B,IAAAC;AAAA,MACI,MAAMJ,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAK,EAAoBL,EAAM,IAAI,EAAE,KAAK,CAACM,MAAW;AAC/C,UAAAJ,EAAW,QAAQI;AAAA,QAAA,CACpB;AAAA,MACH;AAAA,MACA,EAAC,WAAW,GAAI;AAAA,IAAA;AAGpB,aAASC,IAAwB;AAC/B,cAAQ,IAAI,MAAM;AAAA,IACpB;AAEA,aAASC,IAAqB;AAC5B,cAAQ,IAAI,MAAM;AAAA,IACpB;;;;;;;;;;"}