|
130 | 130 | :key="column"
|
131 | 131 | >
|
132 | 132 | <!-- Expand Column -->
|
133 |
| - <td v-if=" |
134 |
| - column.key === 'data-table-expand' && loadedDrilldown.showExpand |
135 |
| - "> |
| 133 | + <td v-if="column.key === 'data-table-expand' && loadedDrilldown.showExpand |
| 134 | + "> |
136 | 135 | <v-icon
|
137 | 136 | v-if="loadedDrilldown.level < loadedDrilldown.levels"
|
138 | 137 | class="v-drilldown-table--expand-icon"
|
139 | 138 | :class="!isExpanded(item) ? '' : 'rotate-180'"
|
140 |
| - @click=" |
141 |
| - drilldownEvent({ |
| 139 | + @click="drilldownEvent({ |
142 | 140 | columns,
|
143 | 141 | index,
|
144 | 142 | isExpanded,
|
145 | 143 | item,
|
146 | 144 | level,
|
147 | 145 | toggleExpand,
|
148 | 146 | })
|
149 |
| - " |
| 147 | + " |
150 | 148 | >
|
151 | 149 | mdi-chevron-down
|
152 | 150 | </v-icon>
|
|
184 | 182 | <!-- ================================================== Data Table Expand Slot -->
|
185 | 183 | <!-- @update:expanded="updateExpanded" -->
|
186 | 184 | <template #[`item.data-table-expand`]="{
|
187 |
| - columns, |
188 |
| - index, |
189 |
| - isExpanded, |
190 |
| - item, |
191 |
| - toggleExpand, |
192 |
| - }"> |
| 185 | + columns, |
| 186 | + index, |
| 187 | + isExpanded, |
| 188 | + item, |
| 189 | + toggleExpand, |
| 190 | + }"> |
193 | 191 | b
|
194 | 192 | <v-icon
|
195 | 193 | v-if="loadedDrilldown.level < loadedDrilldown.levels"
|
196 | 194 | class="v-drilldown-table--expand-icon"
|
197 | 195 | :class="!isExpanded(item) ? 'rotate-180' : ''"
|
198 |
| - @click=" |
199 |
| - drilldownEvent({ |
| 196 | + @click="drilldownEvent({ |
200 | 197 | columns,
|
201 | 198 | index,
|
202 | 199 | isExpanded,
|
203 | 200 | item,
|
204 | 201 | level,
|
205 | 202 | toggleExpand,
|
206 | 203 | })
|
207 |
| - " |
| 204 | + " |
208 | 205 | >
|
209 | 206 | mdi-chevron-down
|
210 | 207 | </v-icon>
|
|
235 | 232 | ></slot>
|
236 | 233 |
|
237 | 234 | <!-- Pass on all scoped slots -->
|
238 |
| - <!-- // ! This does not pass rollup bundle --> |
239 |
| - <!-- <template |
| 235 | + <!-- ! This does not pass rollup bundle --> |
| 236 | + <template |
240 | 237 | v-for="slot in Object.keys(slots)"
|
241 | 238 | #[slot]="scope"
|
242 | 239 | >
|
243 | 240 | <slot
|
244 | 241 | :name="slot"
|
245 | 242 | v-bind="scope"
|
246 |
| - ></slot> |
247 |
| - </template> --> |
| 243 | + ></slot> |
| 244 | + </template> |
248 | 245 |
|
249 |
| - <!-- // ! This also does not pass rollup bundle --> |
250 |
| - <!-- <template |
| 246 | + <!-- ! This also does not pass rollup bundle --> |
| 247 | + <template |
251 | 248 | v-for="slot in Object.keys(slots)"
|
252 | 249 | v-slot:[`${slot}`]="scope"
|
253 | 250 | >
|
254 | 251 | <slot
|
255 | 252 | :name="slot"
|
256 | 253 | v-bind="scope"
|
257 |
| - ></slot> |
258 |
| - </template> --> |
| 254 | + ></slot> |
| 255 | + </template> |
259 | 256 | </VDrilldownTable>
|
260 | 257 | </td>
|
261 | 258 | </tr>
|
@@ -538,7 +535,6 @@ const headerRowThClasses = (column): object => {
|
538 | 535 |
|
539 | 536 | const headerRowThStyles = (column: { width?: string | number; }, dataTableExpand = false): CSSProperties => {
|
540 | 537 | const headerColors = useGetLevelColors(loadedDrilldown.value, theme, 'header');
|
541 |
| - console.log('headerRowThStyles', headerColors); |
542 | 538 |
|
543 | 539 | const styles = {
|
544 | 540 | backgroundColor: headerColors.bg,
|
|
0 commit comments