add item slot

Author: Ljs

src/index.js

@@ -271,6 +271,7 @@ const VirtualList = Vue.component('virtual-list', {
       const slots = []
       const { start, end } = this.range
       const { dataSources, dataKey, itemClass, itemTag, itemStyle, isHorizontal, extraProps, dataComponent, itemScopedSlots } = this
+      const slotComponent = this.$scopedSlots && this.$scopedSlots.item
       for (let index = start; index <= end; index++) {
         const dataSource = dataSources[index]
         if (dataSource) {
@@ -286,6 +287,7 @@ const VirtualList = Vue.component('virtual-list', {
                 source: dataSource,
                 extraProps: extraProps,
                 component: dataComponent,
+                slotComponent: slotComponent,
                 scopedSlots: itemScopedSlots
               },
               style: itemStyle,

src/item.js

@@ -51,7 +51,7 @@ export const Item = Vue.component('virtual-list-item', {
   props: ItemProps,
 
   render (h) {
-    const { tag, component, extraProps = {}, index, source, scopedSlots = {}, uniqueKey } = this;
+    const { tag, component, extraProps = {}, index, source, scopedSlots = {}, uniqueKey, slotComponent } = this;
     const props = {
         ...extraProps,
         source,
@@ -63,7 +63,7 @@ export const Item = Vue.component('virtual-list-item', {
       attrs: {
         role: 'listitem'
       }
-    }, [h(component, {
+    }, [slotComponent ? h('div', slotComponent({ item: source, index: index, scope: props })) : h(component, {
       props,
       scopedSlots: scopedSlots
     })])

src/props.js

@@ -127,6 +127,9 @@ export const ItemProps = {
   component: {
     type: [Object, Function]
   },
+  slotComponent: {
+    type: Function
+  },
   uniqueKey: {
     type: [String, Number]
   },