Personal refactor (#1)

* refactor(props): change wrap-tag type

* Updated wrap-tag props type to accept component so a vue component
can be passed as wrapper
* Gist: vue-smooth-dnd uses Container to wrap list of items
that are draggable

* refactor(render): pass props to wrapping tag

* Pass extraProps to container tag so, custom values can be passed
to custom container

* feat(range): add method to get range

* Add method to get current range of shown items, so the dragged
item can be indexed based on the start range index and dragged index

* build: run prod build for new changes

Author: bimalghartimagar

dist/index.js

@@ -516,7 +516,7 @@
       "default": 'div'
     },
     wrapTag: {
-      type: String,
+      type: [Object, Function],
       "default": 'div'
     },
     wrapClass: {
@@ -699,9 +699,6 @@
     }
   });
 
-  /**
-   * virtual list default component
-   */
   var EVENT_TYPE = {
     ITEM: 'item_resize',
     SLOT: 'slot_resize'
@@ -745,9 +742,20 @@
         this.$on(EVENT_TYPE.SLOT, this.onSlotResized);
       }
     },
-    // set back offset when awake from keep-alive
     activated: function activated() {
+      // set back offset when awake from keep-alive
       this.scrollToOffset(this.virtual.offset);
+
+      if (this.pageMode) {
+        document.addEventListener('scroll', this.onScroll, {
+          passive: false
+        });
+      }
+    },
+    deactivated: function deactivated() {
+      if (this.pageMode) {
+        document.removeEventListener('scroll', this.onScroll);
+      }
     },
     mounted: function mounted() {
       // set position
@@ -773,6 +781,10 @@
       }
     },
     methods: {
+      // get range of shown items
+      getRange: function getRange() {
+        return this.range;
+      },
       // get item size by id
       getSize: function getSize(id) {
         return this.virtual.sizes.get(id);
@@ -1033,6 +1045,7 @@
         attrs: {
           role: 'group'
         },
+        props: _objectSpread2({}, this.extraProps),
         style: wrapperStyle
       }, this.getRenderSlots(h)), // footer slot
       footer ? h(Slot, {