@autoafleveren/ui 0.20.1 → 1.0.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/config/eslint.cjs +7 -7
- package/dist/icons.cjs +82 -82
- package/dist/icons.css +1 -0
- package/dist/icons.js +8658 -8406
- package/dist/theme.css +205 -0
- package/dist/types/components/AppActionBar/AppActionBar.vue.d.ts +4 -1
- package/dist/types/components/AppActionBar/Components/MultiSelect.vue.d.ts +2 -2
- package/dist/types/components/AppBackButton/AppBackButton.vue.d.ts +18 -12
- package/dist/types/components/AppColor/AppColor.vue.d.ts +6 -5
- package/dist/types/components/AppConfirm/AppConfirm.vue.d.ts +286 -12
- package/dist/types/components/AppContextMenu/AppContextMenu.vue.d.ts +4 -3
- package/dist/types/components/AppDataTable/AppDataTable.vue.d.ts +7 -2
- package/dist/types/components/AppDataTable/AppDataTableFooter.vue.d.ts +37 -12
- package/dist/types/components/AppDefinitionList/AppDefinitionList.vue.d.ts +14 -11
- package/dist/types/components/AppDisclosure/AppDisclosure.vue.d.ts +13 -11
- package/dist/types/components/AppDisclosure/AppDisclosurePanel.vue.d.ts +14 -11
- package/dist/types/components/AppDrawer/AppDrawer.vue.d.ts +68 -0
- package/dist/types/components/AppDropdownButton/AppDropdownItem.vue.d.ts +15 -11
- package/dist/types/components/AppError/AppError.vue.d.ts +49 -12
- package/dist/types/components/AppImageDropzone/AppImageDropzone.vue.d.ts +5 -4
- package/dist/types/components/AppInput/AppInput.vue.d.ts +7 -8
- package/dist/types/components/AppInput/FileInput.vue.d.ts +20 -11
- package/dist/types/components/AppInput/Input.vue.d.ts +1 -1
- package/dist/types/components/AppInput/LocationInput.vue.d.ts +4 -3
- package/dist/types/components/AppInput/choice.d.ts +2 -2
- package/dist/types/components/AppInput/index.d.ts +1 -1
- package/dist/types/components/AppInputLabel/AppInputLabel.vue.d.ts +8 -11
- package/dist/types/components/AppLicensePlate/AppLicensePlate.vue.d.ts +12 -11
- package/dist/types/components/AppMaps/AppMaps.vue.d.ts +4 -3
- package/dist/types/components/AppPagination/AppPaginationItem.vue.d.ts +12 -11
- package/dist/types/components/AppProgressBar/AppProgressBar.vue.d.ts +4 -12
- package/dist/types/components/AppProgressBar/AppProgressBarStep.vue.d.ts +8 -11
- package/dist/types/components/AppRating/AppRating.vue.d.ts +24 -11
- package/dist/types/components/AppRating/VueStarRating/StarRating.vue.d.ts +65 -13
- package/dist/types/components/AppSection/AppSection.vue.d.ts +17 -14
- package/dist/types/components/AppStepper/AppStepper.vue.d.ts +29 -15
- package/dist/types/components/AppTable/AppTable.vue.d.ts +8 -11
- package/dist/types/components/AppTimeline/AppTimeline.vue.d.ts +13 -11
- package/dist/types/components/AppTimeline/AppTimelineItem.vue.d.ts +37 -21
- package/dist/types/components/AppToggle/AppToggle.vue.d.ts +2 -2
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/composables/index.d.ts +1 -0
- package/dist/types/composables/useComputedPosition/index.d.ts +4 -4
- package/dist/types/composables/useDrawer/index.d.ts +16 -0
- package/dist/types/layouts/Auth/Auth.vue.d.ts +16 -12
- package/dist/types/layouts/Base/Base.vue.d.ts +23 -17
- package/dist/types/layouts/Platform/Platform.vue.d.ts +30 -17
- package/dist/ui-library.css +2 -1
- package/dist/ui-storybook.css +2 -1
- package/dist/ui.cjs +44 -44
- package/dist/ui.css +1 -1
- package/dist/ui.js +16610 -16112
- package/package.json +37 -36
- package/dist/style.css +0 -1
- package/dist/types/components/AppActionBar/AppActionBarItem.vue.d.ts +0 -29
- package/dist/types/components/AppAlert/AppAlert.vue.d.ts +0 -32
- package/dist/types/components/AppBadge/AppBadge.vue.d.ts +0 -26
- package/dist/types/components/AppButton/AppButton.vue.d.ts +0 -29
- package/dist/types/components/AppButton/ButtonIconSlot.vue.d.ts +0 -20
- package/dist/types/components/AppCard/AppCard.vue.d.ts +0 -40
- package/dist/types/components/AppCard/CardIconSlot.vue.d.ts +0 -22
- package/dist/types/components/AppColorCard/AppColorCard.vue.d.ts +0 -31
- package/dist/types/components/AppDefinitionList/AppDefinitionItem.vue.d.ts +0 -34
- package/dist/types/components/AppDisclosure/AppDisclosureButton.vue.d.ts +0 -122
- package/dist/types/components/AppDropdownButton/AppDropdownButton.vue.d.ts +0 -249
- package/dist/types/components/AppInput/InputIconSlot.vue.d.ts +0 -20
- package/dist/types/components/AppMenu/AppMenuItem.vue.d.ts +0 -20
- package/dist/types/components/AppModal/AppModal.vue.d.ts +0 -61
- package/dist/types/components/AppSelect/AppSelect.vue.d.ts +0 -67
- package/dist/types/components/AppToggleCard/AppToggleCard.vue.d.ts +0 -31
package/dist/theme.css
ADDED
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--text-*: initial;
|
|
3
|
+
--text-4xl: 1.953rem;
|
|
4
|
+
--text-4xl--line-height: 2rem;
|
|
5
|
+
--text-3xl: 1.563rem;
|
|
6
|
+
--text-3xl--line-height: 2rem;
|
|
7
|
+
--text-2xl: 1.25rem;
|
|
8
|
+
--text-2xl--line-height: 1.75rem;
|
|
9
|
+
--text-xl: 1.125rem;
|
|
10
|
+
--text-xl--line-height: 1.75rem;
|
|
11
|
+
--text-lg: 1rem;
|
|
12
|
+
--text-lg--line-height: 1.5rem;
|
|
13
|
+
--text-base: 0.875rem;
|
|
14
|
+
--text-base--line-height: 1.375rem;
|
|
15
|
+
--text-sm: 0.875rem;
|
|
16
|
+
--text-sm--line-height: 1.375rem;
|
|
17
|
+
--text-xs: 0.625rem;
|
|
18
|
+
--text-xs--line-height: 0.75rem;
|
|
19
|
+
--text-xxs: 0.625rem;
|
|
20
|
+
--text-xxs--line-height: 0.75rem;
|
|
21
|
+
|
|
22
|
+
--font-*: initial;
|
|
23
|
+
--font-sans: Inter;
|
|
24
|
+
--font-serif: Inter;
|
|
25
|
+
--font-mono: Inter;
|
|
26
|
+
|
|
27
|
+
--color-*: initial;
|
|
28
|
+
--color-current: currentColor;
|
|
29
|
+
--color-transparent: transparent;
|
|
30
|
+
--color-primary: rgb(71 166 220);
|
|
31
|
+
--color-primary-active: rgb(29 132 191);
|
|
32
|
+
|
|
33
|
+
--color-secondary: rgb(50 47 49);
|
|
34
|
+
--color-secondary-active: rgb(0 0 0);
|
|
35
|
+
|
|
36
|
+
--color-black-50: #fcfcfd;
|
|
37
|
+
--color-black-100: #202020;
|
|
38
|
+
--color-black-black: #000000;
|
|
39
|
+
--color-black: #1e1e1e;
|
|
40
|
+
|
|
41
|
+
--color-white: #ffffff;
|
|
42
|
+
--color-error: #dc2626;
|
|
43
|
+
|
|
44
|
+
--color-zinc-50: #fafafa;
|
|
45
|
+
--color-zinc-100: #f4f4f5;
|
|
46
|
+
--color-zinc-200: #e4e4e7;
|
|
47
|
+
--color-zinc-300: #d4d4d8;
|
|
48
|
+
--color-zinc-400: #a1a1aa;
|
|
49
|
+
--color-zinc-500: #71717a;
|
|
50
|
+
--color-zinc-600: #52525b;
|
|
51
|
+
--color-zinc-700: #3f3f46;
|
|
52
|
+
--color-zinc-800: #27272a;
|
|
53
|
+
--color-zinc-900: #18181b;
|
|
54
|
+
|
|
55
|
+
--color-yellow-50: #fefce8;
|
|
56
|
+
--color-yellow-100: #fef9c3;
|
|
57
|
+
--color-yellow-200: #fef08a;
|
|
58
|
+
--color-yellow-300: #fde047;
|
|
59
|
+
--color-yellow-400: #facc15;
|
|
60
|
+
--color-yellow-500: #eab308;
|
|
61
|
+
--color-yellow-600: #ca8a04;
|
|
62
|
+
--color-yellow-700: #a16207;
|
|
63
|
+
--color-yellow-800: #854d0e;
|
|
64
|
+
--color-yellow-900: #713f12;
|
|
65
|
+
|
|
66
|
+
--color-red-50: #fef2f2;
|
|
67
|
+
--color-red-100: #fee2e2;
|
|
68
|
+
--color-red-200: #fecaca;
|
|
69
|
+
--color-red-300: #fca5a5;
|
|
70
|
+
--color-red-400: #f87171;
|
|
71
|
+
--color-red-500: #ef4444;
|
|
72
|
+
--color-red-600: #dc2626;
|
|
73
|
+
--color-red-700: #b91c1c;
|
|
74
|
+
--color-red-800: #991b1b;
|
|
75
|
+
--color-red-900: #7f1d1d;
|
|
76
|
+
|
|
77
|
+
--color-green-50: #f0fdf4;
|
|
78
|
+
--color-green-100: #dcfce7;
|
|
79
|
+
--color-green-200: #bbf7d0;
|
|
80
|
+
--color-green-300: #86efac;
|
|
81
|
+
--color-green-400: #4ade80;
|
|
82
|
+
--color-green-500: #22c55e;
|
|
83
|
+
--color-green-600: #16a34a;
|
|
84
|
+
--color-green-700: #15803d;
|
|
85
|
+
--color-green-800: #166534;
|
|
86
|
+
--color-green-900: #14532d;
|
|
87
|
+
|
|
88
|
+
--color-indigo-200: #c7d2fe;
|
|
89
|
+
--color-indigo-600: #4f46e5;
|
|
90
|
+
--color-indigo-900: #162c87;
|
|
91
|
+
|
|
92
|
+
--color-lime-200: #d9f99d;
|
|
93
|
+
--color-lime-600: #65a30d;
|
|
94
|
+
|
|
95
|
+
--color-orange-200: #fed7aa;
|
|
96
|
+
--color-orange-500: #e25c2a;
|
|
97
|
+
|
|
98
|
+
--color-sky-200: #bae6fd;
|
|
99
|
+
--color-sky-600: #0284c7;
|
|
100
|
+
|
|
101
|
+
--color-teal-200: #99f6e4;
|
|
102
|
+
--color-teal-600: #0d9488;
|
|
103
|
+
|
|
104
|
+
--color-violet-200: #ddd6fe;
|
|
105
|
+
--color-violet-600: #7c3aed;
|
|
106
|
+
|
|
107
|
+
--color-blue-200: #bfdbfe;
|
|
108
|
+
--color-blue-600: #2563eb;
|
|
109
|
+
|
|
110
|
+
--color-gold-200: #fde68a;
|
|
111
|
+
--color-gold-600: #d97706;
|
|
112
|
+
|
|
113
|
+
--color-pink-200: #fbcfe8;
|
|
114
|
+
--color-pink-600: #db2777;
|
|
115
|
+
|
|
116
|
+
--breakpoint-*: initial;
|
|
117
|
+
--breakpoint-xxs: 480px;
|
|
118
|
+
--breakpoint-xs: 600px;
|
|
119
|
+
--breakpoint-sm: 768px;
|
|
120
|
+
--breakpoint-md: 992px;
|
|
121
|
+
--breakpoint-lg: 1200px;
|
|
122
|
+
--breakpoint-xl: 1440px;
|
|
123
|
+
--breakpoint-2xl: 1800px;
|
|
124
|
+
|
|
125
|
+
--spacing-141: 34.375rem;
|
|
126
|
+
--spacing-4_5: 1.2rem;
|
|
127
|
+
|
|
128
|
+
--height-18: 4.5rem;
|
|
129
|
+
|
|
130
|
+
--width-110: 27.5rem;
|
|
131
|
+
--width-141: 34.375rem;
|
|
132
|
+
--width-full-plus8: calc(100% + 2rem);
|
|
133
|
+
|
|
134
|
+
--max-height-160: 40rem;
|
|
135
|
+
|
|
136
|
+
--border-width-6: 6px;
|
|
137
|
+
--border-width-10: 10px;
|
|
138
|
+
--border-width-12: 12px;
|
|
139
|
+
--border-width-4_5: 1.2rem;
|
|
140
|
+
|
|
141
|
+
--scale-flip: -1;
|
|
142
|
+
|
|
143
|
+
--stroke-width-3: 3px;
|
|
144
|
+
--stroke-width-4: 4px;
|
|
145
|
+
|
|
146
|
+
--drop-shadow-card: 0px 4px 2px rgba(21, 21, 21, 0.08);
|
|
147
|
+
--drop-shadow-cardhighlight: 1px 4px 3px rgba(21, 21, 21, 0.16);
|
|
148
|
+
|
|
149
|
+
--transition-property-font: font-weight, font-size, line-height;
|
|
150
|
+
|
|
151
|
+
--z-index-100: 100;
|
|
152
|
+
|
|
153
|
+
--background-image-multiselect-caret: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3e%3c/svg%3e");
|
|
154
|
+
--background-image-multiselect-spinner: url("data:image/svg+xml,%3csvg viewBox='0 0 512 512' fill='undefined' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3e%3c/path%3e%3c/svg%3e");
|
|
155
|
+
--background-image-multiselect-remove: url("data:image/svg+xml,%3csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3e%3c/path%3e%3c/svg%3e");
|
|
156
|
+
--background-image-nature: url('/images/nature.svg');
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
@utility container {
|
|
160
|
+
margin-inline: auto;
|
|
161
|
+
@media (width >= --theme(--breakpoint-xxs)) {
|
|
162
|
+
max-width: none;
|
|
163
|
+
}
|
|
164
|
+
@media (width >= 600px) {
|
|
165
|
+
max-width: 600px;
|
|
166
|
+
}
|
|
167
|
+
@media (width >= 728px) {
|
|
168
|
+
max-width: 728px;
|
|
169
|
+
}
|
|
170
|
+
@media (width >= 984px) {
|
|
171
|
+
max-width: 984px;
|
|
172
|
+
}
|
|
173
|
+
@media (width >= 1240px) {
|
|
174
|
+
max-width: 1240px;
|
|
175
|
+
}
|
|
176
|
+
@media (width >= 1400px) {
|
|
177
|
+
max-width: 1400px;
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
/*
|
|
182
|
+
The default border color has changed to `currentColor` in Tailwind CSS v4,
|
|
183
|
+
so we've added these compatibility styles to make sure everything still
|
|
184
|
+
looks the same as it did with Tailwind CSS v3.
|
|
185
|
+
|
|
186
|
+
If we ever want to remove these styles, we need to add an explicit border
|
|
187
|
+
color utility to any element that depends on these defaults.
|
|
188
|
+
*/
|
|
189
|
+
@layer base {
|
|
190
|
+
*,
|
|
191
|
+
::after,
|
|
192
|
+
::before,
|
|
193
|
+
::backdrop,
|
|
194
|
+
::file-selector-button {
|
|
195
|
+
border-color: var(--color-gray-200, currentColor);
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
@layer base {
|
|
200
|
+
body {
|
|
201
|
+
@apply text-zinc-700 overflow-x-hidden;
|
|
202
|
+
|
|
203
|
+
-webkit-tap-highlight-color: transparent;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
type __VLS_TemplateRefs = {
|
|
2
|
+
actionBar: typeof __VLS_nativeElements['div'];
|
|
3
|
+
};
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, __VLS_TemplateRefs, any>;
|
|
2
5
|
export default _default;
|
|
@@ -8,11 +8,11 @@ type __VLS_PublicProps = {
|
|
|
8
8
|
} & __VLS_Props;
|
|
9
9
|
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
10
|
submit: () => any;
|
|
11
|
-
"update:modelValue": (value: number[]) => any;
|
|
11
|
+
"update:modelValue": (value: number[] | undefined) => any;
|
|
12
12
|
close: () => any;
|
|
13
13
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
14
14
|
onSubmit?: (() => any) | undefined;
|
|
15
|
-
"onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
|
|
15
|
+
"onUpdate:modelValue"?: ((value: number[] | undefined) => any) | undefined;
|
|
16
16
|
onClose?: (() => any) | undefined;
|
|
17
17
|
}>, {
|
|
18
18
|
cancelButtonText: string;
|
|
@@ -1,26 +1,32 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ChevronLeftIcon } from '~icons';
|
|
2
|
+
import type { RouteLocationRaw, NavigationFailure } from 'vue-router';
|
|
2
3
|
type __VLS_Props = {
|
|
3
4
|
buttonText?: string;
|
|
4
5
|
iconClasses?: string;
|
|
5
6
|
to?: RouteLocationRaw;
|
|
6
7
|
};
|
|
7
|
-
declare function
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
declare function goBack(): Promise<void | NavigationFailure | undefined>;
|
|
9
|
+
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
10
|
+
declare var __VLS_6: {};
|
|
11
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
12
|
+
default?: (props: typeof __VLS_6) => any;
|
|
13
|
+
}>;
|
|
14
|
+
declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
|
|
15
|
+
ChevronLeftIcon: typeof ChevronLeftIcon;
|
|
16
|
+
goBack: typeof goBack;
|
|
17
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
18
|
+
buttonText: string;
|
|
19
|
+
iconClasses: string;
|
|
20
|
+
to: RouteLocationRaw;
|
|
21
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
16
22
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
17
23
|
buttonText: string;
|
|
18
24
|
iconClasses: string;
|
|
19
25
|
to: RouteLocationRaw;
|
|
20
26
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
21
|
-
declare const _default:
|
|
27
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
22
28
|
export default _default;
|
|
23
|
-
type
|
|
29
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
30
|
new (): {
|
|
25
31
|
$slots: S;
|
|
26
32
|
};
|
|
@@ -3,13 +3,14 @@ type __VLS_Props = ColorProps;
|
|
|
3
3
|
type __VLS_PublicProps = {
|
|
4
4
|
modelValue?: string;
|
|
5
5
|
} & __VLS_Props;
|
|
6
|
+
type __VLS_TemplateRefs = {
|
|
7
|
+
colorInput: typeof __VLS_nativeElements['input'];
|
|
8
|
+
};
|
|
6
9
|
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
-
"update:modelValue": (value: string) => any;
|
|
10
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
8
11
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
9
|
-
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
12
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
10
13
|
}>, {
|
|
11
14
|
disabled: boolean;
|
|
12
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false,
|
|
13
|
-
colorInput: HTMLInputElement;
|
|
14
|
-
}, HTMLLabelElement>;
|
|
15
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLLabelElement>;
|
|
15
16
|
export default _default;
|
|
@@ -1,15 +1,289 @@
|
|
|
1
|
+
import { Dialog, DialogOverlay, DialogTitle } from '@headlessui/vue';
|
|
2
|
+
import { AppButton } from '~components';
|
|
1
3
|
import type { Component } from 'vue';
|
|
2
4
|
import type { ConfirmProps } from './index.d';
|
|
3
|
-
declare
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
declare const isOpen: import("vue").Ref<boolean, boolean>;
|
|
6
|
+
declare const confirmLoading: import("vue").Ref<boolean, boolean>;
|
|
7
|
+
declare const cancelLoading: import("vue").Ref<boolean, boolean>;
|
|
8
|
+
declare const expanded: import("vue").ShallowRef<boolean, boolean>;
|
|
9
|
+
declare const dynamicIconProperties: import("vue").ComputedRef<string | Component | undefined>;
|
|
10
|
+
declare const transitionRootComponent: import("vue").ComputedRef<string | import("vue").DefineComponent<{
|
|
11
|
+
as: {
|
|
12
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
show: {
|
|
16
|
+
type: BooleanConstructor[];
|
|
17
|
+
default: null;
|
|
18
|
+
};
|
|
19
|
+
unmount: {
|
|
20
|
+
type: BooleanConstructor[];
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
appear: {
|
|
24
|
+
type: BooleanConstructor[];
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
27
|
+
enter: {
|
|
28
|
+
type: StringConstructor[];
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
enterFrom: {
|
|
32
|
+
type: StringConstructor[];
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
enterTo: {
|
|
36
|
+
type: StringConstructor[];
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
entered: {
|
|
40
|
+
type: StringConstructor[];
|
|
41
|
+
default: string;
|
|
42
|
+
};
|
|
43
|
+
leave: {
|
|
44
|
+
type: StringConstructor[];
|
|
45
|
+
default: string;
|
|
46
|
+
};
|
|
47
|
+
leaveFrom: {
|
|
48
|
+
type: StringConstructor[];
|
|
49
|
+
default: string;
|
|
50
|
+
};
|
|
51
|
+
leaveTo: {
|
|
52
|
+
type: StringConstructor[];
|
|
53
|
+
default: string;
|
|
54
|
+
};
|
|
55
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
56
|
+
[key: string]: any;
|
|
57
|
+
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
58
|
+
[key: string]: any;
|
|
59
|
+
}>[] | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
60
|
+
beforeEnter: () => true;
|
|
61
|
+
afterEnter: () => true;
|
|
62
|
+
beforeLeave: () => true;
|
|
63
|
+
afterLeave: () => true;
|
|
64
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
65
|
+
as: {
|
|
66
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
67
|
+
default: string;
|
|
68
|
+
};
|
|
69
|
+
show: {
|
|
70
|
+
type: BooleanConstructor[];
|
|
71
|
+
default: null;
|
|
72
|
+
};
|
|
73
|
+
unmount: {
|
|
74
|
+
type: BooleanConstructor[];
|
|
75
|
+
default: boolean;
|
|
76
|
+
};
|
|
77
|
+
appear: {
|
|
78
|
+
type: BooleanConstructor[];
|
|
79
|
+
default: boolean;
|
|
80
|
+
};
|
|
81
|
+
enter: {
|
|
82
|
+
type: StringConstructor[];
|
|
83
|
+
default: string;
|
|
84
|
+
};
|
|
85
|
+
enterFrom: {
|
|
86
|
+
type: StringConstructor[];
|
|
87
|
+
default: string;
|
|
88
|
+
};
|
|
89
|
+
enterTo: {
|
|
90
|
+
type: StringConstructor[];
|
|
91
|
+
default: string;
|
|
92
|
+
};
|
|
93
|
+
entered: {
|
|
94
|
+
type: StringConstructor[];
|
|
95
|
+
default: string;
|
|
96
|
+
};
|
|
97
|
+
leave: {
|
|
98
|
+
type: StringConstructor[];
|
|
99
|
+
default: string;
|
|
100
|
+
};
|
|
101
|
+
leaveFrom: {
|
|
102
|
+
type: StringConstructor[];
|
|
103
|
+
default: string;
|
|
104
|
+
};
|
|
105
|
+
leaveTo: {
|
|
106
|
+
type: StringConstructor[];
|
|
107
|
+
default: string;
|
|
108
|
+
};
|
|
109
|
+
}>> & {
|
|
110
|
+
onBeforeEnter?: (() => any) | undefined;
|
|
111
|
+
onAfterEnter?: (() => any) | undefined;
|
|
112
|
+
onBeforeLeave?: (() => any) | undefined;
|
|
113
|
+
onAfterLeave?: (() => any) | undefined;
|
|
114
|
+
}, {
|
|
115
|
+
as: string | Record<string, any>;
|
|
116
|
+
unmount: boolean;
|
|
117
|
+
show: boolean;
|
|
118
|
+
appear: boolean;
|
|
119
|
+
enter: string;
|
|
120
|
+
enterFrom: string;
|
|
121
|
+
enterTo: string;
|
|
122
|
+
entered: string;
|
|
123
|
+
leave: string;
|
|
124
|
+
leaveFrom: string;
|
|
125
|
+
leaveTo: string;
|
|
126
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
127
|
+
declare const transitionChildComponent: import("vue").ComputedRef<string | import("vue").DefineComponent<{
|
|
128
|
+
as: {
|
|
129
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
130
|
+
default: string;
|
|
131
|
+
};
|
|
132
|
+
show: {
|
|
133
|
+
type: BooleanConstructor[];
|
|
134
|
+
default: null;
|
|
135
|
+
};
|
|
136
|
+
unmount: {
|
|
137
|
+
type: BooleanConstructor[];
|
|
138
|
+
default: boolean;
|
|
139
|
+
};
|
|
140
|
+
appear: {
|
|
141
|
+
type: BooleanConstructor[];
|
|
142
|
+
default: boolean;
|
|
143
|
+
};
|
|
144
|
+
enter: {
|
|
145
|
+
type: StringConstructor[];
|
|
146
|
+
default: string;
|
|
147
|
+
};
|
|
148
|
+
enterFrom: {
|
|
149
|
+
type: StringConstructor[];
|
|
150
|
+
default: string;
|
|
151
|
+
};
|
|
152
|
+
enterTo: {
|
|
153
|
+
type: StringConstructor[];
|
|
154
|
+
default: string;
|
|
155
|
+
};
|
|
156
|
+
entered: {
|
|
157
|
+
type: StringConstructor[];
|
|
158
|
+
default: string;
|
|
159
|
+
};
|
|
160
|
+
leave: {
|
|
161
|
+
type: StringConstructor[];
|
|
162
|
+
default: string;
|
|
163
|
+
};
|
|
164
|
+
leaveFrom: {
|
|
165
|
+
type: StringConstructor[];
|
|
166
|
+
default: string;
|
|
167
|
+
};
|
|
168
|
+
leaveTo: {
|
|
169
|
+
type: StringConstructor[];
|
|
170
|
+
default: string;
|
|
171
|
+
};
|
|
172
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
173
|
+
[key: string]: any;
|
|
174
|
+
}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
175
|
+
[key: string]: any;
|
|
176
|
+
}>[] | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
177
|
+
beforeEnter: () => true;
|
|
178
|
+
afterEnter: () => true;
|
|
179
|
+
beforeLeave: () => true;
|
|
180
|
+
afterLeave: () => true;
|
|
181
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
182
|
+
as: {
|
|
183
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
184
|
+
default: string;
|
|
185
|
+
};
|
|
186
|
+
show: {
|
|
187
|
+
type: BooleanConstructor[];
|
|
188
|
+
default: null;
|
|
189
|
+
};
|
|
190
|
+
unmount: {
|
|
191
|
+
type: BooleanConstructor[];
|
|
192
|
+
default: boolean;
|
|
193
|
+
};
|
|
194
|
+
appear: {
|
|
195
|
+
type: BooleanConstructor[];
|
|
196
|
+
default: boolean;
|
|
197
|
+
};
|
|
198
|
+
enter: {
|
|
199
|
+
type: StringConstructor[];
|
|
200
|
+
default: string;
|
|
201
|
+
};
|
|
202
|
+
enterFrom: {
|
|
203
|
+
type: StringConstructor[];
|
|
204
|
+
default: string;
|
|
205
|
+
};
|
|
206
|
+
enterTo: {
|
|
207
|
+
type: StringConstructor[];
|
|
208
|
+
default: string;
|
|
209
|
+
};
|
|
210
|
+
entered: {
|
|
211
|
+
type: StringConstructor[];
|
|
212
|
+
default: string;
|
|
213
|
+
};
|
|
214
|
+
leave: {
|
|
215
|
+
type: StringConstructor[];
|
|
216
|
+
default: string;
|
|
217
|
+
};
|
|
218
|
+
leaveFrom: {
|
|
219
|
+
type: StringConstructor[];
|
|
220
|
+
default: string;
|
|
221
|
+
};
|
|
222
|
+
leaveTo: {
|
|
223
|
+
type: StringConstructor[];
|
|
224
|
+
default: string;
|
|
225
|
+
};
|
|
226
|
+
}>> & {
|
|
227
|
+
onBeforeEnter?: (() => any) | undefined;
|
|
228
|
+
onAfterEnter?: (() => any) | undefined;
|
|
229
|
+
onBeforeLeave?: (() => any) | undefined;
|
|
230
|
+
onAfterLeave?: (() => any) | undefined;
|
|
231
|
+
}, {
|
|
232
|
+
as: string | Record<string, any>;
|
|
233
|
+
unmount: boolean;
|
|
234
|
+
show: boolean;
|
|
235
|
+
appear: boolean;
|
|
236
|
+
enter: string;
|
|
237
|
+
enterFrom: string;
|
|
238
|
+
enterTo: string;
|
|
239
|
+
entered: string;
|
|
240
|
+
leave: string;
|
|
241
|
+
leaveFrom: string;
|
|
242
|
+
leaveTo: string;
|
|
243
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
244
|
+
declare const iconDomClasses: import("vue").ComputedRef<string[]>;
|
|
245
|
+
declare function close(confirmed: boolean): Promise<void>;
|
|
246
|
+
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
247
|
+
declare var __VLS_45: {};
|
|
248
|
+
declare var __VLS_46: {};
|
|
249
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
250
|
+
title?: (props: typeof __VLS_45) => any;
|
|
251
|
+
} & {
|
|
252
|
+
default?: (props: typeof __VLS_46) => any;
|
|
253
|
+
}>;
|
|
254
|
+
declare const __VLS_self: import("vue").DefineComponent<ConfirmProps, {
|
|
255
|
+
Dialog: typeof Dialog;
|
|
256
|
+
DialogOverlay: typeof DialogOverlay;
|
|
257
|
+
DialogTitle: typeof DialogTitle;
|
|
258
|
+
AppButton: typeof AppButton;
|
|
259
|
+
isOpen: typeof isOpen;
|
|
260
|
+
confirmLoading: typeof confirmLoading;
|
|
261
|
+
cancelLoading: typeof cancelLoading;
|
|
262
|
+
expanded: typeof expanded;
|
|
263
|
+
dynamicIconProperties: typeof dynamicIconProperties;
|
|
264
|
+
transitionRootComponent: typeof transitionRootComponent;
|
|
265
|
+
transitionChildComponent: typeof transitionChildComponent;
|
|
266
|
+
iconDomClasses: typeof iconDomClasses;
|
|
267
|
+
close: typeof close;
|
|
268
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
269
|
+
close: (value: boolean) => any;
|
|
270
|
+
confirmed: (value: true) => any;
|
|
271
|
+
}, string, import("vue").PublicProps, Readonly<ConfirmProps> & Readonly<{
|
|
272
|
+
onClose?: ((value: boolean) => any) | undefined;
|
|
273
|
+
onConfirmed?: ((value: true) => any) | undefined;
|
|
274
|
+
}>, {
|
|
275
|
+
html: boolean;
|
|
276
|
+
title: string;
|
|
277
|
+
animate: boolean;
|
|
278
|
+
type: import("./index.d").ConfirmType;
|
|
279
|
+
icon: string | Component;
|
|
280
|
+
content: string;
|
|
281
|
+
confirmButtonText: string;
|
|
282
|
+
cancelButtonText: string;
|
|
283
|
+
withBackdrop: boolean;
|
|
284
|
+
preventBackdropClose: boolean;
|
|
285
|
+
extendedIconDomClasses: string;
|
|
286
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
287
|
declare const __VLS_component: import("vue").DefineComponent<ConfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
14
288
|
close: (value: boolean) => any;
|
|
15
289
|
confirmed: (value: true) => any;
|
|
@@ -29,9 +303,9 @@ declare const __VLS_component: import("vue").DefineComponent<ConfirmProps, {}, {
|
|
|
29
303
|
preventBackdropClose: boolean;
|
|
30
304
|
extendedIconDomClasses: string;
|
|
31
305
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
32
|
-
declare const _default:
|
|
306
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
33
307
|
export default _default;
|
|
34
|
-
type
|
|
308
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
35
309
|
new (): {
|
|
36
310
|
$slots: S;
|
|
37
311
|
};
|
|
@@ -2,6 +2,9 @@ import type { Props, Action } from './index.d';
|
|
|
2
2
|
declare function open(): Promise<void>;
|
|
3
3
|
declare function close(): Promise<void>;
|
|
4
4
|
declare function submit(action: Action): Promise<void>;
|
|
5
|
+
type __VLS_TemplateRefs = {
|
|
6
|
+
contextMenuElement: typeof __VLS_nativeElements['div'];
|
|
7
|
+
};
|
|
5
8
|
declare const _default: import("vue").DefineComponent<Props, {
|
|
6
9
|
isOpen: import("vue").Ref<boolean, boolean>;
|
|
7
10
|
open: typeof open;
|
|
@@ -17,7 +20,5 @@ declare const _default: import("vue").DefineComponent<Props, {
|
|
|
17
20
|
onClose?: (() => any) | undefined;
|
|
18
21
|
onOpen?: (() => any) | undefined;
|
|
19
22
|
onActionClicked?: ((action: Action) => any) | undefined;
|
|
20
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false,
|
|
21
|
-
contextMenuElement: HTMLDivElement;
|
|
22
|
-
}, any>;
|
|
23
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
|
|
23
24
|
export default _default;
|
|
@@ -8,12 +8,17 @@ declare const _default: <Item extends {
|
|
|
8
8
|
readonly onClickItem?: ((value: Item) => any) | undefined;
|
|
9
9
|
readonly onContextMenuOpen?: ((value: Item) => any) | undefined;
|
|
10
10
|
readonly onClickContextItem?: ((value: Item) => any) | undefined;
|
|
11
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdatePage" | "onClickItem" | "onContextMenuOpen" | "onClickContextItem"> & Props<Item> &
|
|
11
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdatePage" | "onClickItem" | "onContextMenuOpen" | "onClickContextItem"> & Props<Item> & Partial<{}>> & import("vue").PublicProps;
|
|
12
12
|
expose(exposed: import("vue").ShallowUnwrapRef<{
|
|
13
13
|
dataTableInstance: import("vue").ComputedRef<DataTableInstance | undefined>;
|
|
14
14
|
}>): void;
|
|
15
15
|
attrs: any;
|
|
16
|
-
slots:
|
|
16
|
+
slots: {
|
|
17
|
+
[x: string]: ((props: any) => any) | undefined;
|
|
18
|
+
'footer-results'?: ((props: {
|
|
19
|
+
results: number;
|
|
20
|
+
}) => any) | undefined;
|
|
21
|
+
};
|
|
17
22
|
emit: {
|
|
18
23
|
(event: "update:modelValue", value: number[]): void;
|
|
19
24
|
(event: "updatePage", value: number): void;
|