vue2-scroll-box/dist/vue-scroll-box.js

A vue scroll box component, support pull-down and pull-up event, support interaction by both mouse and touch.

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("ScrollBox",[],e):"object"==typeof exports?exports.ScrollBox=e():t.ScrollBox=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=5)}([function(t,e){function n(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var i=o(r);return[n].concat(r.sources.map(function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"})).concat([i]).join("\n")}return[n].join("\n")}function o(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var o=n(e,t);return e[2]?"@media "+e[2]+"{"+o+"}":o}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<t.length;r++){var s=t[r];"number"==typeof s[0]&&o[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),e.push(s))}},e}},function(t,e,n){function o(t){for(var e=0;e<t.length;e++){var n=t[e],o=u[n.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](n.parts[r]);for(;r<n.parts.length;r++)o.parts.push(i(n.parts[r]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{for(var s=[],r=0;r<n.parts.length;r++)s.push(i(n.parts[r]));u[n.id]={id:n.id,refs:1,parts:s}}}}function r(){var t=document.createElement("style");return t.type="text/css",d.appendChild(t),t}function i(t){var e,n,o=document.querySelector("style["+D+'~="'+t.id+'"]');if(o){if(p)return f;o.parentNode.removeChild(o)}if(v){var i=g++;o=h||(h=r()),e=s.bind(null,o,i,!1),n=s.bind(null,o,i,!0)}else o=r(),e=a.bind(null,o),n=function(){o.parentNode.removeChild(o)};return e(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;e(t=o)}else n()}}function s(t,e,n,o){var r=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=m(e,r);else{var i=document.createTextNode(r),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(i,s[e]):t.appendChild(i)}}function a(t,e){var n=e.css,o=e.media,r=e.sourceMap;if(o&&t.setAttribute("media",o),A.ssrId&&t.setAttribute(D,e.id),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=n(9),u={},d=l&&(document.head||document.getElementsByTagName("head")[0]),h=null,g=0,p=!1,f=function(){},A=null,D="data-vue-ssr-id",v="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n,r){p=n,A=r||{};var i=c(t,e);return o(i),function(e){for(var n=[],r=0;r<i.length;r++){var s=i[r],a=u[s.id];a.refs--,n.push(a)}e?(i=c(t,e),o(i)):i=[];for(var r=0;r<n.length;r++){var a=n[r];if(0===a.refs){for(var l=0;l<a.parts.length;l++)a.parts[l]();delete u[a.id]}}}};var m=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e){t.exports=function(t,e,n,o,r,i){var s,a=t=t||{},l=typeof t.default;"object"!==l&&"function"!==l||(s=t,a=t.default);var c="function"==typeof a?a.options:a;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0),n&&(c.functional=!0),r&&(c._scopeId=r);var u;if(i?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},c._ssrRegister=u):o&&(u=o),u){var d=c.functional,h=d?c.render:c.beforeCreate;d?(c._injectStyles=u,c.render=function(t,e){return u.call(e),h(t,e)}):c.beforeCreate=h?[].concat(h,u):[u]}return{esModule:s,exports:a,options:c}}},function(t,e,n){"use strict";var o=n(10),r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};e.a={name:"scroll-box",components:{returnTopButton:o.a},props:{dragDistance:{type:Number,default:150},enableDragDown:{type:Boolean,default:!1},enableDragUp:{type:Boolean,default:!1},enableTopButton:{type:Boolean,default:!0},beforeText:{type:String,default:"Release and reload"},afterText:{type:String,default:"Release and load more"}},data:function(){return{scrollBox:null,scrollBoxHeight:0,scrollContent:null,scrollContentHeight:0,y:0,currentY:null,draging:!1,dragUpDistance:0,dragDownDistance:0,dragDownTrigger:!1,loading:!1,reloading:!1,transforming:!1,scrollLock:!1,scrollLockByUser:!1,scrollBefore:null,scrollAfter:null}},methods:{_boxScrolling:function(){if(!this.scrollLock){var t=this.scrollBox.scrollTop;(this.enableDragDown||this.enableDragUp)&&(this.y=t),this.$emit("box-scroll",{y:t})}},_markDragStart:function(t){(this.enableDragDown||this.enableDragUp)&&(1!==t.which&&0!==t.which||this.reloading||this.loading||(this.isBottom||this.isTop)&&(this.currentY="touchstart"===t.type?t.touches[0].pageY:t.pageY))},_markDragEnd:function(){var t=this;this.draging=!1,this.scrollLock=!1,this.reloading||this.loading||(this.currentY=null,(this.dragDownDistance||this.dragUpDistance)&&(this.dragDownDistance>=this.triggerDistance&&(setTimeout(function(){t.$emit("pull-down")},200),this.reloading=!0),this.dragUpDistance>=this.triggerDistance&&(setTimeout(function(){t.$emit("pull-up")},200),this.loading=!0),requestAnimationFrame(function(){t.reloading||t.loading?t._reboundDrag():t.scrollUpdate()})))},_startTouchDrag:function(t){if(null!==this.currentY){"mousemove"===t.type&&t.preventDefault(),this.draging=!0,this.scrollContent.style.transition="unset";var e="touchmove"===t.type?t.touches[0].pageY:t.pageY,n=e-this.currentY;n*=this.dragDistanceRatio,n>0&&this.enableDragDown&&this.isTop&&this._dragDown(n),n<0&&this.enableDragUp&&this.isBottom&&this._dragUp(n)}},_doTransform:function(t){var e=this;this.transforming||(this.transforming=!0,requestAnimationFrame(function(){e.scrollContent.style.willChange="transform",e.scrollContent.style.transform="translateY("+t+"px)",e.transforming=!1}))},_dragDown:function(t){this.scrollLock=!0,this.dragDownDistance=t>this.dragDistance?this.dragDistance:t,this._doTransform(this.dragDownDistance)},_dragUp:function(t){this.scrollLock=!0,this.dragUpDistance=t<-this.dragDistance?this.dragDistance:-t,this._doTransform(-this.dragUpDistance)},_reboundDrag:function(){this.scrollContent.style.transition="transform .2s cubic-bezier(.11,.49,.61,.99)";var t=this.halfDistance;this.dragDownDistance&&(this.dragDownDistance=t,this.scrollContent.style.transform="translateY("+t+"px)"),this.dragUpDistance&&(this.dragUpDistance=t,this.scrollContent.style.transform="translateY("+-t+"px)")},disableScroll:function(){this.scrollLockByUser=!0},enableScroll:function(){this.scrollLockByUser=!1},scrollUpdate:function(t){var e=this;this.loading&&(t&&this.$nextTick(function(){e.scrollContent.style.transition="unset",e.scrollContent.style.transform="",e.scrollBox.scroll({top:e.y+e.halfDistance})}),this.loading=!1),this.$nextTick(function(){e.scrollContentHeight=e.scrollContent.clientHeight}),this.reloading=!1,this.dragDownDistance=0,this.dragUpDistance=0,this.scrollContent.style.transition="",this.scrollContent.style.transform="",setTimeout(function(){e.scrollContent.style.willChange=""},300)},scrollTo:function(t,e){var n=void 0===t?"undefined":r(t),o=0;switch(n){case"number":o=t;break;case"string":var i=this.scrollContent.querySelector(t);o=i?i.offsetTop:this.y;break;case"object":o=t instanceof HTMLElement?t.offsetTop:this.y;break;default:o=this.y}this.scrollBox.scroll({top:o-(e||0),behavior:"smooth"})},updateScrollBoxHeight:function(){var t=this;this.$nextTick(function(){t.scrollBoxHeight=t.scrollBox.clientHeight})}},computed:{dragDistanceRatio:function(){return this.dragDistance/this.scrollBoxHeight*1.618},halfDistance:function(){return this.dragDistance/2},isTop:function(){return 0===this.y},isBottom:function(){return this.y+this.scrollBoxHeight===this.scrollContentHeight},triggerDistance:function(){return.618*this.dragDistance}},watch:{},mounted:function(){this.scrollBox=this.$refs.scrollBox,this.scrollBoxHeight=this.scrollBox.clientHeight,this.scrollContent=this.$refs.scrollContent,this.scrollContentHeight=this.scrollContent.clientHeight,this.enableDragDown&&(this.scrollBefore=this.$refs.before),this.enableDragUp&&(this.scrollAfter=this.$refs.after),window.addEventListener("resize",this.updateScrollBoxHeight)},beforeDestroy:function(){window.removeEventListener("resize",this.updateScrollBoxHeight)}}},function(t,e,n){"use strict";e.a={name:"return-top-button",props:{target:String,scrollTop:{type:Number,default:300},scrollTo:{type:Number,default:0}},data:function(){return{showReturnTopBtn:!1,scrollBox:null}},methods:{toggleReturnTopBtn:function(){this.showReturnTopBtn=this.scrollBox.scrollTop>this.scrollTop},returnTop:function(){this.scrollBox.scroll({top:this.scrollTo,behavior:"smooth"})}},mounted:function(){this.scrollBox=this.target?document.querySelector(this.target):this.$refs.returnTopButton.parentNode,this.scrollBox.addEventListener("scroll",this.toggleReturnTopBtn)}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(6);o.a.install=function(t){t.component(o.a.name,o.a)},"undefined"!=typeof window&&window.Vue&&window.Vue.use(o.a),e.default=o.a},function(t,e,n){"use strict";function o(t){n(7)}var r=n(3),i=n(14),s=n(2),a=o,l=s(r.a,i.a,!1,a,"data-v-439386a0",null);e.a=l.exports},function(t,e,n){var o=n(8);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n(1)("4999b95e",o,!0,{})},function(t,e,n){e=t.exports=n(0)(!1),e.push([t.i,".scroll-box[data-v-439386a0]{overflow:hidden}.scroll-content-wrapper[data-v-439386a0]{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:2}.scroll-content-wrapper.scroll-lock[data-v-439386a0]{overflow-y:hidden}.scroll-content[data-v-439386a0]{position:relative;width:100%;min-height:100%;height:auto;overflow:visible;transform:translateZ(0);transition:transform .2s cubic-bezier(.11,.49,.61,.99)}.scroll-content.draging>[data-v-439386a0]{pointer-events:none}.after[data-v-439386a0],.before[data-v-439386a0]{position:absolute;z-index:1;width:100%;height:0;left:0;overflow:hidden}.after .drag-up-text[data-v-439386a0],.before .drag-down-text[data-v-439386a0]{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:50%;font-size:16px;opacity:0;transition:opacity .3s}.after .drag-up-text[data-v-439386a0]{bottom:0}.before .drag-down-text[data-v-439386a0]{top:0}.after.release-and-trigger[data-v-439386a0],.before.release-and-trigger[data-v-439386a0]{color:#4dc247}.after.release-and-trigger .drag-up-text[data-v-439386a0],.before.release-and-trigger .drag-down-text[data-v-439386a0]{opacity:1}.after.holding[data-v-439386a0],.before.holding[data-v-439386a0]{background:url(data:image/gif;base64,R0lGODlhZABkAKIEAN7e3rq6uv///5mZmQAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRjA4RUZDMDI3MjA2ODExODA4M0Y1OTQyMzVDRDM3MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMzE0Rjk3NDdDRTgxMUUzOUJCRjk0NjAxMUE1NzRBMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMzE0Rjk3MzdDRTgxMUUzOUJCRjk0NjAxMUE1NzRBMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDVBMTZDQjczOTIwNjgxMTgwODNGNTk0MjM1Q0QzNzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUYwOEVGQzAyNzIwNjgxMTgwODNGNTk0MjM1Q0QzNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+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) no-repeat center 82.5%;background-size:auto 20%}.before.holding[data-v-439386a0]{background-position:center 17.5%}.after.holding .drag-up-text[data-v-439386a0],.before.holding .drag-down-text[data-v-439386a0]{opacity:0}.after[data-v-439386a0]{bottom:0}.before[data-v-439386a0]{top:0}",""])},function(t,e){t.exports=function(t,e){for(var n=[],o={},r=0;r<e.length;r++){var i=e[r],s=i[0],a=i[1],l=i[2],c=i[3],u={id:t+":"+r,css:a,media:l,sourceMap:c};o[s]?o[s].parts.push(u):n.push(o[s]={id:s,parts:[u]})}return n}},function(t,e,n){"use strict";function o(t){n(11)}var r=n(4),i=n(13),s=n(2),a=o,l=s(r.a,i.a,!1,a,"data-v-584ac642",null);e.a=l.exports},function(t,e,n){var o=n(12);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n(1)("f6b8f442",o,!0,{})},function(t,e,n){e=t.exports=n(0)(!1),e.push([t.i,".return-top[data-v-584ac642]{position:fixed;display:block;bottom:20px;right:20px;opacity:0;border-radius:50%;width:42px;height:42px;pointer-events:none;transform:scale(0);transition:.2s;background:#272727 url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjUgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjU2LjI1IiBoZWlnaHQ9IjI1NiI+PHBhdGggZD0iTTU1My41NjQgOTc2LjAyN1YxNDguMzQzbDM5OS40NiAzOTkuNDM2YzE2LjI0MiAxNi4yNDEgNDIuNTUzIDE2LjI0MSA1OC43OTQgMCAxNi4yNDItMTYuMjQyIDE2LjI0Mi00Mi41NTMgMC01OC43OTRMNTQxLjQwNyAxOC42Yy0zLjg2MS0zLjg2Ni04LjQ5My02Ljk0My0xMy42MjQtOS4wNTYtLjIwNi0uMDg1LS40Mi0uMTEzLS42MjYtLjE5NS00LjcxLTEuODUzLTkuODAyLTIuOTU0LTE1LjE3MS0yLjk1NHMtMTAuNDU5IDEuMTAxLTE1LjE3MSAyLjk1NGMtLjIwOC4wODEtLjQyLjExLS42MjYuMTk1LTUuMTMxIDIuMTEzLTkuNzYzIDUuMTkxLTEzLjYyNCA5LjA1NkwxMi4xODEgNDg4Ljk4NUM0LjA2IDQ5Ny4xMDYgMCA1MDcuNzQ0IDAgNTE4LjM4MnM0LjA2IDIxLjI3NiAxMi4xODEgMjkuMzk3YzE2LjI0MiAxNi4yNDEgNDIuNTUzIDE2LjI0MSA1OC43OTQgMGwzOTkuNDMzLTM5OS40MzN2ODI3LjY4MWMwIDIyLjk2OCAxOC42MjQgNDEuNTc4IDQxLjU3OCA0MS41NzhzNDEuNTc4LTE4LjYxIDQxLjU3OC00MS41Nzh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 50%;background-size:50%;z-index:10}.return-top.active[data-v-584ac642]{opacity:1;transform:scale(1);pointer-events:auto}",""])},function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement;return(t._self._c||e)("a",{ref:"returnTopButton",staticClass:"return-top",class:{active:t.showReturnTopBtn},attrs:{href:"javascript:"},on:{click:t.returnTop}})},r=[],i={render:o,staticRenderFns:r};e.a=i},function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"scroll-box"},[t.enableDragDown?n("div",{staticClass:"before",class:{"release-and-trigger":t.dragDownDistance>t.triggerDistance,"holding before-holding":t.reloading},style:"height:"+this.dragDistance+"px"},[n("div",{ref:"before"},[t._t("dragDownArea",[n("span",{staticClass:"drag-down-text"},[t._v(t._s(t.beforeText))])])],2)]):t._e(),t._v(" "),n("div",{ref:"scrollBox",staticClass:"scroll-content-wrapper",class:{"scroll-lock":t.scrollLockByUser||t.scrollLock},attrs:{id:"scroll-wrapper-"+t._uid},on:{scroll:t._boxScrolling,touchmove:function(e){t._startTouchDrag(e)},touchstart:function(e){t._markDragStart(e)},touchend:t._markDragEnd,mousemove:function(e){t._startTouchDrag(e)},mousedown:function(e){t._markDragStart(e)},mouseup:t._markDragEnd,mouseleave:t._markDragEnd}},[n("div",{ref:"scrollContent",staticClass:"scroll-content",class:{holding:t.reloading||t.loading,draging:t.draging&&(t.dragDownDistance||t.dragUpDistance)}},[t._t("default")],2)]),t._v(" "),t.enableDragUp?n("div",{staticClass:"after",class:{"release-and-trigger":t.dragUpDistance>t.triggerDistance,"holding after-holding":t.loading},style:"height:"+this.dragDistance+"px"},[n("div",{ref:"after"},[t._t("dragUpArea",[n("span",{staticClass:"drag-up-text"},[t._v(t._s(t.afterText))])])],2)]):t._e(),t._v(" "),t.enableTopButton?n("return-top-button",{attrs:{target:"#scroll-wrapper-"+t._uid}}):t._e()],1)},r=[],i={render:o,staticRenderFns:r};e.a=i}])});
//# sourceMappingURL=vue-scroll-box.js.map