classcard-ui 0.2.745 → 0.2.746
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 +71 -54
- package/dist/classcard-ui.common.js.map +1 -1
- package/dist/classcard-ui.css +1 -1
- package/dist/classcard-ui.umd.js +71 -54
- 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 +21 -1
- package/src/stories/CMultiselect.stories.js +6 -0
package/package.json
CHANGED
|
@@ -79,6 +79,7 @@
|
|
|
79
79
|
<template slot="option" slot-scope="option">
|
|
80
80
|
<slot name="custom-option" v-bind:option="option"></slot>
|
|
81
81
|
</template>
|
|
82
|
+
|
|
82
83
|
<template v-if="showOptionImage" v-slot:option="option">
|
|
83
84
|
<div
|
|
84
85
|
:class="`flex w-full ${
|
|
@@ -102,7 +103,19 @@
|
|
|
102
103
|
class="mr-2"
|
|
103
104
|
></c-avatar>
|
|
104
105
|
<div class="w-full">
|
|
105
|
-
<p>
|
|
106
|
+
<p>
|
|
107
|
+
{{ option[optionLabel] }}
|
|
108
|
+
{{ option.details ? option.details : "" }}
|
|
109
|
+
</p>
|
|
110
|
+
<!-- <div class="flex items-center">
|
|
111
|
+
<p>{{ option[optionLabel] }}</p>
|
|
112
|
+
<p
|
|
113
|
+
class="ml-2 text-gray-500 hover:text-white"
|
|
114
|
+
v-if="option.details"
|
|
115
|
+
>
|
|
116
|
+
{{ option.details }}
|
|
117
|
+
</p>
|
|
118
|
+
</div> -->
|
|
106
119
|
<p class="text-xs" v-if="option.description">
|
|
107
120
|
{{ option.description }}
|
|
108
121
|
</p>
|
|
@@ -164,6 +177,10 @@ export default {
|
|
|
164
177
|
type: Array,
|
|
165
178
|
required: true,
|
|
166
179
|
},
|
|
180
|
+
extraDetails: {
|
|
181
|
+
type: Boolean,
|
|
182
|
+
default: false,
|
|
183
|
+
},
|
|
167
184
|
showFooterButton: {
|
|
168
185
|
type: Boolean,
|
|
169
186
|
default: false,
|
|
@@ -325,6 +342,9 @@ export default {
|
|
|
325
342
|
@apply m-0 mr-1 border-none py-0 pl-1.5 pr-1.5;
|
|
326
343
|
margin-bottom: 2px;
|
|
327
344
|
}
|
|
345
|
+
.extra {
|
|
346
|
+
@apply hover:text-white;
|
|
347
|
+
}
|
|
328
348
|
.vs__selected-options {
|
|
329
349
|
@apply pl-0;
|
|
330
350
|
padding-top: 0.5px;
|
|
@@ -89,6 +89,12 @@ Default.args = {
|
|
|
89
89
|
initials: "AS",
|
|
90
90
|
children: [{ id: "15820_Package", text: "Mathematics" }],
|
|
91
91
|
},
|
|
92
|
+
{
|
|
93
|
+
text: "Packages",
|
|
94
|
+
initials: "AS",
|
|
95
|
+
children: [{ id: "15820_Package", text: "Mathematics" }],
|
|
96
|
+
details: "something@gmail.com",
|
|
97
|
+
},
|
|
92
98
|
],
|
|
93
99
|
optionLabel: "text",
|
|
94
100
|
label: "Active",
|