v3-infinite-loading - npm Package Compare versions

Comparing version 1.1.4 to 1.2.0

lib/v3-infinite-loading.umd.js

@@ -1,1 +0,1 @@
-(function(c,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(c=typeof globalThis<"u"?globalThis:c||self,t(c.V3InfiniteLoading={},c.Vue))})(this,function(c,t){"use strict";const O="",u=(e,n)=>{const o=e.__vccOpts||e;for(const[r,l]of n)o[r]=l;return o},v={},S=e=>(t.pushScopeId("data-v-39432f99"),e=e(),t.popScopeId(),e),I={class:"container"},w=[S(()=>t.createElementVNode("div",{class:"spinner"},null,-1))];function H(e,n){return t.openBlock(),t.createElementBlock("div",I,w)}const L=u(v,[["render",H],["__scopeId","data-v-39432f99"]]),b=e=>({loading(){e.value="loading"},loaded(){e.value="loaded"},complete(){e.value="complete"},error(){e.value="error"}}),k=(e,n)=>()=>{n.loading(),e("infinite",n)},_=(e,n)=>{const o=e.getBoundingClientRect();if(n===window)return o.top>=0&&o.bottom<=n.innerHeight;const r=n.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom},E=e=>{let n=window;return e&&(n=document.querySelector(e),n===document.body)?window:n||window},N=e=>()=>{const n=e.parentEl.scrollTop||document.documentElement.scrollTop,o=e.parentEl.scrollHeight||document.documentElement.scrollHeight,r=e.parentEl.clientHeight||e.parentEl.innerHeight;(e.state.value=="loaded"||e.state.value=="ready")&&(e.top&&n-e.distance<=0&&e.emitInfiniteEvent(),!e.top&&n+r>=o-e.distance&&e.emitInfiniteEvent())};let f;const g=e=>{e.parentEl=E(e.target),_(e.infiniteLoading.value,e.parentEl)&&e.firstLoad&&e.emitInfiniteEvent(),f=N(e),e.parentEl.addEventListener("scroll",f)},p=e=>{E(e.target).removeEventListener("scroll",f)},M="",V={class:"state-error"},B=u({__name:"InfiniteLoading",props:{top:{type:Boolean,required:!1},target:{type:[String,Boolean],required:!1},distance:{type:Number,required:!1,default:100},identifier:{required:!1},firstLoad:{type:Boolean,required:!1,default:!0},slots:{type:Object,required:!1}},emits:["infinite"],setup(e,{emit:n}){const o=e,r=t.ref(null),l=t.ref("ready"),{top:m,target:q,distance:T,firstLoad:C,slots:y}=o,{identifier:h}=t.toRefs(o),i={infiniteLoading:r,state:l,target:q,distance:T,top:m,firstLoad:C,emitInfiniteEvent:k(n,b(l)),parentEl:null},x=()=>t.watch(l,async s=>{const a=i.parentEl===window?document.documentElement:i.parentEl,d=a.scrollHeight;await t.nextTick(),s=="loaded"&&m&&(a.scrollTop=a.scrollHeight-d),s=="loaded"&&_(r.value,i.parentEl)&&i.emitInfiniteEvent(),s=="complete"&&p(i)}),R=()=>t.watch(h,()=>{l.value="ready",p(i),g(i)});return t.onMounted(()=>{g(i),x(),h&&R()}),t.onUnmounted(()=>{p(i)}),(s,a)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"infiniteLoading",ref:r},[l.value=="loading"?t.renderSlot(s.$slots,"spinner",{key:0},()=>[t.createVNode(L)],!0):t.createCommentVNode("v-if",!0),l.value=="complete"?t.renderSlot(s.$slots,"complete",{key:1},()=>{var d;return[t.createElementVNode("span",null,t.toDisplayString(((d=t.unref(y))==null?void 0:d.complete)||"No more results!"),1)]},!0):t.createCommentVNode("v-if",!0),l.value=="error"?t.renderSlot(s.$slots,"error",{key:2,retry:i.emitInfiniteEvent},()=>{var d;return[t.createElementVNode("span",V,[t.createElementVNode("span",null,t.toDisplayString(((d=t.unref(y))==null?void 0:d.error)||"Oops something went wrong!"),1),t.createElementVNode("button",{class:"retry",onClick:a[0]||(a[0]=(...$)=>i.emitInfiniteEvent&&i.emitInfiniteEvent(...$))},"retry")])]},!0):t.createCommentVNode("v-if",!0)],512))}},[["__scopeId","data-v-231b1688"]]);c.default=B,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.V3InfiniteLoading={},s.Vue))})(this,function(s,t){"use strict";const H="",_=(e,n)=>{const o=e.__vccOpts||e;for(const[r,i]of n)o[r]=i;return o},b={},S=e=>(t.pushScopeId("data-v-39432f99"),e=e(),t.popScopeId(),e),E={class:"container"},x=[S(()=>t.createElementVNode("div",{class:"spinner"},null,-1))];function k(e,n){return t.openBlock(),t.createElementBlock("div",E,x)}const I=_(b,[["render",k],["__scopeId","data-v-39432f99"]]),N=e=>({loading(){e.value="loading"},loaded(){e.value="loaded"},complete(){e.value="complete"},error(){e.value="error"}}),V=(e,n)=>()=>{n.loading(),e("infinite",n)},B=(e,n)=>{const o=e.getBoundingClientRect();if(!n)return o.top>=0&&o.bottom<=window.innerHeight;const r=n.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom},m=e=>(e==null?void 0:e.scrollHeight)||document.documentElement.scrollHeight;let f;const g=e=>{e.parentEl=document.querySelector(e.target)||null;let n=`0px 0px ${e.distance}px 0px`;e.top&&(n=`${e.distance}px 0px 0px 0px`),f=new IntersectionObserver(o=>{o[0].isIntersecting&&(e.firstload&&e.emit(),e.firstload=!0)},{root:e.parentEl,rootMargin:n}),f.observe(e.infiniteLoading.value)},p=()=>{f.disconnect()},T="",q={class:"state-error"},v=_({__name:"InfiniteLoading",props:{top:{type:Boolean,required:!1},target:{type:[String,Boolean],required:!1},distance:{type:Number,required:!1,default:0},identifier:{required:!1},firstload:{type:Boolean,required:!1,default:!0},slots:{type:Object,required:!1}},emits:["infinite"],setup(e,{emit:n}){const o=e,r=t.ref(null),i=t.ref("ready"),{top:y,firstload:w,target:L,distance:O}=o,{identifier:h}=t.toRefs(o),c={infiniteLoading:r,target:L,top:y,firstload:w,distance:O,emit:V(n,N(i)),parentEl:null},$=()=>t.watch(i,async l=>{const d=c.parentEl,a=m(d);await t.nextTick();const u=m(d);l=="loaded"&&y&&(d.scrollTop=u-a),l=="loaded"&&B(r.value,d)&&c.emit(),l=="complete"&&p()}),C=()=>t.watch(h,()=>{i.value="ready",p(),g(c)});return t.onMounted(()=>{g(c),$(),h&&C()}),t.onUnmounted(()=>{p()}),(l,d)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"infiniteLoading",ref:r},[i.value=="loading"?t.renderSlot(l.$slots,"spinner",{key:0},()=>[t.createVNode(I)],!0):t.createCommentVNode("v-if",!0),i.value=="complete"?t.renderSlot(l.$slots,"complete",{key:1},()=>{var a;return[t.createElementVNode("span",null,t.toDisplayString(((a=e.slots)==null?void 0:a.complete)||"No more results!"),1)]},!0):t.createCommentVNode("v-if",!0),i.value=="error"?t.renderSlot(l.$slots,"error",{key:2,retry:c.emit},()=>{var a;return[t.createElementVNode("span",q,[t.createElementVNode("span",null,t.toDisplayString(((a=e.slots)==null?void 0:a.error)||"Oops something went wrong!"),1),t.createElementVNode("button",{class:"retry",onClick:d[0]||(d[0]=(...u)=>c.emit&&c.emit(...u))},"retry")])]},!0):t.createCommentVNode("v-if",!0)],512))}},[["__scopeId","data-v-231b1688"]]);s.default=v,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "v3-infinite-loading",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "Infinite scroller component for vuejs-3",
@@ -25,6 +25,15 @@ "homepage": "https://vue3-infinite-loading.netlify.app/",
   },
+  "workspaces": [
+    "demo"
+  ],
   "scripts": {
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
     "format": "prettier .  --write",
-    "build:lib": "vite build --mode lib"
+    "dev:docs": "cd docs && npm run dev",
+    "dev:demo": "cd demo && npm run dev",
+    "serve:docs": "cd docs && npm run serve",
+    "serve:demo": "cd demo && npm run serve",
+    "build:lib": "vite build --mode lib",
+    "build:demo": "rm -rf ./demo/lib && npm run build:lib && mv lib demo && cd demo && npm run build",
+    "build:docs": "cd docs && npm run build"
   },
@@ -31,0 +40,0 @@ "keywords": [

No alert changes

Worsened metrics

Total package byte prevSize

10433

decreased by-4.51%

Lines of code

126

decreased by-1.56%

No dependency changes