UNPKG

cione-comp-lib

Version:

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

2 lines (1 loc) 5.22 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),t=require("../../node_modules/js-base64/base64.js");require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var o=require("../../_virtual/plugin-vue_export-helper.js");const r=e.defineComponent({name:"CoOfficeStd",props:{src:{type:String},width:{type:String},height:{type:String},previewType:{type:String,default:"1"},isSpread:{type:Boolean,default:!1},title:{type:String,default:"Office展示"},fontFamily:{type:String},fontSize:{type:Number,default:12},color:{type:String,default:"rgba(255,255,255,1)"},borderColor:{type:String,default:"rgba(57,70,211,1)"}},setup(o){const r=e.ref(!0),l=e.ref(window.env.VITE_PRIVIWE_URL+"/onlinePreview?url="+encodeURIComponent(t.toBase64(o.src))),a=e.ref(!1),c=e.ref(!1),i=e.computed((()=>({fontSize:o.fontSize+"px",color:o.color,borderColor:o.borderColor,fontFamily:o.fontFamily})));return e.watch((()=>o.src),(()=>{l.value=window.env.VITE_PRIVIWE_URL+"/onlinePreview?url="+encodeURIComponent(t.toBase64(o.src))})),e.watch((()=>o.isSpread),(()=>{r.value=!1,e.nextTick((()=>{r.value=!0}))})),e.onMounted((()=>{})),{show:r,pdfSrc:l,isPreview:c,isMouse:a,previewFn:e=>{"2"===o.previewType?c.value=!0:"3"===o.previewType&&window.open(l.value,"_blank")},mouseOverFn:()=>{"1"===o.previewType&&(a.value=!0)},mouseOutFn:()=>{"1"===o.previewType&&(a.value=!1)},closeFn:()=>{c.value=!1},attrs:i,updataOfficeSrc:e=>{l.value=window.env.VITE_PRIVIWE_URL+"/onlinePreview?url="+encodeURIComponent(t.toBase64(e))},...e.toRefs(o)}}}),l=t=>(e.pushScopeId("data-v-3372993f"),t=t(),e.popScopeId(),t),a=["src"],c={class:"office-std__mouse"},i=[e.createStaticVNode('<svg viewBox="0 0 1024 1024" width="20px" height="20px" data-v-3372993f><path d="M270.08 64.064l-179.2 0C76.032 64.064 64 76.096 64 90.944l0 178.688c0 0.128 0 0.256 0 0.384C64 284.928 76.032 296.96 90.88 296.96s27.008-12.032 27.008-26.944c0-1.536-0.256-3.136-0.512-4.608L117.376 122.176c0-2.496 1.984-4.48 4.416-4.48l145.408 0C268.16 117.76 269.12 117.952 270.08 117.952c14.848 0 26.944-12.032 26.944-26.944S284.928 64.064 270.08 64.064z" fill="#ffffff" data-v-3372993f></path><path d="M847.552 830.784c0 9.856-8.128 17.856-17.92 17.856L190.528 848.64c-9.856 0-17.856-8-17.856-17.856L172.672 191.744c0-9.92 8-17.92 17.856-17.92l639.104 0c9.792 0 17.92 8 17.92 17.92L847.552 830.784z" fill="#ffffff" data-v-3372993f></path><path d="M753.792 64.064l179.2 0c14.848 0 26.88 12.032 26.88 26.88l0 178.688C959.872 269.76 960 269.888 960 270.016c0 14.912-12.096 26.944-27.008 26.944s-26.944-12.032-26.944-26.944c0-1.536 0.256-3.136 0.448-4.608L906.496 122.176c0-2.496-1.92-4.48-4.48-4.48l-145.344 0c-1.024 0.064-1.856 0.256-2.88 0.256-14.848 0-26.88-12.032-26.88-26.944S738.944 64.064 753.792 64.064z" fill="#ffffff" data-v-3372993f></path><path d="M270.08 959.936l-179.2 0C76.032 959.936 64 947.968 64 933.12l0-178.752c0-0.128 0-0.256 0-0.384 0-14.912 12.032-27.008 26.88-27.008s27.008 12.032 27.008 27.008c0 1.536-0.256 3.136-0.512 4.608l0 143.168c0 2.496 1.984 4.48 4.416 4.48l145.408 0c0.96-0.064 1.856-0.256 2.816-0.256 14.848 0 26.944 12.032 26.944 26.944S284.928 959.936 270.08 959.936z" fill="#ffffff" data-v-3372993f></path><path d="M753.792 959.936l179.2 0c14.848 0 26.88-12.032 26.88-26.816l0-178.752c0-0.128 0.128-0.256 0.128-0.384 0-14.912-12.096-27.008-27.008-27.008s-26.944 12.032-26.944 27.008c0 1.536 0.256 3.136 0.448 4.608l0 143.168c0 2.496-1.92 4.48-4.48 4.48l-145.344 0c-1.024-0.064-1.856-0.256-2.88-0.256-14.848 0-26.88 12.032-26.88 26.944S738.944 959.936 753.792 959.936z" fill="#ffffff" data-v-3372993f></path></svg>',1)],n={key:0,class:"office-std__pre-preview"},f=["src"],p=[l((()=>e.createElementVNode("svg",{viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"})],-1)))];var d=o.default(r,[["render",function(t,o,r,l,d,s){return e.openBlock(),e.createElementBlock("div",{class:"co-office-std",style:e.normalizeStyle({width:t.width||"100%",height:t.height||"100%"})},["1"===t.previewType?(e.openBlock(),e.createElementBlock("iframe",{key:0,src:t.pdfSrc,frameborder:"0"},null,8,a)):e.createCommentVNode("",!0),"1"!==t.previewType?(e.openBlock(),e.createElementBlock("span",{key:1,class:"office-std__pre-text",onClick:o[0]||(o[0]=(...e)=>t.previewFn&&t.previewFn(...e)),style:e.normalizeStyle(t.attrs)},e.toDisplayString(t.title),5)):e.createCommentVNode("",!0),e.createElementVNode("div",c,[e.createElementVNode("span",{onClick:o[1]||(o[1]=e=>t.isPreview=!0)},i)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[t.isPreview?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("iframe",{src:t.pdfSrc,frameborder:"0",style:{width:"90%",height:"90%"}},null,8,f),e.createElementVNode("span",{class:"office-std__pre-cloxe",onClick:o[2]||(o[2]=(...e)=>t.closeFn&&t.closeFn(...e))},p)])):e.createCommentVNode("",!0)]))],4)}],["__scopeId","data-v-3372993f"]]);exports.default=d;