@maltjoy/core-vue 3.26.0 → 3.27.1
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/components/JoyAvailability/JoyAvailability.types.d.ts +1 -2
- package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts +4 -3
- package/dist/components/JoyAvatar/JoyAvatar.types.d.ts +4 -6
- package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +3 -3
- package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts +14 -4
- package/dist/components/JoyBadge/JoyBadge.types.d.ts +1 -2
- package/dist/components/JoyBadge/VJoyBadge.vue.d.ts +14 -8
- package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts +8 -4
- package/dist/components/JoyBlockSkeleton/VJoyBlockSkeleton.vue.d.ts +2 -0
- package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts +20 -7
- package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts +12 -6
- package/dist/components/JoyButton/JoyButton.types.d.ts +4 -20
- package/dist/components/JoyButton/VJoyButton.vue.d.ts +13 -13
- package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts +10 -3
- package/dist/components/JoyCollapse/VJoyCollapse.vue.d.ts +10 -4
- package/dist/components/JoyCollapseItem/VJoyCollapseItem.vue.d.ts +12 -4
- package/dist/components/JoyCompanyAvatar/JoyCompanyAvatar.types.d.ts +2 -3
- package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts +6 -0
- package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +11 -6
- package/dist/components/JoyDialog/JoyDialog.types.d.ts +2 -3
- package/dist/components/JoyDialog/VJoyDialog.vue.d.ts +30 -8
- package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts +56 -20
- package/dist/components/JoyDividerCta/VJoyDividerCta.vue.d.ts +10 -3
- package/dist/components/JoyDrawer/JoyDrawer.types.d.ts +1 -2
- package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts +42 -12
- package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +84 -30
- package/dist/components/JoyDropdown/JoyDropdown.types.d.ts +3 -4
- package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +29 -22
- package/dist/components/JoyDropdownList/JoyDropdownList.types.d.ts +2 -3
- package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +22 -21
- package/dist/components/JoyFilterBar/VJoyFilterBar.vue.d.ts +8 -2
- package/dist/components/JoyFilterBarButton/VJoyFilterBarButton.vue.d.ts +10 -2
- package/dist/components/JoyFormError/VJoyFormError.vue.d.ts +6 -2
- package/dist/components/JoyFunnel/JoyFunnel.types.d.ts +2 -4
- package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts +8 -0
- package/dist/components/JoyHighlight/JoyHighlight.types.d.ts +2 -4
- package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +21 -9
- package/dist/components/JoyIcon/JoyIcon.types.d.ts +3 -4
- package/dist/components/JoyIcon/VJoyIcon.vue.d.ts +9 -6
- package/dist/components/JoyIndicator/VJoyIndicator.vue.d.ts +4 -3
- package/dist/components/JoyIndicators/JoyIndicators.types.d.ts +1 -2
- package/dist/components/JoyIndicators/VJoyIndicators.vue.d.ts +9 -6
- package/dist/components/JoyInput/JoyInput.types.d.ts +2 -3
- package/dist/components/JoyInput/VJoyInput.vue.d.ts +10 -7
- package/dist/components/JoyLabel/JoyLabel.types.d.ts +2 -3
- package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +10 -7
- package/dist/components/JoyLink/JoyLink.types.d.ts +1 -2
- package/dist/components/JoyLink/VJoyLink.vue.d.ts +8 -7
- package/dist/components/JoyMenu/VJoyMenu.vue.d.ts +6 -10
- package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +16 -19
- package/dist/components/JoyPagination/VJoyPagination.vue.d.ts +14 -6
- package/dist/components/JoyPanel/JoyPanel.types.d.ts +3 -5
- package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +30 -14
- package/dist/components/JoyProgressBar/JoyProgressBar.types.d.ts +2 -3
- package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts +5 -3
- package/dist/components/JoyRadio/JoyRadio.types.d.ts +1 -2
- package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +20 -7
- package/dist/components/JoyRadioGroup/JoyRadioGroup.types.d.ts +1 -2
- package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts +14 -6
- package/dist/components/JoyRatingStars/JoyRatingStars.types.d.ts +2 -3
- package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts +10 -2
- package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts +1 -2
- package/dist/components/JoyScreenLoader/VJoyScreenLoader.vue.d.ts +14 -6
- package/dist/components/JoySelect/JoySelect.types.d.ts +2 -3
- package/dist/components/JoySelect/VJoySelect.vue.d.ts +9 -4
- package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts +10 -65
- package/dist/components/JoySeparator/JoySeparator.types.d.ts +2 -3
- package/dist/components/JoySnackbar/JoySnackbar.types.d.ts +2 -3
- package/dist/components/JoySnackbar/VJoySnackbar.vue.d.ts +6 -2
- package/dist/components/JoySnackbar/index.d.ts +1 -1
- package/dist/components/JoySpinner/JoySpinner.types.d.ts +1 -2
- package/dist/components/JoySpinner/VJoySpinner.vue.d.ts +2 -4
- package/dist/components/JoyStep/VJoyStep.vue.d.ts +14 -2
- package/dist/components/JoyStepper/VJoyStepper.vue.d.ts +10 -2
- package/dist/components/JoyTabs/VJoyTabs.vue.d.ts +2 -0
- package/dist/components/JoyTag/JoyTag.types.d.ts +3 -5
- package/dist/components/JoyTag/VJoyTag.vue.d.ts +13 -3
- package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts +34 -19
- package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +1 -2
- package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +9 -9
- package/dist/components/JoyTemplate/JoyTemplate.types.d.ts +1 -2
- package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +67 -15
- package/dist/components/JoyText/VJoyText.vue.d.ts +6 -2
- package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +6 -5
- package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +6 -2
- package/dist/components/JoyTooltip/JoyTooltip.types.d.ts +0 -1
- package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts +20 -6
- package/dist/components/JoyWrapper/JoyWrapper.types.d.ts +5 -10
- package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +19 -18
- package/dist/components/main.d.ts +1 -1
- package/dist/helpers/index.d.ts +2 -2
- package/dist/joy-vue.js +2091 -2152
- package/dist/joy-vue.umd.cjs +4 -4
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +7 -10
- package/package.json +20 -24
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type TJoyDialogSizes = Extract<
|
|
3
|
-
export declare const DIALOG_SIZES: TJoyDialogSizes[];
|
|
1
|
+
import { TSizes } from '../../types';
|
|
2
|
+
export type TJoyDialogSizes = Extract<TSizes, 'large'> | 'default';
|
|
@@ -180,14 +180,36 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
180
180
|
patternBrand: boolean;
|
|
181
181
|
buttonSize: TJoyButtonSizes;
|
|
182
182
|
bannerHeight: number;
|
|
183
|
-
}, {}>, {
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
183
|
+
}, {}>, Readonly<{
|
|
184
|
+
/** Made for short informations */
|
|
185
|
+
'dialog-preheader': () => any;
|
|
186
|
+
/** Header to inject your title */
|
|
187
|
+
'dialog-header': () => any;
|
|
188
|
+
/** Subheader to inject additionnal informtion */
|
|
189
|
+
'dialog-subheader': () => any;
|
|
190
|
+
/** Body content to inject whatever you need */
|
|
191
|
+
'dialog-body': () => any;
|
|
192
|
+
/** Used to render the cancel CTA */
|
|
193
|
+
'dialog-cancel': () => any;
|
|
194
|
+
/** Used to render the confirm CTA */
|
|
195
|
+
'dialog-confirm': () => any;
|
|
196
|
+
/** When navigating with multiple dialogs */
|
|
197
|
+
'dialog-indicators': () => any;
|
|
198
|
+
}> & {
|
|
199
|
+
/** Made for short informations */
|
|
200
|
+
'dialog-preheader': () => any;
|
|
201
|
+
/** Header to inject your title */
|
|
202
|
+
'dialog-header': () => any;
|
|
203
|
+
/** Subheader to inject additionnal informtion */
|
|
204
|
+
'dialog-subheader': () => any;
|
|
205
|
+
/** Body content to inject whatever you need */
|
|
206
|
+
'dialog-body': () => any;
|
|
207
|
+
/** Used to render the cancel CTA */
|
|
208
|
+
'dialog-cancel': () => any;
|
|
209
|
+
/** Used to render the confirm CTA */
|
|
210
|
+
'dialog-confirm': () => any;
|
|
211
|
+
/** When navigating with multiple dialogs */
|
|
212
|
+
'dialog-indicators': () => any;
|
|
191
213
|
}>;
|
|
192
214
|
export default _default;
|
|
193
215
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -294,14 +294,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
294
294
|
isOpen: import("vue").Ref<boolean>;
|
|
295
295
|
show: () => Promise<void>;
|
|
296
296
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
297
|
-
$slots: {
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
297
|
+
$slots: Readonly<{
|
|
298
|
+
'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
|
|
299
|
+
* When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
|
|
300
|
+
* props.dialog is actually "not null"
|
|
301
|
+
*
|
|
302
|
+
* renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
|
|
303
|
+
*/
|
|
304
|
+
'dialog-header': () => any;
|
|
305
|
+
'dialog-subheader': () => any;
|
|
306
|
+
'dialog-body': () => any;
|
|
307
|
+
'dialog-cancel': () => any;
|
|
308
|
+
'dialog-confirm': () => any;
|
|
309
|
+
'dialog-indicators': () => any;
|
|
310
|
+
}> & {
|
|
311
|
+
'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
|
|
312
|
+
* When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
|
|
313
|
+
* props.dialog is actually "not null"
|
|
314
|
+
*
|
|
315
|
+
* renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
|
|
316
|
+
*/
|
|
317
|
+
'dialog-header': () => any;
|
|
318
|
+
'dialog-subheader': () => any;
|
|
319
|
+
'dialog-body': () => any;
|
|
320
|
+
'dialog-cancel': () => any;
|
|
321
|
+
'dialog-confirm': () => any;
|
|
322
|
+
'dialog-indicators': () => any;
|
|
305
323
|
};
|
|
306
324
|
}) | null | undefined;
|
|
307
325
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -602,24 +620,42 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
602
620
|
isOpen: import("vue").Ref<boolean>;
|
|
603
621
|
show: () => Promise<void>;
|
|
604
622
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
605
|
-
$slots: {
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
623
|
+
$slots: Readonly<{
|
|
624
|
+
'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
|
|
625
|
+
* When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
|
|
626
|
+
* props.dialog is actually "not null"
|
|
627
|
+
*
|
|
628
|
+
* renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
|
|
629
|
+
*/
|
|
630
|
+
'dialog-header': () => any;
|
|
631
|
+
'dialog-subheader': () => any;
|
|
632
|
+
'dialog-body': () => any;
|
|
633
|
+
'dialog-cancel': () => any;
|
|
634
|
+
'dialog-confirm': () => any;
|
|
635
|
+
'dialog-indicators': () => any;
|
|
636
|
+
}> & {
|
|
637
|
+
'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
|
|
638
|
+
* When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
|
|
639
|
+
* props.dialog is actually "not null"
|
|
640
|
+
*
|
|
641
|
+
* renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
|
|
642
|
+
*/
|
|
643
|
+
'dialog-header': () => any;
|
|
644
|
+
'dialog-subheader': () => any;
|
|
645
|
+
'dialog-body': () => any;
|
|
646
|
+
'dialog-cancel': () => any;
|
|
647
|
+
'dialog-confirm': () => any;
|
|
648
|
+
'dialog-indicators': () => any;
|
|
613
649
|
};
|
|
614
650
|
}) | null | undefined;
|
|
615
651
|
}>>> & {
|
|
616
652
|
onClick?: (() => any) | undefined;
|
|
617
653
|
}, {}, {}>, Readonly<{
|
|
618
|
-
/**
|
|
619
|
-
default
|
|
654
|
+
/** Default slot where you can render anything you need. */
|
|
655
|
+
default(): any;
|
|
620
656
|
}> & {
|
|
621
|
-
/**
|
|
622
|
-
default
|
|
657
|
+
/** Default slot where you can render anything you need. */
|
|
658
|
+
default(): any;
|
|
623
659
|
}>;
|
|
624
660
|
export default _default;
|
|
625
661
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -10,9 +10,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
10
10
|
};
|
|
11
11
|
}>>, {
|
|
12
12
|
disabled: boolean;
|
|
13
|
-
}, {}>, {
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
}, {}>, Readonly<{
|
|
14
|
+
/** Title of the component */
|
|
15
|
+
default(): any;
|
|
16
|
+
/** Component main content, below the title */
|
|
17
|
+
'divider-content': () => any;
|
|
18
|
+
}> & {
|
|
19
|
+
/** Title of the component */
|
|
20
|
+
default(): any;
|
|
21
|
+
/** Component main content, below the title */
|
|
22
|
+
'divider-content': () => any;
|
|
16
23
|
}>;
|
|
17
24
|
export default _default;
|
|
18
25
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
export type TJoyDrawerSizes = (typeof DRAWER_SIZES)[number];
|
|
1
|
+
export type TJoyDrawerSizes = 'default' | 'large';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
|
|
3
|
+
import { TJoyDrawerSizes } from './JoyDrawer.types';
|
|
3
4
|
declare function hide(options?: {
|
|
4
5
|
fireHideEvent: boolean;
|
|
5
6
|
}): Promise<void>;
|
|
@@ -20,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
20
21
|
default: boolean;
|
|
21
22
|
};
|
|
22
23
|
size: {
|
|
23
|
-
type: PropType<
|
|
24
|
+
type: PropType<TJoyDrawerSizes>;
|
|
24
25
|
default: string;
|
|
25
26
|
};
|
|
26
27
|
/** By default the drawer is teleported to the end of body tag */
|
|
@@ -38,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
38
39
|
default: boolean;
|
|
39
40
|
};
|
|
40
41
|
/**
|
|
41
|
-
*
|
|
42
|
+
* Mostly for documentation purpose
|
|
42
43
|
*/
|
|
43
44
|
preventBodyScroll: {
|
|
44
45
|
type: BooleanConstructor;
|
|
@@ -61,6 +62,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
61
62
|
type: PropType<TJoyButtonSizes>;
|
|
62
63
|
default: string;
|
|
63
64
|
};
|
|
65
|
+
/** Called just before you close the drawer. Returning false will cancel the closing.
|
|
66
|
+
* This is useful when you need confirmation from the user to close the drawer. */
|
|
67
|
+
onBeforeHide: {
|
|
68
|
+
type: PropType<() => boolean | Promise<boolean>>;
|
|
69
|
+
};
|
|
64
70
|
}, {
|
|
65
71
|
focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
|
|
66
72
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
@@ -84,7 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
84
90
|
default: boolean;
|
|
85
91
|
};
|
|
86
92
|
size: {
|
|
87
|
-
type: PropType<
|
|
93
|
+
type: PropType<TJoyDrawerSizes>;
|
|
88
94
|
default: string;
|
|
89
95
|
};
|
|
90
96
|
/** By default the drawer is teleported to the end of body tag */
|
|
@@ -102,7 +108,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
102
108
|
default: boolean;
|
|
103
109
|
};
|
|
104
110
|
/**
|
|
105
|
-
*
|
|
111
|
+
* Mostly for documentation purpose
|
|
106
112
|
*/
|
|
107
113
|
preventBodyScroll: {
|
|
108
114
|
type: BooleanConstructor;
|
|
@@ -125,6 +131,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
125
131
|
type: PropType<TJoyButtonSizes>;
|
|
126
132
|
default: string;
|
|
127
133
|
};
|
|
134
|
+
/** Called just before you close the drawer. Returning false will cancel the closing.
|
|
135
|
+
* This is useful when you need confirmation from the user to close the drawer. */
|
|
136
|
+
onBeforeHide: {
|
|
137
|
+
type: PropType<() => boolean | Promise<boolean>>;
|
|
138
|
+
};
|
|
128
139
|
}>> & {
|
|
129
140
|
"onDrawer:open"?: (() => any) | undefined;
|
|
130
141
|
"onDrawer:after-open"?: (() => any) | undefined;
|
|
@@ -133,7 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
133
144
|
"onDrawer:before-unmount"?: (() => any) | undefined;
|
|
134
145
|
"onDrawer:confirm"?: (() => any) | undefined;
|
|
135
146
|
}, {
|
|
136
|
-
size:
|
|
147
|
+
size: TJoyDrawerSizes;
|
|
137
148
|
closeLabel: string;
|
|
138
149
|
open: boolean;
|
|
139
150
|
preventBodyScroll: boolean;
|
|
@@ -141,13 +152,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
141
152
|
focusTrap: boolean;
|
|
142
153
|
buttonSize: TJoyButtonSizes;
|
|
143
154
|
elevated: boolean;
|
|
144
|
-
}, {}>, {
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
155
|
+
}, {}>, Readonly<{
|
|
156
|
+
/** Made for short informations */
|
|
157
|
+
'drawer-preheader': () => any;
|
|
158
|
+
/** Header to inject your title */
|
|
159
|
+
'drawer-header': () => any;
|
|
160
|
+
/** Subheader to inject additionnal informtion */
|
|
161
|
+
'drawer-subheader': () => any;
|
|
162
|
+
/** Body content to inject whatever you need */
|
|
163
|
+
'drawer-body': () => any;
|
|
164
|
+
/** Used to render the cancel CTA */
|
|
165
|
+
'drawer-cancel': () => any;
|
|
166
|
+
/** Used to render the confirm CTA */
|
|
167
|
+
'drawer-confirm': () => any;
|
|
168
|
+
}> & {
|
|
169
|
+
/** Made for short informations */
|
|
170
|
+
'drawer-preheader': () => any;
|
|
171
|
+
/** Header to inject your title */
|
|
172
|
+
'drawer-header': () => any;
|
|
173
|
+
/** Subheader to inject additionnal informtion */
|
|
174
|
+
'drawer-subheader': () => any;
|
|
175
|
+
/** Body content to inject whatever you need */
|
|
176
|
+
'drawer-body': () => any;
|
|
177
|
+
/** Used to render the cancel CTA */
|
|
178
|
+
'drawer-cancel': () => any;
|
|
179
|
+
/** Used to render the confirm CTA */
|
|
180
|
+
'drawer-confirm': () => any;
|
|
151
181
|
}>;
|
|
152
182
|
export default _default;
|
|
153
183
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
4
4
|
$: import("vue").ComponentInternalInstance;
|
|
5
5
|
$data: {};
|
|
6
6
|
$props: Partial<{
|
|
7
|
-
size: "
|
|
7
|
+
size: import("../components.types").TJoyDrawerSizes;
|
|
8
8
|
closeLabel: string;
|
|
9
9
|
open: boolean;
|
|
10
10
|
preventBodyScroll: boolean;
|
|
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
13
13
|
buttonSize: import("../components.types").TJoyButtonSizes;
|
|
14
14
|
elevated: boolean;
|
|
15
15
|
}> & Omit<{
|
|
16
|
-
readonly size: "
|
|
16
|
+
readonly size: import("../components.types").TJoyDrawerSizes;
|
|
17
17
|
readonly closeLabel: string;
|
|
18
18
|
readonly open: boolean;
|
|
19
19
|
readonly preventBodyScroll: boolean;
|
|
@@ -24,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
24
24
|
readonly id?: string | undefined;
|
|
25
25
|
readonly cancelText?: string | undefined;
|
|
26
26
|
readonly confirmText?: string | undefined;
|
|
27
|
+
readonly onBeforeHide?: (() => boolean | Promise<boolean>) | undefined;
|
|
27
28
|
"onDrawer:open"?: (() => any) | undefined;
|
|
28
29
|
"onDrawer:after-open"?: (() => any) | undefined;
|
|
29
30
|
"onDrawer:hide"?: (() => any) | undefined;
|
|
@@ -39,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
39
40
|
default: boolean;
|
|
40
41
|
};
|
|
41
42
|
size: {
|
|
42
|
-
type: import("vue").PropType<"
|
|
43
|
+
type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
|
|
43
44
|
default: string;
|
|
44
45
|
};
|
|
45
46
|
teleport: {
|
|
@@ -72,6 +73,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
72
73
|
type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
|
|
73
74
|
default: string;
|
|
74
75
|
};
|
|
76
|
+
onBeforeHide: {
|
|
77
|
+
type: import("vue").PropType<() => boolean | Promise<boolean>>;
|
|
78
|
+
};
|
|
75
79
|
}>> & {
|
|
76
80
|
"onDrawer:open"?: (() => any) | undefined;
|
|
77
81
|
"onDrawer:after-open"?: (() => any) | undefined;
|
|
@@ -102,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
102
106
|
default: boolean;
|
|
103
107
|
};
|
|
104
108
|
size: {
|
|
105
|
-
type: import("vue").PropType<"
|
|
109
|
+
type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
|
|
106
110
|
default: string;
|
|
107
111
|
};
|
|
108
112
|
teleport: {
|
|
@@ -135,6 +139,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
135
139
|
type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
|
|
136
140
|
default: string;
|
|
137
141
|
};
|
|
142
|
+
onBeforeHide: {
|
|
143
|
+
type: import("vue").PropType<() => boolean | Promise<boolean>>;
|
|
144
|
+
};
|
|
138
145
|
}>> & {
|
|
139
146
|
"onDrawer:open"?: (() => any) | undefined;
|
|
140
147
|
"onDrawer:after-open"?: (() => any) | undefined;
|
|
@@ -158,7 +165,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
158
165
|
"drawer:before-unmount": () => void;
|
|
159
166
|
"drawer:confirm": () => void;
|
|
160
167
|
}, string, {
|
|
161
|
-
size: "
|
|
168
|
+
size: import("../components.types").TJoyDrawerSizes;
|
|
162
169
|
closeLabel: string;
|
|
163
170
|
open: boolean;
|
|
164
171
|
preventBodyScroll: boolean;
|
|
@@ -195,7 +202,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
195
202
|
default: boolean;
|
|
196
203
|
};
|
|
197
204
|
size: {
|
|
198
|
-
type: import("vue").PropType<"
|
|
205
|
+
type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
|
|
199
206
|
default: string;
|
|
200
207
|
};
|
|
201
208
|
teleport: {
|
|
@@ -228,6 +235,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
228
235
|
type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
|
|
229
236
|
default: string;
|
|
230
237
|
};
|
|
238
|
+
onBeforeHide: {
|
|
239
|
+
type: import("vue").PropType<() => boolean | Promise<boolean>>;
|
|
240
|
+
};
|
|
231
241
|
}>> & {
|
|
232
242
|
"onDrawer:open"?: (() => any) | undefined;
|
|
233
243
|
"onDrawer:after-open"?: (() => any) | undefined;
|
|
@@ -244,13 +254,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
244
254
|
isOpen: import("vue").Ref<boolean>;
|
|
245
255
|
show: () => Promise<void>;
|
|
246
256
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
247
|
-
$slots: {
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
257
|
+
$slots: Readonly<{
|
|
258
|
+
'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
|
|
259
|
+
* When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
|
|
260
|
+
* props.drawer is actually "not null"
|
|
261
|
+
*
|
|
262
|
+
* renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
|
|
263
|
+
*/
|
|
264
|
+
'drawer-header': () => any;
|
|
265
|
+
'drawer-subheader': () => any;
|
|
266
|
+
'drawer-body': () => any;
|
|
267
|
+
'drawer-cancel': () => any;
|
|
268
|
+
'drawer-confirm': () => any;
|
|
269
|
+
}> & {
|
|
270
|
+
'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
|
|
271
|
+
* When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
|
|
272
|
+
* props.drawer is actually "not null"
|
|
273
|
+
*
|
|
274
|
+
* renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
|
|
275
|
+
*/
|
|
276
|
+
'drawer-header': () => any;
|
|
277
|
+
'drawer-subheader': () => any;
|
|
278
|
+
'drawer-body': () => any;
|
|
279
|
+
'drawer-cancel': () => any;
|
|
280
|
+
'drawer-confirm': () => any;
|
|
254
281
|
};
|
|
255
282
|
}) | null | undefined;
|
|
256
283
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -261,7 +288,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
261
288
|
$: import("vue").ComponentInternalInstance;
|
|
262
289
|
$data: {};
|
|
263
290
|
$props: Partial<{
|
|
264
|
-
size: "
|
|
291
|
+
size: import("../components.types").TJoyDrawerSizes;
|
|
265
292
|
closeLabel: string;
|
|
266
293
|
open: boolean;
|
|
267
294
|
preventBodyScroll: boolean;
|
|
@@ -270,7 +297,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
270
297
|
buttonSize: import("../components.types").TJoyButtonSizes;
|
|
271
298
|
elevated: boolean;
|
|
272
299
|
}> & Omit<{
|
|
273
|
-
readonly size: "
|
|
300
|
+
readonly size: import("../components.types").TJoyDrawerSizes;
|
|
274
301
|
readonly closeLabel: string;
|
|
275
302
|
readonly open: boolean;
|
|
276
303
|
readonly preventBodyScroll: boolean;
|
|
@@ -281,6 +308,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
281
308
|
readonly id?: string | undefined;
|
|
282
309
|
readonly cancelText?: string | undefined;
|
|
283
310
|
readonly confirmText?: string | undefined;
|
|
311
|
+
readonly onBeforeHide?: (() => boolean | Promise<boolean>) | undefined;
|
|
284
312
|
"onDrawer:open"?: (() => any) | undefined;
|
|
285
313
|
"onDrawer:after-open"?: (() => any) | undefined;
|
|
286
314
|
"onDrawer:hide"?: (() => any) | undefined;
|
|
@@ -296,7 +324,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
296
324
|
default: boolean;
|
|
297
325
|
};
|
|
298
326
|
size: {
|
|
299
|
-
type: import("vue").PropType<"
|
|
327
|
+
type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
|
|
300
328
|
default: string;
|
|
301
329
|
};
|
|
302
330
|
teleport: {
|
|
@@ -329,6 +357,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
329
357
|
type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
|
|
330
358
|
default: string;
|
|
331
359
|
};
|
|
360
|
+
onBeforeHide: {
|
|
361
|
+
type: import("vue").PropType<() => boolean | Promise<boolean>>;
|
|
362
|
+
};
|
|
332
363
|
}>> & {
|
|
333
364
|
"onDrawer:open"?: (() => any) | undefined;
|
|
334
365
|
"onDrawer:after-open"?: (() => any) | undefined;
|
|
@@ -359,7 +390,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
359
390
|
default: boolean;
|
|
360
391
|
};
|
|
361
392
|
size: {
|
|
362
|
-
type: import("vue").PropType<"
|
|
393
|
+
type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
|
|
363
394
|
default: string;
|
|
364
395
|
};
|
|
365
396
|
teleport: {
|
|
@@ -392,6 +423,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
392
423
|
type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
|
|
393
424
|
default: string;
|
|
394
425
|
};
|
|
426
|
+
onBeforeHide: {
|
|
427
|
+
type: import("vue").PropType<() => boolean | Promise<boolean>>;
|
|
428
|
+
};
|
|
395
429
|
}>> & {
|
|
396
430
|
"onDrawer:open"?: (() => any) | undefined;
|
|
397
431
|
"onDrawer:after-open"?: (() => any) | undefined;
|
|
@@ -415,7 +449,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
415
449
|
"drawer:before-unmount": () => void;
|
|
416
450
|
"drawer:confirm": () => void;
|
|
417
451
|
}, string, {
|
|
418
|
-
size: "
|
|
452
|
+
size: import("../components.types").TJoyDrawerSizes;
|
|
419
453
|
closeLabel: string;
|
|
420
454
|
open: boolean;
|
|
421
455
|
preventBodyScroll: boolean;
|
|
@@ -452,7 +486,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
452
486
|
default: boolean;
|
|
453
487
|
};
|
|
454
488
|
size: {
|
|
455
|
-
type: import("vue").PropType<"
|
|
489
|
+
type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
|
|
456
490
|
default: string;
|
|
457
491
|
};
|
|
458
492
|
teleport: {
|
|
@@ -485,6 +519,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
485
519
|
type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
|
|
486
520
|
default: string;
|
|
487
521
|
};
|
|
522
|
+
onBeforeHide: {
|
|
523
|
+
type: import("vue").PropType<() => boolean | Promise<boolean>>;
|
|
524
|
+
};
|
|
488
525
|
}>> & {
|
|
489
526
|
"onDrawer:open"?: (() => any) | undefined;
|
|
490
527
|
"onDrawer:after-open"?: (() => any) | undefined;
|
|
@@ -501,23 +538,40 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
501
538
|
isOpen: import("vue").Ref<boolean>;
|
|
502
539
|
show: () => Promise<void>;
|
|
503
540
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
504
|
-
$slots: {
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
541
|
+
$slots: Readonly<{
|
|
542
|
+
'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
|
|
543
|
+
* When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
|
|
544
|
+
* props.drawer is actually "not null"
|
|
545
|
+
*
|
|
546
|
+
* renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
|
|
547
|
+
*/
|
|
548
|
+
'drawer-header': () => any;
|
|
549
|
+
'drawer-subheader': () => any;
|
|
550
|
+
'drawer-body': () => any;
|
|
551
|
+
'drawer-cancel': () => any;
|
|
552
|
+
'drawer-confirm': () => any;
|
|
553
|
+
}> & {
|
|
554
|
+
'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
|
|
555
|
+
* When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
|
|
556
|
+
* props.drawer is actually "not null"
|
|
557
|
+
*
|
|
558
|
+
* renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
|
|
559
|
+
*/
|
|
560
|
+
'drawer-header': () => any;
|
|
561
|
+
'drawer-subheader': () => any;
|
|
562
|
+
'drawer-body': () => any;
|
|
563
|
+
'drawer-cancel': () => any;
|
|
564
|
+
'drawer-confirm': () => any;
|
|
511
565
|
};
|
|
512
566
|
}) | null | undefined;
|
|
513
567
|
}>>> & {
|
|
514
568
|
onClick?: (() => any) | undefined;
|
|
515
569
|
}, {}, {}>, Readonly<{
|
|
516
|
-
/**
|
|
517
|
-
default
|
|
570
|
+
/** Default slot where you can render anything you need. */
|
|
571
|
+
default(): any;
|
|
518
572
|
}> & {
|
|
519
|
-
/**
|
|
520
|
-
default
|
|
573
|
+
/** Default slot where you can render anything you need. */
|
|
574
|
+
default(): any;
|
|
521
575
|
}>;
|
|
522
576
|
export default _default;
|
|
523
577
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
export type TJoyDropdownDirections =
|
|
3
|
-
export
|
|
4
|
-
export type TJoyDropdownJustify = (typeof DROPDOWN_JUSTIFY)[number];
|
|
1
|
+
import { TPositions } from '../../types';
|
|
2
|
+
export type TJoyDropdownDirections = 'up' | 'down';
|
|
3
|
+
export type TJoyDropdownJustify = TPositions;
|