w-ui/lib/sticky/index.js

A Vue.js 2.0 UI Toolkit for mobile

module.exports=function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=253)}({1:function(e,t,n){"use strict";function o(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var i=r(o);return[n].concat(o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"})).concat([i]).join("\n")}return[n].join("\n")}function r(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=o(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<e.length;r++){var s=e[r];"number"==typeof s[0]&&o[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},2:function(e,t,n){function o(e){for(var t=0;t<e.length;t++){var n=e[t],o=l[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]));l[n.id]={id:n.id,refs:1,parts:s}}}}function r(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function i(e){var t,n,o=document.querySelector("style["+y+'~="'+e.id+'"]');if(o){if(h)return v;o.parentNode.removeChild(o)}if(g){var i=p++;o=f||(f=r()),t=s.bind(null,o,i,!1),n=s.bind(null,o,i,!0)}else o=r(),t=a.bind(null,o),n=function(){o.parentNode.removeChild(o)};return t(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;t(e=o)}else n()}}function s(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=w(t,r);else{var i=document.createTextNode(r),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function a(e,t){var n=t.css,o=t.media,r=t.sourceMap;if(o&&e.setAttribute("media",o),m.ssrId&&e.setAttribute(y,t.id),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var c="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!c)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 u=n(3),l={},d=c&&(document.head||document.getElementsByTagName("head")[0]),f=null,p=0,h=!1,v=function(){},m=null,y="data-vue-ssr-id",g="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n,r){h=n,m=r||{};var i=u(e,t);return o(i),function(t){for(var n=[],r=0;r<i.length;r++){var s=i[r],a=l[s.id];a.refs--,n.push(a)}t?(i=u(e,t),o(i)):i=[];for(var r=0;r<n.length;r++){var a=n[r];if(0===a.refs){for(var c=0;c<a.parts.length;c++)a.parts[c]();delete l[a.id]}}}};var w=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},253:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Sticky=void 0;var o=n(254),r=function(e){return e&&e.__esModule?e:{default:e}}(o);t.Sticky=r.default},254:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(5);n(255),t.default={name:"w-sticky",props:{top:{type:[String],default:"0"},name:String},data:function(){return{child:null,stickyHeight:0,parsedTop:parseFloat(this.top,10),position:"static",zIndex:(0,o.getZIndex)(),appendFlag:!1}},methods:{scrollHandler:function(){var e=this.$el.getBoundingClientRect(),t=this.scroller.getBoundingClientRect();e.top-t.top<this.parsedTop?this.appendToBoby(e,t):this.removeFromBody()},appendToBoby:function(e,t){this.appendFlag||(this.body.style.cssText="display: block; position: fixed; left: "+e.left+"px; top: "+t.top+"px; width: "+e.width+"px; height: "+e.height+"px",this.body.appendChild(this.child),this.appendFlag=!0)},removeFromBody:function(){this.appendFlag&&(this.$el.appendChild(this.child),this.appendFlag=!1)},checkSupport:function(){var e=document.createElement("a"),t=e.style;return t.cssText="position:sticky; position:-webkit-sticky;",-1!==t.position.indexOf("sticky")},removeSticky:function(){this.appendFlag&&!this.checkSupport()&&(this.$el.appendChild(this.child),this.appendFlag=!1)}},render:function(e){return e("div",{class:"sticky",style:{top:this.top,bottom:this.bottom,zIndex:this.zIndex}},[this.$slots.default])},mounted:function(){var e=this;this.$nextTick(function(){var t=e.$el.firstElementChild;if(e.scroller=(0,o.getScrollview)(e.$el),!e.checkSupport()&&t){e.child=t;var n=e.$el.offsetHeight,r=document.createElement("div");r.className="wui-sticky-4Ho3qRy8-wrapper",document.body.appendChild(r),e.body=r,e.$el.style.height=n+"px",e.scroller.addEventListener("scroll",e.scrollHandler,!1),e.scroller.addEventListener("touchmove",e.scrollHandler,!1)}})},destroyed:function(){this.body&&this.body.remove(),window.removeEventListener("scroll",this.scrollHandler,!1),window.addEventListener("touchmove",this.scrollHandler,!1)}}},255:function(e,t,n){var o=n(256);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("74026fd6",o,!1,{})},256:function(e,t,n){t=e.exports=n(1)(!1),t.push([e.i,".sticky {\n  position: -webkit-sticky;\n  position: sticky;\n  width: 100%;\n}\n",""])},3:function(e,t,n){"use strict";e.exports=function(e,t){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],s=i[0],a=i[1],c=i[2],u=i[3],l={id:e+":"+r,css:a,media:c,sourceMap:u};o[s]?o[s].parts.push(l):n.push(o[s]={id:s,parts:[l]})}return n}},4:function(e,t){e.exports=require("vue")},5:function(e,t,n){"use strict";function o(e,t){if(!e||!t)return!1;if(-1!==t.indexOf(" "))throw new Error("className should not contain space.");return e.classList?e.classList.contains(t):(" "+e.className+" ").indexOf(" "+t+" ")>-1}function r(e,t){if(e){for(var n=e.className,r=(t||"").split(" "),i=0,s=r.length;i<s;i++){var a=r[i];a&&(e.classList?e.classList.add(a):o(e,a)||(n+=" "+a))}e.classList||(e.className=n)}}function i(e,t){if(e&&t){for(var n=t.split(" "),r=" "+e.className+" ",i=0,s=n.length;i<s;i++){var a=n[i];a&&(e.classList?e.classList.remove(a):o(e,a)&&(r=r.replace(" "+a+" "," ")))}e.classList||(e.className=w(r))}}function s(e,t,n){if(e&&t)if("object"===(void 0===t?"undefined":d(t)))for(var o in t)t.hasOwnProperty(o)&&s(e,o,t[o]);else t=b(t),"opacity"===t&&y<9?e.style.filter=isNaN(n)?"":"alpha(opacity="+100*n+")":e.style[t]=n}function a(e){for(var t=e;t&&"HTML"!==t.tagName&&"BODY"!==t.tagName&&1===t.nodeType;){var n=document.defaultView.getComputedStyle(t).overflowY;if("scroll"===n||"auto"===n)return t;t=t.parentNode}return window}function c(e,t){var n=e==window?document.body.offsetHeight:e.offsetHeight,o=e===window?0:e.getBoundingClientRect().top,r=t.getBoundingClientRect().top-o,i=r+t.offsetHeight;return r>=0&&r<n||i>0&&i<=n}function u(e){function t(n,o,r){if(n!==o){var i=n+r>o?o:n+r;n>o&&(i=n-r<o?o:n-r),e===window?window.scrollTo(i,i):e.scrollTop=i,window.requestAnimationFrame(function(){return t(i,o,r)})}}var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments[2],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:500;window.requestAnimationFrame||(window.requestAnimationFrame=window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||function(e){return window.setTimeout(e,1e3/60)});var i=Math.abs(n-o);t(n,o,Math.ceil(i/r*50))}function l(){return++g}Object.defineProperty(t,"__esModule",{value:!0}),t.isObject=t.isArray=t.isDate=t.isFunction=t.isNumber=t.isString=t.isBoolean=t.pageScroll=t.isIOS=t.getStyle=t.once=t.off=t.on=void 0;var d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t.hasClass=o,t.addClass=r,t.removeClass=i,t.setStyle=s,t.getScrollview=a,t.checkInview=c,t.scrollTop=u,t.getZIndex=l;var f=n(4),p=function(e){return e&&e.__esModule?e:{default:e}}(f),h=p.default.prototype.$isServer,v=/([\:\-\_]+(.))/g,m=/^moz([A-Z])/,y=h?0:Number(document.documentMode),g=1e4,w=function(e){return(e||"").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g,"")},b=function(e){return e.replace(v,function(e,t,n,o){return o?n.toUpperCase():n}).replace(m,"Moz$1")},S=t.on=function(){return!h&&document.addEventListener?function(e,t,n){e&&t&&n&&e.addEventListener(t,n,!1)}:function(e,t,n){e&&t&&n&&e.attachEvent("on"+t,n)}}(),x=t.off=function(){return!h&&document.removeEventListener?function(e,t,n){e&&t&&e.removeEventListener(t,n,!1)}:function(e,t,n){e&&t&&e.detachEvent("on"+t,n)}}();t.once=function(e,t,n){S(e,t,function o(){n&&n.apply(this,arguments),x(e,t,o)})},t.getStyle=y<9?function(e,t){if(!h){if(!e||!t)return null;t=b(t),"float"===t&&(t="styleFloat");try{switch(t){case"opacity":try{return e.filters.item("alpha").opacity/100}catch(e){return 1}default:return e.style[t]||e.currentStyle?e.currentStyle[t]:null}}catch(n){return e.style[t]}}}:function(e,t){if(!h){if(!e||!t)return null;t=b(t),"float"===t&&(t="cssFloat");try{var n=document.defaultView.getComputedStyle(e,"");return e.style[t]||n?n[t]:null}catch(n){return e.style[t]}}},t.isIOS=!!(window.navigator&&window.navigator.userAgent||"").match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),t.pageScroll=function(){var e=function(e){e.preventDefault(),e.stopPropagation()},t=!1;return{lock:function(n){t||(t=!0,(n||document).addEventListener("touchmove",e))},unlock:function(n){t=!1,(n||document).removeEventListener("touchmove",e)}}}(),t.isBoolean=function(e){return"boolean"==typeof e},t.isString=function(e){return"string"==typeof e},t.isNumber=function(e){return"number"==typeof e},t.isFunction=function(e){return"function"==typeof e},t.isDate=function(e){return"date"===Object.prototype.toString.call(e).match(/^(\[object )(\w+)\]$/i)[2].toLowerCase()},t.isArray=Array.isArray,t.isObject=function(e){return"object"===(void 0===e?"undefined":d(e))}}});