@dataloop-ai/components 0.20.272 → 0.20.275
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
|
@@ -212,32 +212,40 @@
|
|
|
212
212
|
:src="item.image"
|
|
213
213
|
class="dl-input__suggestion--image"
|
|
214
214
|
/>
|
|
215
|
-
<
|
|
216
|
-
|
|
217
|
-
word, index
|
|
218
|
-
) in getSuggestWords(
|
|
219
|
-
item.suggestion,
|
|
220
|
-
modelValue
|
|
221
|
-
)"
|
|
222
|
-
:key="JSON.stringify(word) + index"
|
|
223
|
-
:class="{
|
|
224
|
-
'dl-input__suggestion--highlighted':
|
|
225
|
-
word.highlighted
|
|
226
|
-
}"
|
|
215
|
+
<dl-ellipsis
|
|
216
|
+
class="dl-input__suggestion--text"
|
|
227
217
|
>
|
|
228
|
-
<span v-if="word.value[0] === ' '"
|
|
229
|
-
> </span
|
|
230
|
-
>
|
|
231
|
-
{{ word.value }}
|
|
232
218
|
<span
|
|
233
|
-
v-
|
|
234
|
-
word
|
|
235
|
-
|
|
236
|
-
|
|
219
|
+
v-for="(
|
|
220
|
+
word, index
|
|
221
|
+
) in getSuggestWords(
|
|
222
|
+
item.suggestion,
|
|
223
|
+
modelValue
|
|
224
|
+
)"
|
|
225
|
+
:key="
|
|
226
|
+
JSON.stringify(word) + index
|
|
237
227
|
"
|
|
238
|
-
|
|
228
|
+
:class="{
|
|
229
|
+
'dl-input__suggestion--highlighted':
|
|
230
|
+
word.highlighted
|
|
231
|
+
}"
|
|
239
232
|
>
|
|
240
|
-
|
|
233
|
+
<span
|
|
234
|
+
v-if="word.value[0] === ' '"
|
|
235
|
+
> </span
|
|
236
|
+
>
|
|
237
|
+
{{ word.value }}
|
|
238
|
+
<span
|
|
239
|
+
v-if="
|
|
240
|
+
word.value[
|
|
241
|
+
word.value.length -
|
|
242
|
+
1
|
|
243
|
+
] === ' '
|
|
244
|
+
"
|
|
245
|
+
> </span
|
|
246
|
+
>
|
|
247
|
+
</span>
|
|
248
|
+
</dl-ellipsis>
|
|
241
249
|
</slot>
|
|
242
250
|
</dl-list-item>
|
|
243
251
|
</dl-list>
|
|
@@ -1664,6 +1672,7 @@ export default defineComponent({
|
|
|
1664
1672
|
position: relative;
|
|
1665
1673
|
line-height: 10px;
|
|
1666
1674
|
width: 100%;
|
|
1675
|
+
contain: inline-size;
|
|
1667
1676
|
|
|
1668
1677
|
&--text-color {
|
|
1669
1678
|
color: var(--dell-gray-800);
|
|
@@ -1797,6 +1806,14 @@ export default defineComponent({
|
|
|
1797
1806
|
border-radius: 2px;
|
|
1798
1807
|
color: var(--dl-color-text-darker-buttons);
|
|
1799
1808
|
}
|
|
1809
|
+
&--text {
|
|
1810
|
+
flex: 1 1 auto;
|
|
1811
|
+
min-width: 0;
|
|
1812
|
+
|
|
1813
|
+
::v-deep .dl-ellipsis__left {
|
|
1814
|
+
white-space: nowrap;
|
|
1815
|
+
}
|
|
1816
|
+
}
|
|
1800
1817
|
&--image {
|
|
1801
1818
|
margin-right: 5px;
|
|
1802
1819
|
border-radius: 50%;
|
|
@@ -85,12 +85,11 @@
|
|
|
85
85
|
<dl-tooltip v-if="disabled && disabledTooltip">
|
|
86
86
|
{{ disabledTooltip }}
|
|
87
87
|
</dl-tooltip>
|
|
88
|
-
<div
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
>
|
|
88
|
+
<div
|
|
89
|
+
v-if="hasSelectedSlot && !isActiveSearchInput"
|
|
90
|
+
style="width: 100%"
|
|
91
|
+
>
|
|
92
|
+
<slot :opt="selectedOption" name="selected">
|
|
94
93
|
<span class="root-container--placeholder">
|
|
95
94
|
<dl-ellipsis :text="filterSelectLabel" />
|
|
96
95
|
</span>
|