v2.2.3

Fixed

• Scroll event listen error when using body as the scroll element #111 , contributed by @damienbeaufils

v2.2.2

Improvements

• Add responsive support for the force-use-infinite-wrapper property #102
• Add name property for this component, contributed by @rquelen through #108
• Reduce duration time for the debounce feature
• Move spinners to it own component, contributed by @bartekupartek through #98

Fixed

• Scroll wrapper search bug if the wrapper element is body, contributed by @SerikDM in #100

v2.2.1

Improvements

• Stop attempt load when this component is invisible #93

Fixed

• Replace template to render function for all spinners to prevent pre-compile warning from Runtime-only version of Vue.js #83

v2.2.0 "Cassini Huygens"

Goodbye, the space hero Cassini Huygens!

This version contains notable changes, so you may need spend some time to update your application through the list below. If you have any suggestion, please join the issues and discuss with us!

Thanks to all contributors and participants of the related issues to help this component become better:

@Syn-zeta @DaveSanders @Akari1987 @PenAndPapers @rodwin @mcmillion @vbabenko @adamyarger @duyhung85 @JefferyHus @tengqingya @emkman @feinimoshu753 @jkiimm @zzmm1 @xuyukuan @vgladimir @jun9358 @vlahde

Notable changes

• Deprecate the on-infinite property, and recommend to use infinite event instead, #75 , doc:

<infinite-loading v-on:infinite="infiniteHandler"></infinite-loading>
<!-- or -->
<infinite-loading @infinite="infiniteHandler"></infinite-loading>

• Deprecate use $InfiniteLoading:loaded and $InfiniteLoading:complete event, and recommend to use the $state special event argument instead, #57 , doc:

...
methods: {
  infiniteHandler($state) {
    ajax('https://www.example.com/api/news')
      .then((res) => {
        if (res.data) {
          $state.loaded();
        } else {
          $state.complete();
        }
      })
  },
},
...

New

• Add force-use-infinite-wrapper attribute support to prevent be in a infinite loop, #55 :

<div infinite-wrapper> <!--this div will become the real scroll wrapper -->
  <div style="overflow: auto;">
    <infinite-loading force-use-infinite-wrapper="true"></infinite-loading>
  </div>
</div>

Improvements

• Upgrade to Webpack 3.x and optimize configurations for the babel, karma and eslint
• Optimize all unit tests
• Support hide any message through a blank slot #61
• Optimize the scroll event performance #49
• Move all functions to methods to support extends feature #64
• Improve the way to render spinners, and keep the bundle size to 19kb after in the above changes

v2.1.3

Fixed

• onInfinite callback bug when using multiple infinite list with keep-alive feature #40

v2.1.2

Fixed

• Distance calculate bug when using this plugin with table element #43 , contribute by syn-zeta

v2.1.0

New

• Support custom scroll parent with infinite-wrapper attribute when you using 3rd-party scroll plugin like perfect-scrollbar, see usage, #44

v2.0.4

Fixed

• Infinite trigger bug when using keep-alive feature #40

v2.0.3

Fixed

• Improve the way to calculate distance to fix #36

v1.3.2

Fixed

• Improve the way to calculate distance to fix #36