g6-ui - npm Package Compare versions

Comparing version 1.0.8 to 1.0.9

lib/components/image/src/image.vue.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./image.vue2.js");require("./image.vue3.js");const t=require("../../../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-65ea9f0b"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./image.vue2.js");require("./image.vue3.js");const t=require("../../../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-eb257652"]]);exports.default=u;

lib/components/image/src/image.vue2.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),k=require("./image.js"),C={class:"g-image__container"},D=["src","title","alt"],N=["onMousewheel"],H=n.defineComponent({name:"GImage"}),W=n.defineComponent({...H,props:k.imageProps,setup(S){const o=S;let m=!1,u=0,p=0,s=0,r=0,h=0,_=0,t=0,w=o.minScale<-10||o.minScale>0?-10:o.minScale;const $=e=>{const a=e.target;t<=0||(m=!0,u=e.pageX-a.offsetLeft,p=e.pageY-a.offsetTop)},x=e=>{var M;if(!m)return;e.preventDefault();const a=(M=e.currentTarget.parentNode)==null?void 0:M.firstElementChild,l=e.target,i=e.pageX-l.offsetLeft,c=e.pageY-l.offsetTop;h=i-u,_=c-p,s+=h,r+=_;const d=a.offsetWidth,b=a.offsetHeight,T=l.offsetWidth,X=l.offsetHeight,g=(d*(1+t*.1)-T)/2,f=(b*(1+t*.1)-X)/2;s=s>g?g:s,s=s<-g?-g:s,r=r>f?f:r,r=r<-f?-f:r;const Y=`translate3d(${s}px, ${r}px, 0) scale3d(${1+t*.1}, ${1+t*.1}, 1)`;a.animate([{transform:Y}],{duration:500,fill:"forwards"}),u=i,p=c},v=()=>{m=!1};n.onMounted(()=>{window.addEventListener("mouseup",v)});const y=e=>{var d;e.preventDefault();const a=(d=e.target.parentNode)==null?void 0:d.firstElementChild,l=e.target;if(!a||!o.scalable)return;const i=`scale3d(${1+t*.1}, ${1+t*.1}, 1)`;a.animate([{transform:i}],{duration:500,fill:"forwards"}),e.wheelDelta===120?t=t>=o.maxScale?o.maxScale:++t:t=t<=w?w:--t,t<=0?l.style.cursor="pointer":l.style.cursor="move",o.onScale&&o.onScale(t),s=0,r=0;const c=`scale3d(${1+t*.1}, ${1+t*.1}, 1)`;a.animate([{transform:c}],{duration:500,fill:"forwards"})},E=e=>{const a=e.target;a.src=o.error,a.onerror=null};return(e,a)=>(n.openBlock(),n.createElementBlock("div",{class:"g-image",style:n.normalizeStyle({backgroundColor:o.bgc,width:o.width,height:o.height})},[n.createElementVNode("div",C,[n.createElementVNode("img",n.mergeProps({style:{"object-fit":o.fit},class:"g-image__container-img",src:o.src,title:o.title,alt:o.alt,onerror:E},e.$attrs),null,16,D),n.createElementVNode("div",{class:"g-image__container-drag",onMousewheel:n.withModifiers(y,["prevent"]),onMousedown:$,onMousemove:x,onMouseup:v},null,40,N)])],4))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),k=require("./image.js"),C={class:"g-image__container"},N=["src","title","alt"],D=["onMousewheel"],H=n.defineComponent({name:"GImage"}),W=n.defineComponent({...H,props:k.imageProps,setup(S){const o=S;let m=!1,u=0,p=0,s=0,r=0,h=0,_=0,t=0,w=o.minScale<-10||o.minScale>0?-10:o.minScale;const $=e=>{const a=e.target;t<=0||(m=!0,u=e.pageX-a.offsetLeft,p=e.pageY-a.offsetTop)},x=e=>{var M;if(!m)return;e.preventDefault();const a=(M=e.currentTarget.parentNode)==null?void 0:M.firstElementChild,l=e.target,i=e.pageX-l.offsetLeft,c=e.pageY-l.offsetTop;h=i-u,_=c-p,s+=h,r+=_;const d=a.offsetWidth,Y=a.offsetHeight,b=l.offsetWidth,T=l.offsetHeight,g=(d*(1+t*.1)-b)/2,f=(Y*(1+t*.1)-T)/2;s=s>g?g:s,s=s<-g?-g:s,r=r>f?f:r,r=r<-f?-f:r;const X=`translate3d(${s}px, ${r}px, 0) scale3d(${1+t*.1}, ${1+t*.1}, 1)`;a.animate([{transform:X}],{duration:500,fill:"forwards"}),u=i,p=c},v=()=>{m=!1};n.onMounted(()=>{window.addEventListener("mouseup",v)});const y=e=>{var d;e.preventDefault();const a=(d=e.target.parentNode)==null?void 0:d.firstElementChild,l=e.target;if(!a||!o.scalable)return;const i=`scale3d(${1+t*.1}, ${1+t*.1}, 1)`;a.animate([{transform:i}],{duration:500,fill:"forwards"}),e.deltaY<=0?t=t>=o.maxScale?o.maxScale:++t:t=t<=w?w:--t,t<=0?l.style.cursor="pointer":l.style.cursor="move",o.onScale&&o.onScale(t),s=0,r=0;const c=`scale3d(${1+t*.1}, ${1+t*.1}, 1)`;a.animate([{transform:c}],{duration:500,fill:"forwards"})},E=e=>{const a=e.target;a.src=o.error,a.onerror=null};return(e,a)=>(n.openBlock(),n.createElementBlock("div",{class:"g-image",style:n.normalizeStyle({backgroundColor:o.bgc,width:o.width,height:o.height})},[n.createElementVNode("div",C,[n.createElementVNode("img",n.mergeProps({style:{"object-fit":o.fit},class:"g-image__container-img",src:o.src,title:o.title,alt:o.alt,onerror:E},e.$attrs),null,16,N),n.createElementVNode("div",{class:"g-image__container-drag",onMousewheel:n.withModifiers(y,["prevent"]),onMousedown:$,onMousemove:x,onMouseup:v},null,40,D)])],4))}});exports.default=W;

package.json

 {
   "name": "g6-ui",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "前端常用小组件",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

65478

decreased by-0.02%

No dependency changes