@dataloop-ai/components 0.20.261 → 0.20.262
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
|
@@ -1652,7 +1652,7 @@ export default defineComponent({
|
|
|
1652
1652
|
white-space: var(--dl-input-white-space);
|
|
1653
1653
|
font-size: var(--dl-typography-body-body2-font-size);
|
|
1654
1654
|
font-weight: var(--dl-typography-body-body2-font-weight);
|
|
1655
|
-
overflow: hidden
|
|
1655
|
+
overflow: hidden;
|
|
1656
1656
|
text-overflow: ellipsis;
|
|
1657
1657
|
box-sizing: content-box;
|
|
1658
1658
|
word-wrap: break-word;
|
|
@@ -1674,6 +1674,7 @@ export default defineComponent({
|
|
|
1674
1674
|
|
|
1675
1675
|
&--prepend {
|
|
1676
1676
|
width: calc(100% - 10px - 28px);
|
|
1677
|
+
padding-right: 8px;
|
|
1677
1678
|
}
|
|
1678
1679
|
|
|
1679
1680
|
&--append {
|
|
@@ -136,10 +136,9 @@
|
|
|
136
136
|
}
|
|
137
137
|
"
|
|
138
138
|
>
|
|
139
|
-
<dl-ellipsis
|
|
139
|
+
<dl-ellipsis>
|
|
140
140
|
{{ col.label }}
|
|
141
141
|
</dl-ellipsis>
|
|
142
|
-
<span v-else> {{ col.label }} </span>
|
|
143
142
|
</span>
|
|
144
143
|
</DlTh>
|
|
145
144
|
</slot>
|
|
@@ -540,10 +539,9 @@
|
|
|
540
539
|
}
|
|
541
540
|
"
|
|
542
541
|
>
|
|
543
|
-
<dl-ellipsis
|
|
542
|
+
<dl-ellipsis>
|
|
544
543
|
{{ col.label }}
|
|
545
544
|
</dl-ellipsis>
|
|
546
|
-
<span v-else> {{ col.label }} </span>
|
|
547
545
|
</span>
|
|
548
546
|
</DlTh>
|
|
549
547
|
</slot>
|
|
@@ -355,7 +355,7 @@ export default defineComponent({
|
|
|
355
355
|
background: none;
|
|
356
356
|
border: 1px solid var(--dl-color-separator);
|
|
357
357
|
border-radius: 2px;
|
|
358
|
-
padding:
|
|
358
|
+
padding: 6px;
|
|
359
359
|
font-family: var(--dl-typography-body-body2-font-family);
|
|
360
360
|
font-size: var(--dl-typography-body-body2-font-size);
|
|
361
361
|
line-height: var(--dl-typography-body-body2-line-height);
|
|
@@ -287,6 +287,8 @@ export default defineComponent({
|
|
|
287
287
|
return
|
|
288
288
|
}
|
|
289
289
|
|
|
290
|
+
const naturalWidth = el.scrollWidth
|
|
291
|
+
|
|
290
292
|
setPosition({
|
|
291
293
|
el,
|
|
292
294
|
offset: props.offset as number[],
|
|
@@ -296,6 +298,10 @@ export default defineComponent({
|
|
|
296
298
|
maxWidth: props.maxWidth,
|
|
297
299
|
maxHeight: props.maxHeight
|
|
298
300
|
})
|
|
301
|
+
|
|
302
|
+
if (naturalWidth <= 60) {
|
|
303
|
+
el.style.width = 'max-content'
|
|
304
|
+
}
|
|
299
305
|
}
|
|
300
306
|
|
|
301
307
|
function delayShow(evt: AnchorEvent) {
|