@tak-ps/vue-tabler 3.59.0 → 3.60.1
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/CHANGELOG.md +8 -0
- package/components/input/Colour.vue +2 -1
- package/components/input/Enum.vue +2 -0
- package/components/input/Input.vue +10 -1
- package/components/input/Range.vue +4 -0
- package/components/input/TimeZone.vue +4 -0
- package/components/input/Toggle.vue +4 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
:value='color'
|
|
23
23
|
type='radio'
|
|
24
24
|
class='form-colorinput-input'
|
|
25
|
+
@blur='$emit("blur")'
|
|
25
26
|
>
|
|
26
27
|
<span
|
|
27
28
|
class='form-colorinput-color bg-dark rounded'
|
|
@@ -71,7 +72,7 @@ export default {
|
|
|
71
72
|
label: String,
|
|
72
73
|
},
|
|
73
74
|
emits: [
|
|
74
|
-
'update:modelValue'
|
|
75
|
+
'blur', 'update:modelValue'
|
|
75
76
|
],
|
|
76
77
|
data: function() {
|
|
77
78
|
return {
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
:autofocus='autofocus'
|
|
15
15
|
:disabled='disabled'
|
|
16
16
|
class='form-select'
|
|
17
|
+
@blur='$emit("blur")'
|
|
17
18
|
>
|
|
18
19
|
<option
|
|
19
20
|
v-for='option in options'
|
|
@@ -66,6 +67,7 @@ export default {
|
|
|
66
67
|
label: String,
|
|
67
68
|
},
|
|
68
69
|
emits: [
|
|
70
|
+
'blur',
|
|
69
71
|
'update:modelValue'
|
|
70
72
|
],
|
|
71
73
|
data: function() {
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
/>
|
|
33
33
|
</span>
|
|
34
34
|
<input
|
|
35
|
+
ref='text-input'
|
|
35
36
|
v-model='current'
|
|
36
37
|
:disabled='disabled'
|
|
37
38
|
:autocomplete='autocomplete'
|
|
@@ -43,6 +44,7 @@
|
|
|
43
44
|
class='form-control'
|
|
44
45
|
:placeholder='placeholder||label||""'
|
|
45
46
|
@keyup.enter='$emit("submit")'
|
|
47
|
+
@blur='$emit("blur")'
|
|
46
48
|
>
|
|
47
49
|
<span
|
|
48
50
|
v-if='loading'
|
|
@@ -62,6 +64,7 @@
|
|
|
62
64
|
</template>
|
|
63
65
|
<template v-else>
|
|
64
66
|
<textarea
|
|
67
|
+
ref='text-input'
|
|
65
68
|
v-model='current'
|
|
66
69
|
:disabled='disabled'
|
|
67
70
|
:autofocus='autofocus'
|
|
@@ -75,6 +78,7 @@
|
|
|
75
78
|
class='form-control'
|
|
76
79
|
:placeholder='placeholder||label||""'
|
|
77
80
|
@keyup.enter='$emit("submit")'
|
|
81
|
+
@blur='$emit("blur")'
|
|
78
82
|
/>
|
|
79
83
|
<div
|
|
80
84
|
v-if='errorstr'
|
|
@@ -150,7 +154,7 @@ export default {
|
|
|
150
154
|
placeholder: String,
|
|
151
155
|
error: String,
|
|
152
156
|
},
|
|
153
|
-
emits: ['submit', 'update:modelValue'],
|
|
157
|
+
emits: ['blur', 'submit', 'update:modelValue'],
|
|
154
158
|
data: function() {
|
|
155
159
|
return {
|
|
156
160
|
help: false,
|
|
@@ -158,6 +162,11 @@ export default {
|
|
|
158
162
|
current: this.modelValue === undefined ? '' : this.modelValue
|
|
159
163
|
}
|
|
160
164
|
},
|
|
165
|
+
mounted: function() {
|
|
166
|
+
if (this.autofocus) {
|
|
167
|
+
this.$refs['text-input'].focus();
|
|
168
|
+
}
|
|
169
|
+
},
|
|
161
170
|
computed: {
|
|
162
171
|
errorstr: function() {
|
|
163
172
|
if (this.error) return this.error;
|
|
@@ -18,6 +18,8 @@
|
|
|
18
18
|
:max='max'
|
|
19
19
|
:step='step'
|
|
20
20
|
@input='event => current = event.target.value'
|
|
21
|
+
@keyup.enter='$emit("submit")'
|
|
22
|
+
@blur='$emit("blur")'
|
|
21
23
|
>
|
|
22
24
|
</div>
|
|
23
25
|
</div>
|
|
@@ -67,6 +69,8 @@ export default {
|
|
|
67
69
|
label: String,
|
|
68
70
|
},
|
|
69
71
|
emits: [
|
|
72
|
+
'blur',
|
|
73
|
+
'submit',
|
|
70
74
|
'update:modelValue'
|
|
71
75
|
],
|
|
72
76
|
data: function() {
|
|
@@ -8,6 +8,8 @@
|
|
|
8
8
|
:required='required'
|
|
9
9
|
:default='inverse.has(modelValue) ? inverse.get(modelValue) : "No TimeZone"'
|
|
10
10
|
@change='$emit("update:modelValue", map.get($event.target.value).tzCode)'
|
|
11
|
+
@submit='$emit("submit")'
|
|
12
|
+
@blur='$emit("blur")'
|
|
11
13
|
/>
|
|
12
14
|
</template>
|
|
13
15
|
|
|
@@ -472,6 +474,8 @@ export default {
|
|
|
472
474
|
},
|
|
473
475
|
},
|
|
474
476
|
emits: [
|
|
477
|
+
'submit',
|
|
478
|
+
'blur',
|
|
475
479
|
'update:modelValue'
|
|
476
480
|
],
|
|
477
481
|
data: function() {
|
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
:autofocus='autofocus'
|
|
13
13
|
class='form-check-input'
|
|
14
14
|
type='checkbox'
|
|
15
|
+
@keyup.enter='$emit("submit")'
|
|
16
|
+
@blur='$emit("blur")'
|
|
15
17
|
>
|
|
16
18
|
</label>
|
|
17
19
|
</TablerLabel>
|
|
@@ -53,6 +55,8 @@ export default {
|
|
|
53
55
|
}
|
|
54
56
|
},
|
|
55
57
|
emits: [
|
|
58
|
+
'blur',
|
|
59
|
+
'submit',
|
|
56
60
|
'update:modelValue'
|
|
57
61
|
],
|
|
58
62
|
data: function() {
|