inertia-bootstrap-forms 2.1.14 → 2.1.16

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 (8) hide show
  1. package/dist/{index-lLet6E62.js → index-BA2VhUGJ.js} +1 -1
  2. package/dist/{index-BCa8dkmY.js → index-CmHdWNDI.js} +288 -282
  3. package/dist/inertia-bootstrap-forms.es.js +1 -1
  4. package/dist/inertia-bootstrap-forms.umd.js +5 -5
  5. package/package.json +1 -1
  6. package/src/CheckboxToggle.vue +1 -1
  7. package/src/Select2Input.vue +1 -1
  8. package/src/SwitchInput.vue +66 -62
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "inertia-bootstrap-forms",
3
- "version": "2.1.14",
3
+ "version": "2.1.16",
4
4
  "description": "Create bootstrap forms with inertia and twitter bootstrap",
5
5
  "main": "dist/inertia-bootstrap-forms.cjs.js",
6
6
  "module": "dist/inertia-bootstrap-forms.es.js",
package/src/CheckboxToggle.vue CHANGED
@@ -32,7 +32,7 @@ export default defineComponent({
32
32
  return this.form.getID(this) + (this.value || '');
33
33
  },
34
34
  selectedValue(){
35
- return (typeof this.modelValue == 'object') ? Object.values(this.modelValue) : (this.modelValue ? [this.modelValue] : null)
35
+ return (this.modelValue && typeof this.modelValue == 'object') ? Object.values(this.modelValue) : (this.modelValue ? [this.modelValue] : null)
36
36
  }
37
37
  },
38
38
  setup(props) {
package/src/Select2Input.vue CHANGED
@@ -88,7 +88,7 @@ export default defineComponent({
88
88
  return this.modelValue;
89
89
  }
90
90
 
91
- return (typeof this.modelValue == 'object') ? Object.values(this.modelValue) : (this.modelValue ? [this.modelValue] : null)
91
+ return (this.modelValue && typeof this.modelValue == 'object') ? Object.values(this.modelValue) : (this.modelValue ? [this.modelValue] : null)
92
92
  }
93
93
  },
94
94
  watch: {
package/src/SwitchInput.vue CHANGED
@@ -2,78 +2,82 @@
2
2
  import {computed, defineComponent, inject} from "vue";
3
3
 
4
4
  export default defineComponent({
5
- props: {
6
- name: {
7
- type: String,
8
- required: true,
9
- },
10
- id: {
11
- type: String,
12
- default: '',
13
- required: false,
14
- },
15
- value: {
16
- type: [String, Number],
17
- default: null,
18
- required: false,
19
- },
20
- type: {
21
- type: String,
22
- default: 'checkbox',
23
- required: false,
24
- },
5
+ props: {
6
+ name: {
7
+ type: String,
8
+ required: true,
25
9
  },
26
- computed: {
27
- inputID() {
28
- return this.form.getID(this);
29
- }
10
+ id: {
11
+ type: String,
12
+ default: '',
13
+ required: false,
14
+ },
15
+ value: {
16
+ type: [String, Number],
17
+ default: null,
18
+ required: false,
19
+ },
20
+ disabled: {
21
+ type: Boolean,
22
+ default: false,
30
23
  },
31
- setup(props) {
32
- let form = inject('form', {
33
- errors: {},
34
- getID(name) {
35
- return name;
36
- }
37
- });
38
- let group = inject('group', {});
24
+ type: {
25
+ type: String,
26
+ default: 'checkbox',
27
+ required: false,
28
+ },
29
+ },
30
+ computed: {
31
+ inputID() {
32
+ return this.form.getID(this);
33
+ }
34
+ },
35
+ setup(props) {
36
+ let form = inject('form', {
37
+ errors: {},
38
+ getID(name) {
39
+ return name;
40
+ }
41
+ });
42
+ let group = inject('group', {});
39
43
 
40
- const modelValue = computed({
41
- get() {
42
- return (group.value && form.value[group.value.name]) ? group.value?.getData(props.name) : form.value[props.name];
43
- },
44
- set(value) {
45
- if (group?.value?.name) {
46
- group.value.setData(props.name, value);
47
- } else {
48
- form.value[props.name] = value;
49
- }
50
- }
51
- });
44
+ const modelValue = computed({
45
+ get() {
46
+ return (group.value && form.value[group.value.name]) ? group.value?.getData(props.name) : form.value[props.name];
47
+ },
48
+ set(value) {
49
+ if (group?.value?.name) {
50
+ group.value.setData(props.name, value);
51
+ } else {
52
+ form.value[props.name] = value;
53
+ }
54
+ }
55
+ });
52
56
 
53
- return {modelValue, form, group};
54
- },
57
+ return {modelValue, form, group};
58
+ },
55
59
  })
56
60
  </script>
57
61
  <template>
58
- <div class="form-check form-switch">
59
- <input
60
- :name="name"
61
- :id="inputID"
62
- v-model="modelValue"
63
- :class="{'is-invalid': form?.errors[name]}"
64
- :disabled="form?.processing"
65
- :type="type"
66
- :value="value"
67
- @change="e => $emit('change', e)"
68
- class="form-check-input">
69
- <label class="form-check-label" :for="inputID">
70
- <slot/>
71
- </label>
72
- </div>
62
+ <div class="form-check form-switch" :class="{'disabled': disabled}">
63
+ <input
64
+ :name="name"
65
+ :id="inputID"
66
+ v-model="modelValue"
67
+ :class="{'is-invalid': form?.errors[name]}"
68
+ :disabled="form?.processing || disabled"
69
+ :type="type"
70
+ :value="value"
71
+ @change="e => $emit('change', e)"
72
+ class="form-check-input">
73
+ <label class="form-check-label" :for="inputID">
74
+ <slot/>
75
+ </label>
76
+ </div>
73
77
  </template>
74
78
  <style>
75
79
  .form-check,
76
80
  .form-check label {
77
- cursor: pointer;
81
+ cursor: pointer;
78
82
  }
79
83
  </style>