@fy-/fws-vue 2.0.69 → 2.0.72
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.
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
computed,
|
|
5
|
-
defineAsyncComponent,
|
|
6
|
-
onMounted,
|
|
7
|
-
onUnmounted,
|
|
8
|
-
ref,
|
|
9
|
-
toRef,
|
|
10
|
-
} from "vue";
|
|
2
|
+
import { computed, ref, toRef } from "vue";
|
|
11
3
|
import type { ErrorObject } from "@vuelidate/core";
|
|
12
4
|
import { useTranslation } from "../../composables/translations";
|
|
13
5
|
import DefaultTagInput from "./DefaultTagInput.vue";
|
|
@@ -172,6 +164,7 @@ defineExpose({ focus, blur, getInputRef });
|
|
|
172
164
|
v-if="label"
|
|
173
165
|
class="block mb-2 text-sm font-medium text-fv-neutral-900 dark:text-white"
|
|
174
166
|
>{{ label }}
|
|
167
|
+
<template v-if="type === 'range'"> ({{ model }}) </template>
|
|
175
168
|
</label>
|
|
176
169
|
<input
|
|
177
170
|
ref="inputRef"
|
|
@@ -196,6 +189,25 @@ defineExpose({ focus, blur, getInputRef });
|
|
|
196
189
|
@focus="handleFocus"
|
|
197
190
|
@blur="handleBlur"
|
|
198
191
|
/>
|
|
192
|
+
<template v-if="type === 'range'">
|
|
193
|
+
<span
|
|
194
|
+
class="text-sm text-gray-500 dark:text-gray-400 absolute start-0 -bottom-6"
|
|
195
|
+
>Min ({{ minRange }})
|
|
196
|
+
</span>
|
|
197
|
+
<span
|
|
198
|
+
class="text-sm text-gray-500 dark:text-gray-400 absolute start-1/3 -translate-x-1/2 rtl:translate-x-1/2 -bottom-6"
|
|
199
|
+
>{{ ((maxRange - minRange) / 3 + minRange).toFixed(0) }}</span
|
|
200
|
+
>
|
|
201
|
+
<span
|
|
202
|
+
class="text-sm text-gray-500 dark:text-gray-400 absolute start-2/3 -translate-x-1/2 rtl:translate-x-1/2 -bottom-6"
|
|
203
|
+
>
|
|
204
|
+
{{ (((maxRange - minRange) / 3) * 2 + minRange).toFixed(0) }}
|
|
205
|
+
</span>
|
|
206
|
+
<span
|
|
207
|
+
class="text-sm text-gray-500 dark:text-gray-400 absolute end-0 -bottom-6"
|
|
208
|
+
>Max ({{ maxRange }})</span
|
|
209
|
+
>
|
|
210
|
+
</template>
|
|
199
211
|
</div>
|
|
200
212
|
<!--
|
|
201
213
|
<div v-if="type == 'datepicker'">
|