@dataloop-ai/components 0.16.35 → 0.16.37
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
|
@@ -157,41 +157,41 @@
|
|
|
157
157
|
</dl-list-item>
|
|
158
158
|
</dl-list>
|
|
159
159
|
</dl-menu>
|
|
160
|
+
<div
|
|
161
|
+
v-if="bottomMessage"
|
|
162
|
+
class="dl-text-input__bottom-message-container"
|
|
163
|
+
>
|
|
164
|
+
<dl-info-error-message
|
|
165
|
+
v-if="!!infoMessage.length && !error && !warning"
|
|
166
|
+
position="below"
|
|
167
|
+
:value="infoMessage"
|
|
168
|
+
/>
|
|
169
|
+
<dl-info-error-message
|
|
170
|
+
v-if="error && !!errorMessage && !!errorMessage.length"
|
|
171
|
+
position="below"
|
|
172
|
+
error
|
|
173
|
+
:value="errorMessage"
|
|
174
|
+
/>
|
|
175
|
+
<dl-info-error-message
|
|
176
|
+
v-if="
|
|
177
|
+
warning &&
|
|
178
|
+
!!warningMessage &&
|
|
179
|
+
!!warningMessage.length &&
|
|
180
|
+
!error
|
|
181
|
+
"
|
|
182
|
+
position="below"
|
|
183
|
+
warning
|
|
184
|
+
:value="warningMessage"
|
|
185
|
+
/>
|
|
186
|
+
<span
|
|
187
|
+
v-if="showCounter && maxLength && maxLength > 0"
|
|
188
|
+
class="dl-text-input__counter"
|
|
189
|
+
>
|
|
190
|
+
{{ characterCounter }}
|
|
191
|
+
</span>
|
|
192
|
+
</div>
|
|
160
193
|
</div>
|
|
161
194
|
</div>
|
|
162
|
-
<div
|
|
163
|
-
v-if="bottomMessage"
|
|
164
|
-
class="dl-text-input__bottom-message-container"
|
|
165
|
-
>
|
|
166
|
-
<dl-info-error-message
|
|
167
|
-
v-if="!!infoMessage.length && !error && !warning"
|
|
168
|
-
position="below"
|
|
169
|
-
:value="infoMessage"
|
|
170
|
-
/>
|
|
171
|
-
<dl-info-error-message
|
|
172
|
-
v-if="error && !!errorMessage && !!errorMessage.length"
|
|
173
|
-
position="below"
|
|
174
|
-
error
|
|
175
|
-
:value="errorMessage"
|
|
176
|
-
/>
|
|
177
|
-
<dl-info-error-message
|
|
178
|
-
v-if="
|
|
179
|
-
warning &&
|
|
180
|
-
!!warningMessage &&
|
|
181
|
-
!!warningMessage.length &&
|
|
182
|
-
!error
|
|
183
|
-
"
|
|
184
|
-
position="below"
|
|
185
|
-
warning
|
|
186
|
-
:value="warningMessage"
|
|
187
|
-
/>
|
|
188
|
-
<span
|
|
189
|
-
v-if="showCounter && maxLength && maxLength > 0"
|
|
190
|
-
class="dl-text-input__counter"
|
|
191
|
-
>
|
|
192
|
-
{{ characterCounter }}
|
|
193
|
-
</span>
|
|
194
|
-
</div>
|
|
195
195
|
</div>
|
|
196
196
|
</template>
|
|
197
197
|
|
|
@@ -612,12 +612,6 @@ export default defineComponent({
|
|
|
612
612
|
padding: 0;
|
|
613
613
|
}
|
|
614
614
|
|
|
615
|
-
&--s {
|
|
616
|
-
display: flex;
|
|
617
|
-
flex-wrap: wrap;
|
|
618
|
-
align-items: center;
|
|
619
|
-
}
|
|
620
|
-
|
|
621
615
|
&__title-container {
|
|
622
616
|
margin-bottom: 6px;
|
|
623
617
|
display: flex;
|
|
@@ -700,7 +694,6 @@ export default defineComponent({
|
|
|
700
694
|
padding-bottom: 3px;
|
|
701
695
|
padding-left: 5px;
|
|
702
696
|
padding-right: 5px;
|
|
703
|
-
width: 100%;
|
|
704
697
|
}
|
|
705
698
|
|
|
706
699
|
&--error {
|
package/src/demo/DlInputDemo.vue
CHANGED
|
@@ -80,17 +80,43 @@
|
|
|
80
80
|
error
|
|
81
81
|
error-message="Error message is the strongest."
|
|
82
82
|
/>
|
|
83
|
+
|
|
84
|
+
<dl-input
|
|
85
|
+
style="width: 440px"
|
|
86
|
+
placeholder="Select option"
|
|
87
|
+
title="Min"
|
|
88
|
+
size="s"
|
|
89
|
+
error
|
|
90
|
+
error-message="Error message is the strongest."
|
|
91
|
+
/>
|
|
92
|
+
<p>input in a row with button</p>
|
|
93
|
+
<div class="row">
|
|
94
|
+
<dl-input
|
|
95
|
+
class="input-parts"
|
|
96
|
+
style="width: 440px"
|
|
97
|
+
placeholder="Select option"
|
|
98
|
+
title="Min"
|
|
99
|
+
without-root-padding
|
|
100
|
+
size="s"
|
|
101
|
+
/>
|
|
102
|
+
<dl-button
|
|
103
|
+
dense
|
|
104
|
+
flat
|
|
105
|
+
icon="icon-dl-add"
|
|
106
|
+
size="m"
|
|
107
|
+
/>
|
|
108
|
+
</div>
|
|
83
109
|
</div>
|
|
84
110
|
</template>
|
|
85
|
-
|
|
86
111
|
<script lang="ts">
|
|
87
112
|
import { defineComponent, ref } from 'vue-demi'
|
|
88
|
-
import { DlInput, DlIcon } from '../components'
|
|
113
|
+
import { DlInput, DlIcon, DlButton } from '../components'
|
|
89
114
|
export default defineComponent({
|
|
90
115
|
name: 'DlInputDemo',
|
|
91
116
|
components: {
|
|
92
117
|
DlInput,
|
|
93
|
-
DlIcon
|
|
118
|
+
DlIcon,
|
|
119
|
+
DlButton
|
|
94
120
|
},
|
|
95
121
|
setup() {
|
|
96
122
|
const textInputValue = ref<string>('')
|
|
@@ -109,3 +135,4 @@ export default defineComponent({
|
|
|
109
135
|
}
|
|
110
136
|
})
|
|
111
137
|
</script>
|
|
138
|
+
<style></style>
|