@westartcom/bread-quasar-fields 0.1.1 → 0.1.3
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/fields/DateField.vue +5 -0
- package/fields/EmailField.vue +6 -1
- package/fields/ModelSearchField.vue +6 -10
- package/fields/NumberField.vue +6 -1
- package/fields/SelectField.vue +5 -0
- package/fields/TelField.vue +6 -1
- package/fields/TextField.vue +1 -1
- package/fields/TextareaField.vue +6 -1
- package/package.json +1 -1
package/fields/DateField.vue
CHANGED
package/fields/EmailField.vue
CHANGED
|
@@ -52,7 +52,12 @@ export default defineComponent({
|
|
|
52
52
|
required: true
|
|
53
53
|
},
|
|
54
54
|
modelValue: String,
|
|
55
|
-
errors: Array as PropType<string[]
|
|
55
|
+
errors: Array as PropType<string[]>,
|
|
56
|
+
showLabel: {
|
|
57
|
+
type: Boolean,
|
|
58
|
+
required: false,
|
|
59
|
+
default: true
|
|
60
|
+
}
|
|
56
61
|
},
|
|
57
62
|
|
|
58
63
|
emits: [
|
|
@@ -19,16 +19,13 @@
|
|
|
19
19
|
</template>
|
|
20
20
|
</div>
|
|
21
21
|
|
|
22
|
-
<div class="label placeholder
|
|
23
|
-
<
|
|
24
|
-
<q-btn icon="fa-solid fa-add" push :label="field.placeholder" />
|
|
25
|
-
</template>
|
|
26
|
-
<template v-else-if="field.extra_data.multiple">
|
|
22
|
+
<div class="label placeholder" v-else-if="!selectedOptions.length || field.extra_data.multiple" @click="toggleOptions">
|
|
23
|
+
<div class="q-mb-sm" v-if="field.extra_data.multiple">
|
|
27
24
|
{{ $i18n.get('actions.add') }}
|
|
28
|
-
</
|
|
29
|
-
<
|
|
25
|
+
</div>
|
|
26
|
+
<div v-else>
|
|
30
27
|
{{ $i18n.get('actions.select') }}
|
|
31
|
-
</
|
|
28
|
+
</div>
|
|
32
29
|
</div>
|
|
33
30
|
</template>
|
|
34
31
|
|
|
@@ -802,13 +799,12 @@ export default defineComponent({
|
|
|
802
799
|
&.selected-option {
|
|
803
800
|
font-weight: bold;
|
|
804
801
|
cursor: default;
|
|
805
|
-
background-color: $
|
|
802
|
+
background-color: $grey-4;
|
|
806
803
|
text-decoration-color: var(--color-primary);
|
|
807
804
|
}
|
|
808
805
|
|
|
809
806
|
&:hover:not(.selected-option) {
|
|
810
807
|
background-color: $grey-2;
|
|
811
|
-
color: var(--color-light-txt);
|
|
812
808
|
}
|
|
813
809
|
}
|
|
814
810
|
}
|
package/fields/NumberField.vue
CHANGED
|
@@ -51,7 +51,12 @@ export default defineComponent({
|
|
|
51
51
|
required: true
|
|
52
52
|
},
|
|
53
53
|
modelValue: [String, Number],
|
|
54
|
-
errors: Array as PropType<string[]
|
|
54
|
+
errors: Array as PropType<string[]>,
|
|
55
|
+
showLabel: {
|
|
56
|
+
type: Boolean,
|
|
57
|
+
required: false,
|
|
58
|
+
default: true
|
|
59
|
+
}
|
|
55
60
|
},
|
|
56
61
|
|
|
57
62
|
emits: [
|
package/fields/SelectField.vue
CHANGED
package/fields/TelField.vue
CHANGED
|
@@ -51,7 +51,12 @@ export default defineComponent({
|
|
|
51
51
|
required: true
|
|
52
52
|
},
|
|
53
53
|
modelValue: String,
|
|
54
|
-
errors: Array as PropType<string[]
|
|
54
|
+
errors: Array as PropType<string[]>,
|
|
55
|
+
showLabel: {
|
|
56
|
+
type: Boolean,
|
|
57
|
+
required: false,
|
|
58
|
+
default: true
|
|
59
|
+
}
|
|
55
60
|
},
|
|
56
61
|
|
|
57
62
|
emits: [
|
package/fields/TextField.vue
CHANGED
package/fields/TextareaField.vue
CHANGED
|
@@ -57,7 +57,12 @@ export default defineComponent({
|
|
|
57
57
|
required: true
|
|
58
58
|
},
|
|
59
59
|
modelValue: String,
|
|
60
|
-
errors: Array as PropType<string[]
|
|
60
|
+
errors: Array as PropType<string[]>,
|
|
61
|
+
showLabel: {
|
|
62
|
+
type: Boolean,
|
|
63
|
+
required: false,
|
|
64
|
+
default: true
|
|
65
|
+
}
|
|
61
66
|
},
|
|
62
67
|
|
|
63
68
|
emits: [
|