pukaad-ui-lib 1.47.0 → 1.48.0
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/module.json +1 -1
- package/dist/runtime/components/data-table.d.vue.ts +0 -4
- package/dist/runtime/components/data-table.vue +1 -10
- package/dist/runtime/components/data-table.vue.d.ts +0 -4
- package/dist/runtime/components/drawer/drawer.d.vue.ts +7 -5
- package/dist/runtime/components/drawer/drawer.vue +10 -2
- package/dist/runtime/components/drawer/drawer.vue.d.ts +7 -5
- package/dist/runtime/components/image/image-cropper.d.vue.ts +1 -1
- package/dist/runtime/components/image/image-cropper.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-file.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-file.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-password.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-password.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-slider.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-slider.vue.d.ts +1 -1
- package/dist/runtime/components/ui/dialog/DialogContent.d.vue.ts +2 -2
- package/dist/runtime/components/ui/dialog/DialogContent.vue.d.ts +2 -2
- package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.d.vue.ts +2 -2
- package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue.d.ts +2 -2
- package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts +2 -2
- package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts +2 -2
- package/dist/runtime/components/ui/sheet/SheetContent.d.vue.ts +2 -0
- package/dist/runtime/components/ui/sheet/SheetContent.vue +5 -1
- package/dist/runtime/components/ui/sheet/SheetContent.vue.d.ts +2 -0
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -4,9 +4,6 @@ export interface DataTableProps {
|
|
|
4
4
|
itemHeader?: TableHeader[];
|
|
5
5
|
headerAlinement?: TableHeaderAlignment;
|
|
6
6
|
cellAlinement?: TableHeaderAlignment;
|
|
7
|
-
height?: number | string;
|
|
8
|
-
maxHeight?: number | string;
|
|
9
|
-
fullHeight?: boolean;
|
|
10
7
|
disabledHeader?: boolean;
|
|
11
8
|
disabledSort?: boolean;
|
|
12
9
|
disabledPagination?: boolean;
|
|
@@ -57,7 +54,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
57
54
|
"onUpdate:page"?: ((value: number) => any) | undefined;
|
|
58
55
|
}>, {
|
|
59
56
|
items: Record<string, any>[];
|
|
60
|
-
fullHeight: boolean;
|
|
61
57
|
disabledPagination: boolean;
|
|
62
58
|
totalPage: number;
|
|
63
59
|
itemHeader: TableHeader[];
|
|
@@ -15,9 +15,6 @@ const props = defineProps({
|
|
|
15
15
|
itemHeader: { type: Array, required: false, default: () => [] },
|
|
16
16
|
headerAlinement: { type: String, required: false, default: "start" },
|
|
17
17
|
cellAlinement: { type: String, required: false, default: "start" },
|
|
18
|
-
height: { type: [Number, String], required: false },
|
|
19
|
-
maxHeight: { type: [Number, String], required: false },
|
|
20
|
-
fullHeight: { type: Boolean, required: false, default: false },
|
|
21
18
|
disabledHeader: { type: Boolean, required: false, default: false },
|
|
22
19
|
disabledSort: { type: Boolean, required: false, default: false },
|
|
23
20
|
disabledPagination: { type: Boolean, required: false, default: false },
|
|
@@ -71,13 +68,7 @@ const getAlignmentClass = (alignment = "start") => {
|
|
|
71
68
|
<template>
|
|
72
69
|
<div class="bg-white rounded-lg h-full flex flex-col">
|
|
73
70
|
<!-- Table Container -->
|
|
74
|
-
<div
|
|
75
|
-
class="flex-1 overflow-auto"
|
|
76
|
-
:style="{
|
|
77
|
-
height: props.fullHeight ? '100%' : props.height ? `${props.height}px` : 'auto',
|
|
78
|
-
maxHeight: props.maxHeight ? `${props.maxHeight}px` : void 0
|
|
79
|
-
}"
|
|
80
|
-
>
|
|
71
|
+
<div class="flex-1 overflow-auto">
|
|
81
72
|
<ShadTable>
|
|
82
73
|
<!-- Header -->
|
|
83
74
|
<ShadTableHeader v-if="!props.disabledHeader">
|
|
@@ -4,9 +4,6 @@ export interface DataTableProps {
|
|
|
4
4
|
itemHeader?: TableHeader[];
|
|
5
5
|
headerAlinement?: TableHeaderAlignment;
|
|
6
6
|
cellAlinement?: TableHeaderAlignment;
|
|
7
|
-
height?: number | string;
|
|
8
|
-
maxHeight?: number | string;
|
|
9
|
-
fullHeight?: boolean;
|
|
10
7
|
disabledHeader?: boolean;
|
|
11
8
|
disabledSort?: boolean;
|
|
12
9
|
disabledPagination?: boolean;
|
|
@@ -57,7 +54,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
57
54
|
"onUpdate:page"?: ((value: number) => any) | undefined;
|
|
58
55
|
}>, {
|
|
59
56
|
items: Record<string, any>[];
|
|
60
|
-
fullHeight: boolean;
|
|
61
57
|
disabledPagination: boolean;
|
|
62
58
|
totalPage: number;
|
|
63
59
|
itemHeader: TableHeader[];
|
|
@@ -10,25 +10,27 @@ type __VLS_ModelProps = {
|
|
|
10
10
|
modelValue?: boolean;
|
|
11
11
|
};
|
|
12
12
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
13
|
-
declare var
|
|
13
|
+
declare var __VLS_28: {}, __VLS_42: {
|
|
14
14
|
meta: any;
|
|
15
|
-
},
|
|
15
|
+
}, __VLS_50: {
|
|
16
16
|
meta: any;
|
|
17
17
|
};
|
|
18
18
|
type __VLS_Slots = {} & {
|
|
19
|
-
header?: (props: typeof
|
|
19
|
+
header?: (props: typeof __VLS_28) => any;
|
|
20
20
|
} & {
|
|
21
|
-
default?: (props: typeof
|
|
21
|
+
default?: (props: typeof __VLS_42) => any;
|
|
22
22
|
} & {
|
|
23
|
-
footer?: (props: typeof
|
|
23
|
+
footer?: (props: typeof __VLS_50) => any;
|
|
24
24
|
};
|
|
25
25
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
26
26
|
"update:modelValue": (value: boolean) => any;
|
|
27
27
|
} & {
|
|
28
28
|
submit: () => any;
|
|
29
|
+
close: () => any;
|
|
29
30
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
30
31
|
onSubmit?: (() => any) | undefined;
|
|
31
32
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
33
|
+
onClose?: (() => any) | undefined;
|
|
32
34
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
35
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
34
36
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<ShadSheet v-model:open="isOpen">
|
|
3
|
-
<ShadSheetContent
|
|
3
|
+
<ShadSheetContent
|
|
4
|
+
v-bind="props"
|
|
5
|
+
v-slot="{ meta }"
|
|
6
|
+
@submit="onSubmit"
|
|
7
|
+
@close="onClose"
|
|
8
|
+
>
|
|
4
9
|
<Loading :loading="props.loading" :text="props.loadingText" />
|
|
5
10
|
<ShadSheetHeader class="flex-shrink-0">
|
|
6
11
|
<slot name="header">
|
|
@@ -33,11 +38,14 @@ const props = defineProps({
|
|
|
33
38
|
asChild: { type: Boolean, required: false },
|
|
34
39
|
as: { type: null, required: false }
|
|
35
40
|
});
|
|
36
|
-
const emits = defineEmits(["submit"]);
|
|
41
|
+
const emits = defineEmits(["submit", "close"]);
|
|
37
42
|
const isOpen = defineModel({ type: Boolean, ...{
|
|
38
43
|
default: false
|
|
39
44
|
} });
|
|
40
45
|
const onSubmit = (e) => {
|
|
41
46
|
emits("submit");
|
|
42
47
|
};
|
|
48
|
+
const onClose = () => {
|
|
49
|
+
emits("close");
|
|
50
|
+
};
|
|
43
51
|
</script>
|
|
@@ -10,25 +10,27 @@ type __VLS_ModelProps = {
|
|
|
10
10
|
modelValue?: boolean;
|
|
11
11
|
};
|
|
12
12
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
13
|
-
declare var
|
|
13
|
+
declare var __VLS_28: {}, __VLS_42: {
|
|
14
14
|
meta: any;
|
|
15
|
-
},
|
|
15
|
+
}, __VLS_50: {
|
|
16
16
|
meta: any;
|
|
17
17
|
};
|
|
18
18
|
type __VLS_Slots = {} & {
|
|
19
|
-
header?: (props: typeof
|
|
19
|
+
header?: (props: typeof __VLS_28) => any;
|
|
20
20
|
} & {
|
|
21
|
-
default?: (props: typeof
|
|
21
|
+
default?: (props: typeof __VLS_42) => any;
|
|
22
22
|
} & {
|
|
23
|
-
footer?: (props: typeof
|
|
23
|
+
footer?: (props: typeof __VLS_50) => any;
|
|
24
24
|
};
|
|
25
25
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
26
26
|
"update:modelValue": (value: boolean) => any;
|
|
27
27
|
} & {
|
|
28
28
|
submit: () => any;
|
|
29
|
+
close: () => any;
|
|
29
30
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
30
31
|
onSubmit?: (() => any) | undefined;
|
|
31
32
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
33
|
+
onClose?: (() => any) | undefined;
|
|
32
34
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
35
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
34
36
|
declare const _default: typeof __VLS_export;
|
|
@@ -64,12 +64,12 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
|
|
|
64
64
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
|
|
65
65
|
center: boolean;
|
|
66
66
|
src: string;
|
|
67
|
+
modal: boolean;
|
|
67
68
|
responsive: boolean;
|
|
68
69
|
restore: boolean;
|
|
69
70
|
checkCrossOrigin: boolean;
|
|
70
71
|
checkOrientation: boolean;
|
|
71
72
|
crossorigin: "" | "anonymous" | "use-credentials";
|
|
72
|
-
modal: boolean;
|
|
73
73
|
guides: boolean;
|
|
74
74
|
highlight: boolean;
|
|
75
75
|
background: boolean;
|
|
@@ -64,12 +64,12 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
|
|
|
64
64
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
|
|
65
65
|
center: boolean;
|
|
66
66
|
src: string;
|
|
67
|
+
modal: boolean;
|
|
67
68
|
responsive: boolean;
|
|
68
69
|
restore: boolean;
|
|
69
70
|
checkCrossOrigin: boolean;
|
|
70
71
|
checkOrientation: boolean;
|
|
71
72
|
crossorigin: "" | "anonymous" | "use-credentials";
|
|
72
|
-
modal: boolean;
|
|
73
73
|
guides: boolean;
|
|
74
74
|
highlight: boolean;
|
|
75
75
|
background: boolean;
|
|
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
27
27
|
label: string;
|
|
28
28
|
name: string;
|
|
29
29
|
limit: number;
|
|
30
|
-
disabledErrorMessage: boolean;
|
|
31
30
|
accept: string;
|
|
31
|
+
disabledErrorMessage: boolean;
|
|
32
32
|
labelIcon: string;
|
|
33
33
|
disabledDrop: boolean;
|
|
34
34
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
27
27
|
label: string;
|
|
28
28
|
name: string;
|
|
29
29
|
limit: number;
|
|
30
|
-
disabledErrorMessage: boolean;
|
|
31
30
|
accept: string;
|
|
31
|
+
disabledErrorMessage: boolean;
|
|
32
32
|
labelIcon: string;
|
|
33
33
|
disabledDrop: boolean;
|
|
34
34
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
18
18
|
}>, {
|
|
19
19
|
id: string;
|
|
20
20
|
name: string;
|
|
21
|
-
new: boolean;
|
|
22
21
|
disabledForgotPassword: boolean;
|
|
22
|
+
new: boolean;
|
|
23
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
24
|
declare const _default: typeof __VLS_export;
|
|
25
25
|
export default _default;
|
|
@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
18
18
|
}>, {
|
|
19
19
|
id: string;
|
|
20
20
|
name: string;
|
|
21
|
-
new: boolean;
|
|
22
21
|
disabledForgotPassword: boolean;
|
|
22
|
+
new: boolean;
|
|
23
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
24
|
declare const _default: typeof __VLS_export;
|
|
25
25
|
export default _default;
|
|
@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
12
12
|
color: InputSliderColor;
|
|
13
13
|
fullWidth: boolean;
|
|
14
14
|
label: string;
|
|
15
|
+
step: number;
|
|
15
16
|
max: number;
|
|
16
17
|
min: number;
|
|
17
|
-
step: number;
|
|
18
18
|
lineHeight: number | string;
|
|
19
19
|
appearance: boolean;
|
|
20
20
|
thumbSize: number | string;
|
|
@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
12
12
|
color: InputSliderColor;
|
|
13
13
|
fullWidth: boolean;
|
|
14
14
|
label: string;
|
|
15
|
+
step: number;
|
|
15
16
|
max: number;
|
|
16
17
|
min: number;
|
|
17
|
-
step: number;
|
|
18
18
|
lineHeight: number | string;
|
|
19
19
|
appearance: boolean;
|
|
20
20
|
thumbSize: number | string;
|
|
@@ -12,22 +12,22 @@ type __VLS_Slots = {} & {
|
|
|
12
12
|
};
|
|
13
13
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
14
|
submit: (event: Event) => any;
|
|
15
|
+
close: (event: Event) => any;
|
|
15
16
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
16
17
|
pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
|
|
17
18
|
focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
|
|
18
19
|
interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
|
|
19
20
|
openAutoFocus: (event: Event) => any;
|
|
20
21
|
closeAutoFocus: (event: Event) => any;
|
|
21
|
-
close: (event: Event) => any;
|
|
22
22
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
23
23
|
onSubmit?: ((event: Event) => any) | undefined;
|
|
24
|
+
onClose?: ((event: Event) => any) | undefined;
|
|
24
25
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
25
26
|
onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
|
|
26
27
|
onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
|
|
27
28
|
onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
|
|
28
29
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
30
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
30
|
-
onClose?: ((event: Event) => any) | undefined;
|
|
31
31
|
}>, {
|
|
32
32
|
disabledCloseBtn: boolean;
|
|
33
33
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -12,22 +12,22 @@ type __VLS_Slots = {} & {
|
|
|
12
12
|
};
|
|
13
13
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
14
|
submit: (event: Event) => any;
|
|
15
|
+
close: (event: Event) => any;
|
|
15
16
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
16
17
|
pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
|
|
17
18
|
focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
|
|
18
19
|
interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
|
|
19
20
|
openAutoFocus: (event: Event) => any;
|
|
20
21
|
closeAutoFocus: (event: Event) => any;
|
|
21
|
-
close: (event: Event) => any;
|
|
22
22
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
23
23
|
onSubmit?: ((event: Event) => any) | undefined;
|
|
24
|
+
onClose?: ((event: Event) => any) | undefined;
|
|
24
25
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
25
26
|
onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
|
|
26
27
|
onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
|
|
27
28
|
onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
|
|
28
29
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
30
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
30
|
-
onClose?: ((event: Event) => any) | undefined;
|
|
31
31
|
}>, {
|
|
32
32
|
disabledCloseBtn: boolean;
|
|
33
33
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -59,7 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
59
59
|
'aria-colindex'?: (string | number) | undefined;
|
|
60
60
|
'aria-colspan'?: (string | number) | undefined;
|
|
61
61
|
'aria-controls'?: string | undefined | undefined;
|
|
62
|
-
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "
|
|
62
|
+
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
|
|
63
63
|
'aria-describedby'?: string | undefined | undefined;
|
|
64
64
|
'aria-details'?: string | undefined | undefined;
|
|
65
65
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
@@ -253,7 +253,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
253
253
|
'aria-colindex'?: (string | number) | undefined;
|
|
254
254
|
'aria-colspan'?: (string | number) | undefined;
|
|
255
255
|
'aria-controls'?: string | undefined | undefined;
|
|
256
|
-
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "
|
|
256
|
+
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
|
|
257
257
|
'aria-describedby'?: string | undefined | undefined;
|
|
258
258
|
'aria-details'?: string | undefined | undefined;
|
|
259
259
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
@@ -59,7 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
59
59
|
'aria-colindex'?: (string | number) | undefined;
|
|
60
60
|
'aria-colspan'?: (string | number) | undefined;
|
|
61
61
|
'aria-controls'?: string | undefined | undefined;
|
|
62
|
-
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "
|
|
62
|
+
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
|
|
63
63
|
'aria-describedby'?: string | undefined | undefined;
|
|
64
64
|
'aria-details'?: string | undefined | undefined;
|
|
65
65
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
@@ -253,7 +253,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
253
253
|
'aria-colindex'?: (string | number) | undefined;
|
|
254
254
|
'aria-colspan'?: (string | number) | undefined;
|
|
255
255
|
'aria-controls'?: string | undefined | undefined;
|
|
256
|
-
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "
|
|
256
|
+
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
|
|
257
257
|
'aria-describedby'?: string | undefined | undefined;
|
|
258
258
|
'aria-details'?: string | undefined | undefined;
|
|
259
259
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
61
61
|
'aria-colindex'?: (string | number) | undefined;
|
|
62
62
|
'aria-colspan'?: (string | number) | undefined;
|
|
63
63
|
'aria-controls'?: string | undefined | undefined;
|
|
64
|
-
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "
|
|
64
|
+
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
|
|
65
65
|
'aria-describedby'?: string | undefined | undefined;
|
|
66
66
|
'aria-details'?: string | undefined | undefined;
|
|
67
67
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
@@ -257,7 +257,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
257
257
|
'aria-colindex'?: (string | number) | undefined;
|
|
258
258
|
'aria-colspan'?: (string | number) | undefined;
|
|
259
259
|
'aria-controls'?: string | undefined | undefined;
|
|
260
|
-
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "
|
|
260
|
+
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
|
|
261
261
|
'aria-describedby'?: string | undefined | undefined;
|
|
262
262
|
'aria-details'?: string | undefined | undefined;
|
|
263
263
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
61
61
|
'aria-colindex'?: (string | number) | undefined;
|
|
62
62
|
'aria-colspan'?: (string | number) | undefined;
|
|
63
63
|
'aria-controls'?: string | undefined | undefined;
|
|
64
|
-
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "
|
|
64
|
+
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
|
|
65
65
|
'aria-describedby'?: string | undefined | undefined;
|
|
66
66
|
'aria-details'?: string | undefined | undefined;
|
|
67
67
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
@@ -257,7 +257,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
257
257
|
'aria-colindex'?: (string | number) | undefined;
|
|
258
258
|
'aria-colspan'?: (string | number) | undefined;
|
|
259
259
|
'aria-controls'?: string | undefined | undefined;
|
|
260
|
-
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "
|
|
260
|
+
'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
|
|
261
261
|
'aria-describedby'?: string | undefined | undefined;
|
|
262
262
|
'aria-details'?: string | undefined | undefined;
|
|
263
263
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
@@ -12,6 +12,7 @@ type __VLS_Slots = {} & {
|
|
|
12
12
|
};
|
|
13
13
|
declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
14
|
submit: (event: Event) => any;
|
|
15
|
+
close: () => any;
|
|
15
16
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
16
17
|
pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
|
|
17
18
|
focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
|
|
@@ -20,6 +21,7 @@ declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {
|
|
|
20
21
|
closeAutoFocus: (event: Event) => any;
|
|
21
22
|
}, string, import("vue").PublicProps, Readonly<SheetContentProps> & Readonly<{
|
|
22
23
|
onSubmit?: ((event: Event) => any) | undefined;
|
|
24
|
+
onClose?: (() => any) | undefined;
|
|
23
25
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
26
|
onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
|
|
25
27
|
onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
<slot :meta="meta" />
|
|
22
22
|
<DialogClose
|
|
23
23
|
class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer"
|
|
24
|
+
@click="onClose"
|
|
24
25
|
>
|
|
25
26
|
<Icon name="lucide:x" :size="24" />
|
|
26
27
|
<span class="sr-only">Closed</span>
|
|
@@ -51,7 +52,7 @@ const props = defineProps({
|
|
|
51
52
|
asChild: { type: Boolean, required: false },
|
|
52
53
|
as: { type: null, required: false }
|
|
53
54
|
});
|
|
54
|
-
const emits = defineEmits(["submit", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
|
|
55
|
+
const emits = defineEmits(["submit", "close", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
|
|
55
56
|
const delegatedProps = reactiveOmit(props, "class", "side");
|
|
56
57
|
const forwarded = useForwardPropsEmits(delegatedProps, emits);
|
|
57
58
|
const onOutSideClick = (e) => {
|
|
@@ -60,4 +61,7 @@ const onOutSideClick = (e) => {
|
|
|
60
61
|
const onSubmit = (e) => {
|
|
61
62
|
emits("submit", e);
|
|
62
63
|
};
|
|
64
|
+
const onClose = () => {
|
|
65
|
+
emits("close");
|
|
66
|
+
};
|
|
63
67
|
</script>
|
|
@@ -12,6 +12,7 @@ type __VLS_Slots = {} & {
|
|
|
12
12
|
};
|
|
13
13
|
declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
14
|
submit: (event: Event) => any;
|
|
15
|
+
close: () => any;
|
|
15
16
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
16
17
|
pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
|
|
17
18
|
focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
|
|
@@ -20,6 +21,7 @@ declare const __VLS_base: import("vue").DefineComponent<SheetContentProps, {}, {
|
|
|
20
21
|
closeAutoFocus: (event: Event) => any;
|
|
21
22
|
}, string, import("vue").PublicProps, Readonly<SheetContentProps> & Readonly<{
|
|
22
23
|
onSubmit?: ((event: Event) => any) | undefined;
|
|
24
|
+
onClose?: (() => any) | undefined;
|
|
23
25
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
24
26
|
onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
|
|
25
27
|
onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
|