@dataloop-ai/components 0.19.30 → 0.19.32
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
|
@@ -6,9 +6,7 @@
|
|
|
6
6
|
>
|
|
7
7
|
<div class="row full-width full-height">
|
|
8
8
|
<div
|
|
9
|
-
:class="`${
|
|
10
|
-
isSmall ? 'col' : 'row full-width full-height'
|
|
11
|
-
} top`"
|
|
9
|
+
:class="`${isSmall ? 'col' : 'row full-width'} top`"
|
|
12
10
|
:style="`${isSmall ? 'flex-grow: 0;' : ''}`"
|
|
13
11
|
>
|
|
14
12
|
<div
|
|
@@ -204,7 +202,7 @@
|
|
|
204
202
|
</dl-list>
|
|
205
203
|
</dl-menu>
|
|
206
204
|
</div>
|
|
207
|
-
<div class="row bottom full-width
|
|
205
|
+
<div class="row bottom full-width">
|
|
208
206
|
<div
|
|
209
207
|
v-if="bottomMessage"
|
|
210
208
|
class="row full-width dl-input__bottom-message-container"
|
|
@@ -990,7 +988,9 @@ export default defineComponent({
|
|
|
990
988
|
},
|
|
991
989
|
onFocus(e: InputEvent): void {
|
|
992
990
|
const el = e.target as HTMLElement
|
|
993
|
-
|
|
991
|
+
if (this.modelValue) {
|
|
992
|
+
el.scroll(el.scrollWidth, 0)
|
|
993
|
+
}
|
|
994
994
|
this.focused = true
|
|
995
995
|
this.$emit('focus', e)
|
|
996
996
|
},
|
|
@@ -1106,7 +1106,7 @@ export default defineComponent({
|
|
|
1106
1106
|
[contenteditable='true']:empty:before {
|
|
1107
1107
|
content: attr(placeholder);
|
|
1108
1108
|
pointer-events: none;
|
|
1109
|
-
display:
|
|
1109
|
+
display: inline;
|
|
1110
1110
|
opacity: 0.5;
|
|
1111
1111
|
-webkit-text-security: none;
|
|
1112
1112
|
}
|
package/src/demos/DlDemoPage.vue
CHANGED
|
@@ -39,12 +39,13 @@
|
|
|
39
39
|
"
|
|
40
40
|
>
|
|
41
41
|
<dl-input
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
width="100px"
|
|
43
|
+
max-width="100px"
|
|
44
|
+
placeholder="placeholder input"
|
|
44
45
|
/>
|
|
45
46
|
<p
|
|
46
47
|
style="
|
|
47
|
-
margin:
|
|
48
|
+
margin: 5px;
|
|
48
49
|
color: var(--dl-color-medium);
|
|
49
50
|
font-size: 10px;
|
|
50
51
|
"
|
|
@@ -54,7 +55,7 @@
|
|
|
54
55
|
</div>
|
|
55
56
|
<p
|
|
56
57
|
style="
|
|
57
|
-
margin:
|
|
58
|
+
margin: 5px;
|
|
58
59
|
color: var(--dl-color-medium);
|
|
59
60
|
font-size: 10px;
|
|
60
61
|
margin-bottom: 20px;
|