pullreload - npm Package Compare versions

Comparing version 1.0.5 to 1.1.0

demoWithWebpack/index.bundle.js

+!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},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=1)}([function(e,t,n){"use strict";function r(e){if(void 0===e.pageY&&void 0!==e.touches){if(e.touches.length<=0)return!1;e.pageY=e.touches[e.touches.length-1].pageY}return e.pageY}function o(e){if(0!==document.body.scrollTop)return d=!1,document.removeEventListener("mousemove",i),document.removeEventListener("touchmove",i,{passive:!1}),document.removeEventListener("mouseup",s),void document.removeEventListener("touchend",s);d=!0,document.addEventListener("mousemove",i),document.addEventListener("touchmove",i,{passive:!1}),document.addEventListener("mouseup",s),document.addEventListener("touchend",s),l&&(a=!0,c=!1,f=r(e))}function i(e){if(l&&d&&a){e.stopImmediatePropagation();var t=Math.floor(r(e)-f);if(t>=0){e.preventDefault(),t>p?(c=!0,ptr.innerHTML="loading..."):(c=!1,ptr.innerHTML="...");var n=41-t;ptr.style.marginTop="-"+(n>0?n:0)+"px"}}}function s(){if(l&&d){if(c){l=!1,ptr.style.marginTop="0px";try{u().then(function(e){console.log(e),l=!0,ptr.style.marginTop="-41px",ptr.innerHTML="..."})}catch(e){setTimeout(function(){l=!0,ptr.style.marginTop="-41px",ptr.innerHTML="..."},1e3)}}else ptr.style.marginTop="-41px";a=!1,c=!1}}Object.defineProperty(t,"__esModule",{value:!0}),n(5);var u,a=!1,c=!1,f=0,p=20,l=!0,d=!0,v=function(e){this.content=document.getElementById(e.content);var t=e.ptr||"ptr";return this.ptr=document.getElementById(t),u=e.callback||function(){},this.start=function(){this.content.addEventListener("mousedown",o),this.content.addEventListener("touchstart",o)},this.remove=function(){this.content.removeEventListener("mousedown",o),this.content.removeEventListener("touchstart",o)},this};t.default=v},function(e,t,n){"use strict";var r=n(0);new(function(e){return e&&e.__esModule?e:{default:e}}(r).default)({content:"content",ptr:"ptr",callback:function(){console.log("123")}}).start()},function(e,t,n){t=e.exports=n(3)(),t.push([e.i,"#ptr{padding:0;margin:0;display:block;height:40px;border:1px solid #000;border-top:0;border-left:0;border-right:0;text-align:center;line-height:40px;font-size:30px;margin-top:-41px}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var s=t[o];"number"==typeof s[0]&&r[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),e.push(s))}},e}},function(e,t){function n(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=l[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(a(r.parts[i],t))}else{for(var s=[],i=0;i<r.parts.length;i++)s.push(a(r.parts[i],t));l[r.id]={id:r.id,refs:1,parts:s}}}}function r(e){for(var t=[],n={},r=0;r<e.length;r++){var o=e[r],i=o[0],s=o[1],u=o[2],a=o[3],c={css:s,media:u,sourceMap:a};n[i]?n[i].parts.push(c):t.push(n[i]={id:i,parts:[c]})}return t}function o(e,t){var n=h(),r=b[b.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),b.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function i(e){e.parentNode.removeChild(e);var t=b.indexOf(e);t>=0&&b.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",o(e,t),t}function u(e){var t=document.createElement("link");return t.rel="stylesheet",o(e,t),t}function a(e,t){var n,r,o;if(t.singleton){var a=g++;n=m||(m=s(t)),r=c.bind(null,n,a,!1),o=c.bind(null,n,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=u(t),r=p.bind(null,n),o=function(){i(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(t),r=f.bind(null,n),o=function(){i(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}function c(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=y(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function f(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function p(e,t){var n=t.css,r=t.sourceMap;r&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var o=new Blob([n],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}var l={},d=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}},v=d(function(){return/msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase())}),h=d(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,g=0,b=[];e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");t=t||{},void 0===t.singleton&&(t.singleton=v()),void 0===t.insertAt&&(t.insertAt="bottom");var o=r(e);return n(o,t),function(e){for(var i=[],s=0;s<o.length;s++){var u=o[s],a=l[u.id];a.refs--,i.push(a)}if(e){n(r(e),t)}for(var s=0;s<i.length;s++){var a=i[s];if(0===a.refs){for(var c=0;c<a.parts.length;c++)a.parts[c]();delete l[a.id]}}}};var y=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t,n){var r=n(2);"string"==typeof r&&(r=[[e.i,r,""]]);n(4)(r,{});r.locals&&(e.exports=r.locals)}]);

demoWithWebpack/index.html

+<html>
+  <head>
+    <meta charset = 'utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>下拉刷新测试</title>
+  </head>
+  <body>
+    <div id='ptr'></div>
+    <div id="content" style='user-select:none'>
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
+    </div>
+    <script src="index.bundle.js"></script>
+  </body>
+</html>

README.md

src/node_pullreload.js

+require('./pullreload.css');
+
+var isDragging = false;
+var isThresholdReached = false;
+var popStart = 0;
+var threshold = 20;
+var isend = true;
+var isTop = true;
+function getheight(event) {
+    if (event.pageY === undefined && event.touches !== undefined) {
+      if (event.touches.length <= 0) {
+        return false;
+      }
+      event.pageY = event.touches[event.touches.length - 1].pageY;
+    }
+    return event.pageY;
+};
+function movestart(event){
+  var top = document.body.scrollTop;
+  if(top === 0){
+    isTop = true;
+    document.addEventListener('mousemove',moving)
+    document.addEventListener('touchmove',moving,{passive:false})
+    document.addEventListener('mouseup',moveend)
+    document.addEventListener('touchend',moveend)
+  }else {
+    isTop = false;
+    document.removeEventListener('mousemove',moving)
+    document.removeEventListener('touchmove',moving,{passive:false})
+    document.removeEventListener('mouseup',moveend)
+    document.removeEventListener('touchend',moveend)
+    return ;
+  }
+  if(!isend){
+    return ;
+  }
+  isDragging = true;
+  isThresholdReached = false;
+  popStart = getheight(event);
+}
+function moving(event){
+  if(isend && isTop && isDragging){
+  event.stopImmediatePropagation();
+  var offset = Math.floor(getheight(event) - popStart);
+  if(offset>=0){
+    event.preventDefault();
+    if(offset>threshold){
+      isThresholdReached = true;
+      ptr.innerHTML = 'loading...';
+    }else {
+      isThresholdReached = false;
+      ptr.innerHTML = '...';
+    }
+    var height = 41-offset;
+    ptr.style.marginTop = '-' + (height>0?height:0) + 'px';
+  }
+  }
+}
+function moveend(){
+  if(!isend || !isTop){
+    return ;
+  }
+  if(isThresholdReached){
+    isend = false;
+    ptr.style.marginTop = '0px';
+    callback().then(function(data){
+      console.log(data);
+      isend = true;
+      ptr.style.marginTop = '-41px';
+      ptr.innerHTML = '...';
+    });
+  }else {
+    ptr.style.marginTop = '-41px';
+  }
+  isDragging = false;
+  isThresholdReached = false;
+}
+var callback;
+var pullReload = function(options){
+  this.content = document.getElementById(options.content);
+  this.ptr = document.getElementById('ptr');
+  callback = options.callback || function(){return
+    new Promise(function(resolve,reject){
+      setTimeout(function(){
+        resolve('no refresh');
+      },1000);
+    })
+  };
+  this.start = function(){
+    this.content.addEventListener('mousedown',movestart);
+    this.content.addEventListener('touchstart',movestart)
+  }
+  this.remove = function(){
+    this.content.removeEventListener('mousedown',movestart);
+    this.content.removeEventListener('touchstart',movestart)
+  }
+  return this;
+}
+export default pullReload;

src/pullreload.min.js

+(function(e){var t=false;var n=false;var r=0;var o=20;var i=true;var s=true;function u(e){if(e.pageY===undefined&&e.touches!==undefined){if(e.touches.length<=0){return false}e.pageY=e.touches[e.touches.length-1].pageY}return e.pageY}function a(e){var o=document.body.scrollTop;if(o===0){s=true;document.addEventListener("mousemove",c);document.addEventListener("touchmove",c,{passive:false});document.addEventListener("mouseup",p);document.addEventListener("touchend",p)}else{s=false;document.removeEventListener("mousemove",c);document.removeEventListener("touchmove",c,{passive:false});document.removeEventListener("mouseup",p);document.removeEventListener("touchend",p);return}if(!i){return}t=true;n=false;r=u(e)}function c(e){if(i&&s&&t){e.stopImmediatePropagation();var a=Math.floor(u(e)-r);if(a>=0){e.preventDefault();if(a>o){n=true;ptr.innerHTML="loading..."}else{n=false;ptr.innerHTML="..."}var c=41-a;ptr.style.marginTop="-"+(c>0?c:0)+"px"}}}function p(){if(!i||!s){return}if(n){i=false;ptr.style.marginTop="0px";try{d().then(function(e){console.log(e);i=true;ptr.style.marginTop="-41px";ptr.innerHTML="..."})}catch(e){setTimeout(function(){i=true;ptr.style.marginTop="-41px";ptr.innerHTML="..."},1e3)}}else{ptr.style.marginTop="-41px"}t=false;n=false}var d;e.pullReload=function(e){try{this.content=document.getElementById(e.content);var t=e.ptr||"ptr";this.ptr=document.getElementById(t);var n={padding:"0px",margin:"0px",display:"block",height:"40px",border:"1px solid #000",borderTop:"0px",borderLeft:"0px",borderRight:"0px",textAlign:"center",lineHeight:"40px",fontSize:"30px",marginTop:"-41px"};for(var r in n){this.ptr.style[r]=n[r]}d=e.callback||function(){return;new Promise(function(e,t){setTimeout(function(){e("no refresh")},1e3)})};this.start=function(){this.content.addEventListener("mousedown",a);this.content.addEventListener("touchstart",a)};this.remove=function(){this.content.removeEventListener("mousedown",a);this.content.removeEventListener("touchstart",a)};return this}catch(e){console.log(e);console.log("请在浏览器环境下运行")}}})(window);

index.html

@@ -32,3 +32,3 @@ <html>
     </div>
-    <script src="src/pullreload.js"></script>
+    <script src="src/pullreload.min.js"></script>
     <script>
@@ -35,0 +35,0 @@ var pull = new pullReload({

package.json

 {
   "name": "pullreload",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "pull to reload using javascript",
-  "main": "./src/pullreload.js",
+  "main": "./src/node_pullreload.js",
   "scripts": {
@@ -7,0 +7,0 @@ "test": "echo \"Error: no test specified\" && exit 1",

demo/index.bundle.js

-!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},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=1)}([function(e,t,n){"use strict";function r(e){if(void 0===e.pageY&&void 0!==e.touches){if(e.touches.length<=0)return!1;e.pageY=e.touches[e.touches.length-1].pageY}return e.pageY}function o(e){if(0!==document.body.scrollTop)return d=!1,document.removeEventListener("mousemove",i),document.removeEventListener("touchmove",i,{passive:!1}),document.removeEventListener("mouseup",s),void document.removeEventListener("touchend",s);d=!0,document.addEventListener("mousemove",i),document.addEventListener("touchmove",i,{passive:!1}),document.addEventListener("mouseup",s),document.addEventListener("touchend",s),l&&(a=!0,c=!1,f=r(e))}function i(e){if(l&&d&&a){e.stopImmediatePropagation();var t=Math.floor(r(e)-f);if(t>=0){e.preventDefault(),t>p?(c=!0,ptr.innerHTML="loading..."):(c=!1,ptr.innerHTML="...");var n=41-t;ptr.style.marginTop="-"+(n>0?n:0)+"px"}}}function s(){if(l&&d){if(c){l=!1,ptr.style.marginTop="0px";try{u().then(function(e){console.log(e),l=!0,ptr.style.marginTop="-41px",ptr.innerHTML="..."})}catch(e){setTimeout(function(){l=!0,ptr.style.marginTop="-41px",ptr.innerHTML="..."},1e3)}}else ptr.style.marginTop="-41px";a=!1,c=!1}}Object.defineProperty(t,"__esModule",{value:!0}),n(5);var u,a=!1,c=!1,f=0,p=20,l=!0,d=!0,v=function(e){this.content=document.getElementById(e.content);var t=e.ptr||"ptr";return this.ptr=document.getElementById(t),u=e.callback||function(){},this.start=function(){this.content.addEventListener("mousedown",o),this.content.addEventListener("touchstart",o)},this.remove=function(){this.content.removeEventListener("mousedown",o),this.content.removeEventListener("touchstart",o)},this};t.default=v},function(e,t,n){"use strict";var r=n(0);new(function(e){return e&&e.__esModule?e:{default:e}}(r).default)({content:"content",ptr:"ptr",callback:function(){console.log("123")}}).start()},function(e,t,n){t=e.exports=n(3)(),t.push([e.i,"#ptr{padding:0;margin:0;display:block;height:40px;border:1px solid #000;border-top:0;border-left:0;border-right:0;text-align:center;line-height:40px;font-size:30px;margin-top:-41px}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var s=t[o];"number"==typeof s[0]&&r[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),e.push(s))}},e}},function(e,t){function n(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=l[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(a(r.parts[i],t))}else{for(var s=[],i=0;i<r.parts.length;i++)s.push(a(r.parts[i],t));l[r.id]={id:r.id,refs:1,parts:s}}}}function r(e){for(var t=[],n={},r=0;r<e.length;r++){var o=e[r],i=o[0],s=o[1],u=o[2],a=o[3],c={css:s,media:u,sourceMap:a};n[i]?n[i].parts.push(c):t.push(n[i]={id:i,parts:[c]})}return t}function o(e,t){var n=h(),r=b[b.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),b.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function i(e){e.parentNode.removeChild(e);var t=b.indexOf(e);t>=0&&b.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",o(e,t),t}function u(e){var t=document.createElement("link");return t.rel="stylesheet",o(e,t),t}function a(e,t){var n,r,o;if(t.singleton){var a=g++;n=m||(m=s(t)),r=c.bind(null,n,a,!1),o=c.bind(null,n,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=u(t),r=p.bind(null,n),o=function(){i(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(t),r=f.bind(null,n),o=function(){i(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}function c(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=y(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function f(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function p(e,t){var n=t.css,r=t.sourceMap;r&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var o=new Blob([n],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}var l={},d=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}},v=d(function(){return/msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase())}),h=d(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,g=0,b=[];e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");t=t||{},void 0===t.singleton&&(t.singleton=v()),void 0===t.insertAt&&(t.insertAt="bottom");var o=r(e);return n(o,t),function(e){for(var i=[],s=0;s<o.length;s++){var u=o[s],a=l[u.id];a.refs--,i.push(a)}if(e){n(r(e),t)}for(var s=0;s<i.length;s++){var a=i[s];if(0===a.refs){for(var c=0;c<a.parts.length;c++)a.parts[c]();delete l[a.id]}}}};var y=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t,n){var r=n(2);"string"==typeof r&&(r=[[e.i,r,""]]);n(4)(r,{});r.locals&&(e.exports=r.locals)}]);

demo/index.html

-<html>
-  <head>
-    <meta charset = 'utf-8'>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>下拉刷新测试</title>
-  </head>
-  <body>
-    <div id='ptr'></div>
-    <div id="content" style='user-select:none'>
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores doloribus harum sed odit optio, fuga nam modi quod beatae? Tempore sunt molestiae, soluta quas unde exercitationem, modi accusamus pariatur reiciendis!
-    </div>
-    <script src="index.bundle.js"></script>
-  </body>
-</html>

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

37502

14.91%

Number of package files

14

27.27%

Lines of code

286

52.13%

Number of medium quality alerts

1

-50%

Number of lines in readme file

1

Infinity%

Worsened metrics

Number of low quality alerts

5

25%

No dependency changes