@dataloop-ai/components 0.19.213 → 0.19.215
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,9 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<dl-list-item
|
|
3
|
-
type="label"
|
|
4
|
-
clickable
|
|
5
|
-
@click="emitClick"
|
|
6
|
-
>
|
|
2
|
+
<dl-list-item type="label" clickable @click="emitClick">
|
|
7
3
|
<dl-item-section
|
|
8
4
|
class="menu-item-wrapper-section"
|
|
9
5
|
:class="{ 'left-label': leftLabel }"
|
|
@@ -44,5 +40,6 @@ export default defineComponent({
|
|
|
44
40
|
.left-label {
|
|
45
41
|
justify-content: space-between;
|
|
46
42
|
flex-direction: row;
|
|
43
|
+
gap: 20px;
|
|
47
44
|
}
|
|
48
45
|
</style>
|
|
@@ -1014,7 +1014,8 @@ export default defineComponent({
|
|
|
1014
1014
|
const watchKeyUp = (e: KeyboardEvent) => {
|
|
1015
1015
|
if (
|
|
1016
1016
|
focused.value &&
|
|
1017
|
-
(e.key === 'ArrowLeft' || e.key === 'ArrowRight')
|
|
1017
|
+
(e.key === 'ArrowLeft' || e.key === 'ArrowRight') &&
|
|
1018
|
+
!e.altKey
|
|
1018
1019
|
) {
|
|
1019
1020
|
setInputValue(searchQuery.value, { noEmit: true })
|
|
1020
1021
|
}
|
|
@@ -161,7 +161,11 @@
|
|
|
161
161
|
style="width: 100%; display: flex"
|
|
162
162
|
>
|
|
163
163
|
<dl-button
|
|
164
|
-
text-color="
|
|
164
|
+
:text-color="
|
|
165
|
+
isVisibleColumnsOpen
|
|
166
|
+
? 'dl-color-secondary'
|
|
167
|
+
: 'dl-color-medium'
|
|
168
|
+
"
|
|
165
169
|
flat
|
|
166
170
|
icon="icon-dl-column"
|
|
167
171
|
tooltip="Manage columns"
|
|
@@ -178,7 +182,12 @@
|
|
|
178
182
|
handleVisibleColumnsUpdate
|
|
179
183
|
"
|
|
180
184
|
>
|
|
181
|
-
<dl-popup
|
|
185
|
+
<dl-popup
|
|
186
|
+
v-model="
|
|
187
|
+
isVisibleColumnsOpen
|
|
188
|
+
"
|
|
189
|
+
dense
|
|
190
|
+
>
|
|
182
191
|
<slot
|
|
183
192
|
name="header-cell-visible-columns-menu-content"
|
|
184
193
|
:visible-columns-state="
|
|
@@ -549,7 +558,11 @@
|
|
|
549
558
|
style="width: 100%; display: flex"
|
|
550
559
|
>
|
|
551
560
|
<dl-button
|
|
552
|
-
text-color="
|
|
561
|
+
:text-color="
|
|
562
|
+
isVisibleColumnsOpen
|
|
563
|
+
? 'dl-color-secondary'
|
|
564
|
+
: 'dl-color-medium'
|
|
565
|
+
"
|
|
553
566
|
flat
|
|
554
567
|
icon="icon-dl-column"
|
|
555
568
|
tooltip="Manage columns"
|
|
@@ -566,7 +579,12 @@
|
|
|
566
579
|
handleVisibleColumnsUpdate
|
|
567
580
|
"
|
|
568
581
|
>
|
|
569
|
-
<dl-popup
|
|
582
|
+
<dl-popup
|
|
583
|
+
v-model="
|
|
584
|
+
isVisibleColumnsOpen
|
|
585
|
+
"
|
|
586
|
+
dense
|
|
587
|
+
>
|
|
570
588
|
<slot
|
|
571
589
|
name="header-cell-visible-columns-menu-content"
|
|
572
590
|
:visible-columns-state="
|
|
@@ -1298,6 +1316,7 @@ export default defineComponent({
|
|
|
1298
1316
|
const tableRef = ref<HTMLTableElement>(null)
|
|
1299
1317
|
const virtScrollRef = ref(null)
|
|
1300
1318
|
const tableScroll = ref(null)
|
|
1319
|
+
const isVisibleColumnsOpen = ref(false)
|
|
1301
1320
|
|
|
1302
1321
|
const hasExpandableSlot = computed(() =>
|
|
1303
1322
|
hasSlotByName('body-cell-expandable-content')
|
|
@@ -2160,7 +2179,8 @@ export default defineComponent({
|
|
|
2160
2179
|
computedPagination,
|
|
2161
2180
|
getRowExpandedKey,
|
|
2162
2181
|
hasExpandableSlot,
|
|
2163
|
-
tableScroll
|
|
2182
|
+
tableScroll,
|
|
2183
|
+
isVisibleColumnsOpen
|
|
2164
2184
|
}
|
|
2165
2185
|
}
|
|
2166
2186
|
})
|