|
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