@fy-/fws-vue 0.0.927 → 0.0.929
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.
|
@@ -3,7 +3,8 @@ import { LinkIcon } from "@heroicons/vue/24/solid";
|
|
|
3
3
|
import { computed, ref, toRef } from "vue";
|
|
4
4
|
import type { ErrorObject } from "@vuelidate/core";
|
|
5
5
|
import { useTranslation } from "../../composables/translations";
|
|
6
|
-
type modelValueType = string | number | string[] | undefined;
|
|
6
|
+
type modelValueType = string | number | string[] | number[] | undefined;
|
|
7
|
+
|
|
7
8
|
type checkboxValueType = any[] | Set<any> | undefined | boolean;
|
|
8
9
|
const props = withDefaults(
|
|
9
10
|
defineProps<{
|
|
@@ -126,6 +127,7 @@ defineExpose({ focus, getInputRef });
|
|
|
126
127
|
:required="req"
|
|
127
128
|
:placeholder="placeholder"
|
|
128
129
|
/>
|
|
130
|
+
<!-- @vue-skip -->
|
|
129
131
|
<textarea
|
|
130
132
|
:aria-describedby="label"
|
|
131
133
|
ref="inputRef"
|
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
>
|
|
10
10
|
<span v-for="(tag, index) in tags" :key="index" :class="`tag ${color}`">
|
|
11
11
|
{{ tag }}
|
|
12
|
-
<button @click.stop="removeTag(index)">
|
|
12
|
+
<button @click.stop="removeTag(index)" type="button">
|
|
13
13
|
<svg
|
|
14
14
|
xmlns="http://www.w3.org/2000/svg"
|
|
15
15
|
fill="none"
|
|
16
16
|
viewBox="0 0 24 24"
|
|
17
17
|
stroke-width="1.5"
|
|
18
18
|
stroke="currentColor"
|
|
19
|
-
class="w-3 h-3 text-red-600"
|
|
19
|
+
class="w-3 h-3 text-red-600 dark:text-red-200"
|
|
20
20
|
>
|
|
21
21
|
<path
|
|
22
22
|
stroke-linecap="round"
|
|
@@ -136,22 +136,22 @@ const handlePaste = (e) => {
|
|
|
136
136
|
.tag {
|
|
137
137
|
@apply inline-flex gap-1 font-medium px-2.5 py-0.5 rounded;
|
|
138
138
|
&.blue {
|
|
139
|
-
@apply bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-
|
|
139
|
+
@apply bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200;
|
|
140
140
|
}
|
|
141
141
|
&.purple {
|
|
142
|
-
@apply bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-
|
|
142
|
+
@apply bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200;
|
|
143
143
|
}
|
|
144
144
|
&.red {
|
|
145
|
-
@apply bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-
|
|
145
|
+
@apply bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200;
|
|
146
146
|
}
|
|
147
147
|
&.orange {
|
|
148
|
-
@apply bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-
|
|
148
|
+
@apply bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200;
|
|
149
149
|
}
|
|
150
150
|
&.neutral {
|
|
151
|
-
@apply bg-fv-neutral-100 text-fv-neutral-800 dark:bg-fv-neutral-900 dark:text-fv-neutral-
|
|
151
|
+
@apply bg-fv-neutral-100 text-fv-neutral-800 dark:bg-fv-neutral-900 dark:text-fv-neutral-200;
|
|
152
152
|
}
|
|
153
153
|
&.green {
|
|
154
|
-
@apply bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-
|
|
154
|
+
@apply bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200;
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
157
|
|