classcard-ui 0.2.229 → 0.2.230
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/dist/classcard-ui.common.js +65 -53
- package/dist/classcard-ui.common.js.map +1 -1
- package/dist/classcard-ui.umd.js +65 -53
- package/dist/classcard-ui.umd.js.map +1 -1
- package/dist/classcard-ui.umd.min.js +1 -1
- package/dist/classcard-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CMultiselect/CMultiselect.vue +19 -4
package/package.json
CHANGED
|
@@ -33,7 +33,9 @@
|
|
|
33
33
|
</template>
|
|
34
34
|
<!-- eslint-disable-next-line vue/no-unused-vars -->
|
|
35
35
|
<template #no-options="{ search, searching, loading }">
|
|
36
|
-
<span v-if="search.length < 1"
|
|
36
|
+
<span v-if="search.length < 1"
|
|
37
|
+
>Start typing to search for options...</span
|
|
38
|
+
>
|
|
37
39
|
<span v-else>No options found, try searching something else.</span>
|
|
38
40
|
</template>
|
|
39
41
|
<template slot="option" slot-scope="option">
|
|
@@ -59,6 +61,9 @@
|
|
|
59
61
|
</div>
|
|
60
62
|
</template>
|
|
61
63
|
</v-select>
|
|
64
|
+
<p v-if="!isValidate" class="mt-2 text-sm text-red-600">
|
|
65
|
+
{{ errorMessage }}
|
|
66
|
+
</p>
|
|
62
67
|
</div>
|
|
63
68
|
</template>
|
|
64
69
|
<script>
|
|
@@ -75,7 +80,7 @@ export default {
|
|
|
75
80
|
required: true,
|
|
76
81
|
},
|
|
77
82
|
label: String,
|
|
78
|
-
placeholder:{
|
|
83
|
+
placeholder: {
|
|
79
84
|
type: String,
|
|
80
85
|
default: "Start typing... (min 2 characters) to search options",
|
|
81
86
|
},
|
|
@@ -121,12 +126,22 @@ export default {
|
|
|
121
126
|
type: Boolean,
|
|
122
127
|
default: true,
|
|
123
128
|
},
|
|
129
|
+
isValidate: {
|
|
130
|
+
type: Boolean,
|
|
131
|
+
default: true,
|
|
132
|
+
},
|
|
133
|
+
errorMessage: {
|
|
134
|
+
type: String,
|
|
135
|
+
},
|
|
124
136
|
},
|
|
125
137
|
computed: {},
|
|
126
138
|
data() {
|
|
127
139
|
return {
|
|
128
140
|
loaderSearching: true,
|
|
129
|
-
value:
|
|
141
|
+
value:
|
|
142
|
+
this.optionsSelected && this.optionsSelected.length
|
|
143
|
+
? this.optionsSelected
|
|
144
|
+
: [],
|
|
130
145
|
};
|
|
131
146
|
},
|
|
132
147
|
methods: {
|
|
@@ -178,7 +193,7 @@ export default {
|
|
|
178
193
|
.vs__dropdown-toggle.vs__dropdown-option--highlight {
|
|
179
194
|
@apply bg-indigo-700 text-white;
|
|
180
195
|
}
|
|
181
|
-
.vs__dropdown-option--highlight {
|
|
196
|
+
.vs__dropdown-option--highlight {
|
|
182
197
|
@apply bg-indigo-700 text-white;
|
|
183
198
|
}
|
|
184
199
|
</style>
|