@dataloop-ai/components 0.18.51 → 0.18.53
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.
|
|
3
|
+
"version": "0.18.53",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": "./index.ts",
|
|
6
6
|
"./models": "./models.ts",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"check-only": "if grep -E -H -r --exclude-dir=.git --exclude-dir=node_modules --exclude=*.json --exclude=*.yml '^(describe|it).only' .; then echo 'Found only in test files' && exit 1; fi"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@dataloop-ai/icons": "^3.0.
|
|
25
|
+
"@dataloop-ai/icons": "^3.0.14",
|
|
26
26
|
"@types/flat": "^5.0.2",
|
|
27
27
|
"@types/lodash": "^4.14.184",
|
|
28
28
|
"chart.js": "^3.9.1",
|
|
@@ -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
|
|
@@ -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('')
|