- add support for replacing virtualized body content with e.g. placeholder when no items are present

Author: derpdead

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-windowing",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "Set of components used for virtualizing DOM",
   "main": "dist/vue-windowing.ssr.js",
   "browser": "dist/vue-windowing.esm.js",

src/components/ExpandingList.vue

@@ -6,6 +6,9 @@
         <template #header>
             <slot name="header" />
         </template>
+        <template #body>
+            <slot name="body" />
+        </template>
         <template #item="{ item, index}">
             <div
                 v-if="typeof headers[item] !== 'undefined'"

src/components/NestedList.vue

@@ -6,6 +6,9 @@
         <template #header>
             <slot name="header" />
         </template>
+        <template #body>
+            <slot name="body" />
+        </template>
         <template #item="{ item, index}">
             <slot
                 v-if="parents[index]"

src/components/VirtualScroll.vue

@@ -5,25 +5,27 @@
             ref="root"
             @scroll="onScroll">
             <slot name="header" />
-            <div
-                :style="viewportStyle"
-                class="virtual-scroll__viewport">
+            <slot name="body">
                 <div
-                    :style="spacerStyle"
-                    class="virtual-scroll__spacer">
-                    <AutoHeightMeasurer
-                        v-for="(item, index) in visibleItems"
-                        :key="index + startNode"
-                        :index="index + startNode"
-                        :height="cachedHeight[index + startNode]"
-                        @height="onMeasuredHeight">
-                        <slot
-                            name="item"
-                            :item="item"
-                            :index="index + startNode" />
-                    </AutoHeightMeasurer>
+                    :style="viewportStyle"
+                    class="virtual-scroll__viewport">
+                    <div
+                        :style="spacerStyle"
+                        class="virtual-scroll__spacer">
+                        <AutoHeightMeasurer
+                            v-for="(item, index) in visibleItems"
+                            :key="index + startNode"
+                            :index="index + startNode"
+                            :height="cachedHeight[index + startNode]"
+                            @height="onMeasuredHeight">
+                            <slot
+                                name="item"
+                                :item="item"
+                                :index="index + startNode" />
+                        </AutoHeightMeasurer>
+                    </div>
                 </div>
-            </div>
+            </slot>
             <slot name="footer" />
         </div>
     </ResizeObserver>