@dataloop-ai/components 0.18.51 → 0.18.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.18.51",
3
+ "version": "0.18.52",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -879,9 +879,6 @@ export default defineComponent({
879
879
  )
880
880
 
881
881
  const computedRows = computed(() => {
882
- /*if(props.virtualScrollRows.length) {
883
- return props.virtualScrollRows
884
- }*/
885
882
  let rows = filteredSortedRows.value
886
883
 
887
884
  const { rowsPerPage } = computedPagination.value
@@ -17,7 +17,7 @@
17
17
  width="45vw"
18
18
  height="75vh"
19
19
  :language="language"
20
- :theme="theme"
20
+ :theme="'atom-one-dark'"
21
21
  :readonly="readonly"
22
22
  :options="options"
23
23
  />
@@ -180,6 +180,43 @@
180
180
  </DlTable>
181
181
  </div>
182
182
 
183
+ <div style="margin-top: 100px">
184
+ Custom Slot `row-body`
185
+ <DlTable
186
+ :selected="selected"
187
+ :separator="separator"
188
+ :columns="tableColumns"
189
+ :bordered="bordered"
190
+ :dense="dense"
191
+ class="sticky-header"
192
+ :filter="filter"
193
+ :selection="selection"
194
+ :loading="loading"
195
+ :rows="tableRows"
196
+ :resizable="resizable"
197
+ row-key="id"
198
+ color="dl-color-secondary"
199
+ title="Table Title"
200
+ :virtual-scroll="vScroll"
201
+ style="height: 500px"
202
+ :rows-per-page-options="rowsPerPageOptions"
203
+ @row-click="log"
204
+ @th-click="log"
205
+ @update:selected="updateSeleted"
206
+ >
207
+ <template #row-body="props">
208
+ <dl-tr :props="props">
209
+ <dl-td
210
+ v-for="(value, key) in Object.keys(props.row)"
211
+ :key="key"
212
+ >
213
+ {{ props.row[value] }}
214
+ </dl-td>
215
+ </dl-tr>
216
+ </template>
217
+ </DlTable>
218
+ </div>
219
+
183
220
  <div style="margin-top: 100px">
184
221
  <DlTable
185
222
  :selected="selected"
@@ -405,7 +442,9 @@ import {
405
442
  DlOptionGroup,
406
443
  DlSwitch,
407
444
  DlInput,
408
- DlButton
445
+ DlButton,
446
+ DlTr,
447
+ DlTd
409
448
  } from '../components'
410
449
  import { defineComponent, ref, computed, nextTick } from 'vue-demi'
411
450
  import { times, cloneDeep, isNumber } from 'lodash'
@@ -577,7 +616,9 @@ export default defineComponent({
577
616
  DlSwitch,
578
617
  DlOptionGroup,
579
618
  DlInput,
580
- DlButton
619
+ DlButton,
620
+ DlTr,
621
+ DlTd
581
622
  },
582
623
  setup() {
583
624
  const filter = ref('')