Make getOffset to public method

Author: tangbc

README.md

@@ -296,6 +296,8 @@ Here are some usefull public methods you can call via [`ref`](https://vuejs.org/
 
 * `getSizes()`: get the total number of stored (rendered) items.
 
+* `getOffset()`: get current scroll offset.
+
 * `getClientSize()`: get wrapper element client viewport size (width or height).
 
 * `getScrollSize()`: get all scroll size (scrollHeight or scrollWidth).

dist/index.js

@@ -630,6 +630,21 @@
       getSizes: function getSizes() {
         return this.virtual.sizes.size;
       },
+      // return current scroll offset
+      getOffset: function getOffset() {
+        var root = this.$refs.root;
+        return root ? Math.ceil(root[this.directionKey]) : 0;
+      },
+      // return client viewport size
+      getClientSize: function getClientSize() {
+        var root = this.$refs.root;
+        return root ? root[this.isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;
+      },
+      // return all scroll size
+      getScrollSize: function getScrollSize() {
+        var root = this.$refs.root;
+        return root ? root[this.isHorizontal ? 'scrollWidth' : 'scrollHeight'] : 0;
+      },
       // set current scroll position to a expectant offset
       scrollToOffset: function scrollToOffset(offset) {
         var root = this.$refs.root;
@@ -694,21 +709,6 @@
           return dataSource[_this2.dataKey];
         });
       },
-      // return current scroll offset
-      getOffset: function getOffset() {
-        var root = this.$refs.root;
-        return root ? Math.ceil(root[this.directionKey]) : 0;
-      },
-      // return client viewport size
-      getClientSize: function getClientSize() {
-        var root = this.$refs.root;
-        return root ? root[this.isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;
-      },
-      // return all scroll size
-      getScrollSize: function getScrollSize() {
-        var root = this.$refs.root;
-        return root ? root[this.isHorizontal ? 'scrollWidth' : 'scrollHeight'] : 0;
-      },
       // event called when each item mounted or size changed
       onItemResized: function onItemResized(id, size) {
         this.virtual.saveSize(id, size);

src/index.js

@@ -84,6 +84,24 @@ const VirtualList = Vue.component('virtual-list', {
       return this.virtual.sizes.size
     },
 
+    // return current scroll offset
+    getOffset () {
+      const { root } = this.$refs
+      return root ? Math.ceil(root[this.directionKey]) : 0
+    },
+
+    // return client viewport size
+    getClientSize () {
+      const { root } = this.$refs
+      return root ? root[this.isHorizontal ? 'clientWidth' : 'clientHeight'] : 0
+    },
+
+    // return all scroll size
+    getScrollSize () {
+      const { root } = this.$refs
+      return root ? root[this.isHorizontal ? 'scrollWidth' : 'scrollHeight'] : 0
+    },
+
     // set current scroll position to a expectant offset
     scrollToOffset (offset) {
       const { root } = this.$refs
@@ -147,24 +165,6 @@ const VirtualList = Vue.component('virtual-list', {
       return this.dataSources.map((dataSource) => dataSource[this.dataKey])
     },
 
-    // return current scroll offset
-    getOffset () {
-      const { root } = this.$refs
-      return root ? Math.ceil(root[this.directionKey]) : 0
-    },
-
-    // return client viewport size
-    getClientSize () {
-      const { root } = this.$refs
-      return root ? root[this.isHorizontal ? 'clientWidth' : 'clientHeight'] : 0
-    },
-
-    // return all scroll size
-    getScrollSize () {
-      const { root } = this.$refs
-      return root ? root[this.isHorizontal ? 'scrollWidth' : 'scrollHeight'] : 0
-    },
-
     // event called when each item mounted or size changed
     onItemResized (id, size) {
       this.virtual.saveSize(id, size)