react-slides-z
Version:
React slides simple. (Swipe and responsive) Hook
2 lines (1 loc) • 3.43 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@delpi/common"),require("swiper/react"),require("swiper")):"function"==typeof define&&define.amd?define(["exports","react","@delpi/common","swiper/react","swiper"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactSlides={},e.React,e.common,e.react,e.SwiperCore)}(this,(function(e,t,i,l,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t),o=function(){return o=Object.assign||function(e){for(var t,i=1,l=arguments.length;i<l;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},o.apply(this,arguments)};function s(e,t,i){if(i||2===arguments.length)for(var l,r=0,a=t.length;r<a;r++)!l&&r in t||(l||(l=Array.prototype.slice.call(t,0,r)),l[r]=t[r]);return e.concat(l||Array.prototype.slice.call(t))}a(r).default.use([r.Navigation,r.Pagination,r.Autoplay,r.Virtual]);var c=function(e){e.children;var r=e.className,a=e.listItems,c=void 0===a?[]:a,d=e.currentValue,u=void 0===d?0:d,f=e.showCutomForwardBack,p=void 0===f||f,m=e.showCutomPaging,v=void 0===m||m,w=e.customLabelBack,y=void 0===w?"<":w,b=e.customLabelForward,g=void 0===b?">":b,h=e.onSelectedValue,S=void 0===h?function(){}:h,j=function(e,t){var i={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(i[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(e);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(e,l[r])&&(i[l[r]]=e[l[r]])}return i}(e,["children","className","listItems","currentValue","showCutomForwardBack","showCutomPaging","customLabelBack","customLabelForward","onSelectedValue"]),C=t.useState(null),O=C[0],E=C[1],x=t.useState(u),N=x[0],P=x[1];t.useEffect((function(){O&&O.slideTo(u)}),[u]);var k=c.length,F=1===k,V=0===N,A=N===k-1;return n.default.createElement("div",{className:i.HtmlUtils.joinClass("slide-container",r)},n.default.createElement(l.Swiper,o({},j,{virtual:!0,initialSlide:0,onSlideChange:function(e){P(e.activeIndex),S(e.activeIndex)},onSwiper:E,slidesPerView:1,spaceBetween:F?0:10}),s([],Array(k),!0).map((function(e,t){return n.default.createElement(l.SwiperSlide,{key:"slide-item-".concat(t),className:i.HtmlUtils.joinClass(F&&"slide-swiper-single",t===N-1&&"slide-swiper-previous",t===N+1&&"slide-swiper-forward",t===N&&"slide-swiper-current",t===N&&!F&&(V||A)&&"slide-fl")},n.default.createElement("div",{className:"slide-swiper-item"},c[t]))}))),n.default.createElement("div",{className:i.HtmlUtils.joinClass("slide-nav-container","slide-flex-center")},p&&n.default.createElement(B,{disabled:V}),v&&n.default.createElement("div",{className:"slide-flex-center"},s([],Array(k),!0).map((function(e,t){return n.default.createElement("div",{key:t,className:i.HtmlUtils.joinClass("slide-target-point",N===t&&"slide-target-point-active"),onClick:function(){P(t),O.slideTo(t)}})}))),p&&n.default.createElement(B,{disabled:A,isForward:!0})));function B(e){var t=e.disabled,l=e.isForward;return n.default.createElement("div",{className:i.HtmlUtils.joinClass("slide-bf","slide-flex-center",t&&"disabled",!t&&"activated"),onClick:function(){t||(P((function(e){return e+(l?1:-1)})),l?O.slideNext():O.slidePrev())}},l?g:y)}};e.ReactSlides=c,e.SlidesSwiper=c,e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));