sakura-preview-file 1.0.7 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +1 -0
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -614,6 +614,7 @@ const usePreviewPdf = (state) => {
|
|
|
614
614
|
const onPageNumChange = () => {
|
|
615
615
|
const { total } = state;
|
|
616
616
|
state.pageNum = Math.max(Math.min(_pageNum.value, total), 1);
|
|
617
|
+
_pageNum.value = state.pageNum;
|
|
617
618
|
};
|
|
618
619
|
watchEffect(() => {
|
|
619
620
|
_pageNum.value = state.pageNum;
|
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?l(exports,require("vue"),require("sakura-utils"),require("@vueuse/core"),require("vue-pdf-embed"),require("pdfjs-dist"),require("docx-preview")):"function"==typeof define&&define.amd?define(["exports","vue","sakura-utils","@vueuse/core","vue-pdf-embed","pdfjs-dist","docx-preview"],l):l((e="undefined"!=typeof globalThis?globalThis:e||self).SakuraPreviewFile={},e.Vue,e.sakuraUtils,e.core,e.VuePdfEmbed,null,e.docxPreview)}(this,(function(e,l,o,a,t,n,r){"use strict";const s=(e,l,o,a,t)=>{let n=e+"-"+l;return o&&(n+="-"+o),a&&(n+="__"+a),t&&(n+="--"+t),n},i=(e,o)=>{const a=l.unref(o)??"sakura"??e,t=e=>`${a}-${e}`,n=(e,l)=>`${a}-${e}-${l}`;return{b:(l="")=>s(a,e,l,"",""),e:(l="")=>l?s(a,e,"",l,""):"",m:(l="")=>l?s(a,e,"","",l):"",be:(l="",o="")=>l&&o?s(a,e,l,o,""):"",em:(l="",o="")=>l&&o?s(a,e,"",l,o):"",bm:(l="",o="")=>l&&o?s(a,e,l,"",o):"",bem:(l="",o="",t="")=>l&&o&&t?s(a,e,l,o,t):"",is:(e,...l)=>(!l.length||l[0])&&e?"is-"+e:"",cssVar:e=>{const l={};for(const o in e)e[o]&&(l[`--${a}-${o} `]=e[o]);return l},cssBlockVar:(e,l)=>{const o={};for(const t in l)l[t]&&(o[`--${a}-${e}-${t}`]=l[t]);return o},cssVarName:t,cssBlockVarName:n,cssVarNameValue:e=>`var(--${t(e)})`,cssBlockVarNameValue:(e,l)=>`var(--${n(e,l)})`}},u=e=>{const a=l.ref(""),t=l.computed(()=>o.isEmpty(a.value)?o.FILE_TYPE.IMAGE:o.getFileType(e.convertToLocalFileUrl?e.src:a.value));return l.watchEffect(async()=>{const{src:l}=e;a.value="",l instanceof Blob?a.value=o.base64ToFileUrl(await o.blobToBase64(l)):o.isBase64File(l)?a.value=o.base64ToFileUrl(l):a.value=e.convertToLocalFileUrl?await o.networkFileUrlToLocalFileUrl(l):l}),{fileType:t,fileUrl:a}},c=(e={})=>{const{maxScale:t=3,minScale:n=.4,stepNum:r=.2,wheelNum:s=.3}=e,i=l.ref(1),u=l.computed(()=>o.numberToFixed(100*i.value,0)+"%"),c=(e=r)=>{i.value=Math.max(n,i.value-=e)},d=(e=r)=>{i.value=(i.value+=e)>t?t:i.value},m=a.useThrottleFn(()=>c(),300),p=a.useThrottleFn(()=>d(),300);return{clickMinusScale:m,clickPlusScale:p,scale:i,scaleText:u,onWheel:e=>{e.ctrlKey&&(e.preventDefault(),e.deltaY>0?c(Math.random()*s):d(Math.random()*s))},resetWheelState:()=>{i.value=1}}},d=(e,o)=>{const{onWheel:a,clickMinusScale:t,clickPlusScale:n,resetWheelState:r,scale:s,scaleText:i}=c(),{isMouseDown:u,onMouseStart:d,resetMouseState:m,translateX:p,translateY:f}=(()=>{const e=l.ref(!1),o=l.ref(0),a=l.ref(0),t=l.ref(0),n=l.ref(0),r=l=>{if(!e.value)return;l.preventDefault();const r=l.clientX,s=l.clientY;t.value=r-o.value,n.value=s-a.value},s=()=>{e.value=!1,window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",s)};return{resetMouseState:()=>{o.value=0,a.value=0,t.value=0,n.value=0,e.value=!1},onMouseStart:l=>{e.value=!0,o.value=l.clientX-t.value,a.value=l.clientY-n.value,window.addEventListener("mousemove",r),window.addEventListener("mouseup",s)},translateX:t,translateY:n,isMouseDown:e}})(),v=l.computed(()=>({transform:`translate(${p.value}px, ${f.value}px) scale(${s.value})`,transformOrigin:"center center"})),g=()=>{m(),r()};l.watch(()=>null==o?void 0:o.value,g);const k=l.ref(null);return l.watch(()=>e.value,()=>{k.value&&(k.value.scrollTop=0,g())}),{wrapperRef:k,onWheel:a,clickMinusScale:t,clickPlusScale:n,resetWheelState:r,scale:s,scaleText:i,isMouseDown:u,onMouseStart:d,resetMouseState:m,translateX:p,translateY:f,wrapperStyle:v}},m=l.defineComponent({__name:"Overlay",props:{visible:{type:Boolean}},setup(e){const o=i("overlay");return(a,t)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([l.unref(o).b(),l.unref(o).is("active",e.visible)])},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(o).e("content")]),onClick:t[0]||(t[0]=l.withModifiers(()=>{},["prevent","stop"]))},[l.renderSlot(a.$slots,"default")],2)],2))}}),p={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f=["stroke"],v=["stroke"],g=l.defineComponent({__name:"Close",props:{color:{default:"#fff"}},setup:e=>(o,a)=>(l.openBlock(),l.createElementBlock("svg",p,[l.createElementVNode("path",{d:"M7 7L17 17",stroke:e.color,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,f),l.createElementVNode("path",{d:"M7 17L17 7",stroke:e.color,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,v)]))}),k=l.defineComponent({__name:"Dialog",props:l.mergeModels({title:{},top:{default:"15vh"},width:{default:"50vw"},background:{default:"white"},radius:{default:12},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=i("dialog"),n=e,r=l.computed(()=>{const{width:e,top:l,radius:a,background:r}=n;return t.cssBlockVar("dialog",{width:o.addUnit(e),top:o.addUnit(l),"border-radius":o.addUnit(a),background:o.addUnit(r)})}),s=l.useModel(e,"modelValue"),u=a.useThrottleFn(()=>{s.value=!s.value},500),c=l.ref(!1),d=l.watch(()=>s.value,e=>{!c.value&&e&&(c.value=!0,d.stop())}),p=a.useThrottleFn(e=>{"Escape"===e.key&&s.value&&u()},500);l.onMounted(()=>{n.closeOnPressEscape&&window.addEventListener("keydown",p)}),l.onBeforeUnmount(()=>{n.closeOnPressEscape&&window.removeEventListener("keydown",p)});const f=()=>{n.closeOnClickModal&&u()};return(a,n)=>(l.openBlock(),l.createBlock(l.Teleport,{to:"body"},[l.createVNode(m,{visible:s.value,onClick:f},{default:l.withCtx(()=>[c.value?(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass([l.unref(t).b(),l.unref(t).is("active",s.value)]),style:l.normalizeStyle([r.value])},[a.$slots.header||!l.unref(o.isEmpty)(e.title)?(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass([l.unref(t).e("header")])},[e.title?(l.openBlock(),l.createElementBlock("span",{key:0,class:l.normalizeClass([l.unref(t).e("title")])},l.toDisplayString(e.title),3)):l.createCommentVNode("",!0),l.renderSlot(a.$slots,"header")],2)):l.createCommentVNode("",!0),e.showClose?(l.openBlock(),l.createElementBlock("div",{key:1,class:l.normalizeClass([l.unref(t).e("icon")]),onClick:n[0]||(n[0]=(...e)=>l.unref(u)&&l.unref(u)(...e))},[l.createVNode(g,{color:"#909399"})],2)):l.createCommentVNode("",!0),l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("body")])},[l.renderSlot(a.$slots,"default")],2),a.$slots.footer?(l.openBlock(),l.createElementBlock("div",{key:2,class:l.normalizeClass([l.unref(t).e("footer")])},[l.renderSlot(a.$slots,"footer")],2)):l.createCommentVNode("",!0)],6)):l.createCommentVNode("",!0)]),_:3},8,["visible"])]))}}),h=["stroke"],b=(e,l)=>{const o=e.__vccOpts||e;for(const[a,t]of l)o[a]=t;return o},w={Circle:b(l.defineComponent({__name:"Circle",props:{size:{default:50},color:{default:"#409eff"},duration:{default:2}},setup(e){const a=e,t=l.computed(()=>{const{size:e,duration:l}=a;return{"--circle-size":o.addUnit(e),"--circle-duration":l+"s"}});return(o,a)=>(l.openBlock(),l.createElementBlock("svg",{class:"circular",viewBox:"0 0 50 50",style:l.normalizeStyle([t.value])},[l.createElementVNode("circle",{class:"circular__path-inner",cx:"25",cy:"25",r:"20",fill:"none",stroke:e.color,"stroke-width":"4","stroke-miterlimit":"10"},null,8,h)],4))}}),[["__scopeId","data-v-51d1fa15"]]),Dot:b(l.defineComponent({__name:"Dot",props:{gap:{default:6},color:{default:"var(--preview-file-primary-color)"},size:{default:10},duration:{default:1.4}},setup(e){const a=e,t=l.computed(()=>{const{size:e,gap:l,duration:t,color:n}=a;return{"--dot-size":o.addUnit(e),"--dot-duration":t+"s","--dot-gap":o.addUnit(l),"--dot-color":n}});return(e,o)=>(l.openBlock(),l.createElementBlock("div",{class:"dot",style:l.normalizeStyle([t.value])},[...o[0]||(o[0]=[l.createElementVNode("div",{class:"dot__item"},null,-1),l.createElementVNode("div",{class:"dot__item"},null,-1),l.createElementVNode("div",{class:"dot__item"},null,-1)])],4))}}),[["__scopeId","data-v-2acd99b5"]]),Progress:b(l.defineComponent({__name:"Progress",props:{width:{default:200},height:{default:4},background:{default:"#ebeef5"},radius:{},color:{default:"var(--preview-file-primary-color)"},duration:{default:2}},setup(e){const a=e,t=l.computed(()=>{const{width:e,height:l,color:t,duration:n,radius:r,background:s}=a;return{"--progress-width":o.addUnit(e),"--progress-height":o.addUnit(l),"--progress-border-radius":o.addUnit(r||Number(l)/2),"--progress-background":s,"--progress-duration":n+"s","--progress-color":t}});return(e,o)=>(l.openBlock(),l.createElementBlock("div",{class:"progress",style:l.normalizeStyle([t.value])},[...o[0]||(o[0]=[l.createElementVNode("div",{class:"progress__bar"},null,-1)])],4))}}),[["__scopeId","data-v-3a710001"]]),Cube:b(l.defineComponent({__name:"Cube",props:{size:{default:40},color:{default:"var(--preview-file-primary-color)"},duration:{default:1.3}},setup(e){const a=e,t=l.computed(()=>{const{size:e,duration:l,color:t}=a;return{"--cube-size":o.addUnit(e),"--cube-color":t,"--cube-duration":l+"s"}});return(e,o)=>(l.openBlock(),l.createElementBlock("div",{class:"cube",style:l.normalizeStyle([t.value])},[(l.openBlock(),l.createElementBlock(l.Fragment,null,l.renderList(9,e=>l.createElementVNode("div",{key:e,class:"cube__item"})),64))],4))}}),[["__scopeId","data-v-0e6bb9d0"]])};var y=(e=>(e["完成"]="loaded",e["改变"]="change",e["下一页"]="next",e["上一页"]="prev",e["放大"]="zoomIn",e["缩小"]="zoomOut",e))(y||{});const B=l.defineComponent({__name:"Tools",props:l.mergeModels({showTools:{type:Boolean},total:{},scaleText:{},nextPageDisabled:{type:Boolean},prevPageDisabled:{type:Boolean},enablePagination:{type:Boolean},enableMove:{type:Boolean},enableScale:{type:Boolean}},{modelValue:{type:Number,default:1},modelModifiers:{}}),emits:l.mergeModels([y.改变,y.下一页,y.上一页,y.放大,y.缩小],["update:modelValue"]),setup(e,{emit:o}){const a=i("tools"),t=o,n=l.useModel(e,"modelValue");return(o,r)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([l.unref(a).b()])},[l.renderSlot(o.$slots,"default"),e.showTools?(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[e.enablePagination?(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[l.createElementVNode("div",{class:l.normalizeClass(["sakura-file-data__arrow sakura-file-data__arrow-prev",[l.unref(a).e("arrow"),l.unref(a).em("arrow","prev"),l.unref(a).is("disabled",e.prevPageDisabled)]]),onClick:r[0]||(r[0]=e=>t(l.unref(y).上一页))},null,2),l.createElementVNode("div",{class:l.normalizeClass([l.unref(a).e("page")])},[l.withDirectives(l.createElementVNode("input",{class:l.normalizeClass([l.unref(a).e("input")]),"onUpdate:modelValue":r[1]||(r[1]=e=>n.value=e),onBlur:r[2]||(r[2]=e=>t(l.unref(y).改变))},null,34),[[l.vModelText,n.value,void 0,{number:!0}]]),l.createElementVNode("span",{class:l.normalizeClass([l.unref(a).e("text")])}," / "+l.toDisplayString(e.total),3)],2),l.createElementVNode("div",{class:l.normalizeClass([l.unref(a).e("arrow"),l.unref(a).em("arrow","next"),l.unref(a).is("disabled",e.nextPageDisabled)]),onClick:r[3]||(r[3]=e=>t(l.unref(y).下一页))},null,2)],64)):l.createCommentVNode("",!0),e.enableScale?(l.openBlock(),l.createElementBlock("div",{key:1,class:l.normalizeClass([l.unref(a).e("scale")])},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(a).e("icon"),l.unref(a).e("minus")]),onClick:r[4]||(r[4]=e=>t(l.unref(y).缩小))},null,2),l.createElementVNode("span",{class:l.normalizeClass([l.unref(a).e("scale-text")])},l.toDisplayString(e.scaleText),3),l.createElementVNode("div",{class:l.normalizeClass([l.unref(a).e("icon"),l.unref(a).e("plus")]),onClick:r[5]||(r[5]=e=>t(l.unref(y).放大))},null,2)],2)):l.createCommentVNode("",!0)],64)):l.createCommentVNode("",!0)],2))}}),V=l.defineComponent({__name:"Pdf",props:l.mergeModels({enablePagination:{type:Boolean,default:!0},enableScale:{type:Boolean,default:!0},enableMove:{type:Boolean,default:!0},fileUrl:{},showTools:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:l.mergeModels([y.完成],["update:modelValue"]),setup(e,{emit:n}){const r=i("file-data"),s=e,u=n,c=l.useModel(e,"modelValue"),m=l.computed(()=>({url:s.fileUrl,fontExtraProperties:!0,cMapUrl:"./cmaps/",cMapPacked:!0,disableFontFace:!1,enableXfa:!0,fontLoadTimeout:3e4,verbosity:0})),p=l.reactive({pageNum:1,total:0,isError:!1}),f=l.ref(0),v=async e=>{var a;p.total=e._pdfInfo.numPages,await l.nextTick(),await o.sleep(50),f.value=(null==(a=document.querySelector(".vue-file-dataembed"))?void 0:a.clientHeight)??0},g=()=>{p.isError=!0},k=async()=>{await o.sleep(300),c.value=!1,u(y.完成)},{prevPageDisabled:h,nextPageDisabled:b,nextPage:w,_pageNum:V,onPageNumChange:C,prevPage:E}=(e=>{const o=l.computed(()=>e.pageNum>=e.total),t=a.useThrottleFn(()=>{o.value||e.pageNum++},500),n=l.computed(()=>e.pageNum<=1),r=a.useThrottleFn(()=>{n.value||e.pageNum--},500),s=l.ref(1);return l.watchEffect(()=>{s.value=e.pageNum}),{nextPage:t,nextPageDisabled:o,prevPage:r,prevPageDisabled:n,_pageNum:s,onPageNumChange:()=>{const{total:l}=e;e.pageNum=Math.max(Math.min(s.value,l),1)}}})(p),S=()=>{c.value=!0,V.value=1,o.extend(p,{pageNum:1,total:0,isError:!1})};l.watch(()=>s.fileUrl,S),l.onMounted(S);const{pageNum:M}=l.toRefs(p),{fileUrl:N}=l.toRefs(s),{onWheel:_,clickMinusScale:P,clickPlusScale:x,isMouseDown:z,scaleText:T,onMouseStart:U,wrapperStyle:F}=d(N,M);return(o,a)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([l.unref(r).b(),l.unref(r).is("drag",l.unref(z))])},[l.createElementVNode("div",{ref:"wrapperRef",class:l.normalizeClass([l.unref(r).e("wrapper")]),onMousedown:a[0]||(a[0]=o=>e.enableMove&&l.unref(U)(o)),onWheel:a[1]||(a[1]=o=>e.enableScale&&l.unref(_)(o))},[l.createElementVNode("div",{style:l.normalizeStyle([l.unref(F)])},[l.createVNode(l.unref(t),{source:m.value,page:e.enablePagination?p.pageNum:void 0,scale:1,onLoaded:v,onRendered:k,onError:g},null,8,["source","page"])],4)],34),e.enablePagination||e.enableScale||e.showTools?(l.openBlock(),l.createBlock(B,{key:0,modelValue:l.unref(V),"onUpdate:modelValue":a[2]||(a[2]=e=>l.isRef(V)?V.value=e:null),total:p.total,"prev-page-disabled":l.unref(h),"next-page-disabled":l.unref(b),"scale-text":l.unref(T),"show-tools":e.showTools,"enable-pagination":e.enablePagination,"enable-scale":e.enableScale,"enable-move":e.enableMove,onChange:l.unref(C),onNext:l.unref(w),onPrev:l.unref(E),onZoomIn:l.unref(x),onZoomOut:l.unref(P)},{default:l.withCtx(()=>[l.renderSlot(o.$slots,"default",{fileDataState:p})]),_:3},8,["modelValue","total","prev-page-disabled","next-page-disabled","scale-text","show-tools","enable-pagination","enable-scale","enable-move","onChange","onNext","onPrev","onZoomIn","onZoomOut"])):l.createCommentVNode("",!0)],2))}}),C=l.defineComponent({__name:"Word",props:l.mergeModels({enablePagination:{type:Boolean},enableScale:{type:Boolean},enableMove:{type:Boolean},fileUrl:{},showTools:{type:Boolean,default:!0},isLocalFile:{type:Boolean,default:!1},enableWrapper:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:l.mergeModels([y.完成],["update:modelValue"]),setup(e,{emit:a}){const t=i("file-data"),n=e,s=l.useModel(e,"modelValue"),u=l.useTemplateRef("wordFileRef"),c=async()=>{try{s.value=!0,u.value&&(u.value.innerHTML="");const e=await(async()=>{const e=await fetch(n.fileUrl),l=await e.blob();return o.base64ToFile(await o.blobToBase64(l),o.generateId()+".docx")})();await r.renderAsync(e,u.value,void 0,{className:"docx",inWrapper:n.enableWrapper,ignoreWidth:!0,ignoreHeight:!1,ignoreFonts:!0,breakPages:!0,ignoreLastRenderedPageBreak:!0,experimental:!1,trimXmlDeclaration:!0}),await l.nextTick()}catch(e){console.log("fileUrl---",n.fileUrl),console.log("加载word文件失败----",e)}finally{s.value=!1}};l.onMounted(c),l.watch(()=>n.fileUrl,c);const{fileUrl:m}=l.toRefs(n),{onWheel:p,clickMinusScale:f,clickPlusScale:v,isMouseDown:g,scaleText:k,onMouseStart:h,wrapperStyle:b}=d(m);return(o,a)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([l.unref(t).b(),l.unref(t).is("drag",l.unref(g)),l.unref(t).is("enable-wrapper",e.enableWrapper)])},[l.createElementVNode("div",{ref:"wrapperRef",class:l.normalizeClass([l.unref(t).e("wrapper")]),onMousedown:a[0]||(a[0]=o=>e.enableMove&&l.unref(h)(o)),onWheel:a[1]||(a[1]=o=>e.enableScale&&l.unref(p)(o))},[l.createElementVNode("div",{ref_key:"wordFileRef",ref:u,style:l.normalizeStyle([l.unref(b)])},null,4)],34),e.enablePagination||e.enableScale||e.showTools?(l.openBlock(),l.createBlock(B,{key:0,"scale-text":l.unref(k),"show-tools":e.showTools,"enable-scale":e.enableScale,"enable-move":e.enableMove,onZoomIn:l.unref(v),onZoomOut:l.unref(f)},{default:l.withCtx(()=>[l.renderSlot(o.$slots,"default")]),_:3},8,["scale-text","show-tools","enable-scale","enable-move","onZoomIn","onZoomOut"])):l.createCommentVNode("",!0)],2))}}),E={width:"24",height:"24",fill:"none"};const S=b({},[["render",function(e,o){return l.openBlock(),l.createElementBlock("svg",E,[...o[0]||(o[0]=[l.createElementVNode("circle",{cx:"10.5",cy:"10.5",r:"6.5",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),l.createElementVNode("path",{d:"M15.5 15.5L20 20",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])}]]),M={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const N=b({},[["render",function(e,o){return l.openBlock(),l.createElementBlock("svg",M,[...o[0]||(o[0]=[l.createElementVNode("circle",{cx:"10.5",cy:"10.5",r:"6.5",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),l.createElementVNode("path",{d:"M7.5 10.5H13.5",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),l.createElementVNode("path",{d:"M15.5 15.5L20 20",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])}]]),_=["src"],P=l.defineComponent({__name:"Preview",props:l.mergeModels({imageWidth:{},imageHeight:{},fileUrl:{},enableMove:{type:Boolean},enableScale:{type:Boolean}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=i("preview-image"),{width:n,height:r}=a.useWindowSize(),s=l.useModel(e,"modelValue"),u=()=>{s.value=!s.value},c=e,{imageHeight:m,imageWidth:p,fileUrl:f}=l.toRefs(c),v=l.computed(()=>p.value>n.value?{width:"auto",height:o.addUnit(r.value)}:{width:o.addUnit(p.value),height:o.addUnit(m.value)}),{onWheel:h,onMouseStart:b,isMouseDown:w,clickMinusScale:y,clickPlusScale:B,wrapperStyle:V,resetMouseState:C,resetWheelState:E}=d(f);return l.watch(()=>s.value,e=>{e&&(C(),E())}),(o,a)=>(l.openBlock(),l.createBlock(l.unref(k),{modelValue:s.value,"onUpdate:modelValue":a[2]||(a[2]=e=>s.value=e),background:"transparent","show-close":!1},{default:l.withCtx(()=>[l.createElementVNode("div",{ref:"wrapperRef",class:l.normalizeClass([l.unref(t).b(),l.unref(t).is("drag",l.unref(w))]),onMousedown:a[0]||(a[0]=o=>e.enableMove&&l.unref(b)(o)),onWheel:a[1]||(a[1]=o=>e.enableScale&&l.unref(h)(o))},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("data")])},[l.createElementVNode("img",{class:l.normalizeClass([l.unref(t).e("dot-move")]),src:l.unref(f),style:l.normalizeStyle([v.value,l.unref(V)]),alt:""},null,14,_)],2),l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("close")]),onClick:u},[l.createVNode(g)],2),e.enableScale?(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass([l.unref(t).e("tools")])},[l.createVNode(N,{onClick:l.unref(y)},null,8,["onClick"]),l.createVNode(S,{onClick:l.unref(B)},null,8,["onClick"])],2)):l.createCommentVNode("",!0)],34)]),_:1},8,["modelValue"]))}}),x=["src"],z=l.defineComponent({__name:"Image",props:l.mergeModels({enablePagination:{type:Boolean},enableScale:{type:Boolean},enableMove:{type:Boolean},fileUrl:{},showTools:{type:Boolean}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const o=i("file-data"),a=e,t=l.useModel(e,"modelValue"),n=()=>{t.value=!1},r=l.ref(0),s=l.ref(0);l.onMounted(async()=>{const e=a.fileUrl;r.value=0,s.value=0;const l=new Image;l.src=e,l.onload=()=>{r.value=l.width,s.value=l.height}});const u=l.ref(!1),c=()=>{u.value=!u.value};return(a,t)=>(l.openBlock(),l.createElementBlock(l.Fragment,null,[l.createElementVNode("div",{class:l.normalizeClass([l.unref(o).b(),l.unref(o).is("image")])},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(o).e("wrapper")])},[l.createElementVNode("img",{class:l.normalizeClass([l.unref(o).e("image")]),src:e.fileUrl,alt:"",onLoad:n,onClick:c},null,42,x)],2)],2),l.createVNode(P,{modelValue:u.value,"onUpdate:modelValue":t[0]||(t[0]=e=>u.value=e),"file-url":e.fileUrl,"enable-move":e.enableMove,"enable-scale":e.enableScale,"image-width":r.value,"image-height":s.value},null,8,["modelValue","file-url","enable-move","enable-scale","image-width","image-height"])],64))}}),T=Symbol("PreviewFile"),U=l.defineComponent({__name:"preview-file",props:{width:{default:"100%"},height:{default:"100%"},src:{},enablePagination:{type:Boolean,default:!0},enableScale:{type:Boolean,default:!0},enableMove:{type:Boolean,default:!0},loadingType:{default:"circle"},loadingState:{default:()=>({})},convertToLocalFileUrl:{type:Boolean,default:!1},themeColor:{default:"#409eff"}},setup(e){const a=e;l.provide(T,a);const t=i("preview-file"),n=l.computed(()=>{const{width:e,height:l,themeColor:t}=a,n={"--preview-file-primary-color":t};return o.isEmpty(e)||(n.width=o.addUnit(e)),o.isEmpty(l)||(n.height=o.addUnit(l)),n}),{fileType:r,fileUrl:s}=u(a),c=l.ref(!0),d=l.computed(()=>{const{loadingType:e}=a;switch(e){case"circle":return w.Circle;case"dot":return w.Dot;case"cube":return w.Cube;case"progress":default:return w.Progress}});return(i,u)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(l.unref(t).b()),style:l.normalizeStyle([n.value])},[l.unref(o.isEmpty)(l.unref(s))?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass([l.unref(t).e("wrapper")])},[l.unref(o.isPdfFile)(l.unref(r))?(l.openBlock(),l.createBlock(V,{key:0,modelValue:c.value,"onUpdate:modelValue":u[0]||(u[0]=e=>c.value=e),"file-url":l.unref(s),"show-tools":!i.$slots.default,"enable-pagination":e.enablePagination,"enable-scale":e.enableScale,"enable-move":e.enableMove},{default:l.withCtx(({fileDataState:e})=>[l.renderSlot(i.$slots,"default",{fileState:e,data:a})]),_:3},8,["modelValue","file-url","show-tools","enable-pagination","enable-scale","enable-move"])):l.createCommentVNode("",!0),l.unref(o.isWordFile)(l.unref(r))?(l.openBlock(),l.createBlock(C,{key:1,modelValue:c.value,"onUpdate:modelValue":u[1]||(u[1]=e=>c.value=e),"file-url":l.unref(s),"show-tools":!i.$slots.default,"enable-pagination":e.enablePagination,"enable-scale":e.enableScale,"enable-move":e.enableMove,"is-local-file":e.convertToLocalFileUrl},null,8,["modelValue","file-url","show-tools","enable-pagination","enable-scale","enable-move","is-local-file"])):l.unref(o.isImageFile)(l.unref(r))?(l.openBlock(),l.createBlock(z,{key:2,modelValue:c.value,"onUpdate:modelValue":u[2]||(u[2]=e=>c.value=e),"file-url":l.unref(s),"show-tools":!i.$slots.default,"enable-scale":e.enableScale,"enable-move":e.enableMove},null,8,["modelValue","file-url","show-tools","enable-scale","enable-move"])):l.createCommentVNode("",!0)],2)),l.withDirectives(l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("loading")])},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("loading-spinner")])},[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(d.value),l.normalizeProps(l.guardReactiveProps({...e.loadingState,color:e.themeColor})),null,16))],2)],2),[[l.vShow,c.value]])],6))}}),F=l.defineComponent({__name:"preview-file-dialog",setup(e,{expose:a}){const t=l.reactive({width:749,height:"80vh",src:"",convertToLocalFileUrl:!1,enablePagination:!0,enableMove:!0,enableScale:!0,loadingType:"progress",themeColor:"#245EFF",top:"5vh"}),{fileUrl:n,fileType:r}=u(t),s=l.computed(()=>{const{title:e}=t;return o.isEmpty(e)?o.isPdfFile(r.value)?"pdf":o.isWordFile(r.value)?"word":"image":e}),i=l.ref(!1);return a({previewFile:(e,l,a={})=>{o.extend(t,{width:749,height:"80vh",src:"",convertToLocalFileUrl:!1,enablePagination:!0,enableMove:!0,enableScale:!0,loadingType:"progress",themeColor:"#245EFF",top:"5vh"},{...a,title:l,src:e}),i.value=!0}}),(e,o)=>(l.openBlock(),l.createBlock(l.unref(k),{modelValue:i.value,"onUpdate:modelValue":o[0]||(o[0]=e=>i.value=e),top:t.top,title:s.value,width:t.width},{default:l.withCtx(()=>[i.value?(l.openBlock(),l.createBlock(U,l.mergeProps({key:0},t,{src:l.unref(n),width:"100%"}),null,16,["src"])):l.createCommentVNode("",!0)]),_:1},8,["modelValue","top","title","width"]))}});const D={install:function(e){const o=l.createVNode(F);((e,l="body")=>{if(document.querySelector("#"+e))return!0;try{const o=document.createElement("div");o.id=e;document.querySelector(l).append(o)}catch{return!1}})("sakura-preview-file"),l.render(o,document.querySelector("#sakura-preview-file")),e.config.globalProperties.$previewFile=(e,l="",a)=>{var t,n;return(null==(t=o.component)?void 0:t.exposed)&&(null==(n=o.component)?void 0:n.exposed.previewFile(e,l,a))}}};e.Dialog=k,e.Loading=w,e.PreviewFile=U,e.PreviewFileDialog=F,e.default=D,e.usePreviewFile=()=>{const e=l.getCurrentInstance();return null==e?void 0:e.appContext.config.globalProperties.$previewFile},Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
1
|
+
!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?l(exports,require("vue"),require("sakura-utils"),require("@vueuse/core"),require("vue-pdf-embed"),require("pdfjs-dist"),require("docx-preview")):"function"==typeof define&&define.amd?define(["exports","vue","sakura-utils","@vueuse/core","vue-pdf-embed","pdfjs-dist","docx-preview"],l):l((e="undefined"!=typeof globalThis?globalThis:e||self).SakuraPreviewFile={},e.Vue,e.sakuraUtils,e.core,e.VuePdfEmbed,null,e.docxPreview)}(this,(function(e,l,o,a,t,n,r){"use strict";const s=(e,l,o,a,t)=>{let n=e+"-"+l;return o&&(n+="-"+o),a&&(n+="__"+a),t&&(n+="--"+t),n},i=(e,o)=>{const a=l.unref(o)??"sakura"??e,t=e=>`${a}-${e}`,n=(e,l)=>`${a}-${e}-${l}`;return{b:(l="")=>s(a,e,l,"",""),e:(l="")=>l?s(a,e,"",l,""):"",m:(l="")=>l?s(a,e,"","",l):"",be:(l="",o="")=>l&&o?s(a,e,l,o,""):"",em:(l="",o="")=>l&&o?s(a,e,"",l,o):"",bm:(l="",o="")=>l&&o?s(a,e,l,"",o):"",bem:(l="",o="",t="")=>l&&o&&t?s(a,e,l,o,t):"",is:(e,...l)=>(!l.length||l[0])&&e?"is-"+e:"",cssVar:e=>{const l={};for(const o in e)e[o]&&(l[`--${a}-${o} `]=e[o]);return l},cssBlockVar:(e,l)=>{const o={};for(const t in l)l[t]&&(o[`--${a}-${e}-${t}`]=l[t]);return o},cssVarName:t,cssBlockVarName:n,cssVarNameValue:e=>`var(--${t(e)})`,cssBlockVarNameValue:(e,l)=>`var(--${n(e,l)})`}},u=e=>{const a=l.ref(""),t=l.computed(()=>o.isEmpty(a.value)?o.FILE_TYPE.IMAGE:o.getFileType(e.convertToLocalFileUrl?e.src:a.value));return l.watchEffect(async()=>{const{src:l}=e;a.value="",l instanceof Blob?a.value=o.base64ToFileUrl(await o.blobToBase64(l)):o.isBase64File(l)?a.value=o.base64ToFileUrl(l):a.value=e.convertToLocalFileUrl?await o.networkFileUrlToLocalFileUrl(l):l}),{fileType:t,fileUrl:a}},c=(e={})=>{const{maxScale:t=3,minScale:n=.4,stepNum:r=.2,wheelNum:s=.3}=e,i=l.ref(1),u=l.computed(()=>o.numberToFixed(100*i.value,0)+"%"),c=(e=r)=>{i.value=Math.max(n,i.value-=e)},d=(e=r)=>{i.value=(i.value+=e)>t?t:i.value},m=a.useThrottleFn(()=>c(),300),p=a.useThrottleFn(()=>d(),300);return{clickMinusScale:m,clickPlusScale:p,scale:i,scaleText:u,onWheel:e=>{e.ctrlKey&&(e.preventDefault(),e.deltaY>0?c(Math.random()*s):d(Math.random()*s))},resetWheelState:()=>{i.value=1}}},d=(e,o)=>{const{onWheel:a,clickMinusScale:t,clickPlusScale:n,resetWheelState:r,scale:s,scaleText:i}=c(),{isMouseDown:u,onMouseStart:d,resetMouseState:m,translateX:p,translateY:f}=(()=>{const e=l.ref(!1),o=l.ref(0),a=l.ref(0),t=l.ref(0),n=l.ref(0),r=l=>{if(!e.value)return;l.preventDefault();const r=l.clientX,s=l.clientY;t.value=r-o.value,n.value=s-a.value},s=()=>{e.value=!1,window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",s)};return{resetMouseState:()=>{o.value=0,a.value=0,t.value=0,n.value=0,e.value=!1},onMouseStart:l=>{e.value=!0,o.value=l.clientX-t.value,a.value=l.clientY-n.value,window.addEventListener("mousemove",r),window.addEventListener("mouseup",s)},translateX:t,translateY:n,isMouseDown:e}})(),v=l.computed(()=>({transform:`translate(${p.value}px, ${f.value}px) scale(${s.value})`,transformOrigin:"center center"})),g=()=>{m(),r()};l.watch(()=>null==o?void 0:o.value,g);const k=l.ref(null);return l.watch(()=>e.value,()=>{k.value&&(k.value.scrollTop=0,g())}),{wrapperRef:k,onWheel:a,clickMinusScale:t,clickPlusScale:n,resetWheelState:r,scale:s,scaleText:i,isMouseDown:u,onMouseStart:d,resetMouseState:m,translateX:p,translateY:f,wrapperStyle:v}},m=l.defineComponent({__name:"Overlay",props:{visible:{type:Boolean}},setup(e){const o=i("overlay");return(a,t)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([l.unref(o).b(),l.unref(o).is("active",e.visible)])},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(o).e("content")]),onClick:t[0]||(t[0]=l.withModifiers(()=>{},["prevent","stop"]))},[l.renderSlot(a.$slots,"default")],2)],2))}}),p={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f=["stroke"],v=["stroke"],g=l.defineComponent({__name:"Close",props:{color:{default:"#fff"}},setup:e=>(o,a)=>(l.openBlock(),l.createElementBlock("svg",p,[l.createElementVNode("path",{d:"M7 7L17 17",stroke:e.color,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,f),l.createElementVNode("path",{d:"M7 17L17 7",stroke:e.color,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,v)]))}),k=l.defineComponent({__name:"Dialog",props:l.mergeModels({title:{},top:{default:"15vh"},width:{default:"50vw"},background:{default:"white"},radius:{default:12},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=i("dialog"),n=e,r=l.computed(()=>{const{width:e,top:l,radius:a,background:r}=n;return t.cssBlockVar("dialog",{width:o.addUnit(e),top:o.addUnit(l),"border-radius":o.addUnit(a),background:o.addUnit(r)})}),s=l.useModel(e,"modelValue"),u=a.useThrottleFn(()=>{s.value=!s.value},500),c=l.ref(!1),d=l.watch(()=>s.value,e=>{!c.value&&e&&(c.value=!0,d.stop())}),p=a.useThrottleFn(e=>{"Escape"===e.key&&s.value&&u()},500);l.onMounted(()=>{n.closeOnPressEscape&&window.addEventListener("keydown",p)}),l.onBeforeUnmount(()=>{n.closeOnPressEscape&&window.removeEventListener("keydown",p)});const f=()=>{n.closeOnClickModal&&u()};return(a,n)=>(l.openBlock(),l.createBlock(l.Teleport,{to:"body"},[l.createVNode(m,{visible:s.value,onClick:f},{default:l.withCtx(()=>[c.value?(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass([l.unref(t).b(),l.unref(t).is("active",s.value)]),style:l.normalizeStyle([r.value])},[a.$slots.header||!l.unref(o.isEmpty)(e.title)?(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass([l.unref(t).e("header")])},[e.title?(l.openBlock(),l.createElementBlock("span",{key:0,class:l.normalizeClass([l.unref(t).e("title")])},l.toDisplayString(e.title),3)):l.createCommentVNode("",!0),l.renderSlot(a.$slots,"header")],2)):l.createCommentVNode("",!0),e.showClose?(l.openBlock(),l.createElementBlock("div",{key:1,class:l.normalizeClass([l.unref(t).e("icon")]),onClick:n[0]||(n[0]=(...e)=>l.unref(u)&&l.unref(u)(...e))},[l.createVNode(g,{color:"#909399"})],2)):l.createCommentVNode("",!0),l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("body")])},[l.renderSlot(a.$slots,"default")],2),a.$slots.footer?(l.openBlock(),l.createElementBlock("div",{key:2,class:l.normalizeClass([l.unref(t).e("footer")])},[l.renderSlot(a.$slots,"footer")],2)):l.createCommentVNode("",!0)],6)):l.createCommentVNode("",!0)]),_:3},8,["visible"])]))}}),h=["stroke"],b=(e,l)=>{const o=e.__vccOpts||e;for(const[a,t]of l)o[a]=t;return o},w={Circle:b(l.defineComponent({__name:"Circle",props:{size:{default:50},color:{default:"#409eff"},duration:{default:2}},setup(e){const a=e,t=l.computed(()=>{const{size:e,duration:l}=a;return{"--circle-size":o.addUnit(e),"--circle-duration":l+"s"}});return(o,a)=>(l.openBlock(),l.createElementBlock("svg",{class:"circular",viewBox:"0 0 50 50",style:l.normalizeStyle([t.value])},[l.createElementVNode("circle",{class:"circular__path-inner",cx:"25",cy:"25",r:"20",fill:"none",stroke:e.color,"stroke-width":"4","stroke-miterlimit":"10"},null,8,h)],4))}}),[["__scopeId","data-v-51d1fa15"]]),Dot:b(l.defineComponent({__name:"Dot",props:{gap:{default:6},color:{default:"var(--preview-file-primary-color)"},size:{default:10},duration:{default:1.4}},setup(e){const a=e,t=l.computed(()=>{const{size:e,gap:l,duration:t,color:n}=a;return{"--dot-size":o.addUnit(e),"--dot-duration":t+"s","--dot-gap":o.addUnit(l),"--dot-color":n}});return(e,o)=>(l.openBlock(),l.createElementBlock("div",{class:"dot",style:l.normalizeStyle([t.value])},[...o[0]||(o[0]=[l.createElementVNode("div",{class:"dot__item"},null,-1),l.createElementVNode("div",{class:"dot__item"},null,-1),l.createElementVNode("div",{class:"dot__item"},null,-1)])],4))}}),[["__scopeId","data-v-2acd99b5"]]),Progress:b(l.defineComponent({__name:"Progress",props:{width:{default:200},height:{default:4},background:{default:"#ebeef5"},radius:{},color:{default:"var(--preview-file-primary-color)"},duration:{default:2}},setup(e){const a=e,t=l.computed(()=>{const{width:e,height:l,color:t,duration:n,radius:r,background:s}=a;return{"--progress-width":o.addUnit(e),"--progress-height":o.addUnit(l),"--progress-border-radius":o.addUnit(r||Number(l)/2),"--progress-background":s,"--progress-duration":n+"s","--progress-color":t}});return(e,o)=>(l.openBlock(),l.createElementBlock("div",{class:"progress",style:l.normalizeStyle([t.value])},[...o[0]||(o[0]=[l.createElementVNode("div",{class:"progress__bar"},null,-1)])],4))}}),[["__scopeId","data-v-3a710001"]]),Cube:b(l.defineComponent({__name:"Cube",props:{size:{default:40},color:{default:"var(--preview-file-primary-color)"},duration:{default:1.3}},setup(e){const a=e,t=l.computed(()=>{const{size:e,duration:l,color:t}=a;return{"--cube-size":o.addUnit(e),"--cube-color":t,"--cube-duration":l+"s"}});return(e,o)=>(l.openBlock(),l.createElementBlock("div",{class:"cube",style:l.normalizeStyle([t.value])},[(l.openBlock(),l.createElementBlock(l.Fragment,null,l.renderList(9,e=>l.createElementVNode("div",{key:e,class:"cube__item"})),64))],4))}}),[["__scopeId","data-v-0e6bb9d0"]])};var y=(e=>(e["完成"]="loaded",e["改变"]="change",e["下一页"]="next",e["上一页"]="prev",e["放大"]="zoomIn",e["缩小"]="zoomOut",e))(y||{});const B=l.defineComponent({__name:"Tools",props:l.mergeModels({showTools:{type:Boolean},total:{},scaleText:{},nextPageDisabled:{type:Boolean},prevPageDisabled:{type:Boolean},enablePagination:{type:Boolean},enableMove:{type:Boolean},enableScale:{type:Boolean}},{modelValue:{type:Number,default:1},modelModifiers:{}}),emits:l.mergeModels([y.改变,y.下一页,y.上一页,y.放大,y.缩小],["update:modelValue"]),setup(e,{emit:o}){const a=i("tools"),t=o,n=l.useModel(e,"modelValue");return(o,r)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([l.unref(a).b()])},[l.renderSlot(o.$slots,"default"),e.showTools?(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[e.enablePagination?(l.openBlock(),l.createElementBlock(l.Fragment,{key:0},[l.createElementVNode("div",{class:l.normalizeClass(["sakura-file-data__arrow sakura-file-data__arrow-prev",[l.unref(a).e("arrow"),l.unref(a).em("arrow","prev"),l.unref(a).is("disabled",e.prevPageDisabled)]]),onClick:r[0]||(r[0]=e=>t(l.unref(y).上一页))},null,2),l.createElementVNode("div",{class:l.normalizeClass([l.unref(a).e("page")])},[l.withDirectives(l.createElementVNode("input",{class:l.normalizeClass([l.unref(a).e("input")]),"onUpdate:modelValue":r[1]||(r[1]=e=>n.value=e),onBlur:r[2]||(r[2]=e=>t(l.unref(y).改变))},null,34),[[l.vModelText,n.value,void 0,{number:!0}]]),l.createElementVNode("span",{class:l.normalizeClass([l.unref(a).e("text")])}," / "+l.toDisplayString(e.total),3)],2),l.createElementVNode("div",{class:l.normalizeClass([l.unref(a).e("arrow"),l.unref(a).em("arrow","next"),l.unref(a).is("disabled",e.nextPageDisabled)]),onClick:r[3]||(r[3]=e=>t(l.unref(y).下一页))},null,2)],64)):l.createCommentVNode("",!0),e.enableScale?(l.openBlock(),l.createElementBlock("div",{key:1,class:l.normalizeClass([l.unref(a).e("scale")])},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(a).e("icon"),l.unref(a).e("minus")]),onClick:r[4]||(r[4]=e=>t(l.unref(y).缩小))},null,2),l.createElementVNode("span",{class:l.normalizeClass([l.unref(a).e("scale-text")])},l.toDisplayString(e.scaleText),3),l.createElementVNode("div",{class:l.normalizeClass([l.unref(a).e("icon"),l.unref(a).e("plus")]),onClick:r[5]||(r[5]=e=>t(l.unref(y).放大))},null,2)],2)):l.createCommentVNode("",!0)],64)):l.createCommentVNode("",!0)],2))}}),V=l.defineComponent({__name:"Pdf",props:l.mergeModels({enablePagination:{type:Boolean,default:!0},enableScale:{type:Boolean,default:!0},enableMove:{type:Boolean,default:!0},fileUrl:{},showTools:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:l.mergeModels([y.完成],["update:modelValue"]),setup(e,{emit:n}){const r=i("file-data"),s=e,u=n,c=l.useModel(e,"modelValue"),m=l.computed(()=>({url:s.fileUrl,fontExtraProperties:!0,cMapUrl:"./cmaps/",cMapPacked:!0,disableFontFace:!1,enableXfa:!0,fontLoadTimeout:3e4,verbosity:0})),p=l.reactive({pageNum:1,total:0,isError:!1}),f=l.ref(0),v=async e=>{var a;p.total=e._pdfInfo.numPages,await l.nextTick(),await o.sleep(50),f.value=(null==(a=document.querySelector(".vue-file-dataembed"))?void 0:a.clientHeight)??0},g=()=>{p.isError=!0},k=async()=>{await o.sleep(300),c.value=!1,u(y.完成)},{prevPageDisabled:h,nextPageDisabled:b,nextPage:w,_pageNum:V,onPageNumChange:C,prevPage:E}=(e=>{const o=l.computed(()=>e.pageNum>=e.total),t=a.useThrottleFn(()=>{o.value||e.pageNum++},500),n=l.computed(()=>e.pageNum<=1),r=a.useThrottleFn(()=>{n.value||e.pageNum--},500),s=l.ref(1);return l.watchEffect(()=>{s.value=e.pageNum}),{nextPage:t,nextPageDisabled:o,prevPage:r,prevPageDisabled:n,_pageNum:s,onPageNumChange:()=>{const{total:l}=e;e.pageNum=Math.max(Math.min(s.value,l),1),s.value=e.pageNum}}})(p),S=()=>{c.value=!0,V.value=1,o.extend(p,{pageNum:1,total:0,isError:!1})};l.watch(()=>s.fileUrl,S),l.onMounted(S);const{pageNum:M}=l.toRefs(p),{fileUrl:N}=l.toRefs(s),{onWheel:_,clickMinusScale:P,clickPlusScale:x,isMouseDown:z,scaleText:T,onMouseStart:U,wrapperStyle:F}=d(N,M);return(o,a)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([l.unref(r).b(),l.unref(r).is("drag",l.unref(z))])},[l.createElementVNode("div",{ref:"wrapperRef",class:l.normalizeClass([l.unref(r).e("wrapper")]),onMousedown:a[0]||(a[0]=o=>e.enableMove&&l.unref(U)(o)),onWheel:a[1]||(a[1]=o=>e.enableScale&&l.unref(_)(o))},[l.createElementVNode("div",{style:l.normalizeStyle([l.unref(F)])},[l.createVNode(l.unref(t),{source:m.value,page:e.enablePagination?p.pageNum:void 0,scale:1,onLoaded:v,onRendered:k,onError:g},null,8,["source","page"])],4)],34),e.enablePagination||e.enableScale||e.showTools?(l.openBlock(),l.createBlock(B,{key:0,modelValue:l.unref(V),"onUpdate:modelValue":a[2]||(a[2]=e=>l.isRef(V)?V.value=e:null),total:p.total,"prev-page-disabled":l.unref(h),"next-page-disabled":l.unref(b),"scale-text":l.unref(T),"show-tools":e.showTools,"enable-pagination":e.enablePagination,"enable-scale":e.enableScale,"enable-move":e.enableMove,onChange:l.unref(C),onNext:l.unref(w),onPrev:l.unref(E),onZoomIn:l.unref(x),onZoomOut:l.unref(P)},{default:l.withCtx(()=>[l.renderSlot(o.$slots,"default",{fileDataState:p})]),_:3},8,["modelValue","total","prev-page-disabled","next-page-disabled","scale-text","show-tools","enable-pagination","enable-scale","enable-move","onChange","onNext","onPrev","onZoomIn","onZoomOut"])):l.createCommentVNode("",!0)],2))}}),C=l.defineComponent({__name:"Word",props:l.mergeModels({enablePagination:{type:Boolean},enableScale:{type:Boolean},enableMove:{type:Boolean},fileUrl:{},showTools:{type:Boolean,default:!0},isLocalFile:{type:Boolean,default:!1},enableWrapper:{type:Boolean,default:!0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:l.mergeModels([y.完成],["update:modelValue"]),setup(e,{emit:a}){const t=i("file-data"),n=e,s=l.useModel(e,"modelValue"),u=l.useTemplateRef("wordFileRef"),c=async()=>{try{s.value=!0,u.value&&(u.value.innerHTML="");const e=await(async()=>{const e=await fetch(n.fileUrl),l=await e.blob();return o.base64ToFile(await o.blobToBase64(l),o.generateId()+".docx")})();await r.renderAsync(e,u.value,void 0,{className:"docx",inWrapper:n.enableWrapper,ignoreWidth:!0,ignoreHeight:!1,ignoreFonts:!0,breakPages:!0,ignoreLastRenderedPageBreak:!0,experimental:!1,trimXmlDeclaration:!0}),await l.nextTick()}catch(e){console.log("fileUrl---",n.fileUrl),console.log("加载word文件失败----",e)}finally{s.value=!1}};l.onMounted(c),l.watch(()=>n.fileUrl,c);const{fileUrl:m}=l.toRefs(n),{onWheel:p,clickMinusScale:f,clickPlusScale:v,isMouseDown:g,scaleText:k,onMouseStart:h,wrapperStyle:b}=d(m);return(o,a)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([l.unref(t).b(),l.unref(t).is("drag",l.unref(g)),l.unref(t).is("enable-wrapper",e.enableWrapper)])},[l.createElementVNode("div",{ref:"wrapperRef",class:l.normalizeClass([l.unref(t).e("wrapper")]),onMousedown:a[0]||(a[0]=o=>e.enableMove&&l.unref(h)(o)),onWheel:a[1]||(a[1]=o=>e.enableScale&&l.unref(p)(o))},[l.createElementVNode("div",{ref_key:"wordFileRef",ref:u,style:l.normalizeStyle([l.unref(b)])},null,4)],34),e.enablePagination||e.enableScale||e.showTools?(l.openBlock(),l.createBlock(B,{key:0,"scale-text":l.unref(k),"show-tools":e.showTools,"enable-scale":e.enableScale,"enable-move":e.enableMove,onZoomIn:l.unref(v),onZoomOut:l.unref(f)},{default:l.withCtx(()=>[l.renderSlot(o.$slots,"default")]),_:3},8,["scale-text","show-tools","enable-scale","enable-move","onZoomIn","onZoomOut"])):l.createCommentVNode("",!0)],2))}}),E={width:"24",height:"24",fill:"none"};const S=b({},[["render",function(e,o){return l.openBlock(),l.createElementBlock("svg",E,[...o[0]||(o[0]=[l.createElementVNode("circle",{cx:"10.5",cy:"10.5",r:"6.5",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),l.createElementVNode("path",{d:"M15.5 15.5L20 20",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])}]]),M={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const N=b({},[["render",function(e,o){return l.openBlock(),l.createElementBlock("svg",M,[...o[0]||(o[0]=[l.createElementVNode("circle",{cx:"10.5",cy:"10.5",r:"6.5",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),l.createElementVNode("path",{d:"M7.5 10.5H13.5",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),l.createElementVNode("path",{d:"M15.5 15.5L20 20",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])}]]),_=["src"],P=l.defineComponent({__name:"Preview",props:l.mergeModels({imageWidth:{},imageHeight:{},fileUrl:{},enableMove:{type:Boolean},enableScale:{type:Boolean}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=i("preview-image"),{width:n,height:r}=a.useWindowSize(),s=l.useModel(e,"modelValue"),u=()=>{s.value=!s.value},c=e,{imageHeight:m,imageWidth:p,fileUrl:f}=l.toRefs(c),v=l.computed(()=>p.value>n.value?{width:"auto",height:o.addUnit(r.value)}:{width:o.addUnit(p.value),height:o.addUnit(m.value)}),{onWheel:h,onMouseStart:b,isMouseDown:w,clickMinusScale:y,clickPlusScale:B,wrapperStyle:V,resetMouseState:C,resetWheelState:E}=d(f);return l.watch(()=>s.value,e=>{e&&(C(),E())}),(o,a)=>(l.openBlock(),l.createBlock(l.unref(k),{modelValue:s.value,"onUpdate:modelValue":a[2]||(a[2]=e=>s.value=e),background:"transparent","show-close":!1},{default:l.withCtx(()=>[l.createElementVNode("div",{ref:"wrapperRef",class:l.normalizeClass([l.unref(t).b(),l.unref(t).is("drag",l.unref(w))]),onMousedown:a[0]||(a[0]=o=>e.enableMove&&l.unref(b)(o)),onWheel:a[1]||(a[1]=o=>e.enableScale&&l.unref(h)(o))},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("data")])},[l.createElementVNode("img",{class:l.normalizeClass([l.unref(t).e("dot-move")]),src:l.unref(f),style:l.normalizeStyle([v.value,l.unref(V)]),alt:""},null,14,_)],2),l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("close")]),onClick:u},[l.createVNode(g)],2),e.enableScale?(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass([l.unref(t).e("tools")])},[l.createVNode(N,{onClick:l.unref(y)},null,8,["onClick"]),l.createVNode(S,{onClick:l.unref(B)},null,8,["onClick"])],2)):l.createCommentVNode("",!0)],34)]),_:1},8,["modelValue"]))}}),x=["src"],z=l.defineComponent({__name:"Image",props:l.mergeModels({enablePagination:{type:Boolean},enableScale:{type:Boolean},enableMove:{type:Boolean},fileUrl:{},showTools:{type:Boolean}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const o=i("file-data"),a=e,t=l.useModel(e,"modelValue"),n=()=>{t.value=!1},r=l.ref(0),s=l.ref(0);l.onMounted(async()=>{const e=a.fileUrl;r.value=0,s.value=0;const l=new Image;l.src=e,l.onload=()=>{r.value=l.width,s.value=l.height}});const u=l.ref(!1),c=()=>{u.value=!u.value};return(a,t)=>(l.openBlock(),l.createElementBlock(l.Fragment,null,[l.createElementVNode("div",{class:l.normalizeClass([l.unref(o).b(),l.unref(o).is("image")])},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(o).e("wrapper")])},[l.createElementVNode("img",{class:l.normalizeClass([l.unref(o).e("image")]),src:e.fileUrl,alt:"",onLoad:n,onClick:c},null,42,x)],2)],2),l.createVNode(P,{modelValue:u.value,"onUpdate:modelValue":t[0]||(t[0]=e=>u.value=e),"file-url":e.fileUrl,"enable-move":e.enableMove,"enable-scale":e.enableScale,"image-width":r.value,"image-height":s.value},null,8,["modelValue","file-url","enable-move","enable-scale","image-width","image-height"])],64))}}),T=Symbol("PreviewFile"),U=l.defineComponent({__name:"preview-file",props:{width:{default:"100%"},height:{default:"100%"},src:{},enablePagination:{type:Boolean,default:!0},enableScale:{type:Boolean,default:!0},enableMove:{type:Boolean,default:!0},loadingType:{default:"circle"},loadingState:{default:()=>({})},convertToLocalFileUrl:{type:Boolean,default:!1},themeColor:{default:"#409eff"}},setup(e){const a=e;l.provide(T,a);const t=i("preview-file"),n=l.computed(()=>{const{width:e,height:l,themeColor:t}=a,n={"--preview-file-primary-color":t};return o.isEmpty(e)||(n.width=o.addUnit(e)),o.isEmpty(l)||(n.height=o.addUnit(l)),n}),{fileType:r,fileUrl:s}=u(a),c=l.ref(!0),d=l.computed(()=>{const{loadingType:e}=a;switch(e){case"circle":return w.Circle;case"dot":return w.Dot;case"cube":return w.Cube;case"progress":default:return w.Progress}});return(i,u)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(l.unref(t).b()),style:l.normalizeStyle([n.value])},[l.unref(o.isEmpty)(l.unref(s))?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock("div",{key:0,class:l.normalizeClass([l.unref(t).e("wrapper")])},[l.unref(o.isPdfFile)(l.unref(r))?(l.openBlock(),l.createBlock(V,{key:0,modelValue:c.value,"onUpdate:modelValue":u[0]||(u[0]=e=>c.value=e),"file-url":l.unref(s),"show-tools":!i.$slots.default,"enable-pagination":e.enablePagination,"enable-scale":e.enableScale,"enable-move":e.enableMove},{default:l.withCtx(({fileDataState:e})=>[l.renderSlot(i.$slots,"default",{fileState:e,data:a})]),_:3},8,["modelValue","file-url","show-tools","enable-pagination","enable-scale","enable-move"])):l.createCommentVNode("",!0),l.unref(o.isWordFile)(l.unref(r))?(l.openBlock(),l.createBlock(C,{key:1,modelValue:c.value,"onUpdate:modelValue":u[1]||(u[1]=e=>c.value=e),"file-url":l.unref(s),"show-tools":!i.$slots.default,"enable-pagination":e.enablePagination,"enable-scale":e.enableScale,"enable-move":e.enableMove,"is-local-file":e.convertToLocalFileUrl},null,8,["modelValue","file-url","show-tools","enable-pagination","enable-scale","enable-move","is-local-file"])):l.unref(o.isImageFile)(l.unref(r))?(l.openBlock(),l.createBlock(z,{key:2,modelValue:c.value,"onUpdate:modelValue":u[2]||(u[2]=e=>c.value=e),"file-url":l.unref(s),"show-tools":!i.$slots.default,"enable-scale":e.enableScale,"enable-move":e.enableMove},null,8,["modelValue","file-url","show-tools","enable-scale","enable-move"])):l.createCommentVNode("",!0)],2)),l.withDirectives(l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("loading")])},[l.createElementVNode("div",{class:l.normalizeClass([l.unref(t).e("loading-spinner")])},[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(d.value),l.normalizeProps(l.guardReactiveProps({...e.loadingState,color:e.themeColor})),null,16))],2)],2),[[l.vShow,c.value]])],6))}}),F=l.defineComponent({__name:"preview-file-dialog",setup(e,{expose:a}){const t=l.reactive({width:749,height:"80vh",src:"",convertToLocalFileUrl:!1,enablePagination:!0,enableMove:!0,enableScale:!0,loadingType:"progress",themeColor:"#245EFF",top:"5vh"}),{fileUrl:n,fileType:r}=u(t),s=l.computed(()=>{const{title:e}=t;return o.isEmpty(e)?o.isPdfFile(r.value)?"pdf":o.isWordFile(r.value)?"word":"image":e}),i=l.ref(!1);return a({previewFile:(e,l,a={})=>{o.extend(t,{width:749,height:"80vh",src:"",convertToLocalFileUrl:!1,enablePagination:!0,enableMove:!0,enableScale:!0,loadingType:"progress",themeColor:"#245EFF",top:"5vh"},{...a,title:l,src:e}),i.value=!0}}),(e,o)=>(l.openBlock(),l.createBlock(l.unref(k),{modelValue:i.value,"onUpdate:modelValue":o[0]||(o[0]=e=>i.value=e),top:t.top,title:s.value,width:t.width},{default:l.withCtx(()=>[i.value?(l.openBlock(),l.createBlock(U,l.mergeProps({key:0},t,{src:l.unref(n),width:"100%"}),null,16,["src"])):l.createCommentVNode("",!0)]),_:1},8,["modelValue","top","title","width"]))}});const D={install:function(e){const o=l.createVNode(F);((e,l="body")=>{if(document.querySelector("#"+e))return!0;try{const o=document.createElement("div");o.id=e;document.querySelector(l).append(o)}catch{return!1}})("sakura-preview-file"),l.render(o,document.querySelector("#sakura-preview-file")),e.config.globalProperties.$previewFile=(e,l="",a)=>{var t,n;return(null==(t=o.component)?void 0:t.exposed)&&(null==(n=o.component)?void 0:n.exposed.previewFile(e,l,a))}}};e.Dialog=k,e.Loading=w,e.PreviewFile=U,e.PreviewFileDialog=F,e.default=D,e.usePreviewFile=()=>{const e=l.getCurrentInstance();return null==e?void 0:e.appContext.config.globalProperties.$previewFile},Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.circular[data-v-51d1fa15]{position:relative;width:var(--circle-size);height:var(--circle-size)}.circular__path-inner[data-v-51d1fa15]{animation:dash-51d1fa15 var(--circle-duration) ease-in-out infinite;stroke-linecap:round}@keyframes dash-51d1fa15{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.dot[data-v-2acd99b5]{display:flex;align-items:center;justify-content:center;gap:var(--dot-gap)}.dot__item[data-v-2acd99b5]{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background-color:var(--dot-color);animation:bounce-2acd99b5 var(--dot-duration) ease-in-out infinite}.dot__item[data-v-2acd99b5]:nth-child(2){animation-delay:-.32s}.dot__item[data-v-2acd99b5]:nth-child(3){animation-delay:-.16s}@keyframes bounce-2acd99b5{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.progress[data-v-3a710001]{width:var(--progress-width);height:var(--progress-height);background-color:var(--progress-background);border-radius:var(--progress-border-radius);overflow:hidden;position:relative}.progress__bar[data-v-3a710001]{position:absolute;width:100%;height:100%;background-color:var(--progress-color);border-radius:var(--progress-border-radius);animation:progress-3a710001 var(--progress-duration) ease-in-out infinite}@keyframes progress-3a710001{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cube[data-v-0e6bb9d0]{width:var(--cube-size);height:var(--cube-size);position:relative;display:flex;flex-wrap:wrap}.cube__item[data-v-0e6bb9d0]{width:33%;height:33%;background-color:var(--cube-color);animation:cubeGrid-0e6bb9d0 var(--cube-duration) infinite ease-in-out}.cube__item[data-v-0e6bb9d0]:nth-child(1){animation-delay:.2s}.cube__item[data-v-0e6bb9d0]:nth-child(2){animation-delay:.3s}.cube__item[data-v-0e6bb9d0]:nth-child(3){animation-delay:.4s}.cube__item[data-v-0e6bb9d0]:nth-child(4){animation-delay:.1s}.cube__item[data-v-0e6bb9d0]:nth-child(5){animation-delay:.2s}.cube__item[data-v-0e6bb9d0]:nth-child(6){animation-delay:.3s}.cube__item[data-v-0e6bb9d0]:nth-child(7){animation-delay:0s}.cube__item[data-v-0e6bb9d0]:nth-child(8){animation-delay:.1s}.cube__item[data-v-0e6bb9d0]:nth-child(9){animation-delay:.2s}@keyframes cubeGrid-0e6bb9d0{0%,70%,to{transform:scaleZ(1)}35%{transform:scale3D(0,0,1)}}@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400
|
|
1
|
+
@charset "UTF-8";.circular[data-v-51d1fa15]{position:relative;width:var(--circle-size);height:var(--circle-size)}.circular__path-inner[data-v-51d1fa15]{animation:dash-51d1fa15 var(--circle-duration) ease-in-out infinite;stroke-linecap:round}@keyframes dash-51d1fa15{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.dot[data-v-2acd99b5]{display:flex;align-items:center;justify-content:center;gap:var(--dot-gap)}.dot__item[data-v-2acd99b5]{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background-color:var(--dot-color);animation:bounce-2acd99b5 var(--dot-duration) ease-in-out infinite}.dot__item[data-v-2acd99b5]:nth-child(2){animation-delay:-.32s}.dot__item[data-v-2acd99b5]:nth-child(3){animation-delay:-.16s}@keyframes bounce-2acd99b5{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.progress[data-v-3a710001]{width:var(--progress-width);height:var(--progress-height);background-color:var(--progress-background);border-radius:var(--progress-border-radius);overflow:hidden;position:relative}.progress__bar[data-v-3a710001]{position:absolute;width:100%;height:100%;background-color:var(--progress-color);border-radius:var(--progress-border-radius);animation:progress-3a710001 var(--progress-duration) ease-in-out infinite}@keyframes progress-3a710001{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cube[data-v-0e6bb9d0]{width:var(--cube-size);height:var(--cube-size);position:relative;display:flex;flex-wrap:wrap}.cube__item[data-v-0e6bb9d0]{width:33%;height:33%;background-color:var(--cube-color);animation:cubeGrid-0e6bb9d0 var(--cube-duration) infinite ease-in-out}.cube__item[data-v-0e6bb9d0]:nth-child(1){animation-delay:.2s}.cube__item[data-v-0e6bb9d0]:nth-child(2){animation-delay:.3s}.cube__item[data-v-0e6bb9d0]:nth-child(3){animation-delay:.4s}.cube__item[data-v-0e6bb9d0]:nth-child(4){animation-delay:.1s}.cube__item[data-v-0e6bb9d0]:nth-child(5){animation-delay:.2s}.cube__item[data-v-0e6bb9d0]:nth-child(6){animation-delay:.3s}.cube__item[data-v-0e6bb9d0]:nth-child(7){animation-delay:0s}.cube__item[data-v-0e6bb9d0]:nth-child(8){animation-delay:.1s}.cube__item[data-v-0e6bb9d0]:nth-child(9){animation-delay:.2s}@keyframes cubeGrid-0e6bb9d0{0%,70%,to{transform:scaleZ(1)}35%{transform:scale3D(0,0,1)}}@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}.sakura-preview-file{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sakura-preview-file .sakura-preview-file__wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.sakura-preview-file .sakura-preview-file__loading{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.9)}.sakura-file-data{display:flex;flex-direction:column;flex:1;overflow:hidden}.sakura-file-data .sakura-file-data__wrapper{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sakura-file-data.is-drag .sakura-file-data__wrapper{cursor:move}.sakura-file-data.is-enable-wrapper .sakura-file-data__wrapper{background-color:gray}.sakura-file-data.is-image .sakura-file-data__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;height:100%;cursor:pointer}.sakura-file-data .sakura-file-data__image{width:100%;height:auto;cursor:pointer}.sakura-preview-image .sakura-preview-image__data{display:inline-block}.sakura-preview-image .sakura-preview-image__image{max-height:100%}.sakura-preview-image .sakura-preview-image__dot-move{-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;pointer-events:none}.sakura-preview-image.is-drag{cursor:move}.sakura-preview-image .sakura-preview-image__tools{display:flex;flex-direction:row;align-items:center;justify-content:center;background:#606266;position:fixed;z-index:9;left:50%;transform:translate(-50%);height:44px;border-radius:22px;padding:0 24px;bottom:44px}.sakura-preview-image .sakura-preview-image__tools svg{cursor:pointer}.sakura-preview-image .sakura-preview-image__tools svg:last-child{margin-left:20px}.sakura-preview-image .sakura-preview-image__close{display:flex;flex-direction:row;align-items:center;justify-content:center;position:fixed;right:40px;top:40px;width:44px;height:44px;border-radius:50%;background-color:#606266;color:#fff;z-index:9;cursor:pointer}.sakura-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:2000;opacity:0;visibility:hidden;transition:all .3s}.sakura-overlay.is-active{opacity:1;visibility:visible}.sakura-overlay .sakura-overlay__content{height:auto}.sakura-dialog{margin:var(--sakura-dialog-top) auto 0;position:relative;background:var(--sakura-dialog-background);border-radius:var(--sakura-dialog-border-radius);width:var(--sakura-dialog-width);top:-20px;opacity:0;transition:all .3s}.sakura-dialog .sakura-dialog__title{font-size:18px;font-weight:600;color:#303133}.sakura-dialog .sakura-dialog__header{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:center}.sakura-dialog .sakura-dialog__body{padding:15px 20px 20px;color:#606266;line-height:1.5}.sakura-dialog .sakura-dialog__footer{padding:10px 20px 20px;text-align:right}.sakura-dialog.is-active{top:0;opacity:1}.sakura-dialog .sakura-dialog__icon{position:absolute;right:12px;top:12px;cursor:pointer}.sakura-tools{display:flex;flex-direction:row;align-items:center;justify-content:center;height:44px;border-top:1px solid #d9dceb}.sakura-tools .sakura-tools__page{display:flex;flex-direction:row;align-items:center;margin:0 12px}.sakura-tools .sakura-tools__input{width:24px;height:24px;border:1px solid #d9dceb;border-radius:4px;color:var(--preview-file-primary-color);outline:none;text-align:center;margin-right:10px}.sakura-tools .sakura-tools__text{font-size:16px;height:24px;line-height:24px;position:relative;top:-2px}.sakura-tools .sakura-tools__arrow{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;width:24px;height:24px;cursor:pointer}.sakura-tools .sakura-tools__arrow:before{content:"";position:absolute;width:8px;height:8px;border-style:solid;border-width:1px 1px 0 0;transition:all .3s ease;color:#2b2b2d;font-weight:700}.sakura-tools .sakura-tools__arrow.is-disabled{cursor:not-allowed}.sakura-tools .sakura-tools__arrow.is-disabled:before{color:#939393}.sakura-tools .sakura-tools__arrow--prev{transform:rotate(-135deg)}.sakura-tools .sakura-tools__arrow--next{transform:rotate(45deg)}.sakura-tools .sakura-tools__scale{display:flex;flex-direction:row;align-items:center;position:absolute;right:24px}.sakura-tools .sakura-tools__scale-text{margin:0 12px;font-size:16px;font-weight:700}.sakura-tools .sakura-tools__icon{width:14px;height:14px;position:relative;cursor:pointer}.sakura-tools .sakura-tools__plus:before,.sakura-tools .sakura-tools__plus:after{content:"";position:absolute;background-color:#9d9da5}.sakura-tools .sakura-tools__plus:before{width:14px;height:2px;top:50%;left:0;transform:translateY(-50%)}.sakura-tools .sakura-tools__plus:after{width:2px;height:14px;top:0;left:50%;transform:translate(-50%)}.sakura-tools .sakura-tools__minus:before{content:"";position:absolute;width:14px;height:2px;top:50%;left:0;transform:translateY(-50%);background-color:#9d9da5}.sakura-preview-file-dialog{max-height:70vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
|