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