Merge pull request #50 from webdevnerdstuff/dev

v1.0.0-beta-9

Author: webdevnerdstuff

CHANGELOG.md

@@ -1,6 +1,11 @@
 # Change Log
 All notable changes to the "vuetify-drilldown-table" plugin will be documented in this file.
 
+## v1.0.0-beta-9
+06-29-23
+[main] (@webdevnerdstuff)
+* Fix search not working when using top slot (debugging)
+
 ## v1.0.0-beta-8
 06-28-23
 [main] (@webdevnerdstuff)

dist/vuetify-drilldown-table.cjs.js

@@ -2,7 +2,7 @@ import { Fragment as ae, reactive as At, computed as g, watchEffect as Re, toRef
 import { useTheme as vl } from "vuetify";
 /**
  * @name vuetify-drilldown-table
- * @version 1.0.0-beta-8
+ * @version 1.0.0-beta-9
  * @description The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's VDataTable and VDataTableServer. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.
  * @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! <[email protected]> (https://webdevnerdstuff.com)
  * @copyright Copyright 2023, WebDevNerdStuff
@@ -3563,7 +3563,7 @@ const wt = /* @__PURE__ */ new Map(), tu = Symbol("data"), lu = ["colspan"], sa
   return ra(() => t.search, () => {
     P();
   }, k), ra(c, () => {
-    P();
+    n.top || n["top.left"] || P();
   }, k), (b, V) => {
     const _ = da("VDrilldownTable", !0);
     return h(r) ? (q(), me(ca(h(r)), X({ key: 0 }, b.$attrs, { modelValue: h(a).modelValue, "onUpdate:modelValue": [V[5] || (V[5] = (F) => h(a).modelValue = F), D], class: h(y), "data-vdt-id": h(i), density: h(a).density, "expand-on-click": h(a).expandOnClick, expanded: h(a).expanded, "group-by": h(a).groupBy, headers: h(a).headers, height: h(a).height, "hide-no-data": h(u), hover: h(a).hover, "item-selectable": h(a).itemSelectable, "item-value": h(a).itemValue, items: h(a).items, "items-length": h(a).itemsLength, "items-per-page": h(a).itemsPerPage, "items-per-page-options": h(a).itemsPerPageOptions, loading: (!h(a).loaderType || h(n).loading) && h(a).loading, "multi-sort": h(a).multiSort, "must-sort": h(a).mustSort, "no-data-text": h(a).noDataText, page: h(a).page, "return-object": h(a).returnObject, search: h(c), "select-strategy": h(a).selectStrategy, "show-expand": h(a).showExpand, "sort-by": h(p), style: h(C), "onUpdate:itemsPerPage": A, "onUpdate:page": E, "onUpdate:sortBy": x }), Qe({ top: oe((F) => [(q(), me(h(Hi), { key: b.level, items: h(a).items, level: h(a).level, loading: h(a).loading, "search-container-cols": h(a).searchContainerCols, "search-events": h(a).searchEvents, "search-props": h(a).searchProps, "show-search": h(a).showSearch ?? !1, "slot-props": F, "onUpdate:search": V[0] || (V[0] = (I) => c.value = I) }, Qe({ _: 2 }, [Le(h(n), (I, T) => ({ name: T, fn: oe((M) => [ue(b.$slots, T, be(Ve({ ...M })))]) }))]), 1032, ["items", "level", "loading", "search-container-cols", "search-events", "search-props", "show-search", "slot-props"]))]), headers: oe((F) => [(q(), me(h(Fi), { key: b.level, colors: h(a).colors, "column-widths": h(a).columnWidths, density: h(a).density, items: h(a).items, level: b.level, "loader-props": h(a).loaderProps, "loader-settings": { colspan: F.columns.length, loaderType: h(a).loaderType, loading: h(a).loading, loadingText: b.loadingText }, "match-column-widths": h(a).matchColumnWidths, "select-strategy": h(a).selectStrategy, "show-select": h(a).showSelect, "slot-props": { ...F }, "sort-asc-icon": h(a).sortAscIcon, "sort-by": h(a).sortBy, "table-model-value": h(a).modelValue }, Qe({ _: 2 }, [Le(h(n), (I, T) => ({ name: T, fn: oe((M) => [ue(b.$slots, T, be(Ve({ ...M })))]) }))]), 1032, ["colors", "column-widths", "density", "items", "level", "loader-props", "loader-settings", "match-column-widths", "select-strategy", "show-select", "slot-props", "sort-asc-icon", "sort-by", "table-model-value"]))]), item: oe((F) => [(q(), me(h(Li), { key: b.level, density: h(a).density, "expand-on-click": h(a).expandOnClick, "group-by": h(a).groupBy, "item-selectable": h(a).itemSelectable, items: h(a).items, level: h(a).level, levels: h(a).levels, "show-expand": h(a).showExpand, "show-select": h(a).showSelect, "slot-props": { level: b.level, ...F }, "onClick:row": V[1] || (V[1] = (I) => {

dist/vuetify-drilldown-table.es.js

@@ -1,6 +1,6 @@
 {
 	"name": "vuetify-drilldown-table",
-	"version": "1.0.0-beta-8",
+	"version": "1.0.0-beta-9",
 	"description": "The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's VDataTable and VDataTableServer. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.",
 	"private": false,
 	"main": "dist/vuetify-drilldown-table.cjs.js",

package.json

@@ -639,7 +639,9 @@ watchDebounced(
 watchDebounced(
 	levelSearch,
 	() => {
-		searchUpdated();
+		if (!slots['top'] && !slots['top.left']) {
+			searchUpdated();
+		}
 	},
 	searchDebounce,
 );

src/plugin/VDrilldownTable.vue

@@ -108,7 +108,6 @@ watch(levelSearch, () => {
 	emit('update:search', levelSearch.value);
 });
 
-
 const boundSearchProps = computed<KeyStringAny>(() => {
 	return {
 		...{