@vuetify/nightly 3.1.6 → 3.1.7

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.6
+* Vuetify v3.1.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -18760,7 +18760,7 @@ const VDataTableRows = genericComponent()({
           "item": item
         }, slots);
       }
-      return createVNode(Fragment, null, [slots.item ? slots.item({
+      const slotProps = {
         index,
         item,
         columns: columns.value,
@@ -18768,7 +18768,8 @@ const VDataTableRows = genericComponent()({
         toggleExpand,
         isSelected,
         toggleSelect
-      }) : createVNode(VDataTableRow, {
+      };
+      return createVNode(Fragment, null, [slots.item ? slots.item(slotProps) : createVNode(VDataTableRow, {
         "key": `item_${item.value}`,
         "onClick": event => {
           if (expandOnClick.value) {
@@ -18779,10 +18780,7 @@ const VDataTableRows = genericComponent()({
           });
         },
         "item": item
-      }, slots), isExpanded(item) && slots['expanded-row']?.({
-        item,
-        columns: columns.value
-      })]);
+      }, slots), isExpanded(item) && slots['expanded-row']?.(slotProps)]);
     })]));
     return {};
   }
@@ -19568,13 +19566,15 @@ const VVirtualScroll = genericComponent()({
       resizeRef.value = rootEl.value;
     });
     const display = useDisplay();
-    const sizes = createRange(props.items.length).map(() => itemHeight.value);
+    const sizeMap = new Map();
+    let sizes = createRange(props.items.length).map(() => itemHeight.value);
     const visibleItems = computed(() => {
       return props.visibleItems ? parseInt(props.visibleItems, 10) : Math.max(12, Math.ceil((contentRect.value?.height ?? display.height.value) / itemHeight.value * 1.7 + 1));
     });
     function handleItemResize(index, height) {
       itemHeight.value = Math.max(itemHeight.value, height);
       sizes[index] = height;
+      sizeMap.set(props.items[index], height);
     }
     function calculateOffset(index) {
       return sizes.slice(0, index).reduce((curr, value) => curr + (value || itemHeight.value), 0);
@@ -19628,6 +19628,17 @@ const VVirtualScroll = genericComponent()({
         itemHeight.value = sizes.slice(first.value, last.value).reduce((curr, height) => curr + height, 0) / visibleItems.value;
       }
     });
+    watch(() => props.items.length, () => {
+      sizes = createRange(props.items.length).map(() => itemHeight.value);
+      sizeMap.forEach((height, item) => {
+        const index = props.items.indexOf(item);
+        if (index === -1) {
+          sizeMap.delete(item);
+        } else {
+          sizes[index] = height;
+        }
+      });
+    });
     useRender(() => createVNode("div", {
       "ref": rootEl,
       "class": "v-virtual-scroll",
@@ -20006,7 +20017,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.1.6";
+const version$1 = "3.1.7";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -20018,7 +20029,7 @@ function inject(key) {
   }
 }
 
-const version = "3.1.6";
+const version = "3.1.7";
 
 const createVuetify = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};