edvoyui-component-library-test-flight 0.0.153 → 0.0.154
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/library-vue-ts.cjs.js +26 -26
- package/dist/library-vue-ts.css +1 -1
- package/dist/library-vue-ts.es.js +1532 -1502
- package/dist/library-vue-ts.umd.js +27 -27
- package/dist/toggle/EUIToggle.vue.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/timeLine/EUITimeLineItem.vue +54 -43
- package/src/components/toggle/EUIToggle.vue +3 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/toggle/EUIToggle.vue?vue&type=script&setup=true&lang.ts";
|
|
2
|
-
import "/Volumes/work/repos/edvoy-ui-v2/src/components/toggle/EUIToggle.vue?vue&type=style&index=0&scoped=
|
|
2
|
+
import "/Volumes/work/repos/edvoy-ui-v2/src/components/toggle/EUIToggle.vue?vue&type=style&index=0&scoped=f3426066&lang.scss";
|
|
3
3
|
declare const _default: any;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=EUIToggle.vue.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<li
|
|
3
3
|
v-for="(item, itemIdx) in data"
|
|
4
|
-
:key="
|
|
4
|
+
:key="`timeline_${itemIdx}`"
|
|
5
5
|
class="relative flex gap-x-4 group"
|
|
6
6
|
>
|
|
7
7
|
<div
|
|
@@ -15,56 +15,67 @@
|
|
|
15
15
|
/>
|
|
16
16
|
</div>
|
|
17
17
|
<template v-if="type === 'image'">
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
18
|
+
<slot name="image" :data="item" :dataIndex="itemIdx">
|
|
19
|
+
<img
|
|
20
|
+
:src="item.person?.imageUrl"
|
|
21
|
+
alt=""
|
|
22
|
+
class="relative flex-initial flex-shrink-0 rounded-full size-6 bg-gray-50"
|
|
23
|
+
/>
|
|
24
|
+
</slot>
|
|
25
|
+
<slot name="details" :data="item" :dataIndex="itemIdx">
|
|
26
|
+
<div
|
|
27
|
+
class="flex-1 min-w-0 p-3 rounded-md ring-1 ring-inset ring-gray-200"
|
|
28
|
+
>
|
|
29
|
+
<div class="flex justify-between gap-x-4 mb-0.5">
|
|
30
|
+
<div class="text-xs leading-5 text-gray-500">
|
|
31
|
+
<span class="font-medium text-gray-900">{{
|
|
32
|
+
item.person?.name
|
|
33
|
+
}}</span>
|
|
34
|
+
</div>
|
|
35
|
+
<time
|
|
36
|
+
:datetime="item.dateTime"
|
|
37
|
+
class="flex-none text-xs leading-5 text-gray-500"
|
|
38
|
+
>
|
|
39
|
+
{{ item.date + " " + item.dateTime }}
|
|
40
|
+
</time>
|
|
29
41
|
</div>
|
|
30
|
-
<
|
|
31
|
-
|
|
32
|
-
|
|
42
|
+
<p class="text-sm leading-6 text-gray-500">
|
|
43
|
+
{{ item.comment }}
|
|
44
|
+
</p>
|
|
45
|
+
|
|
46
|
+
<details
|
|
47
|
+
v-if="showMore"
|
|
48
|
+
:open="itemIdx === 0"
|
|
49
|
+
class="h-6 p-2 mt-2 text-xs text-gray-500 transition-colors duration-100 ease-in-out select-none open:border open:border-gray-100 open:bg-gray-50 open:rounded-md group open:h-auto"
|
|
33
50
|
>
|
|
34
|
-
|
|
35
|
-
|
|
51
|
+
<summary
|
|
52
|
+
class="flex flex-row items-center justify-start text-sm leading-5 text-gray-900 list-none cursor-pointer"
|
|
53
|
+
>
|
|
54
|
+
<slot name="showMoreTitle" :data="item" :open="itemIdx === 0">
|
|
55
|
+
{{ item.showmore?.title || "More Details" }}
|
|
56
|
+
<PlusIcon
|
|
57
|
+
class="ml-auto -mr-1 transition-all duration-300 opacity-75 fill-current size-4 group-open:hidden"
|
|
58
|
+
/>
|
|
59
|
+
<MinusIcon
|
|
60
|
+
class="hidden ml-auto -mr-1 transition-all duration-300 opacity-75 fill-current size-4 group-open:inline-block"
|
|
61
|
+
/>
|
|
62
|
+
</slot>
|
|
63
|
+
</summary>
|
|
64
|
+
<slot name="showMoreContent" :data="item">
|
|
65
|
+
<div>{{ item.showmore?.content }}</div>
|
|
66
|
+
</slot>
|
|
67
|
+
</details>
|
|
36
68
|
</div>
|
|
37
|
-
|
|
38
|
-
{{ item.comment }}
|
|
39
|
-
</p>
|
|
40
|
-
<details
|
|
41
|
-
v-if="showMore"
|
|
42
|
-
:open="itemIdx === 0"
|
|
43
|
-
class="text-gray-500 text-xs select-none open:border open:border-gray-100 open:bg-gray-50 open:rounded-md transition-colors duration-100 ease-in-out mt-2 p-2 group h-6 open:h-auto"
|
|
44
|
-
>
|
|
45
|
-
<summary
|
|
46
|
-
class="text-sm leading-5 text-gray-900 list-none flex items-center justify-start flex-row cursor-pointer"
|
|
47
|
-
>
|
|
48
|
-
{{ item.showmore?.title || "More Details" }}
|
|
49
|
-
<PlusIcon
|
|
50
|
-
class="fill-current opacity-75 size-4 -mr-1 transition-all duration-300 ml-auto group-open:hidden"
|
|
51
|
-
/>
|
|
52
|
-
<MinusIcon
|
|
53
|
-
class="fill-current opacity-75 size-4 -mr-1 transition-all duration-300 ml-auto hidden group-open:inline-block"
|
|
54
|
-
/>
|
|
55
|
-
</summary>
|
|
56
|
-
<div>{{ item.showmore?.content }}</div>
|
|
57
|
-
</details>
|
|
58
|
-
</div>
|
|
69
|
+
</slot>
|
|
59
70
|
</template>
|
|
60
71
|
<template v-else>
|
|
61
72
|
<div
|
|
62
|
-
class="relative flex
|
|
73
|
+
class="relative flex items-center justify-center flex-none bg-white size-6"
|
|
63
74
|
>
|
|
64
75
|
<component
|
|
65
76
|
v-if="type === 'icon'"
|
|
66
77
|
:is="icon || CheckCircleIcon"
|
|
67
|
-
class="
|
|
78
|
+
class="text-green-500 size-6"
|
|
68
79
|
aria-hidden="true"
|
|
69
80
|
/>
|
|
70
81
|
<div
|
|
@@ -97,7 +108,7 @@ interface ITimeLine {
|
|
|
97
108
|
date?: string;
|
|
98
109
|
dateTime?: string;
|
|
99
110
|
showmore?: any;
|
|
100
|
-
command?:string
|
|
111
|
+
command?: string;
|
|
101
112
|
}
|
|
102
113
|
|
|
103
114
|
const props = defineProps({
|
|
@@ -118,7 +129,7 @@ const props = defineProps({
|
|
|
118
129
|
default: false,
|
|
119
130
|
},
|
|
120
131
|
});
|
|
121
|
-
const
|
|
132
|
+
const { data, type, icon, showMore } = toRefs(props);
|
|
122
133
|
</script>
|
|
123
134
|
|
|
124
135
|
<style scoped></style>
|