feat(virtual-scroll): add header and footer slots

src/components/virtual-scroll/index.ts

@@ -163,14 +163,23 @@ const AtVirtualScroll = defineComponent({
     }
 
     return () => {
-      const content = h(View, {
-        class: 'at-virtual-scroll__container',
-        style: {
-          height: convertToUnit((props.items.length * __itemHeight.value)),
-        }
-      }, { default: () => getChildren() })
-
-      return h(ScrollView, mergeProps(
+      const content = h(View, null, {
+        default: () => [
+          h(View, {
+            class: 'at-virtual-scroll__container',
+            style: {
+              height: convertToUnit((props.items.length * __itemHeight.value)),
+            }
+          }, { default: () => getChildren() }),
+
+          h(View, {
+            class: 'at-virtual-scroll__footer'
+          }, { default: () => slots.footer && slots.footer() }),
+        ]
+      })
+
+
+      const scrollViewNode = h(ScrollView, mergeProps(
         isWeb.value
           ? {
             scrollTop: scrollTop.value
@@ -190,6 +199,15 @@ const AtVirtualScroll = defineComponent({
           onScrollToUpper: props.onReachTop,
           onScrollToLower: props.onReachBottom,
         }), { default: () => [content] })
+
+      return h(View, null, {
+        default: () => [
+          h(View, {
+            class: 'at-virtual-scroll__header',
+          }, { default: () => slots.header && slots.header() }),
+          scrollViewNode,
+        ]
+      })
     }
   }
 })

src/style/components/virtual-scroll.scss

@@ -6,10 +6,18 @@
   overflow: auto;
   position: relative;
 
+  &__header {
+    display: block;
+  }
+
   &__container {
     display: block;
   }
 
+  &__footer {
+    display: block;
+  }
+
   &__item {
     left: 0;
     position: absolute;