- add support for expanding partial element by passing object

Author: derpdead

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-windowing",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "Set of components used for virtualizing DOM",
   "author": {
     "name": "Maciej Kaczorowski",

package.json

@@ -45,7 +45,7 @@ export default {
       default: 30,
     },
     expanded: {
-      type: Boolean,
+      type: [Object, Boolean],
       default: false,
     },
   },
@@ -73,10 +73,10 @@ export default {
     },
   },
   mounted() {
-    this.$watch((vm) => [vm.items, vm.expanded], () => {
+    this.$watch((vm) => [vm.items, vm.expanded], ([items, expanded]) => {
       this.flattenedItems = getExpandingFlattenedItems({
-        items: this.items,
-        expanded: this.expanded,
+        items,
+        expanded,
       });
     }, {
       immediate: true,

src/components/ExpandingList.vue

@@ -31,10 +31,14 @@ export const getExpandingFlattenedItems = ({
   items.forEach((item) => {
     const { children = [], ...rest } = item;
 
+    const isExpanded = typeof expanded === 'object'
+      ? expanded[rest.id]
+      : expanded;
+
     flattenedItems.push({
       ...rest,
       level,
-      expanded,
+      expanded: isExpanded,
       rootId,
       rootIndex,
     });