vue-files-preview
Version:
A tool for previewing files such as doc, excel, pdf, image, markdown, txt, audio, and video and so on.
3 lines (2 loc) • 948 B
JavaScript
;const r=require("vue"),n=require("../../preview.const.js"),a=require("../../preview.interface.js"),t=require("../../utils/utils.js"),c=r.defineComponent({__name:"index",props:{file:{default:()=>null},url:{default:()=>null},name:{},width:{default:()=>"100%"},height:{default:()=>"100%"},overflow:{default:()=>"auto"}},setup(o){const u=o,l=r.shallowRef(n.PreviewRules[a.PreviewType.NONE]);function s(e){const i=n.PreviewRules[n.getPreviewTypeByFileType(t.getFileType(e))];i&&(i.name=t.getFileName(e),l.value=i)}return r.watch(()=>u.file,e=>{e&&s(e)},{immediate:!0}),(e,i)=>(r.openBlock(),r.createElementBlock("div",{class:"vue-files-preview",style:r.normalizeStyle({width:e.width,height:e.height,overflow:e.overflow})},[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(r.unref(l).component),{name:r.unref(l).name,file:e.file,url:e.url},null,8,["name","file","url"]))],4))}});module.exports=c;
//# sourceMappingURL=index.vue.js.map