@file-viewer/vue3 2.4.0 → 3.0.1
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/README.en.md +28 -15
- package/README.md +27 -14
- package/dist/components/asyncToGenerator.js +1 -0
- package/dist/components/export.js +1 -0
- package/dist/components/export2.js +1 -0
- package/dist/components/fit.js +1 -1
- package/dist/components/image.js +1 -1
- package/dist/components/messages.js +1 -1
- package/dist/components/print-mask.js +1 -1
- package/dist/components/printMask.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/src/package/components/FileViewer/exportDocumentTemplate.d.ts +12 -2
- package/dist/src/package/components/FileViewer/loadingVisual.d.ts +11 -0
- package/dist/vue3.css +1 -1
- package/package.json +9 -6
package/dist/components/image.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const an=g;(function(x,y){const am=g,z=x();while(!![]){try{const A=-parseInt(am(0xcc))/0x1+parseInt(am(0xae))/0x2+-parseInt(am(0xc2))/0x3*(-parseInt(am(0xad))/0x4)+-parseInt(am(0xb0))/0x5+-parseInt(am(0xc0))/0x6*(-parseInt(am(0xb3))/0x7)+-parseInt(am(0xba))/0x8+parseInt(am(0xa9))/0x9*(-parseInt(am(0xbc))/0xa);if(A===y)break;else z['push'](z['shift']());}catch(B){z['push'](z['shift']());}}}(b,0x28b63));function g(a,c){a=a-0xa7;const d=b();let e=d[a];return e;}import{t as j}from'./asyncToGenerator.js';import{f as k,i as q,r,u as v}from'./fit.js';import{t as w}from'./messages.js';var o={'avif':an(0xaa),'bmp':'image/bmp','gif':'image/gif','heic':'image/heic','heif':'image/heif','ico':'image/x-icon','jxl':'image/jxl','jpg':'image/jpeg','jpeg':'image/jpeg','png':'image/png','svg':an(0xc8),'tif':'image/tiff','tiff':'image/tiff','webp':'image/webp'},s='\x0a.image-viewer{position:relative;width:100%;height:100%;overflow:auto;background:var(--file-viewer-render-surface-background,#eef1f4);box-sizing:border-box}\x0a.image-stage{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}\x0a.image-stage\x20img{display:block;width:auto;max-width:none;margin:0\x20auto;border:0;box-shadow:0\x2018px\x2048px\x20rgba(15,23,42,.16);background:#fff;cursor:zoom-in}\x0a.image-stage\x20img:focus-visible{outline:3px\x20solid\x20#2563eb;outline-offset:4px}\x0a.image-lightbox{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:40px;background:rgba(15,23,42,.9);box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:opacity\x20.18s\x20ease,visibility\x200s\x20linear\x20.18s}\x0a.image-lightbox[data-open=\x27true\x27]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}\x0a.image-lightbox\x20img{display:block;max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0\x2030px\x2080px\x20rgba(0,0,0,.4);cursor:default;transform:scale(.985);transition:transform\x20.18s\x20ease}\x0a.image-lightbox[data-open=\x27true\x27]\x20img{transform:scale(1)}\x0a.image-lightbox\x20button{position:absolute;top:16px;right:16px;display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px\x20solid\x20rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.96);color:#172033;font:400\x2027px/1\x20Arial,sans-serif;cursor:pointer;box-shadow:0\x2012px\x2028px\x20rgba(0,0,0,.24);transition:background-color\x20.14s\x20ease,transform\x20.14s\x20ease}\x0a.image-lightbox\x20button:hover{background:#fff;transform:scale(1.04)}\x0a.image-lightbox\x20button:focus-visible{outline:3px\x20solid\x20#60a5fa;outline-offset:2px}\x0a[data-viewer-theme=\x27dark\x27]\x20.image-viewer{background:var(--file-viewer-render-surface-background,#101820)}\x0a@media\x20(prefers-color-scheme:dark){[data-viewer-theme=\x27system\x27]\x20.image-viewer{background:var(--file-viewer-render-surface-background,#101820)}}\x0a@media\x20(max-width:767px){.image-stage{padding:12px}.image-lightbox{padding:16px}.image-lightbox\x20button{top:12px;right:12px}}\x0a@media\x20(prefers-reduced-motion:reduce){.image-lightbox,.image-lightbox\x20img,.image-lightbox\x20button{transition:none}}\x0a',c=x=>{let y=x['createElement']('style');return y['textContent']=s,y;},l=x=>o[(x||'')['trim']()['toLowerCase']()]||'image/*',u=(function(){var x=j(function*(y){return yield new Promise((z,A)=>{const ao=g;let B=new FileReader();B['onload']=C=>{var D;let E=(D=C['target'])==null?void 0x0:D['result'];if(typeof E=='string'){z(E);return;}A(Error('Unable\x20to\x20read\x20image\x20data\x20URL.'));},B['onerror']=()=>A(B['error']||Error(ao(0xcd))),B['readAsDataURL'](y);});});return function(y){const ap=g;return x[ap(0xc6)](this,arguments);};}()),d=(function(){var x=j(function*(y,z){const aq=g;let A=(z||'')['trim']()[aq(0xac)]();if(A==='heic'||A==='heif')throw Error('HEIC/HEIF\x20image\x20conversion\x20has\x20moved\x20out\x20of\x20@file-viewer/core.\x20Install\x20and\x20pass\x20@file-viewer/renderer-image,\x20or\x20use\x20@file-viewer/preset-all.');return u(new Blob([y],{'type':l(A)}));});return function(y,z){return x['apply'](this,arguments);};}()),f=x=>Number(x[an(0xb6)](0x3)),p=(x,y,z)=>{const ar=an;let A=x['createElement']('div');A['className']='image-lightbox',A['dataset']['open']=ar(0xc3),A['setAttribute']('role','dialog'),A['setAttribute']('aria-modal',ar(0xb7)),A['setAttribute']('aria-hidden','true');let B=x['createElement']('img');B[ar(0xce)]=z('image.lightbox.alt'),B[ar(0xb5)]=y;let C=x[ar(0xb9)]('button');C['type']='button',C['setAttribute'](ar(0xa7),z('image.lightbox.close')),C['textContent']='×';let D=null,E=()=>{const as=ar;A['dataset']['open']==='true'&&(A['dataset']['open']=as(0xc3),A['setAttribute']('aria-hidden','true'),D!=null&&D['isConnected']&&D['focus']({'preventScroll':!0x0}),D=null);},F=G=>{const at=ar;G['key']==='Escape'&&A[at(0xbe)]['open']==='true'&&(G['preventDefault'](),E());};return C['addEventListener']('click',E),A['addEventListener']('click',G=>{G['target']===A&&E();}),x['addEventListener']('keydown',F),A['append'](B,C),{'element':A,'open'(G){D=G||(x['activeElement']instanceof HTMLElement?x['activeElement']:null),A['dataset']['open']='true',A['setAttribute']('aria-hidden','false'),C['focus']({'preventScroll':!0x0});},'destroy'(){const au=ar;C['removeEventListener']('click',E),x[au(0xb2)]('keydown',F),A['remove']();}};};function m(x,y,z,A){return h['apply'](this,arguments);}function h(){return h=j(function*(z,B,G,H){const av=g;var J,K;let Q=w(H==null?void 0x0:H['options']),R=B[av(0xcf)]||document,U=yield d(z,G);(J=H==null?void 0x0:H['registerThumbnailAdapter'])==null||J[av(0xa8)](H,{'capture':()=>new Blob([z],{'type':l(G)})});let V=0x1,W=0x1,X=0x1,Y=0x0,Z=q(),a0=R['createElement']('div');a0['className']='image-viewer',a0['dataset']['viewerZoomProvider']='image';let a1=R['createElement'](av(0xc1));a1['className']=av(0xbb);let a2=R['createElement'](av(0xb4));a2['alt']=Q(av(0xb8)),a2[av(0xb5)]=U,a2['tabIndex']=0x0,a2[av(0xca)]('role','button'),a2['setAttribute'](av(0xd0),'dialog'),a1['append'](a2),a0['append'](a1);let a3=p(R,U,Q),a4=()=>a3['open'](a2),a5=ae=>{const aw=av;(ae['key']==='Enter'||ae['key']==='\x20')&&(ae[aw(0xc9)](),a3[aw(0xaf)](a2));};a2['addEventListener']('click',a4),a2['addEventListener']('keydown',a5);let a6=()=>Math['min'](0.1,W||0.1),a7=ae=>{const ax=av;let af=a6();return Math[ax(0xb1)](0x5,Math['max'](af,f(ae)));},a8=()=>{const ay=av;let ae=a2['naturalWidth']||0x0,af=a2['naturalHeight']||0x0;if(!ae||!af)return 0x1;let ag=Math['max']((a0['clientWidth']||0x0)-0x30,0x1),ah=Math['max']((a0['clientHeight']||Y||0x0)-0x30,0x1);return Math[ay(0xb1)](0x1,ag/ae,ah/af);},a9=()=>{const az=av;if(W=a8(),X=a7(W*V),a2['naturalWidth']&&a2[az(0xc4)]){a2['style']['width']=Math['max'](0x1,Math['round'](a2['naturalWidth']*X))+'px',a2['style']['height']=Math['max'](0x1,Math['round'](a2['naturalHeight']*X))+'px';return;}a2['style']['width']='auto',a2['style']['height']=Y>0x0?Math['max'](0x1,Math['round'](Y*V))+'px':V*0x64+'%';},aa=()=>{Y=a0['clientHeight']||0x0,a9(),Z['emit']();},ab=new ResizeObserver(aa);ab['observe'](a0),a2[av(0xc5)]('load',aa);let ac=()=>({'scale':X,'label':Math['round'](X*0x64)+'%','canZoomIn':X<0x5,'canZoomOut':X>a6(),'canReset':Math['abs'](V-0x1)>0.001,'minScale':a6(),'maxScale':0x5}),ad=ae=>(V=a7(ae)/Math['max'](W,0.001),a9(),Z['emit'](),ac());return v(a0,{'zoomIn':()=>ad(X+0.15),'zoomOut':()=>ad(X-0.15),'resetZoom':()=>(V=0x1,a9(),Z['emit'](),ac()),'setZoom':ad,'fit':ae=>{const aA=av;var af,ag;let ah=a2['naturalWidth']||0x0,ai=a2['naturalHeight']||0x0;if(!ah||!ai)return{'applied':!0x1,'mode':ae['mode'],'resize':ae[aA(0xc7)],'source':ae['source'],'reason':'image-not-ready','provider':aA(0xcb)};let aj=ae['mode']==='auto'?'scale-down':ae['mode'],ak=r({'mode':aj,'viewportWidth':Math['max'](0x1,ae['viewportWidth']||a0['clientWidth']||0x0),'viewportHeight':Math['max'](0x1,ae['viewportHeight']||a0['clientHeight']||Y||0x0),'contentWidth':ah,'contentHeight':ai,'currentScale':X,'minScale':(af=ae['minScale'])==null?a6():af,'maxScale':(ag=ae['maxScale'])==null?0x5:ag});if(!ak)return{'applied':!0x1,'mode':ae['mode'],'resize':ae['resize'],'source':ae['source'],'reason':'unmeasurable','provider':'zoom'};let al=ad(ak);return{'applied':!0x0,'mode':ae['mode'],'resize':ae[aA(0xc7)],'scale':al['scale'],'source':ae['source'],'provider':'zoom'};},'getState':ac,'subscribe':Z[av(0xbd)]}),B['replaceChildren'](c(R),a0),(((K=H==null?void 0x0:H['surface'])==null?void 0x0:K[av(0xbf)])||B)['append'](a3['element']),aa(),{'$el':B,'unmount'(){const aB=av;var ae;(ae=H==null?void 0x0:H['registerThumbnailAdapter'])==null||ae['call'](H,null),k(a0),ab['disconnect'](),a2['removeEventListener']('load',aa),a2['removeEventListener']('click',a4),a2['removeEventListener']('keydown',a5),a3['destroy'](),B[aB(0xab)]();}};}),h['apply'](this,arguments);}function b(){const aC=['72Hfqriy','image/avif','replaceChildren','toLowerCase','102356reOvEf','629164wUMEPy','open','432600fGbRwT','min','removeEventListener','189RSNMMs','img','src','toFixed','true','image.alt','createElement','66592NRcotZ','image-stage','138080fWefli','subscribe','dataset','shadowRoot','73266cGoEVC','div','6jRDffb','false','naturalHeight','addEventListener','apply','resize','image/svg+xml','preventDefault','setAttribute','zoom','323394byDsLm','Unable\x20to\x20read\x20image\x20data\x20URL.','alt','ownerDocument','aria-haspopup','aria-label','call'];b=function(){return aC;};return b();}export{m as default};
|