@fy-/fws-vue 0.3.2 → 0.3.22
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.
|
@@ -128,6 +128,12 @@ defineExpose({ focus, blur, getInputRef });
|
|
|
128
128
|
"
|
|
129
129
|
class="relative"
|
|
130
130
|
>
|
|
131
|
+
<label
|
|
132
|
+
:for="id"
|
|
133
|
+
v-if="label || placeholder"
|
|
134
|
+
class="block mb-2 text-sm font-medium text-fv-neutral-900 dark:text-white"
|
|
135
|
+
>{{ label ? label : placeholder }}
|
|
136
|
+
</label>
|
|
131
137
|
<input
|
|
132
138
|
ref="inputRef"
|
|
133
139
|
:type="type"
|
|
@@ -136,20 +142,15 @@ defineExpose({ focus, blur, getInputRef });
|
|
|
136
142
|
:class="{
|
|
137
143
|
error: checkErrors,
|
|
138
144
|
}"
|
|
145
|
+
v-model="model"
|
|
139
146
|
:autocomplete="autocomplete"
|
|
140
147
|
:disabled="disabled"
|
|
141
148
|
:aria-describedby="help ? `${id}-help` : id"
|
|
142
|
-
class="
|
|
149
|
+
class="bg-fv-neutral-50 border border-fv-neutral-300 text-fv-neutral-900 text-sm rounded-lg focus:ring-fv-primary-500 focus:border-fv-primary-500 block w-full p-2.5 dark:bg-fv-neutral-700 dark:border-fv-neutral-600 dark:placeholder-fv-neutral-400 dark:text-white dark:focus:ring-fv-primary-500 dark:focus:border-fv-primary-500"
|
|
143
150
|
:required="req"
|
|
144
151
|
@focus="handleFocus"
|
|
145
152
|
@blur="handleBlur"
|
|
146
153
|
/>
|
|
147
|
-
<label
|
|
148
|
-
:for="id"
|
|
149
|
-
v-if="label || placeholder"
|
|
150
|
-
class="absolute text-sm text-fv-neutral-500 dark:text-fv-neutral-400 duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white dark:bg-fv-neutral-900 px-2 peer-focus:px-2 peer-focus:text-fv-primary-600 peer-focus:dark:text-fv-primary-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto start-1"
|
|
151
|
-
>{{ label ? label : placeholder }}
|
|
152
|
-
</label>
|
|
153
154
|
</div>
|
|
154
155
|
<div class="group relative" v-else-if="type == 'textarea'">
|
|
155
156
|
<label
|
|
@@ -157,6 +158,7 @@ defineExpose({ focus, blur, getInputRef });
|
|
|
157
158
|
class="block mb-2 text-sm font-medium text-fv-neutral-900 dark:text-white"
|
|
158
159
|
>Your message</label
|
|
159
160
|
>
|
|
161
|
+
<!-- @vue-skip -->
|
|
160
162
|
<textarea
|
|
161
163
|
:id="id"
|
|
162
164
|
:name="id"
|
|
@@ -164,6 +166,7 @@ defineExpose({ focus, blur, getInputRef });
|
|
|
164
166
|
:class="{
|
|
165
167
|
error: checkErrors,
|
|
166
168
|
}"
|
|
169
|
+
v-model="model"
|
|
167
170
|
:placeholder="placeholder"
|
|
168
171
|
:disabled="disabled"
|
|
169
172
|
:aria-describedby="help ? `${id}-help` : id"
|
|
@@ -184,6 +187,7 @@ defineExpose({ focus, blur, getInputRef });
|
|
|
184
187
|
:id="id"
|
|
185
188
|
:name="id"
|
|
186
189
|
ref="inputRef"
|
|
190
|
+
v-model="model"
|
|
187
191
|
:disabled="disabled"
|
|
188
192
|
:aria-describedby="help ? `${id}-help` : id"
|
|
189
193
|
:required="req"
|
|
@@ -253,13 +257,13 @@ defineExpose({ focus, blur, getInputRef });
|
|
|
253
257
|
<div class="ms-2 text-sm">
|
|
254
258
|
<label
|
|
255
259
|
:for="id"
|
|
256
|
-
class="font-medium text-
|
|
260
|
+
class="font-medium text-fv-neutral-900 dark:text-fv-neutral-300"
|
|
257
261
|
>{{ label }}</label
|
|
258
262
|
>
|
|
259
263
|
<p
|
|
260
264
|
:id="`${id}-help`"
|
|
261
265
|
v-if="help"
|
|
262
|
-
class="text-xs font-normal text-
|
|
266
|
+
class="text-xs font-normal text-fv-neutral-500 dark:text-fv-neutral-400"
|
|
263
267
|
>
|
|
264
268
|
{{ help }}
|
|
265
269
|
</p>
|