UNPKG

vue-files-preview-inno

Version:

A tool for previewing files such as doc, excel, pdf, image, markdown, txt, audio, and video and so on.

3 lines (2 loc) 816 B
"use strict";const r=require("vue"),c=require("../../utils/utils.js"),d={class:"pic-preview"},m=["src"],f=r.defineComponent({__name:"index",props:{file:{default:()=>null},url:{default:()=>null},name:{}},emits:["rendered","error"],setup(l,{emit:a}){const o=l,t=a,i=r.ref(null);r.watch(()=>o.file,n=>{n&&c.getFileRenderByFile(n).then(e=>{i.value=e}).catch(e=>{t("error",e)})},{immediate:!0}),r.watch(()=>o.url,n=>{n&&!o.file&&c.getFileRenderByUrl(n).then(e=>{i.value=e}).catch(e=>{t("error",e)})},{immediate:!0});function s(){t("rendered")}function u(){t("error",new Error("Image load failed"))}return(n,e)=>(r.openBlock(),r.createElementBlock("div",d,[r.createElementVNode("img",{src:i.value,alt:"",crossorigin:"anonymous",onLoad:s,onError:u},null,40,m)]))}});module.exports=f; //# sourceMappingURL=index.vue2.js.map