@robuust-digital/vue-components 2.0.0 → 2.2.0-rc.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/CHANGELOG.md +25 -0
- package/dist/_shared/ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js +60 -0
- package/dist/_shared/ChevronDownIcon-DaaXfD3C.js +41 -0
- package/dist/_shared/Combobox.vue_vue_type_script_setup_true_lang-D1vKMJok.js +266 -0
- package/dist/_shared/Drawer.vue_vue_type_script_setup_true_lang-DT6tBBZ7.js +186 -0
- package/dist/_shared/Dropdown.vue_vue_type_script_setup_true_lang-D5vTFLkq.js +115 -0
- package/dist/_shared/FormInput.vue_vue_type_script_setup_true_lang-BhJpG-Fw.js +75 -0
- package/dist/_shared/Lightswitch.vue_vue_type_script_setup_true_lang-CvN-2WJt.js +44 -0
- package/dist/_shared/Modal.vue_vue_type_script_setup_true_lang-DBEOIZnO.js +187 -0
- package/dist/_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-Bs4WdJhA.js +274 -0
- package/dist/_shared/Tabs.vue_vue_type_script_setup_true_lang-CsGx6wBK.js +676 -0
- package/dist/_shared/Toast.vue_vue_type_script_setup_true_lang-FEeRXoIx.js +75 -0
- package/dist/_shared/Tooltip.vue_vue_type_script_setup_true_lang-CoydN9sS.js +96 -0
- package/dist/combobox/index.js +3 -347
- package/dist/combobox.d.ts +4 -0
- package/dist/components/Accordion.vue.d.ts +37 -0
- package/dist/components/Alert.vue.d.ts +39 -0
- package/dist/components/Badge.vue.d.ts +32 -0
- package/dist/components/ButtonBase.vue.d.ts +50 -0
- package/dist/components/Checkbox.vue.d.ts +39 -0
- package/dist/components/Combobox.vue.d.ts +112 -0
- package/dist/components/DataTable.vue.d.ts +122 -0
- package/dist/components/Drawer.vue.d.ts +103 -0
- package/dist/components/Dropdown.vue.d.ts +120 -0
- package/dist/components/EmptyState.vue.d.ts +23 -0
- package/dist/components/FormInput.vue.d.ts +49 -0
- package/dist/components/FormSelect.vue.d.ts +58 -0
- package/dist/components/FormTextarea.vue.d.ts +16 -0
- package/dist/components/Lightswitch.vue.d.ts +26 -0
- package/dist/components/Modal.vue.d.ts +98 -0
- package/dist/components/Pagination.vue.d.ts +60 -0
- package/dist/components/Radio.vue.d.ts +34 -0
- package/dist/components/RichTextEditor.vue.d.ts +71 -0
- package/dist/components/Tabs.vue.d.ts +26 -0
- package/dist/components/Toast.vue.d.ts +46 -0
- package/dist/components/Tooltip.vue.d.ts +45 -0
- package/dist/composables/useDialogContext.d.ts +18 -0
- package/dist/composables/useForm.d.ts +6 -0
- package/dist/core/button.css +1 -9
- package/dist/core/checkbox.css +6 -9
- package/dist/core/index.js +17 -799
- package/dist/core/input.css +8 -7
- package/dist/core/radio.css +6 -9
- package/dist/core/utilities.css +12 -0
- package/dist/core.d.ts +27 -0
- package/dist/dialogs/index.js +4 -206
- package/dist/dialogs.d.ts +5 -0
- package/dist/dropdown/index.js +3 -131
- package/dist/dropdown.d.ts +4 -0
- package/dist/index/index.js +35 -0
- package/dist/index.d.ts +8 -0
- package/dist/lightswitch/index.js +3 -47
- package/dist/lightswitch.d.ts +4 -0
- package/dist/rich-text-editor/index.js +3 -263
- package/dist/rich-text-editor.d.ts +4 -0
- package/dist/toast/index.js +3 -99
- package/dist/toast.d.ts +4 -0
- package/dist/tooltip/index.js +1 -1
- package/dist/tooltip.d.ts +4 -0
- package/dist/types/shared.d.ts +3 -0
- package/package.json +55 -24
- package/dist/_shared/ButtonBase-DfkwHIhN.js +0 -87
- package/dist/_shared/ChevronDownIcon-z-5U4fIb.js +0 -55
- package/dist/_shared/FormInput-C5LjZViC.js +0 -85
- package/dist/_shared/Modal-dqDGKVw5.js +0 -201
- package/dist/_shared/Tooltip-B93ZF7IF.js +0 -126
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export type CheckboxModelValue = number | string | object | Array<unknown> | boolean | null;
|
|
2
|
+
export interface CheckboxProps {
|
|
3
|
+
modelValue?: CheckboxModelValue;
|
|
4
|
+
label?: string;
|
|
5
|
+
rootClass?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
input?(_: {}): any;
|
|
11
|
+
icon?(_: {}): any;
|
|
12
|
+
default?(_: {
|
|
13
|
+
label: string;
|
|
14
|
+
}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {
|
|
17
|
+
input: HTMLInputElement;
|
|
18
|
+
};
|
|
19
|
+
rootEl: any;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
|
+
declare const __VLS_component: import('../../node_modules/vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
|
|
23
|
+
"update:modelValue": (value: CheckboxModelValue) => any;
|
|
24
|
+
}, string, import('../../node_modules/vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
|
|
25
|
+
"onUpdate:modelValue"?: ((value: CheckboxModelValue) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
label: string;
|
|
28
|
+
modelValue: CheckboxModelValue;
|
|
29
|
+
rootClass: string;
|
|
30
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {
|
|
31
|
+
input: HTMLInputElement;
|
|
32
|
+
}, any>;
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
|
+
export default _default;
|
|
35
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
36
|
+
new (): {
|
|
37
|
+
$slots: S;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { Icon } from '../types/shared';
|
|
2
|
+
export type ComboboxModelValue = object | Array<unknown> | null;
|
|
3
|
+
export type ComboboxSize = 'sm' | 'base';
|
|
4
|
+
export interface ComboboxProps {
|
|
5
|
+
id: string;
|
|
6
|
+
rootClass?: string;
|
|
7
|
+
modelValue?: ComboboxModelValue;
|
|
8
|
+
endpoint?: string;
|
|
9
|
+
requestParams?: Record<string, unknown>;
|
|
10
|
+
manualInput?: boolean;
|
|
11
|
+
responseData?: (data: unknown) => unknown[];
|
|
12
|
+
displayValue?: (item: unknown) => string | null;
|
|
13
|
+
optionText?: (option: unknown) => string | null;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
minLength?: number;
|
|
16
|
+
itemKey?: string;
|
|
17
|
+
clearable?: boolean;
|
|
18
|
+
rootAttrs?: Record<string, unknown>;
|
|
19
|
+
multiple?: boolean;
|
|
20
|
+
onSearch?: (value: string | null, params: Record<string, unknown>, endpoint?: string) => Promise<{
|
|
21
|
+
data: unknown;
|
|
22
|
+
error?: unknown;
|
|
23
|
+
cancel?: () => void;
|
|
24
|
+
}>;
|
|
25
|
+
searchOnly?: boolean;
|
|
26
|
+
icon?: Icon;
|
|
27
|
+
prefixIcon?: Icon;
|
|
28
|
+
size?: ComboboxSize;
|
|
29
|
+
debounce?: number;
|
|
30
|
+
minLoadingTime?: number;
|
|
31
|
+
onCancel?: (cancelToken: (() => void) | null) => void;
|
|
32
|
+
}
|
|
33
|
+
declare function __VLS_template(): {
|
|
34
|
+
attrs: Partial<{}>;
|
|
35
|
+
slots: {
|
|
36
|
+
prefixIcon?(_: {
|
|
37
|
+
icon: import('../types/shared').RenderableComponent;
|
|
38
|
+
}): any;
|
|
39
|
+
spinner?(_: {
|
|
40
|
+
spinning: true;
|
|
41
|
+
}): any;
|
|
42
|
+
icon?(_: {
|
|
43
|
+
icon: Icon;
|
|
44
|
+
}): any;
|
|
45
|
+
clear?(_: {}): any;
|
|
46
|
+
chip?(_: {
|
|
47
|
+
optionText: string | null;
|
|
48
|
+
option: any;
|
|
49
|
+
removeOption: (option: Record<string, unknown>) => void;
|
|
50
|
+
}): any;
|
|
51
|
+
option?(_: {
|
|
52
|
+
option: unknown;
|
|
53
|
+
isActive: (value: number | string) => boolean;
|
|
54
|
+
}): any;
|
|
55
|
+
optionPrefix?(_: {
|
|
56
|
+
option: unknown;
|
|
57
|
+
isActive: (value: number | string) => boolean;
|
|
58
|
+
}): any;
|
|
59
|
+
optionSuffix?(_: {
|
|
60
|
+
option: unknown;
|
|
61
|
+
isActive: (value: number | string) => boolean;
|
|
62
|
+
}): any;
|
|
63
|
+
};
|
|
64
|
+
refs: {};
|
|
65
|
+
rootEl: any;
|
|
66
|
+
};
|
|
67
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
68
|
+
declare const __VLS_component: import('../../node_modules/vue').DefineComponent<ComboboxProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
|
|
69
|
+
"update:modelValue": (value: ComboboxModelValue) => any;
|
|
70
|
+
"update:requestParams": (value: Record<string, unknown>) => any;
|
|
71
|
+
"combobox:noResults": (value: string | null) => any;
|
|
72
|
+
"combobox:error": (error: unknown) => any;
|
|
73
|
+
}, string, import('../../node_modules/vue').PublicProps, Readonly<ComboboxProps> & Readonly<{
|
|
74
|
+
"onUpdate:modelValue"?: ((value: ComboboxModelValue) => any) | undefined;
|
|
75
|
+
"onUpdate:requestParams"?: ((value: Record<string, unknown>) => any) | undefined;
|
|
76
|
+
"onCombobox:noResults"?: ((value: string | null) => any) | undefined;
|
|
77
|
+
"onCombobox:error"?: ((error: unknown) => any) | undefined;
|
|
78
|
+
}>, {
|
|
79
|
+
icon: Icon;
|
|
80
|
+
size: ComboboxSize;
|
|
81
|
+
modelValue: ComboboxModelValue;
|
|
82
|
+
rootClass: string;
|
|
83
|
+
prefixIcon: Icon;
|
|
84
|
+
disabled: boolean;
|
|
85
|
+
endpoint: string;
|
|
86
|
+
requestParams: Record<string, unknown>;
|
|
87
|
+
manualInput: boolean;
|
|
88
|
+
responseData: (data: unknown) => unknown[];
|
|
89
|
+
displayValue: (item: unknown) => string | null;
|
|
90
|
+
optionText: (option: unknown) => string | null;
|
|
91
|
+
minLength: number;
|
|
92
|
+
itemKey: string;
|
|
93
|
+
clearable: boolean;
|
|
94
|
+
rootAttrs: Record<string, unknown>;
|
|
95
|
+
multiple: boolean;
|
|
96
|
+
onSearch: (value: string | null, params: Record<string, unknown>, endpoint?: string) => Promise<{
|
|
97
|
+
data: unknown;
|
|
98
|
+
error?: unknown;
|
|
99
|
+
cancel?: () => void;
|
|
100
|
+
}>;
|
|
101
|
+
searchOnly: boolean;
|
|
102
|
+
debounce: number;
|
|
103
|
+
minLoadingTime: number;
|
|
104
|
+
onCancel: (cancelToken: (() => void) | null) => void;
|
|
105
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {}, any>;
|
|
106
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
107
|
+
export default _default;
|
|
108
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
109
|
+
new (): {
|
|
110
|
+
$slots: S;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
export interface DataTableHeader {
|
|
2
|
+
id: string | number;
|
|
3
|
+
label: string;
|
|
4
|
+
key?: string;
|
|
5
|
+
align?: 'left' | 'center' | 'right';
|
|
6
|
+
sortable?: boolean;
|
|
7
|
+
[key: string]: unknown;
|
|
8
|
+
}
|
|
9
|
+
export interface DataTableItem {
|
|
10
|
+
id: string | number;
|
|
11
|
+
attrs?: Record<string, unknown>;
|
|
12
|
+
[key: string]: unknown;
|
|
13
|
+
}
|
|
14
|
+
export interface DataTableSortBy {
|
|
15
|
+
key: string;
|
|
16
|
+
direction: 'asc' | 'desc';
|
|
17
|
+
}
|
|
18
|
+
export interface DataTablePagination {
|
|
19
|
+
data: DataTableItem[];
|
|
20
|
+
total: number;
|
|
21
|
+
from: number;
|
|
22
|
+
to: number;
|
|
23
|
+
links: Array<{
|
|
24
|
+
url: string | null;
|
|
25
|
+
label: string;
|
|
26
|
+
active: boolean;
|
|
27
|
+
}>;
|
|
28
|
+
[key: string]: unknown;
|
|
29
|
+
}
|
|
30
|
+
export interface DataTableProps {
|
|
31
|
+
headers?: DataTableHeader[];
|
|
32
|
+
items: DataTableItem[];
|
|
33
|
+
noResultsText?: string;
|
|
34
|
+
loadingText?: string;
|
|
35
|
+
striped?: boolean;
|
|
36
|
+
spinning?: boolean;
|
|
37
|
+
pagination?: DataTablePagination | null;
|
|
38
|
+
wrapperClass?: string;
|
|
39
|
+
defaultSort?: DataTableSortBy | null;
|
|
40
|
+
}
|
|
41
|
+
declare function __VLS_template(): {
|
|
42
|
+
attrs: Partial<{}>;
|
|
43
|
+
slots: {
|
|
44
|
+
headers?(_: {
|
|
45
|
+
headers: DataTableHeader[];
|
|
46
|
+
}): any;
|
|
47
|
+
header?(_: {
|
|
48
|
+
header: DataTableHeader;
|
|
49
|
+
index: number;
|
|
50
|
+
}): any;
|
|
51
|
+
'header-label'?(_: {
|
|
52
|
+
sortBy: {
|
|
53
|
+
key: string;
|
|
54
|
+
direction: "asc" | "desc";
|
|
55
|
+
} | null;
|
|
56
|
+
header: DataTableHeader;
|
|
57
|
+
}): any;
|
|
58
|
+
'header-label'?(_: {
|
|
59
|
+
sortBy: {
|
|
60
|
+
key: string;
|
|
61
|
+
direction: "asc" | "desc";
|
|
62
|
+
} | null;
|
|
63
|
+
header: DataTableHeader;
|
|
64
|
+
}): any;
|
|
65
|
+
items?(_: {
|
|
66
|
+
item: DataTableItem;
|
|
67
|
+
index: number;
|
|
68
|
+
}): any;
|
|
69
|
+
item?(_: {
|
|
70
|
+
item: DataTableItem;
|
|
71
|
+
index: number;
|
|
72
|
+
}): any;
|
|
73
|
+
spinner?(_: {
|
|
74
|
+
spinning: boolean;
|
|
75
|
+
label: string;
|
|
76
|
+
}): any;
|
|
77
|
+
footer?(_: {
|
|
78
|
+
headers: DataTableHeader[];
|
|
79
|
+
items: DataTableItem[];
|
|
80
|
+
}): any;
|
|
81
|
+
pagination?(_: {
|
|
82
|
+
[key: string]: unknown;
|
|
83
|
+
data: DataTableItem[];
|
|
84
|
+
total: number;
|
|
85
|
+
from: number;
|
|
86
|
+
to: number;
|
|
87
|
+
links: Array<{
|
|
88
|
+
url: string | null;
|
|
89
|
+
label: string;
|
|
90
|
+
active: boolean;
|
|
91
|
+
}>;
|
|
92
|
+
}): any;
|
|
93
|
+
};
|
|
94
|
+
refs: {};
|
|
95
|
+
rootEl: HTMLDivElement;
|
|
96
|
+
};
|
|
97
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
98
|
+
declare const __VLS_component: import('../../node_modules/vue').DefineComponent<DataTableProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
|
|
99
|
+
"pagination:change": (value: string) => any;
|
|
100
|
+
"pagination:perPage": (value: number) => any;
|
|
101
|
+
"table:sortBy": (value: DataTableSortBy | null) => any;
|
|
102
|
+
}, string, import('../../node_modules/vue').PublicProps, Readonly<DataTableProps> & Readonly<{
|
|
103
|
+
"onPagination:change"?: ((value: string) => any) | undefined;
|
|
104
|
+
"onPagination:perPage"?: ((value: number) => any) | undefined;
|
|
105
|
+
"onTable:sortBy"?: ((value: DataTableSortBy | null) => any) | undefined;
|
|
106
|
+
}>, {
|
|
107
|
+
spinning: boolean;
|
|
108
|
+
pagination: DataTablePagination | null;
|
|
109
|
+
headers: DataTableHeader[];
|
|
110
|
+
noResultsText: string;
|
|
111
|
+
loadingText: string;
|
|
112
|
+
striped: boolean;
|
|
113
|
+
wrapperClass: string;
|
|
114
|
+
defaultSort: DataTableSortBy | null;
|
|
115
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
116
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
117
|
+
export default _default;
|
|
118
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
119
|
+
new (): {
|
|
120
|
+
$slots: S;
|
|
121
|
+
};
|
|
122
|
+
};
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
export interface DrawerProps {
|
|
2
|
+
as?: string;
|
|
3
|
+
id: string;
|
|
4
|
+
title: string;
|
|
5
|
+
showClose?: boolean;
|
|
6
|
+
scrolledDown?: boolean;
|
|
7
|
+
headerSticky?: boolean;
|
|
8
|
+
spinning?: boolean;
|
|
9
|
+
submitLabel?: string;
|
|
10
|
+
cancelLabel?: string;
|
|
11
|
+
panelClass?: string;
|
|
12
|
+
resetHeader?: boolean;
|
|
13
|
+
resetFooter?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare function __VLS_template(): {
|
|
16
|
+
attrs: Partial<{}>;
|
|
17
|
+
slots: {
|
|
18
|
+
header?(_: {
|
|
19
|
+
title: string;
|
|
20
|
+
showClose: boolean;
|
|
21
|
+
}): any;
|
|
22
|
+
header?(_: {}): any;
|
|
23
|
+
title?(_: {
|
|
24
|
+
id: string;
|
|
25
|
+
dialogTitle: import('../../node_modules/vue').DefineComponent<{
|
|
26
|
+
as: {
|
|
27
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
28
|
+
default: string;
|
|
29
|
+
};
|
|
30
|
+
id: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
default: null;
|
|
33
|
+
};
|
|
34
|
+
}, () => import('../../node_modules/vue').VNode<import('../../node_modules/vue').RendererNode, import('../../node_modules/vue').RendererElement, {
|
|
35
|
+
[key: string]: any;
|
|
36
|
+
}> | import('../../node_modules/vue').VNode<import('../../node_modules/vue').RendererNode, import('../../node_modules/vue').RendererElement, {
|
|
37
|
+
[key: string]: any;
|
|
38
|
+
}>[] | null, unknown, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, Record<string, any>, string, import('../../node_modules/vue').VNodeProps & import('../../node_modules/vue').AllowedComponentProps & import('../../node_modules/vue').ComponentCustomProps, Readonly<import('../../node_modules/vue').ExtractPropTypes<{
|
|
39
|
+
as: {
|
|
40
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
41
|
+
default: string;
|
|
42
|
+
};
|
|
43
|
+
id: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
default: null;
|
|
46
|
+
};
|
|
47
|
+
}>>, {
|
|
48
|
+
id: string;
|
|
49
|
+
as: string | Record<string, any>;
|
|
50
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, true, {}, any>;
|
|
51
|
+
title: string;
|
|
52
|
+
}): any;
|
|
53
|
+
close?(_: {
|
|
54
|
+
icon: import('../../node_modules/vue').FunctionalComponent<import('../../node_modules/vue').HTMLAttributes & import('../../node_modules/vue').VNodeProps, {}, any, {}>;
|
|
55
|
+
emitClose: () => void;
|
|
56
|
+
}): any;
|
|
57
|
+
default?(_: {
|
|
58
|
+
ready: boolean;
|
|
59
|
+
}): any;
|
|
60
|
+
footer?(_: {
|
|
61
|
+
loading: boolean;
|
|
62
|
+
}): any;
|
|
63
|
+
footer?(_: {}): any;
|
|
64
|
+
};
|
|
65
|
+
refs: {
|
|
66
|
+
contentRef: HTMLDivElement;
|
|
67
|
+
};
|
|
68
|
+
rootEl: any;
|
|
69
|
+
};
|
|
70
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
71
|
+
declare const __VLS_component: import('../../node_modules/vue').DefineComponent<DrawerProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
|
|
72
|
+
"drawer:open": () => any;
|
|
73
|
+
"drawer:opened": () => any;
|
|
74
|
+
"drawer:close": () => any;
|
|
75
|
+
"drawer:save": (event: Event) => any;
|
|
76
|
+
"drawer:closed": () => any;
|
|
77
|
+
}, string, import('../../node_modules/vue').PublicProps, Readonly<DrawerProps> & Readonly<{
|
|
78
|
+
"onDrawer:open"?: (() => any) | undefined;
|
|
79
|
+
"onDrawer:opened"?: (() => any) | undefined;
|
|
80
|
+
"onDrawer:close"?: (() => any) | undefined;
|
|
81
|
+
"onDrawer:save"?: ((event: Event) => any) | undefined;
|
|
82
|
+
"onDrawer:closed"?: (() => any) | undefined;
|
|
83
|
+
}>, {
|
|
84
|
+
as: string;
|
|
85
|
+
spinning: boolean;
|
|
86
|
+
showClose: boolean;
|
|
87
|
+
scrolledDown: boolean;
|
|
88
|
+
headerSticky: boolean;
|
|
89
|
+
submitLabel: string;
|
|
90
|
+
cancelLabel: string;
|
|
91
|
+
panelClass: string;
|
|
92
|
+
resetHeader: boolean;
|
|
93
|
+
resetFooter: boolean;
|
|
94
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {
|
|
95
|
+
contentRef: HTMLDivElement;
|
|
96
|
+
}, any>;
|
|
97
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
98
|
+
export default _default;
|
|
99
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
100
|
+
new (): {
|
|
101
|
+
$slots: S;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { Icon } from '../types/shared';
|
|
2
|
+
export interface DropdownItem {
|
|
3
|
+
name: string;
|
|
4
|
+
as?: string;
|
|
5
|
+
bindAs?: string;
|
|
6
|
+
event?: () => void;
|
|
7
|
+
icon?: Icon;
|
|
8
|
+
[key: string]: unknown;
|
|
9
|
+
}
|
|
10
|
+
export interface DropdownProps {
|
|
11
|
+
items: DropdownItem[];
|
|
12
|
+
alignLeft?: boolean;
|
|
13
|
+
fullWidth?: boolean;
|
|
14
|
+
label?: string;
|
|
15
|
+
rootClass?: string;
|
|
16
|
+
}
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
attrs: Partial<{}>;
|
|
19
|
+
slots: {
|
|
20
|
+
button?(_: {
|
|
21
|
+
label: string;
|
|
22
|
+
button: import('../../node_modules/vue').DefineComponent<{
|
|
23
|
+
disabled: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
27
|
+
as: {
|
|
28
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
id: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: null;
|
|
34
|
+
};
|
|
35
|
+
}, () => import('../../node_modules/vue').VNode<import('../../node_modules/vue').RendererNode, import('../../node_modules/vue').RendererElement, {
|
|
36
|
+
[key: string]: any;
|
|
37
|
+
}> | import('../../node_modules/vue').VNode<import('../../node_modules/vue').RendererNode, import('../../node_modules/vue').RendererElement, {
|
|
38
|
+
[key: string]: any;
|
|
39
|
+
}>[] | null, unknown, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, Record<string, any>, string, import('../../node_modules/vue').VNodeProps & import('../../node_modules/vue').AllowedComponentProps & import('../../node_modules/vue').ComponentCustomProps, Readonly<import('../../node_modules/vue').ExtractPropTypes<{
|
|
40
|
+
disabled: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
44
|
+
as: {
|
|
45
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
46
|
+
default: string;
|
|
47
|
+
};
|
|
48
|
+
id: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
default: null;
|
|
51
|
+
};
|
|
52
|
+
}>>, {
|
|
53
|
+
id: string;
|
|
54
|
+
as: string | Record<string, any>;
|
|
55
|
+
disabled: boolean;
|
|
56
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, true, {}, any>;
|
|
57
|
+
}): any;
|
|
58
|
+
items?(_: {
|
|
59
|
+
items: DropdownItem[];
|
|
60
|
+
menuItem: import('../../node_modules/vue').DefineComponent<{
|
|
61
|
+
as: {
|
|
62
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
63
|
+
default: string;
|
|
64
|
+
};
|
|
65
|
+
disabled: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: boolean;
|
|
68
|
+
};
|
|
69
|
+
id: {
|
|
70
|
+
type: StringConstructor;
|
|
71
|
+
default: null;
|
|
72
|
+
};
|
|
73
|
+
}, () => import('../../node_modules/vue').VNode<import('../../node_modules/vue').RendererNode, import('../../node_modules/vue').RendererElement, {
|
|
74
|
+
[key: string]: any;
|
|
75
|
+
}> | import('../../node_modules/vue').VNode<import('../../node_modules/vue').RendererNode, import('../../node_modules/vue').RendererElement, {
|
|
76
|
+
[key: string]: any;
|
|
77
|
+
}>[] | null, unknown, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, Record<string, any>, string, import('../../node_modules/vue').VNodeProps & import('../../node_modules/vue').AllowedComponentProps & import('../../node_modules/vue').ComponentCustomProps, Readonly<import('../../node_modules/vue').ExtractPropTypes<{
|
|
78
|
+
as: {
|
|
79
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
80
|
+
default: string;
|
|
81
|
+
};
|
|
82
|
+
disabled: {
|
|
83
|
+
type: BooleanConstructor;
|
|
84
|
+
default: boolean;
|
|
85
|
+
};
|
|
86
|
+
id: {
|
|
87
|
+
type: StringConstructor;
|
|
88
|
+
default: null;
|
|
89
|
+
};
|
|
90
|
+
}>>, {
|
|
91
|
+
id: string;
|
|
92
|
+
as: string | Record<string, any>;
|
|
93
|
+
disabled: boolean;
|
|
94
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, true, {}, any>;
|
|
95
|
+
}): any;
|
|
96
|
+
item?(_: {
|
|
97
|
+
item: DropdownItem;
|
|
98
|
+
}): any;
|
|
99
|
+
};
|
|
100
|
+
refs: {};
|
|
101
|
+
rootEl: any;
|
|
102
|
+
};
|
|
103
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
104
|
+
declare const __VLS_component: import('../../node_modules/vue').DefineComponent<DropdownProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
|
|
105
|
+
"dropdown:click": (item: DropdownItem) => any;
|
|
106
|
+
}, string, import('../../node_modules/vue').PublicProps, Readonly<DropdownProps> & Readonly<{
|
|
107
|
+
"onDropdown:click"?: ((item: DropdownItem) => any) | undefined;
|
|
108
|
+
}>, {
|
|
109
|
+
label: string;
|
|
110
|
+
rootClass: string;
|
|
111
|
+
alignLeft: boolean;
|
|
112
|
+
fullWidth: boolean;
|
|
113
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {}, any>;
|
|
114
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
115
|
+
export default _default;
|
|
116
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
117
|
+
new (): {
|
|
118
|
+
$slots: S;
|
|
119
|
+
};
|
|
120
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Icon } from '../types/shared';
|
|
2
|
+
export interface EmptyStateProps {
|
|
3
|
+
title: string;
|
|
4
|
+
background?: boolean;
|
|
5
|
+
icon?: Icon;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {};
|
|
13
|
+
rootEl: HTMLDivElement;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
+
declare const __VLS_component: import('../../node_modules/vue').DefineComponent<EmptyStateProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {}, string, import('../../node_modules/vue').PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { Icon } from '../types/shared';
|
|
2
|
+
export type FormInputSize = 'sm' | 'base';
|
|
3
|
+
export type FormInputModelValue = string | number | undefined;
|
|
4
|
+
export interface FormInputProps {
|
|
5
|
+
modelValue?: FormInputModelValue;
|
|
6
|
+
rootClass?: string;
|
|
7
|
+
prefixIcon?: Icon;
|
|
8
|
+
icon?: Icon;
|
|
9
|
+
size?: FormInputSize;
|
|
10
|
+
}
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
prefix?(_: {}): any;
|
|
15
|
+
prefixIcon?(_: {
|
|
16
|
+
icon: Icon;
|
|
17
|
+
}): any;
|
|
18
|
+
input?(_: {}): any;
|
|
19
|
+
suffix?(_: {}): any;
|
|
20
|
+
icon?(_: {
|
|
21
|
+
icon: Icon;
|
|
22
|
+
}): any;
|
|
23
|
+
};
|
|
24
|
+
refs: {
|
|
25
|
+
input: HTMLInputElement;
|
|
26
|
+
};
|
|
27
|
+
rootEl: any;
|
|
28
|
+
};
|
|
29
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
30
|
+
declare const __VLS_component: import('../../node_modules/vue').DefineComponent<FormInputProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
|
|
31
|
+
"update:modelValue": (value: FormInputModelValue) => any;
|
|
32
|
+
}, string, import('../../node_modules/vue').PublicProps, Readonly<FormInputProps> & Readonly<{
|
|
33
|
+
"onUpdate:modelValue"?: ((value: FormInputModelValue) => any) | undefined;
|
|
34
|
+
}>, {
|
|
35
|
+
icon: Icon;
|
|
36
|
+
size: FormInputSize;
|
|
37
|
+
modelValue: string | number;
|
|
38
|
+
rootClass: string;
|
|
39
|
+
prefixIcon: Icon;
|
|
40
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {
|
|
41
|
+
input: HTMLInputElement;
|
|
42
|
+
}, any>;
|
|
43
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
44
|
+
export default _default;
|
|
45
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
46
|
+
new (): {
|
|
47
|
+
$slots: S;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Icon } from '../types/shared';
|
|
2
|
+
export type FormSelectSize = 'sm' | 'base';
|
|
3
|
+
export type FormSelectModelValue = string | number | object | boolean | null;
|
|
4
|
+
export interface FormSelectOption {
|
|
5
|
+
[key: string]: unknown;
|
|
6
|
+
}
|
|
7
|
+
export interface FormSelectProps {
|
|
8
|
+
modelValue?: FormSelectModelValue;
|
|
9
|
+
rootClass?: string;
|
|
10
|
+
prefixIcon?: Icon;
|
|
11
|
+
icon?: Icon;
|
|
12
|
+
size?: FormSelectSize;
|
|
13
|
+
options?: FormSelectOption[];
|
|
14
|
+
optionLabel?: string;
|
|
15
|
+
optionValue?: string;
|
|
16
|
+
}
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
attrs: Partial<{}>;
|
|
19
|
+
slots: {
|
|
20
|
+
prefixIcon?(_: {
|
|
21
|
+
icon: import('../types/shared').RenderableComponent;
|
|
22
|
+
}): any;
|
|
23
|
+
select?(_: {}): any;
|
|
24
|
+
default?(_: {}): any;
|
|
25
|
+
default?(_: {}): any;
|
|
26
|
+
icon?(_: {
|
|
27
|
+
icon: Icon;
|
|
28
|
+
}): any;
|
|
29
|
+
};
|
|
30
|
+
refs: {
|
|
31
|
+
select: HTMLSelectElement;
|
|
32
|
+
};
|
|
33
|
+
rootEl: any;
|
|
34
|
+
};
|
|
35
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
36
|
+
declare const __VLS_component: import('../../node_modules/vue').DefineComponent<FormSelectProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
|
|
37
|
+
"update:modelValue": (value: FormSelectModelValue) => any;
|
|
38
|
+
}, string, import('../../node_modules/vue').PublicProps, Readonly<FormSelectProps> & Readonly<{
|
|
39
|
+
"onUpdate:modelValue"?: ((value: FormSelectModelValue) => any) | undefined;
|
|
40
|
+
}>, {
|
|
41
|
+
icon: Icon;
|
|
42
|
+
size: FormSelectSize;
|
|
43
|
+
modelValue: FormSelectModelValue;
|
|
44
|
+
rootClass: string;
|
|
45
|
+
prefixIcon: Icon;
|
|
46
|
+
options: FormSelectOption[];
|
|
47
|
+
optionLabel: string;
|
|
48
|
+
optionValue: string;
|
|
49
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {
|
|
50
|
+
select: HTMLSelectElement;
|
|
51
|
+
}, any>;
|
|
52
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
53
|
+
export default _default;
|
|
54
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
55
|
+
new (): {
|
|
56
|
+
$slots: S;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type FormTextareaSize = 'sm' | 'base';
|
|
2
|
+
export interface FormTextareaProps {
|
|
3
|
+
modelValue?: string;
|
|
4
|
+
size?: FormTextareaSize;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: import('../../node_modules/vue').DefineComponent<FormTextareaProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
|
|
7
|
+
"update:modelValue": (value: string) => any;
|
|
8
|
+
}, string, import('../../node_modules/vue').PublicProps, Readonly<FormTextareaProps> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
size: FormTextareaSize;
|
|
12
|
+
modelValue: string;
|
|
13
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {
|
|
14
|
+
textarea: HTMLTextAreaElement;
|
|
15
|
+
}, any>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface LightswitchProps {
|
|
2
|
+
modelValue?: boolean;
|
|
3
|
+
}
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
attrs: Partial<{}>;
|
|
6
|
+
slots: {
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: any;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('../../node_modules/vue').DefineComponent<LightswitchProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
|
|
14
|
+
"update:modelValue": (value: boolean) => any;
|
|
15
|
+
}, string, import('../../node_modules/vue').PublicProps, Readonly<LightswitchProps> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
modelValue: boolean;
|
|
19
|
+
}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|