@dataloop-ai/components 0.16.37 → 0.16.38
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
|
@@ -408,19 +408,17 @@
|
|
|
408
408
|
</div>
|
|
409
409
|
|
|
410
410
|
<div
|
|
411
|
-
v-if="
|
|
412
|
-
class="dl-table__control"
|
|
413
|
-
>
|
|
414
|
-
<slot
|
|
415
|
-
v-bind="marginalsScope"
|
|
416
|
-
name="pagination"
|
|
417
|
-
/>
|
|
418
|
-
</div>
|
|
419
|
-
|
|
420
|
-
<div
|
|
421
|
-
v-else-if="!hideBottom || hideNoData"
|
|
411
|
+
v-if="!hideBottom"
|
|
422
412
|
:class="bottomClasses"
|
|
423
413
|
>
|
|
414
|
+
<div class="dl-table__control">
|
|
415
|
+
<slot
|
|
416
|
+
v-if="nothingToDisplay && !hideNoData"
|
|
417
|
+
name="no-data"
|
|
418
|
+
>
|
|
419
|
+
{{ bottomMessage }}
|
|
420
|
+
</slot>
|
|
421
|
+
</div>
|
|
424
422
|
<div class="dl-table__control">
|
|
425
423
|
<slot
|
|
426
424
|
name="bottom"
|
|
@@ -434,20 +432,21 @@
|
|
|
434
432
|
{{ selectedRowsLabel(rowsSelectedNumber) }}
|
|
435
433
|
</div>
|
|
436
434
|
</div>
|
|
437
|
-
<dl-pagination
|
|
438
|
-
v-if="displayPagination"
|
|
439
|
-
v-bind="marginalsScope.pagination"
|
|
440
|
-
@update:rowsPerPage="
|
|
441
|
-
(v) => setPagination({ rowsPerPage: v })
|
|
442
|
-
"
|
|
443
|
-
@update:modelValue="(v) => setPagination({ page: v })"
|
|
444
|
-
/>
|
|
445
435
|
|
|
446
436
|
<slot
|
|
447
|
-
v-
|
|
448
|
-
name="
|
|
437
|
+
v-bind="marginalsScope"
|
|
438
|
+
name="pagination"
|
|
449
439
|
>
|
|
450
|
-
|
|
440
|
+
<dl-pagination
|
|
441
|
+
v-if="displayPagination"
|
|
442
|
+
v-bind="marginalsScope.pagination"
|
|
443
|
+
@update:rowsPerPage="
|
|
444
|
+
(v) => setPagination({ rowsPerPage: v })
|
|
445
|
+
"
|
|
446
|
+
@update:modelValue="
|
|
447
|
+
(v) => setPagination({ page: v })
|
|
448
|
+
"
|
|
449
|
+
/>
|
|
451
450
|
</slot>
|
|
452
451
|
</slot>
|
|
453
452
|
</div>
|
|
@@ -1118,6 +1117,7 @@ export default defineComponent({
|
|
|
1118
1117
|
function onVScroll(info: ScrollDetails) {
|
|
1119
1118
|
emit('virtual-scroll', info)
|
|
1120
1119
|
}
|
|
1120
|
+
|
|
1121
1121
|
//
|
|
1122
1122
|
|
|
1123
1123
|
const onTrClick = (
|
package/src/demo/DlTableDemo.vue
CHANGED
|
@@ -215,6 +215,37 @@
|
|
|
215
215
|
/>
|
|
216
216
|
</div>
|
|
217
217
|
</div>
|
|
218
|
+
<div>
|
|
219
|
+
<p>#no-data & #pagination declare together</p>
|
|
220
|
+
<DlTable
|
|
221
|
+
:selected="selected"
|
|
222
|
+
:separator="separator"
|
|
223
|
+
:columns="columns"
|
|
224
|
+
:bordered="bordered"
|
|
225
|
+
:draggable="draggable"
|
|
226
|
+
:dense="dense"
|
|
227
|
+
class="sticky-header"
|
|
228
|
+
:filter="filter"
|
|
229
|
+
:selection="selection"
|
|
230
|
+
:loading="loading"
|
|
231
|
+
:resizable="resizable"
|
|
232
|
+
row-key="name"
|
|
233
|
+
color="dl-color-secondary"
|
|
234
|
+
title="Table Title"
|
|
235
|
+
:virtual-scroll="vScroll"
|
|
236
|
+
style="height: 200px"
|
|
237
|
+
:rows-per-page-options="rowsPerPageOptions"
|
|
238
|
+
@row-click="log"
|
|
239
|
+
@update:selected="updateSeleted"
|
|
240
|
+
>
|
|
241
|
+
<template #pagination>
|
|
242
|
+
pagination slot, no-data slot should be visible too
|
|
243
|
+
</template>
|
|
244
|
+
<template #no-data>
|
|
245
|
+
no-data slot, pagination slot should be visible too
|
|
246
|
+
</template>
|
|
247
|
+
</DlTable>
|
|
248
|
+
</div>
|
|
218
249
|
</div>
|
|
219
250
|
</div>
|
|
220
251
|
</template>
|