@westartcom/bread-quasar-fields 0.0.10 → 0.0.11

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.
Files changed (11) hide show
  1. package/fields/BooleanField.vue +7 -0
  2. package/fields/CheckboxField.vue +6 -0
  3. package/fields/DateField.vue +6 -0
  4. package/fields/DateTimeField.vue +7 -1
  5. package/fields/EmailField.vue +6 -0
  6. package/fields/NumberField.vue +6 -0
  7. package/fields/RadioField.vue +7 -0
  8. package/fields/TelField.vue +6 -0
  9. package/fields/TextField.vue +6 -0
  10. package/fields/TextareaField.vue +6 -0
  11. package/package.json +1 -1
package/fields/BooleanField.vue CHANGED
@@ -7,6 +7,7 @@
7
7
  color="positive"
8
8
  :label="field.label"
9
9
  left-label
10
+ :disable="disable"
10
11
  unchecked-icon="fa-solid fa-xmark"
11
12
  checked-icon="fa-solid fa-check"
12
13
  v-model="internalValue" />
@@ -24,6 +25,7 @@
24
25
  :id="id + '-input'"
25
26
  type="checkbox"
26
27
  style="display: none;"
28
+ :disabled="disable"
27
29
  :class="{'invalid': (invalid && internalErrors && internalErrors.length)}"
28
30
  v-model="internalValue">
29
31
 
@@ -61,6 +63,11 @@ export default defineComponent({
61
63
  type: String,
62
64
  required: true
63
65
  },
66
+ disable: {
67
+ type: Boolean,
68
+ required: false,
69
+ default: false
70
+ },
64
71
  field: {
65
72
  type: Object as PropType<BoolFieldDefinition>,
66
73
  required: true
package/fields/CheckboxField.vue CHANGED
@@ -19,6 +19,7 @@
19
19
  :id="id + '-' + optionValue + '-radio-input'"
20
20
  type="checkbox"
21
21
  hidden="true"
22
+ :disabled="disable"
22
23
  :value="optionValue"
23
24
  v-model="internalValue">
24
25
 
@@ -57,6 +58,11 @@ export default defineComponent({
57
58
  type: String,
58
59
  required: true
59
60
  },
61
+ disable: {
62
+ type: Boolean,
63
+ required: false,
64
+ default: false
65
+ },
60
66
  field: {
61
67
  type: Object as PropType<CheckboxFieldDefinition>,
62
68
  required: true
package/fields/DateField.vue CHANGED
@@ -12,6 +12,7 @@
12
12
  :maxlength="(field.extra_data && field.extra_data.max) ? field.extra_data.max : null"
13
13
  :minlength="(field.extra_data && field.extra_data.min) ? field.extra_data.min : null"
14
14
  v-model="internalValue"
15
+ :disable="disable"
15
16
  :rules="(field.required) ? [val => !!val || 'Field is required'] : []"
16
17
  :hint="field.description"
17
18
  outlined>
@@ -48,6 +49,11 @@ export default defineComponent({
48
49
  type: String,
49
50
  required: true
50
51
  },
52
+ disable: {
53
+ type: Boolean,
54
+ required: false,
55
+ default: false
56
+ },
51
57
  field: {
52
58
  type: Object as PropType<DateFieldDefinition>,
53
59
  required: true
package/fields/DateTimeField.vue CHANGED
@@ -11,6 +11,7 @@
11
11
  :placeholder="field.placeholder"
12
12
  type="datetime-local"
13
13
  class="field"
14
+ :disabled="disable"
14
15
  :class="{'invalid': (invalid && internalErrors && internalErrors.length)}"
15
16
  :max="formatDate(((field.extra_data && field.extra_data.max) ? field.extra_data.max : null), 'YYYY-MM-DDTHH:mm')"
16
17
  :min="formatDate(((field.extra_data && field.extra_data.min) ? field.extra_data.min : null), 'YYYY-MM-DDTHH:mm')"
@@ -33,7 +34,12 @@ export default {
33
34
  id: String,
34
35
  field: Object,
35
36
  modelValue: String,
36
- errors: Array
37
+ errors: Array,
38
+ disable: {
39
+ type: Boolean,
40
+ required: false,
41
+ default: false
42
+ },
37
43
  },
38
44
 
39
45
  emits: [
package/fields/EmailField.vue CHANGED
@@ -12,6 +12,7 @@
12
12
  :maxlength="(field.extra_data && field.extra_data.max) ? field.extra_data.max : null"
13
13
  :minlength="(field.extra_data && field.extra_data.min) ? field.extra_data.min : null"
14
14
  v-model="internalValue"
15
+ :disable="disable"
15
16
  :rules="(field.required) ? [val => !!val || $i18n.get('validation.required', { attribute: field.label as string })] : []"
16
17
  :hint="field.description"
17
18
  :errors="internalErrors"
@@ -41,6 +42,11 @@ export default defineComponent({
41
42
  type: String,
42
43
  required: true
43
44
  },
45
+ disable: {
46
+ type: Boolean,
47
+ required: false,
48
+ default: false
49
+ },
44
50
  field: {
45
51
  type: Object as PropType<EmailFieldDefinition>,
46
52
  required: true
package/fields/NumberField.vue CHANGED
@@ -12,6 +12,7 @@
12
12
  :maxlength="(field.extra_data && field.extra_data.max) ? field.extra_data.max : null"
13
13
  :minlength="(field.extra_data && field.extra_data.min) ? field.extra_data.min : null"
14
14
  v-model="internalValue"
15
+ :disable="disable"
15
16
  :rules="(field.required) ? [val => !!val || 'Field is required'] : []"
16
17
  :hint="field.description"
17
18
  outlined>
@@ -40,6 +41,11 @@ export default defineComponent({
40
41
  type: String,
41
42
  required: true
42
43
  },
44
+ disable: {
45
+ type: Boolean,
46
+ required: false,
47
+ default: false
48
+ },
43
49
  field: {
44
50
  type: Object as PropType<NumberFieldDefinition>,
45
51
  required: true
package/fields/RadioField.vue CHANGED
@@ -14,6 +14,7 @@
14
14
  :key="id + '-' + optionValue + '-radio-input'"
15
15
  type="button"
16
16
  class="btn expand"
17
+ :disabled="disable"
17
18
  @click="internalValue = optionValue"
18
19
  :class="{
19
20
  'normal-filled': (internalValue === optionValue && !invalid),
@@ -35,6 +36,7 @@
35
36
  :id="id + '-' + optionValue + '-radio-input'"
36
37
  type="radio"
37
38
  :value="optionValue"
39
+ :disabled="disable"
38
40
  v-model="internalValue">
39
41
 
40
42
  {{ label }}
@@ -73,6 +75,11 @@ export default defineComponent({
73
75
  type: String,
74
76
  required: true
75
77
  },
78
+ disable: {
79
+ type: Boolean,
80
+ required: false,
81
+ default: false
82
+ },
76
83
  field: {
77
84
  type: Object as PropType<RadioFieldDefinition>,
78
85
  required: true
package/fields/TelField.vue CHANGED
@@ -11,6 +11,7 @@
11
11
  :class="{'invalid': (invalid && internalErrors && internalErrors.length)}"
12
12
  :maxlength="255"
13
13
  v-model="internalValue"
14
+ :disable="disable"
14
15
  :rules="(field.required) ? [val => !!val || 'Field is required'] : []"
15
16
  :hint="field.description"
16
17
  outlined>
@@ -40,6 +41,11 @@ export default defineComponent({
40
41
  type: String,
41
42
  required: true
42
43
  },
44
+ disable: {
45
+ type: Boolean,
46
+ required: false,
47
+ default: false
48
+ },
43
49
  field: {
44
50
  type: Object as PropType<TelFieldDefinition>,
45
51
  required: true
package/fields/TextField.vue CHANGED
@@ -12,6 +12,7 @@
12
12
  :maxlength="(field.extra_data && field.extra_data.max) ? field.extra_data.max : null"
13
13
  :minlength="(field.extra_data && field.extra_data.min) ? field.extra_data.min : null"
14
14
  v-model="internalValue"
15
+ :disable="disable"
15
16
  :rules="(field.required) ? [val => !!val || 'Field is required'] : []"
16
17
  :hint="field.description"
17
18
  outlined>
@@ -44,6 +45,11 @@ export default defineComponent({
44
45
  type: String,
45
46
  required: true
46
47
  },
48
+ disable: {
49
+ type: Boolean,
50
+ required: false,
51
+ default: false
52
+ },
47
53
  field: {
48
54
  type: Object as PropType<TextFieldDefinition>,
49
55
  required: true
package/fields/TextareaField.vue CHANGED
@@ -12,6 +12,7 @@
12
12
  :maxlength="(field.extra_data && field.extra_data.max) ? field.extra_data.max : null"
13
13
  :minlength="(field.extra_data && field.extra_data.min) ? field.extra_data.min : null"
14
14
  v-model="internalValue"
15
+ :disable="disable"
15
16
  :rules="(field.required) ? [val => !!val || 'Field is required'] : []"
16
17
  :hint="field.description"
17
18
  outlined>
@@ -46,6 +47,11 @@ export default defineComponent({
46
47
  type: String,
47
48
  required: true
48
49
  },
50
+ disable: {
51
+ type: Boolean,
52
+ required: false,
53
+ default: false
54
+ },
49
55
  field: {
50
56
  type: Object as PropType<TextareaFieldDefinition>,
51
57
  required: true
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@westartcom/bread-quasar-fields",
3
- "version": "0.0.10",
3
+ "version": "0.0.11",
4
4
  "description": "Quasar compatible fields for bread package",
5
5
  "main": "index.js",
6
6
  "scripts": {