classcard-ui 0.2.385 → 0.2.388
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 +62 -60
- package/dist/classcard-ui.common.js.map +1 -1
- package/dist/classcard-ui.umd.js +62 -60
- 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 +5 -5
- package/src/components/CReorderableStackedList/CReorderableStackedList.vue +20 -19
- package/src/components/CTable/CTable.vue +7 -7
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "classcard-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.388",
|
|
4
4
|
"main": "dist/classcard-ui.common.js",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"serve": "vue-cli-service serve",
|
|
@@ -37,10 +37,10 @@
|
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@babel/core": "^7.15.5",
|
|
40
|
-
"@storybook/addon-actions": "^6.4.
|
|
41
|
-
"@storybook/addon-essentials": "^6.4.
|
|
42
|
-
"@storybook/addon-links": "^6.4.
|
|
43
|
-
"@storybook/vue": "^6.4.
|
|
40
|
+
"@storybook/addon-actions": "^6.4.20",
|
|
41
|
+
"@storybook/addon-essentials": "^6.4.20",
|
|
42
|
+
"@storybook/addon-links": "^6.4.20",
|
|
43
|
+
"@storybook/vue": "^6.4.20",
|
|
44
44
|
"@tailwindcss/postcss7-compat": "^2.2.14",
|
|
45
45
|
"@types/lodash-es": "^4.17.5",
|
|
46
46
|
"@vue/cli-plugin-babel": "^4.5.13",
|
|
@@ -12,39 +12,40 @@
|
|
|
12
12
|
v-if="items.collapse"
|
|
13
13
|
:name="showSection ? 'chevron-down' : 'chevron-right'"
|
|
14
14
|
type="solid"
|
|
15
|
-
class="mt-3 mr-3 h-5 w-5 text-gray-900"
|
|
15
|
+
class="mt-3 mr-3 h-5 w-5 flex-none text-gray-900"
|
|
16
16
|
></c-icon>
|
|
17
17
|
<c-icon
|
|
18
18
|
v-if="items.reorder"
|
|
19
19
|
name="menu-solid"
|
|
20
20
|
type="solid"
|
|
21
|
-
class="mr-3 h-5 w-5 text-gray-500"
|
|
21
|
+
class="mr-3 h-5 w-5 flex-none text-gray-500"
|
|
22
22
|
></c-icon>
|
|
23
23
|
<c-avatar
|
|
24
24
|
:size="items.size"
|
|
25
25
|
:rounded="items.rounded"
|
|
26
26
|
:image="items.image"
|
|
27
27
|
:imageClasses="items.imageClasses"
|
|
28
|
+
class="flex-none"
|
|
28
29
|
></c-avatar>
|
|
29
|
-
<div class="flex
|
|
30
|
-
<div class="ml-3">
|
|
31
|
-
<div
|
|
32
|
-
<
|
|
33
|
-
|
|
34
|
-
|
|
30
|
+
<div class="flex min-w-0 flex-1 items-center justify-between">
|
|
31
|
+
<div class="ml-3 min-w-0 flex-1">
|
|
32
|
+
<div>
|
|
33
|
+
<div class="-m-1 flex flex-wrap items-center">
|
|
34
|
+
<p class="m-1 text-sm font-medium text-gray-900">
|
|
35
|
+
{{ items.heading }}
|
|
36
|
+
</p>
|
|
37
|
+
<c-tag v-if="items.tag" label="Active" class="m-1"></c-tag>
|
|
38
|
+
<c-tag v-if="items.tag" label="Inactive" class="m-1"></c-tag>
|
|
39
|
+
<c-tag v-if="items.tag" label="Tag 1" class="m-1"></c-tag>
|
|
40
|
+
<c-tag v-if="items.tag" label="Tag 2" class="m-1"></c-tag>
|
|
41
|
+
</div>
|
|
42
|
+
<p class="mt-1 text-sm text-gray-500">{{ items.description }}</p>
|
|
43
|
+
<div v-if="showSection" class="mt-3">
|
|
44
|
+
<slot></slot>
|
|
45
|
+
</div>
|
|
35
46
|
</div>
|
|
36
|
-
<p class="text-sm text-gray-500">{{ items.description }}</p>
|
|
37
|
-
<div v-if="showSection" class="mt-3">
|
|
38
|
-
<slot></slot>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
<div class="flex flex-wrap sm:ml-2 sm:mt-2 lg:ml-0 lg:mt-0">
|
|
42
|
-
<c-tag v-if="items.tag" label="Active" class="mr-3"></c-tag>
|
|
43
|
-
<c-tag v-if="items.tag" label="Inactive" class="mr-3"></c-tag>
|
|
44
|
-
<c-tag v-if="items.tag" label="Tag 1" class="mr-3"></c-tag>
|
|
45
|
-
<c-tag v-if="items.tag" label="Tag 2" class="mr-3"></c-tag>
|
|
46
47
|
</div>
|
|
47
|
-
<div class="flex items-center">
|
|
48
|
+
<div class="flex flex-none items-center">
|
|
48
49
|
<slot name="icons"></slot>
|
|
49
50
|
<button
|
|
50
51
|
type="button"
|
|
@@ -13,9 +13,7 @@
|
|
|
13
13
|
</div>
|
|
14
14
|
<div class="flex">
|
|
15
15
|
<!-- dropdown icon on top right of table -->
|
|
16
|
-
<div
|
|
17
|
-
class="relative inline-block text-left"
|
|
18
|
-
v-if="enableVisibility">
|
|
16
|
+
<div class="relative inline-block text-left" v-if="enableVisibility">
|
|
19
17
|
<!-- button to show list of columns to show hide in table -->
|
|
20
18
|
<div>
|
|
21
19
|
<button
|
|
@@ -62,8 +60,7 @@
|
|
|
62
60
|
</div>
|
|
63
61
|
</div>
|
|
64
62
|
|
|
65
|
-
<div
|
|
66
|
-
v-if="enableDownload">
|
|
63
|
+
<div v-if="enableDownload">
|
|
67
64
|
<c-button-icon
|
|
68
65
|
type="white"
|
|
69
66
|
:icon="{
|
|
@@ -239,11 +236,11 @@ export default {
|
|
|
239
236
|
},
|
|
240
237
|
enableVisibility: {
|
|
241
238
|
type: Boolean,
|
|
242
|
-
default: true
|
|
239
|
+
default: true,
|
|
243
240
|
},
|
|
244
241
|
enableDownload: {
|
|
245
242
|
type: Boolean,
|
|
246
|
-
default: true
|
|
243
|
+
default: true,
|
|
247
244
|
},
|
|
248
245
|
// To show and hide loader on table
|
|
249
246
|
isLoading: {
|
|
@@ -348,6 +345,9 @@ export default {
|
|
|
348
345
|
},
|
|
349
346
|
// listing functions
|
|
350
347
|
sortChange(params) {
|
|
348
|
+
if (params[0].type == "none") {
|
|
349
|
+
params[0].type = "asc";
|
|
350
|
+
}
|
|
351
351
|
this.$emit("onSortChange", params);
|
|
352
352
|
},
|
|
353
353
|
onSearching(params) {
|