web-materials 0.3.13-alpha.15 → 0.3.13-alpha.2
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/cjs/components/base/Carousel/index.js +1 -1
- package/dist/cjs/components/base/Carousel/index.js.map +1 -1
- package/dist/cjs/components/common/Swipeable/index.js +1 -1
- package/dist/cjs/components/common/Swipeable/index.js.map +1 -1
- package/dist/cjs/styles.css +1 -1
- package/dist/esm/components/base/Carousel/index.mjs +1 -1
- package/dist/esm/components/base/Carousel/index.mjs.map +1 -1
- package/dist/esm/components/common/Swipeable/index.mjs +1 -1
- package/dist/esm/components/common/Swipeable/index.mjs.map +1 -1
- package/dist/esm/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{toConsumableArray as n,slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.mjs";import{jsx as
|
|
1
|
+
import{toConsumableArray as n,slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.mjs";import{jsx as r,jsxs as e}from"react/jsx-runtime";import{memo as i,useRef as l,useMemo as c,useState as o,useEffect as u}from"react";import a from"./index.module.scss.mjs";import{banner as s}from"../../const.mjs";import m from"../../common/H5Image/index.mjs";import f from"../../common/Swipeable/index.mjs";var d=i((function(i){var d=i.swipeable,h=i.autoPlay,g=i.isTpl,v=i.imgList,p=i.round,y=l(null),I=c((function(){return[v[v.length-1]].concat(n(v),[v[0]])}),[v]),T=o(1),j=t(T,2),w=j[0],x=j[1],b=l(null),N=l(null),L=function(){x((function(n){return n===I.length-1?n:(n+1)%I.length}))};return u((function(){if(h)return b.current=setInterval((function(){L()}),3e3),function(){return clearInterval(b.current)};clearInterval(b.current)}),[v.length,h]),u((function(){if(null!=y&&y.current){var n=function(){w===I.length-1&&(y.current.style.transition="none",x(1),setTimeout((function(){y.current.style.transition="all 1s"}),500)),0===w&&(y.current.style.transition="none",x(I.length-2),setTimeout((function(){y.current.style.transition="all 1s"}),500))},t=y.current;return t.addEventListener("transitionend",n),function(){t.removeEventListener("transitionend",n)}}}),[w,I.length,y]),r("div",{style:{width:"100%",overflow:"hidden"},children:g?r("div",{children:r(m,{src:s,alt:""})}):e("div",{className:a.carousel,children:[r(f,{ref:y,className:a.cards,onSwipeLeft:function(){d&&(y.current.style.transition="all 1s",N.current&&clearTimeout(N.current),clearInterval(b.current),L(),N.current=setTimeout((function(){b.current=setInterval((function(){L()}),3e3)}),1e3))},onSwipeRight:function(){d&&(y.current.style.transition="all 1s",N.current&&clearTimeout(N.current),clearInterval(b.current),x((function(n){return 0===n?n:(n-1+I.length)%I.length})),N.current=setTimeout((function(){b.current=setInterval((function(){L()}),3e3)}),1e3))},style:{transform:"translateX(-".concat(100*w,"%)")},children:I.map((function(n,t){return r("div",{className:a.cardItem,style:{borderRadius:"".concat(p,"px")},children:n.link?r("a",{href:n.link,children:r(m,{src:n.imgUrl.length>0?n.imgUrl[0].url:"",alt:"",type:"origin"})}):r(m,{src:n.imgUrl.length>0?n.imgUrl[0].url:"",alt:"",type:"origin"})},+t)}))}),r("div",{className:a.dots,children:v.map((function(n,t){return r("div",{onClick:function(){return x(t+1)},className:"".concat(a.dot," ").concat(w===t+1||0===w&&t===v.length-1||w===I.length-1&&0===t?a.active:"")},+t)}))})]})})}));export{d as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../src/components/base/Carousel/index.tsx"],"sourcesContent":[null],"names":["XCarousel","memo","props","
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../src/components/base/Carousel/index.tsx"],"sourcesContent":[null],"names":["XCarousel","memo","props","swipeable","autoPlay","isTpl","imgList","round","carouselInnerRef","useRef","loopImgList","useMemo","length","concat","_toConsumableArray","_useState","useState","_useState2","_slicedToArray","curDot","setCurDot","slideIntervalRef","slideTimeoutRef","swipLeft","pre","useEffect","current","setInterval","clearInterval","handleTransitionEnd","style","transition","setTimeout","refCurrent","addEventListener","removeEventListener","_jsx","width","overflow","children","H5Image","src","logo","alt","_jsxs","className","styles","carousel","Swipeable","ref","cards","onSwipeLeft","clearTimeout","onSwipeRight","transform","map","item","i","cardItem","borderRadius","link","href","imgUrl","url","type","dots","onClick","dot","active"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as
|
|
1
|
+
import{slicedToArray as t,objectSpread2 as e}from"../../../_virtual/_rollupPluginBabelHelpers.mjs";import{jsx as l}from"react/jsx-runtime";import{forwardRef as n,useState as o}from"react";var r=n((function(n,r){var a=n.onSwipeLeft,u=n.onSwipeRight,c=n.children,i=n.className,s=n.style,h=void 0===s?{}:s,f=o(null),m=t(f,2),p=m[0],d=m[1],T=o(null),v=t(T,2),g=v[0],b=v[1],y=o(null),S=t(y,2),j=S[0],M=S[1],w=o(null),x=t(w,2),A=x[0],N=x[1];return l("div",{onTouchStart:function(t){d(t.targetTouches[0].clientX),b(t.targetTouches[0].clientY)},onTouchMove:function(t){M(t.targetTouches[0].clientX),N(t.targetTouches[0].clientY)},onTouchEnd:function(){if(p&&j&&g&&A){var t=p-j,e=g-A;Math.abs(t)>Math.abs(e)&&(t>50?a&&a():t<-50&&u&&u()),d(null),b(null),M(null),N(null)}},style:e({touchAction:"pan-y"},h),className:i,ref:r,children:c})}));export{r as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../src/components/common/Swipeable/index.tsx"],"sourcesContent":[null],"names":["Swipeable","forwardRef","_ref","ref","onSwipeLeft","onSwipeRight","children","className","_ref$style","style","
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../src/components/common/Swipeable/index.tsx"],"sourcesContent":[null],"names":["Swipeable","forwardRef","_ref","ref","onSwipeLeft","onSwipeRight","children","className","_ref$style","style","_useState","useState","_useState2","_slicedToArray","touchStartX","setTouchStartX","_useState3","_useState4","touchStartY","setTouchStartY","_useState5","_useState6","touchEndX","setTouchEndX","_useState7","_useState8","touchEndY","setTouchEndY","_jsx","onTouchStart","e","targetTouches","clientX","clientY","onTouchMove","onTouchEnd","distanceX","distanceY","Math","abs","_objectSpread","touchAction"],"mappings":"4LAEMA,IAAAA,EAAYC,GAAW,SAAAC,EAAuEC,GAAkC,IAAtGC,EAAWF,EAAXE,YAAaC,EAAYH,EAAZG,aAAcC,EAAQJ,EAARI,SAAUC,EAASL,EAATK,UAASC,EAAAN,EAAEO,MAAAA,OAAK,IAAAD,EAAG,CAAA,EAAEA,EACxFE,EAAsCC,EAAS,MAAKC,EAAAC,EAAAH,EAAA,GAA7CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAClCI,EAAsCL,EAAS,MAAKM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAClCG,EAAkCT,EAAS,MAAKU,EAAAR,EAAAO,EAAA,GAAzCE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAC9BG,EAAkCb,EAAS,MAAKc,EAAAZ,EAAAW,EAAA,GAAzCE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAkC9B,OACEG,EACE,MAAA,CAAAC,aAlCqB,SAACC,GACxBf,EAAee,EAAEC,cAAc,GAAGC,SAClCb,EAAeW,EAAEC,cAAc,GAAGE,QACnC,EAgCGC,YA9BoB,SAACJ,GACvBP,EAAaO,EAAEC,cAAc,GAAGC,SAChCL,EAAaG,EAAEC,cAAc,GAAGE,QACjC,EA4BGE,WA1BmB,WACrB,GAAKrB,GAAgBQ,GAAcJ,GAAgBQ,EAAnD,CAEA,IAAMU,EAAYtB,EAAcQ,EAC1Be,EAAYnB,EAAcQ,EAG5BY,KAAKC,IAAIH,GAAaE,KAAKC,IAAIF,KAC7BD,EAAY,GACdhC,GAAeA,IACNgC,OACT/B,GAAgBA,KAKpBU,EAAe,MACfI,EAAe,MACfI,EAAa,MACbI,EAAa,KAlBiD,CAmB/D,EAOGlB,MAAK+B,EAAA,CAAIC,YAAa,SAAYhC,GAClCF,UAAWA,EACXJ,IAAKA,EAAGG,SAEPA,GAGP"}
|