for item component

Author: gr8den

README.md

@@ -317,6 +317,12 @@ More usages or getting start you can refer to these clearly [examples](https://g
       <td>{}</td>
       <td>For using using footer slot, footer slot wrapper element inline style.</td>
     </tr>
+    <tr>
+      <td><code>scoped-slots</code></td>
+      <td>Object</td>
+      <td>{}</td>
+      <td>$scopedSlots for item component</td>
+    </tr>
   </table>
 </details>
 

src/index.js

@@ -263,7 +263,7 @@ const VirtualList = Vue.component('virtual-list', {
     getRenderSlots (h) {
       const slots = []
       const { start, end } = this.range
-      const { dataSources, dataKey, itemClass, itemTag, itemStyle, isHorizontal, extraProps, dataComponent } = this
+      const { dataSources, dataKey, itemClass, itemTag, itemStyle, isHorizontal, extraProps, dataComponent, scopedSlots } = this
       for (let index = start; index <= end; index++) {
         const dataSource = dataSources[index]
         if (dataSource) {
@@ -277,7 +277,8 @@ const VirtualList = Vue.component('virtual-list', {
                 uniqueKey: dataSource[dataKey],
                 source: dataSource,
                 extraProps: extraProps,
-                component: dataComponent
+                component: dataComponent,
+                scopedSlots: scopedSlots
               },
               style: itemStyle,
               class: `${itemClass}${this.itemClassAdd ? ' ' + this.itemClassAdd(index) : ''}`

src/item.js

@@ -51,7 +51,7 @@ export const Item = Vue.component('virtual-list-item', {
   props: ItemProps,
 
   render (h) {
-    const { tag, component, extraProps = {}, index } = this
+    const { tag, component, extraProps = {}, index, scopedSlots = {} } = this
     extraProps.source = this.source
     extraProps.index = index
 
@@ -60,7 +60,8 @@ export const Item = Vue.component('virtual-list-item', {
         role: 'item'
       }
     }, [h(component, {
-      props: extraProps
+      props: extraProps,
+      scopedSlots
     })])
   }
 })

src/props.js

@@ -102,6 +102,9 @@ export const VirtualProps = {
   },
   footerStyle: {
     type: Object
+  },
+  scopedSlots: {
+    type: Object,
   }
 }
 
@@ -129,6 +132,9 @@ export const ItemProps = {
   },
   extraProps: {
     type: Object
+  },
+  scopedSlots: {
+    type: Object,
   }
 }