sprintify-ui 0.10.71 → 0.10.73
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/sprintify-ui.es.js +1785 -1780
- package/dist/types/components/BaseAvatarGroup.vue.d.ts +9 -0
- package/dist/types/components/BaseLayoutSidebarConfigurable.vue.d.ts +5 -0
- package/package.json +1 -1
- package/src/components/BaseAvatarGroup.vue +5 -1
- package/src/components/BaseLayoutSidebarConfigurable.vue +4 -1
|
@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
18
18
|
default: number;
|
|
19
19
|
type: NumberConstructor;
|
|
20
20
|
};
|
|
21
|
+
tooltip: {
|
|
22
|
+
default: boolean;
|
|
23
|
+
type: BooleanConstructor;
|
|
24
|
+
};
|
|
21
25
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
26
|
users: {
|
|
23
27
|
required: true;
|
|
@@ -35,9 +39,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
35
39
|
default: number;
|
|
36
40
|
type: NumberConstructor;
|
|
37
41
|
};
|
|
42
|
+
tooltip: {
|
|
43
|
+
default: boolean;
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
};
|
|
38
46
|
}>> & Readonly<{}>, {
|
|
39
47
|
to: (user: User) => RouteLocationRaw;
|
|
40
48
|
size: string;
|
|
49
|
+
tooltip: boolean;
|
|
41
50
|
max: number;
|
|
42
51
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
43
52
|
export default _default;
|
|
@@ -11,6 +11,10 @@ import { RouteLocationRaw } from 'vue-router';
|
|
|
11
11
|
declare const sectionLabelClasses: import("vue").ComputedRef<string[]>;
|
|
12
12
|
declare function onNotificationClick(notification: Notification): void;
|
|
13
13
|
declare function onNotificationOpen(): void;
|
|
14
|
+
declare const windowSize: {
|
|
15
|
+
width: import("vue").Ref<number>;
|
|
16
|
+
height: import("vue").Ref<number>;
|
|
17
|
+
};
|
|
14
18
|
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
15
19
|
declare var __VLS_11: {}, __VLS_27: {};
|
|
16
20
|
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
@@ -64,6 +68,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
64
68
|
sectionLabelClasses: typeof sectionLabelClasses;
|
|
65
69
|
onNotificationClick: typeof onNotificationClick;
|
|
66
70
|
onNotificationOpen: typeof onNotificationOpen;
|
|
71
|
+
windowSize: typeof windowSize;
|
|
67
72
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
68
73
|
"notification:click": (...args: any[]) => void;
|
|
69
74
|
"notification:open": (...args: any[]) => void;
|
package/package.json
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<div class="rounded-full border-[3px] border-white">
|
|
12
12
|
<BaseAvatar
|
|
13
13
|
class="flex"
|
|
14
|
-
tooltip
|
|
14
|
+
:tooltip="tooltip"
|
|
15
15
|
:user="user"
|
|
16
16
|
:size="size"
|
|
17
17
|
:show-details="false"
|
|
@@ -62,6 +62,10 @@ const props = defineProps({
|
|
|
62
62
|
default: 10,
|
|
63
63
|
type: Number,
|
|
64
64
|
},
|
|
65
|
+
tooltip: {
|
|
66
|
+
default: false,
|
|
67
|
+
type: Boolean,
|
|
68
|
+
},
|
|
65
69
|
});
|
|
66
70
|
|
|
67
71
|
const spacing = computed(() => {
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
<BaseAvatar
|
|
104
104
|
:user="user"
|
|
105
105
|
:size="size"
|
|
106
|
-
show-details
|
|
106
|
+
:show-details="windowSize.width.value >= 640"
|
|
107
107
|
/>
|
|
108
108
|
</div>
|
|
109
109
|
</template>
|
|
@@ -130,6 +130,7 @@ import BaseLayoutSidebar from './BaseLayoutSidebar.vue';
|
|
|
130
130
|
import BaseMenu from './BaseMenu.vue';
|
|
131
131
|
import BaseNavbarSideItem from './BaseNavbarSideItem.vue';
|
|
132
132
|
import { RouteLocationRaw } from 'vue-router';
|
|
133
|
+
import { useWindowSize } from '@vueuse/core';
|
|
133
134
|
|
|
134
135
|
const emit = defineEmits(['notification:click', 'notification:open']);
|
|
135
136
|
|
|
@@ -199,4 +200,6 @@ function onNotificationClick(notification: Notification) {
|
|
|
199
200
|
function onNotificationOpen() {
|
|
200
201
|
emit('notification:open');
|
|
201
202
|
}
|
|
203
|
+
|
|
204
|
+
const windowSize = useWindowSize();
|
|
202
205
|
</script>
|