@dataloop-ai/components 0.20.261 → 0.20.263
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 +1 -1
- package/src/components/basic/DlButton/DlButton.vue +6 -2
- package/src/components/compound/DlInput/DlInput.vue +2 -1
- package/src/components/compound/DlTable/DlTable.vue +2 -4
- package/src/components/essential/DlTextArea/DlTextArea.vue +1 -1
- package/src/components/shared/DlTooltip/DlTooltip.vue +6 -0
package/package.json
CHANGED
|
@@ -205,6 +205,7 @@ export default defineComponent({
|
|
|
205
205
|
* Overwrite default border color on hover
|
|
206
206
|
*/
|
|
207
207
|
hoverBorderColor: { type: String, default: null },
|
|
208
|
+
pressedTextColor: { type: String, default: null },
|
|
208
209
|
/**
|
|
209
210
|
* Overwrite default text color on hover
|
|
210
211
|
*/
|
|
@@ -286,7 +287,10 @@ export default defineComponent({
|
|
|
286
287
|
return setTextOnPressed({
|
|
287
288
|
disabled: this.disabled,
|
|
288
289
|
flat: this.flat,
|
|
289
|
-
textColor:
|
|
290
|
+
textColor:
|
|
291
|
+
this.pressedTextColor ||
|
|
292
|
+
this.iconColor ||
|
|
293
|
+
this.textColor
|
|
290
294
|
})
|
|
291
295
|
}
|
|
292
296
|
|
|
@@ -454,7 +458,7 @@ export default defineComponent({
|
|
|
454
458
|
disabled: this.disabled,
|
|
455
459
|
flat: this.flat,
|
|
456
460
|
color: this.color,
|
|
457
|
-
textColor: this.textColor
|
|
461
|
+
textColor: this.pressedTextColor ?? this.textColor
|
|
458
462
|
}),
|
|
459
463
|
'--dl-button-bg-pressed':
|
|
460
464
|
this.pressedBgColor ??
|
|
@@ -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) {
|