RetailCRM-Mirror/vue-formulario
1
0
Fork 0
mirror of synced 2025-01-19 17:01:43 +03:00
Code Issues Projects Releases Wiki Activity

Builds in support for disabled buttons fields and button content slots

Browse Source
This commit is contained in:
Justin Schroeder 2018-04-09 11:51:14 -04:00
parent cec35a834a
commit 21a83d0d50
2 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
dist/index.js vendored
View File

File diff suppressed because one or more lines are too long

22
src/components/FormulateElement.vue
View File

@ -4,6 +4,7 @@
class="formulate-element-input-wrapper"
:data-type="type"
:data-classification="classification"
:data-is-disabled="disabled"
>
<!-- TEXT STYLE INPUTS -->
<label
@ -20,6 +21,7 @@
v-bind="attributes"
v-if="isTextInput"
@blur="errorBlurState = true"
:disabled="disabled"
>
<textarea
ref="textarea"
@ -30,15 +32,24 @@
v-bind="attributes"
v-if="isTextareaInput"
@blur="errorBlurState = true"
:disabled="disabled"
/>
<!-- BUTTON INPUTS -->
<button
:type="type"
:class="elementClasses"
v-text="label || name"
v-if="isButtonInput"
:disabled="type === 'submit' && (form.hasErrors && form.behavior === 'live')"
:disabled="disabled || (type === 'submit' && (form.hasErrors && form.behavior === 'live'))"
>
<slot
v-if="$slots.button"
name="button"
/>
<span
v-text="label || name"
v-else
/>
</button>
<!-- SELECT INPUTS -->
<select
v-bind="attributes"
@ -47,6 +58,7 @@
:name="name"
v-model="val"
@blur="errorBlurState = true"
:disabled="disabled"
>
<option
v-for="option in optionList"
@ -73,6 +85,7 @@
v-model="val"
v-if="type === 'radio'"
@blur="errorBlurState = true"
:disabled="disabled"
>
<input
type="checkbox"
@ -85,6 +98,7 @@
v-model="val"
v-if="type === 'checkbox'"
@blur="errorBlurState = true"
:disabled="disabled"
>
<label
:for="option.id"
@ -187,6 +201,10 @@ export default {
elementClasses: {
type: [String, Array, Object],
default: () => {}
},
disabled: {
type: Boolean,
default: false
}
},
data () {