@mantine-vue/core 2.0.0 → 2.1.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/cjs/index.cjs +3615 -2207
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +3594 -2208
- package/esm/index.mjs.map +1 -1
- package/lib/components/Accordion/Accordion.d.ts +11 -11
- package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +15 -9
- package/lib/components/ActionIcon/ActionIcon.d.ts +1 -1
- package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.d.ts +1 -1
- package/lib/components/Alert/Alert.d.ts +14 -8
- package/lib/components/AppShell/AppShell.d.ts +3 -3
- package/lib/components/Autocomplete/Autocomplete.d.ts +15 -3
- package/lib/components/Badge/Badge.d.ts +13 -10
- package/lib/components/Blockquote/Blockquote.d.ts +14 -8
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +10 -5
- package/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Button/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/lib/components/Card/Card.d.ts +3 -3
- package/lib/components/Checkbox/Checkbox.d.ts +44 -32
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +18 -11
- package/lib/components/Checkbox/CheckboxIndicator/CheckboxIndicator.d.ts +9 -2
- package/lib/components/CloseButton/CloseButton.d.ts +10 -5
- package/lib/components/Collapse/Collapse.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +4 -4
- package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +6 -2
- package/lib/components/ComboboxPopover/ComboboxPopover.d.ts +970 -0
- package/lib/components/ComboboxPopover/ComboboxPopover.types.d.ts +2 -0
- package/lib/components/ComboboxPopover/ComboboxPopoverTarget.d.ts +24 -0
- package/lib/components/ComboboxPopover/index.d.ts +5 -0
- package/lib/components/DataList/DataList.context.d.ts +4 -0
- package/lib/components/DataList/DataList.d.ts +304 -0
- package/lib/components/DataList/DataListItem/DataListItem.d.ts +44 -0
- package/lib/components/DataList/DataListItemLabel/DataListItemLabel.d.ts +44 -0
- package/lib/components/DataList/DataListItemValue/DataListItemValue.d.ts +44 -0
- package/lib/components/DataList/index.d.ts +10 -0
- package/lib/components/Dialog/Dialog.d.ts +1 -1
- package/lib/components/Divider/Divider.d.ts +11 -6
- package/lib/components/Drawer/Drawer.d.ts +14 -9
- package/lib/components/EmptyState/EmptyState.context.d.ts +5 -0
- package/lib/components/EmptyState/EmptyState.d.ts +401 -0
- package/lib/components/EmptyState/EmptyStateActions/EmptyStateActions.d.ts +44 -0
- package/lib/components/EmptyState/EmptyStateDescription/EmptyStateDescription.d.ts +44 -0
- package/lib/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.d.ts +44 -0
- package/lib/components/EmptyState/EmptyStateTitle/EmptyStateTitle.d.ts +55 -0
- package/lib/components/EmptyState/index.d.ts +12 -0
- package/lib/components/Fieldset/Fieldset.d.ts +10 -5
- package/lib/components/FileButton/FileButton.d.ts +1 -1
- package/lib/components/FileInput/FileInput.d.ts +27 -18
- package/lib/components/Highlight/Highlight.d.ts +1 -1
- package/lib/components/HoverCard/HoverCard.context.d.ts +1 -0
- package/lib/components/HoverCard/use-hover-card.d.ts +1 -0
- package/lib/components/Indicator/Indicator.d.ts +10 -5
- package/lib/components/Input/Input.d.ts +29 -25
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +18 -11
- package/lib/components/InputBase/InputBase.d.ts +22 -15
- package/lib/components/List/List.d.ts +21 -16
- package/lib/components/List/ListItem/ListItem.d.ts +10 -5
- package/lib/components/Marquee/Marquee.d.ts +1 -1
- package/lib/components/Menu/Menu.d.ts +69 -30
- package/lib/components/Menubar/Menubar.context.d.ts +51 -0
- package/lib/components/Menubar/Menubar.d.ts +282 -0
- package/lib/components/Menubar/MenubarDropdown/MenubarDropdown.d.ts +10 -0
- package/lib/components/Menubar/MenubarMenu/MenubarMenu.d.ts +49 -0
- package/lib/components/Menubar/MenubarTarget/MenubarTarget.d.ts +35 -0
- package/lib/components/Menubar/index.d.ts +10 -0
- package/lib/components/Modal/Modal.d.ts +14 -9
- package/lib/components/MultiSelect/MultiSelect.d.ts +16 -4
- package/lib/components/NativeSelect/NativeSelect.d.ts +25 -16
- package/lib/components/NavLink/NavLink.d.ts +15 -9
- package/lib/components/Notification/Notification.d.ts +14 -8
- package/lib/components/NumberInput/NumberInput.d.ts +22 -14
- package/lib/components/Overlay/Overlay.d.ts +1 -1
- package/lib/components/Pagination/Pagination.d.ts +5 -5
- package/lib/components/Pagination/PaginationDots/PaginationDots.d.ts +5 -2
- package/lib/components/Pagination/PaginationEdges/PaginationEdges.d.ts +8 -5
- package/lib/components/PasswordInput/PasswordInput.d.ts +26 -18
- package/lib/components/PillsInput/PillsInput.d.ts +30 -21
- package/lib/components/PinInput/PinInput.d.ts +2 -2
- package/lib/components/Progress/Progress.d.ts +4 -4
- package/lib/components/Progress/ProgressRoot/ProgressRoot.d.ts +1 -1
- package/lib/components/Radio/Radio.d.ts +42 -32
- package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +18 -11
- package/lib/components/Radio/RadioIndicator/RadioIndicator.d.ts +8 -2
- package/lib/components/Rating/Rating.d.ts +17 -8
- package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.d.ts +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/lib/components/Select/Select.d.ts +17 -5
- package/lib/components/SemiCircleProgress/SemiCircleProgress.d.ts +10 -6
- package/lib/components/Skeleton/Skeleton.d.ts +2 -2
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +13 -4
- package/lib/components/Slider/Slider/Slider.d.ts +10 -4
- package/lib/components/Slider/SliderRoot/SliderRoot.d.ts +1 -1
- package/lib/components/Slider/Thumb/Thumb.d.ts +1 -1
- package/lib/components/Splitter/Splitter.d.ts +3 -3
- package/lib/components/Spoiler/Spoiler.d.ts +18 -10
- package/lib/components/Stepper/Stepper.d.ts +22 -10
- package/lib/components/Stepper/StepperStep/StepperStep.d.ts +15 -5
- package/lib/components/Switch/Switch.d.ts +58 -49
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +18 -11
- package/lib/components/Table/Table.d.ts +3 -3
- package/lib/components/Tabs/Tabs.d.ts +14 -14
- package/lib/components/Tabs/TabsTab/TabsTab.d.ts +13 -9
- package/lib/components/TagsInput/TagsInput.d.ts +15 -3
- package/lib/components/Text/Text.d.ts +1 -1
- package/lib/components/Textarea/Textarea.d.ts +1 -1
- package/lib/components/Timeline/Timeline.d.ts +8 -8
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +15 -9
- package/lib/components/TreeSelect/TreeSelect.d.ts +14 -5
- package/lib/components/index.d.ts +4 -0
- package/lib/core/Box/Box.d.ts +2 -2
- package/lib/core/index.d.ts +1 -0
- package/lib/core/renderable-node.d.ts +10 -0
- package/lib/core/utils/create-scoped-keydown-handler.d.ts +10 -0
- package/lib/core/utils/index.d.ts +1 -0
- package/lib/utils/InlineInput/InlineInput.d.ts +1 -1
- package/package.json +3 -3
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
2
|
import { type SliderStylesNames } from '../Slider.context';
|
|
3
3
|
import type { SliderMark } from '../SliderMark';
|
|
4
4
|
export type { SliderStylesNames };
|
|
5
|
+
export interface SliderSlots {
|
|
6
|
+
label?: (payload: {
|
|
7
|
+
value: number;
|
|
8
|
+
}) => VNodeChild;
|
|
9
|
+
thumbChildren?: () => VNodeChild;
|
|
10
|
+
}
|
|
5
11
|
export declare const Slider: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
6
12
|
color: {
|
|
7
13
|
type: StringConstructor;
|
|
@@ -281,12 +287,13 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
|
|
|
281
287
|
}>> & Readonly<{}>, {
|
|
282
288
|
size: string | number;
|
|
283
289
|
max: number;
|
|
290
|
+
label: any;
|
|
291
|
+
orientation: "vertical" | "horizontal";
|
|
284
292
|
radius: string | number;
|
|
285
293
|
name: string;
|
|
286
294
|
color: string;
|
|
287
295
|
scale: (value: number) => number;
|
|
288
296
|
onChange: (value: number) => void;
|
|
289
|
-
label: any;
|
|
290
297
|
value: number;
|
|
291
298
|
classNames: Function | Record<string, any>;
|
|
292
299
|
styles: Function | Record<string, any>;
|
|
@@ -294,7 +301,6 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
|
|
|
294
301
|
defaultValue: number;
|
|
295
302
|
step: number;
|
|
296
303
|
onChangeEnd: (value: number) => void;
|
|
297
|
-
orientation: "horizontal" | "vertical";
|
|
298
304
|
vars: Function | Record<string, any>;
|
|
299
305
|
unstyled: boolean;
|
|
300
306
|
marks: SliderMark[];
|
|
@@ -313,4 +319,4 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
|
|
|
313
319
|
domain: [number, number];
|
|
314
320
|
thumbChildren: any;
|
|
315
321
|
thumbProps: Record<string, any>;
|
|
316
|
-
},
|
|
322
|
+
}, SlotsType<SliderSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -36,7 +36,7 @@ export declare const SliderRoot: import("../../..").WithBoxProps<import("vue").D
|
|
|
36
36
|
default: string;
|
|
37
37
|
};
|
|
38
38
|
}>> & Readonly<{}>, {
|
|
39
|
+
orientation: "vertical" | "horizontal";
|
|
39
40
|
variant: string;
|
|
40
41
|
disabled: boolean;
|
|
41
|
-
orientation: "horizontal" | "vertical";
|
|
42
42
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -121,8 +121,8 @@ export declare const Thumb: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
121
121
|
onMousedown?: ((...args: any[]) => any) | undefined;
|
|
122
122
|
}>, {
|
|
123
123
|
label: any;
|
|
124
|
+
orientation: "vertical" | "horizontal";
|
|
124
125
|
disabled: boolean;
|
|
125
|
-
orientation: "horizontal" | "vertical";
|
|
126
126
|
dragging: boolean;
|
|
127
127
|
thumbValueText: string | ((value: number) => string);
|
|
128
128
|
labelTransitionProps: Record<string, any>;
|
|
@@ -110,12 +110,12 @@ export declare const Splitter: import("../..").WithBoxProps<{
|
|
|
110
110
|
}>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
111
111
|
[key: string]: any;
|
|
112
112
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
113
|
+
orientation: "vertical" | "horizontal";
|
|
113
114
|
sizes: number[];
|
|
114
115
|
classNames: Function | Record<string, any>;
|
|
115
116
|
styles: Function | Record<string, any>;
|
|
116
117
|
mod: any;
|
|
117
118
|
step: number;
|
|
118
|
-
orientation: "horizontal" | "vertical";
|
|
119
119
|
onSizeChange: (sizes: number[]) => void;
|
|
120
120
|
onResizeStart: (index: number) => void;
|
|
121
121
|
onResizeEnd: (index: number, sizes: number[]) => void;
|
|
@@ -221,12 +221,12 @@ export declare const Splitter: import("../..").WithBoxProps<{
|
|
|
221
221
|
}>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
222
222
|
[key: string]: any;
|
|
223
223
|
}>, {}, {}, {}, {
|
|
224
|
+
orientation: "vertical" | "horizontal";
|
|
224
225
|
sizes: number[];
|
|
225
226
|
classNames: Function | Record<string, any>;
|
|
226
227
|
styles: Function | Record<string, any>;
|
|
227
228
|
mod: any;
|
|
228
229
|
step: number;
|
|
229
|
-
orientation: "horizontal" | "vertical";
|
|
230
230
|
onSizeChange: (sizes: number[]) => void;
|
|
231
231
|
onResizeStart: (index: number) => void;
|
|
232
232
|
onResizeEnd: (index: number, sizes: number[]) => void;
|
|
@@ -329,12 +329,12 @@ export declare const Splitter: import("../..").WithBoxProps<{
|
|
|
329
329
|
}>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
330
330
|
[key: string]: any;
|
|
331
331
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
332
|
+
orientation: "vertical" | "horizontal";
|
|
332
333
|
sizes: number[];
|
|
333
334
|
classNames: Function | Record<string, any>;
|
|
334
335
|
styles: Function | Record<string, any>;
|
|
335
336
|
mod: any;
|
|
336
337
|
step: number;
|
|
337
|
-
orientation: "horizontal" | "vertical";
|
|
338
338
|
onSizeChange: (sizes: number[]) => void;
|
|
339
339
|
onResizeStart: (index: number) => void;
|
|
340
340
|
onResizeEnd: (index: number, sizes: number[]) => void;
|
|
@@ -1,17 +1,23 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
2
3
|
export type SpoilerStylesNames = 'root' | 'control' | 'content';
|
|
4
|
+
export interface SpoilerSlots {
|
|
5
|
+
default?: () => VNodeChild;
|
|
6
|
+
showLabel?: () => VNodeChild;
|
|
7
|
+
hideLabel?: () => VNodeChild;
|
|
8
|
+
}
|
|
3
9
|
export declare const Spoiler: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
10
|
maxHeight: {
|
|
5
11
|
type: NumberConstructor;
|
|
6
12
|
default: undefined;
|
|
7
13
|
};
|
|
8
14
|
showLabel: {
|
|
9
|
-
type: PropType<
|
|
10
|
-
|
|
15
|
+
type: PropType<MantineNode>;
|
|
16
|
+
default: undefined;
|
|
11
17
|
};
|
|
12
18
|
hideLabel: {
|
|
13
|
-
type: PropType<
|
|
14
|
-
|
|
19
|
+
type: PropType<MantineNode>;
|
|
20
|
+
default: undefined;
|
|
15
21
|
};
|
|
16
22
|
defaultExpanded: {
|
|
17
23
|
type: BooleanConstructor;
|
|
@@ -65,12 +71,12 @@ export declare const Spoiler: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
65
71
|
default: undefined;
|
|
66
72
|
};
|
|
67
73
|
showLabel: {
|
|
68
|
-
type: PropType<
|
|
69
|
-
|
|
74
|
+
type: PropType<MantineNode>;
|
|
75
|
+
default: undefined;
|
|
70
76
|
};
|
|
71
77
|
hideLabel: {
|
|
72
|
-
type: PropType<
|
|
73
|
-
|
|
78
|
+
type: PropType<MantineNode>;
|
|
79
|
+
default: undefined;
|
|
74
80
|
};
|
|
75
81
|
defaultExpanded: {
|
|
76
82
|
type: BooleanConstructor;
|
|
@@ -125,8 +131,10 @@ export declare const Spoiler: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
125
131
|
maxHeight: number;
|
|
126
132
|
vars: Function | Record<string, any>;
|
|
127
133
|
unstyled: boolean;
|
|
134
|
+
showLabel: MantineNode;
|
|
135
|
+
hideLabel: MantineNode;
|
|
128
136
|
defaultExpanded: boolean;
|
|
129
137
|
onExpandedChange: (expanded: boolean) => void;
|
|
130
138
|
showAriaLabel: string;
|
|
131
139
|
hideAriaLabel: string;
|
|
132
|
-
},
|
|
140
|
+
}, SlotsType<SpoilerSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,4 +1,16 @@
|
|
|
1
|
-
import { type PropType, type VNode } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
|
|
2
|
+
export interface StepperSlots {
|
|
3
|
+
default?: () => VNodeChild;
|
|
4
|
+
icon?: (payload: {
|
|
5
|
+
step: number;
|
|
6
|
+
}) => VNodeChild;
|
|
7
|
+
completedIcon?: (payload: {
|
|
8
|
+
step: number;
|
|
9
|
+
}) => VNodeChild;
|
|
10
|
+
progressIcon?: (payload: {
|
|
11
|
+
step: number;
|
|
12
|
+
}) => VNodeChild;
|
|
13
|
+
}
|
|
2
14
|
export type StepperStylesNames = 'root' | 'separator' | 'steps' | 'content' | 'step' | 'stepLoader' | 'verticalSeparator' | 'stepWrapper' | 'stepIcon' | 'stepCompletedIcon' | 'stepIconContent' | 'stepBody' | 'stepLabel' | 'stepDescription';
|
|
3
15
|
export declare const Stepper: import("../..").WithBoxProps<{
|
|
4
16
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -90,6 +102,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
90
102
|
[key: string]: any;
|
|
91
103
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
92
104
|
size: string | number;
|
|
105
|
+
orientation: "vertical" | "horizontal";
|
|
93
106
|
radius: string | number;
|
|
94
107
|
wrap: boolean;
|
|
95
108
|
color: string;
|
|
@@ -99,7 +112,6 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
99
112
|
mod: any;
|
|
100
113
|
keepMounted: boolean;
|
|
101
114
|
icon: any;
|
|
102
|
-
orientation: "horizontal" | "vertical";
|
|
103
115
|
vars: Function | Record<string, any>;
|
|
104
116
|
unstyled: boolean;
|
|
105
117
|
iconSize: string | number;
|
|
@@ -109,7 +121,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
109
121
|
contentPadding: string | number;
|
|
110
122
|
onStepClick: (stepIndex: number) => void;
|
|
111
123
|
allowNextStepsSelect: boolean;
|
|
112
|
-
}, true, {},
|
|
124
|
+
}, true, {}, SlotsType<StepperSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
113
125
|
P: {};
|
|
114
126
|
B: {};
|
|
115
127
|
D: {};
|
|
@@ -205,6 +217,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
205
217
|
[key: string]: any;
|
|
206
218
|
}>, {}, {}, {}, {
|
|
207
219
|
size: string | number;
|
|
220
|
+
orientation: "vertical" | "horizontal";
|
|
208
221
|
radius: string | number;
|
|
209
222
|
wrap: boolean;
|
|
210
223
|
color: string;
|
|
@@ -214,7 +227,6 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
214
227
|
mod: any;
|
|
215
228
|
keepMounted: boolean;
|
|
216
229
|
icon: any;
|
|
217
|
-
orientation: "horizontal" | "vertical";
|
|
218
230
|
vars: Function | Record<string, any>;
|
|
219
231
|
unstyled: boolean;
|
|
220
232
|
iconSize: string | number;
|
|
@@ -317,6 +329,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
317
329
|
[key: string]: any;
|
|
318
330
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
319
331
|
size: string | number;
|
|
332
|
+
orientation: "vertical" | "horizontal";
|
|
320
333
|
radius: string | number;
|
|
321
334
|
wrap: boolean;
|
|
322
335
|
color: string;
|
|
@@ -326,7 +339,6 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
326
339
|
mod: any;
|
|
327
340
|
keepMounted: boolean;
|
|
328
341
|
icon: any;
|
|
329
|
-
orientation: "horizontal" | "vertical";
|
|
330
342
|
vars: Function | Record<string, any>;
|
|
331
343
|
unstyled: boolean;
|
|
332
344
|
iconSize: string | number;
|
|
@@ -336,7 +348,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
336
348
|
contentPadding: string | number;
|
|
337
349
|
onStepClick: (stepIndex: number) => void;
|
|
338
350
|
allowNextStepsSelect: boolean;
|
|
339
|
-
}, {}, string,
|
|
351
|
+
}, {}, string, SlotsType<StepperSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
340
352
|
classes: Record<string, string>;
|
|
341
353
|
varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
|
|
342
354
|
Step: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -504,16 +516,16 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
504
516
|
default: undefined;
|
|
505
517
|
};
|
|
506
518
|
}>> & Readonly<{}>, {
|
|
507
|
-
color: string;
|
|
508
|
-
style: any;
|
|
509
519
|
label: any;
|
|
520
|
+
style: any;
|
|
521
|
+
orientation: "vertical" | "horizontal";
|
|
522
|
+
color: string;
|
|
510
523
|
classNames: Function | Record<string, any>;
|
|
511
524
|
styles: Function | Record<string, any>;
|
|
512
525
|
description: any;
|
|
513
526
|
mod: any;
|
|
514
527
|
step: number;
|
|
515
528
|
icon: any;
|
|
516
|
-
orientation: "horizontal" | "vertical";
|
|
517
529
|
className: any;
|
|
518
530
|
state: import(".").StepperStepState;
|
|
519
531
|
loading: boolean;
|
|
@@ -524,6 +536,6 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
524
536
|
iconPosition: "left" | "right";
|
|
525
537
|
allowStepClick: boolean;
|
|
526
538
|
allowStepSelect: boolean;
|
|
527
|
-
},
|
|
539
|
+
}, SlotsType<import("./StepperStep/StepperStep").StepperStepSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
528
540
|
Completed: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
529
541
|
}>;
|
|
@@ -1,6 +1,16 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
export interface StepperStepFragmentSlotProps {
|
|
3
|
+
step: number;
|
|
4
|
+
}
|
|
2
5
|
export type StepperStepState = 'stepInactive' | 'stepProgress' | 'stepCompleted';
|
|
3
6
|
export type StepperStepStylesNames = 'step' | 'stepLoader' | 'verticalSeparator' | 'stepWrapper' | 'stepIcon' | 'stepCompletedIcon' | 'stepIconContent' | 'stepBody' | 'stepLabel' | 'stepDescription';
|
|
7
|
+
export interface StepperStepSlots {
|
|
8
|
+
icon?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
9
|
+
completedIcon?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
10
|
+
progressIcon?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
11
|
+
label?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
12
|
+
description?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
13
|
+
}
|
|
4
14
|
export declare const StepperStep: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
15
|
step: {
|
|
6
16
|
type: NumberConstructor;
|
|
@@ -166,16 +176,16 @@ export declare const StepperStep: import("../../..").WithBoxProps<import("vue").
|
|
|
166
176
|
default: undefined;
|
|
167
177
|
};
|
|
168
178
|
}>> & Readonly<{}>, {
|
|
169
|
-
color: string;
|
|
170
|
-
style: any;
|
|
171
179
|
label: any;
|
|
180
|
+
style: any;
|
|
181
|
+
orientation: "vertical" | "horizontal";
|
|
182
|
+
color: string;
|
|
172
183
|
classNames: Function | Record<string, any>;
|
|
173
184
|
styles: Function | Record<string, any>;
|
|
174
185
|
description: any;
|
|
175
186
|
mod: any;
|
|
176
187
|
step: number;
|
|
177
188
|
icon: any;
|
|
178
|
-
orientation: "horizontal" | "vertical";
|
|
179
189
|
className: any;
|
|
180
190
|
state: StepperStepState;
|
|
181
191
|
loading: boolean;
|
|
@@ -186,4 +196,4 @@ export declare const StepperStep: import("../../..").WithBoxProps<import("vue").
|
|
|
186
196
|
iconPosition: "left" | "right";
|
|
187
197
|
allowStepClick: boolean;
|
|
188
198
|
allowStepSelect: boolean;
|
|
189
|
-
},
|
|
199
|
+
}, SlotsType<StepperStepSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
3
|
+
export interface SwitchSlots {
|
|
4
|
+
label?: () => VNodeChild;
|
|
5
|
+
description?: () => VNodeChild;
|
|
6
|
+
error?: () => VNodeChild;
|
|
7
|
+
thumbIcon?: () => VNodeChild;
|
|
8
|
+
onLabel?: () => VNodeChild;
|
|
9
|
+
offLabel?: () => VNodeChild;
|
|
10
|
+
}
|
|
2
11
|
export type SwitchStylesNames = 'root' | 'track' | 'trackLabel' | 'thumb' | 'input' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error';
|
|
3
12
|
export declare const Switch: import("../..").WithBoxProps<{
|
|
4
13
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -7,15 +16,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
7
16
|
default: undefined;
|
|
8
17
|
};
|
|
9
18
|
label: {
|
|
10
|
-
type: PropType<
|
|
19
|
+
type: PropType<MantineNode>;
|
|
11
20
|
default: undefined;
|
|
12
21
|
};
|
|
13
22
|
offLabel: {
|
|
14
|
-
type: PropType<
|
|
23
|
+
type: PropType<MantineNode>;
|
|
15
24
|
default: undefined;
|
|
16
25
|
};
|
|
17
26
|
onLabel: {
|
|
18
|
-
type: PropType<
|
|
27
|
+
type: PropType<MantineNode>;
|
|
19
28
|
default: undefined;
|
|
20
29
|
};
|
|
21
30
|
color: {
|
|
@@ -35,7 +44,7 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
35
44
|
default: undefined;
|
|
36
45
|
};
|
|
37
46
|
thumbIcon: {
|
|
38
|
-
type: PropType<
|
|
47
|
+
type: PropType<MantineNode>;
|
|
39
48
|
default: undefined;
|
|
40
49
|
};
|
|
41
50
|
labelPosition: {
|
|
@@ -43,11 +52,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
43
52
|
default: string;
|
|
44
53
|
};
|
|
45
54
|
description: {
|
|
46
|
-
type: PropType<
|
|
55
|
+
type: PropType<MantineNode>;
|
|
47
56
|
default: undefined;
|
|
48
57
|
};
|
|
49
58
|
error: {
|
|
50
|
-
type: PropType<
|
|
59
|
+
type: PropType<MantineNode | boolean>;
|
|
51
60
|
default: undefined;
|
|
52
61
|
};
|
|
53
62
|
rootRef: {
|
|
@@ -102,15 +111,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
102
111
|
[key: string]: any;
|
|
103
112
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
104
113
|
size: string | number;
|
|
114
|
+
label: MantineNode;
|
|
105
115
|
radius: string | number;
|
|
106
116
|
color: string;
|
|
107
117
|
variant: string;
|
|
108
|
-
error:
|
|
118
|
+
error: MantineNode;
|
|
109
119
|
onChange: (event: Event) => void;
|
|
110
|
-
label: any;
|
|
111
120
|
classNames: Function | Record<string, any>;
|
|
112
121
|
styles: Function | Record<string, any>;
|
|
113
|
-
description:
|
|
122
|
+
description: MantineNode;
|
|
114
123
|
disabled: boolean;
|
|
115
124
|
mod: any;
|
|
116
125
|
id: string;
|
|
@@ -121,11 +130,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
121
130
|
rootRef: any;
|
|
122
131
|
checked: boolean;
|
|
123
132
|
defaultChecked: boolean;
|
|
124
|
-
offLabel:
|
|
125
|
-
onLabel:
|
|
126
|
-
thumbIcon:
|
|
133
|
+
offLabel: MantineNode;
|
|
134
|
+
onLabel: MantineNode;
|
|
135
|
+
thumbIcon: MantineNode;
|
|
127
136
|
withThumbIndicator: boolean;
|
|
128
|
-
}, true, {},
|
|
137
|
+
}, true, {}, SlotsType<SwitchSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
129
138
|
P: {};
|
|
130
139
|
B: {};
|
|
131
140
|
D: {};
|
|
@@ -138,15 +147,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
138
147
|
default: undefined;
|
|
139
148
|
};
|
|
140
149
|
label: {
|
|
141
|
-
type: PropType<
|
|
150
|
+
type: PropType<MantineNode>;
|
|
142
151
|
default: undefined;
|
|
143
152
|
};
|
|
144
153
|
offLabel: {
|
|
145
|
-
type: PropType<
|
|
154
|
+
type: PropType<MantineNode>;
|
|
146
155
|
default: undefined;
|
|
147
156
|
};
|
|
148
157
|
onLabel: {
|
|
149
|
-
type: PropType<
|
|
158
|
+
type: PropType<MantineNode>;
|
|
150
159
|
default: undefined;
|
|
151
160
|
};
|
|
152
161
|
color: {
|
|
@@ -166,7 +175,7 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
166
175
|
default: undefined;
|
|
167
176
|
};
|
|
168
177
|
thumbIcon: {
|
|
169
|
-
type: PropType<
|
|
178
|
+
type: PropType<MantineNode>;
|
|
170
179
|
default: undefined;
|
|
171
180
|
};
|
|
172
181
|
labelPosition: {
|
|
@@ -174,11 +183,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
174
183
|
default: string;
|
|
175
184
|
};
|
|
176
185
|
description: {
|
|
177
|
-
type: PropType<
|
|
186
|
+
type: PropType<MantineNode>;
|
|
178
187
|
default: undefined;
|
|
179
188
|
};
|
|
180
189
|
error: {
|
|
181
|
-
type: PropType<
|
|
190
|
+
type: PropType<MantineNode | boolean>;
|
|
182
191
|
default: undefined;
|
|
183
192
|
};
|
|
184
193
|
rootRef: {
|
|
@@ -233,15 +242,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
233
242
|
[key: string]: any;
|
|
234
243
|
}>, {}, {}, {}, {
|
|
235
244
|
size: string | number;
|
|
245
|
+
label: MantineNode;
|
|
236
246
|
radius: string | number;
|
|
237
247
|
color: string;
|
|
238
248
|
variant: string;
|
|
239
|
-
error:
|
|
249
|
+
error: MantineNode;
|
|
240
250
|
onChange: (event: Event) => void;
|
|
241
|
-
label: any;
|
|
242
251
|
classNames: Function | Record<string, any>;
|
|
243
252
|
styles: Function | Record<string, any>;
|
|
244
|
-
description:
|
|
253
|
+
description: MantineNode;
|
|
245
254
|
disabled: boolean;
|
|
246
255
|
mod: any;
|
|
247
256
|
id: string;
|
|
@@ -252,9 +261,9 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
252
261
|
rootRef: any;
|
|
253
262
|
checked: boolean;
|
|
254
263
|
defaultChecked: boolean;
|
|
255
|
-
offLabel:
|
|
256
|
-
onLabel:
|
|
257
|
-
thumbIcon:
|
|
264
|
+
offLabel: MantineNode;
|
|
265
|
+
onLabel: MantineNode;
|
|
266
|
+
thumbIcon: MantineNode;
|
|
258
267
|
withThumbIndicator: boolean;
|
|
259
268
|
}>;
|
|
260
269
|
__isFragment?: never;
|
|
@@ -266,15 +275,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
266
275
|
default: undefined;
|
|
267
276
|
};
|
|
268
277
|
label: {
|
|
269
|
-
type: PropType<
|
|
278
|
+
type: PropType<MantineNode>;
|
|
270
279
|
default: undefined;
|
|
271
280
|
};
|
|
272
281
|
offLabel: {
|
|
273
|
-
type: PropType<
|
|
282
|
+
type: PropType<MantineNode>;
|
|
274
283
|
default: undefined;
|
|
275
284
|
};
|
|
276
285
|
onLabel: {
|
|
277
|
-
type: PropType<
|
|
286
|
+
type: PropType<MantineNode>;
|
|
278
287
|
default: undefined;
|
|
279
288
|
};
|
|
280
289
|
color: {
|
|
@@ -294,7 +303,7 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
294
303
|
default: undefined;
|
|
295
304
|
};
|
|
296
305
|
thumbIcon: {
|
|
297
|
-
type: PropType<
|
|
306
|
+
type: PropType<MantineNode>;
|
|
298
307
|
default: undefined;
|
|
299
308
|
};
|
|
300
309
|
labelPosition: {
|
|
@@ -302,11 +311,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
302
311
|
default: string;
|
|
303
312
|
};
|
|
304
313
|
description: {
|
|
305
|
-
type: PropType<
|
|
314
|
+
type: PropType<MantineNode>;
|
|
306
315
|
default: undefined;
|
|
307
316
|
};
|
|
308
317
|
error: {
|
|
309
|
-
type: PropType<
|
|
318
|
+
type: PropType<MantineNode | boolean>;
|
|
310
319
|
default: undefined;
|
|
311
320
|
};
|
|
312
321
|
rootRef: {
|
|
@@ -361,15 +370,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
361
370
|
[key: string]: any;
|
|
362
371
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
363
372
|
size: string | number;
|
|
373
|
+
label: MantineNode;
|
|
364
374
|
radius: string | number;
|
|
365
375
|
color: string;
|
|
366
376
|
variant: string;
|
|
367
|
-
error:
|
|
377
|
+
error: MantineNode;
|
|
368
378
|
onChange: (event: Event) => void;
|
|
369
|
-
label: any;
|
|
370
379
|
classNames: Function | Record<string, any>;
|
|
371
380
|
styles: Function | Record<string, any>;
|
|
372
|
-
description:
|
|
381
|
+
description: MantineNode;
|
|
373
382
|
disabled: boolean;
|
|
374
383
|
mod: any;
|
|
375
384
|
id: string;
|
|
@@ -380,11 +389,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
380
389
|
rootRef: any;
|
|
381
390
|
checked: boolean;
|
|
382
391
|
defaultChecked: boolean;
|
|
383
|
-
offLabel:
|
|
384
|
-
onLabel:
|
|
385
|
-
thumbIcon:
|
|
392
|
+
offLabel: MantineNode;
|
|
393
|
+
onLabel: MantineNode;
|
|
394
|
+
thumbIcon: MantineNode;
|
|
386
395
|
withThumbIndicator: boolean;
|
|
387
|
-
}, {}, string,
|
|
396
|
+
}, {}, string, SlotsType<SwitchSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
388
397
|
classes: {
|
|
389
398
|
[x: string]: string;
|
|
390
399
|
};
|
|
@@ -435,15 +444,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
435
444
|
default: boolean;
|
|
436
445
|
};
|
|
437
446
|
label: {
|
|
438
|
-
type: PropType<
|
|
447
|
+
type: PropType<MantineNode>;
|
|
439
448
|
default: undefined;
|
|
440
449
|
};
|
|
441
450
|
description: {
|
|
442
|
-
type: PropType<
|
|
451
|
+
type: PropType<MantineNode>;
|
|
443
452
|
default: undefined;
|
|
444
453
|
};
|
|
445
454
|
error: {
|
|
446
|
-
type: PropType<
|
|
455
|
+
type: PropType<MantineNode | boolean>;
|
|
447
456
|
default: undefined;
|
|
448
457
|
};
|
|
449
458
|
classNames: {
|
|
@@ -510,15 +519,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
510
519
|
default: boolean;
|
|
511
520
|
};
|
|
512
521
|
label: {
|
|
513
|
-
type: PropType<
|
|
522
|
+
type: PropType<MantineNode>;
|
|
514
523
|
default: undefined;
|
|
515
524
|
};
|
|
516
525
|
description: {
|
|
517
|
-
type: PropType<
|
|
526
|
+
type: PropType<MantineNode>;
|
|
518
527
|
default: undefined;
|
|
519
528
|
};
|
|
520
529
|
error: {
|
|
521
|
-
type: PropType<
|
|
530
|
+
type: PropType<MantineNode | boolean>;
|
|
522
531
|
default: undefined;
|
|
523
532
|
};
|
|
524
533
|
classNames: {
|
|
@@ -539,14 +548,14 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
539
548
|
};
|
|
540
549
|
}>> & Readonly<{}>, {
|
|
541
550
|
size: string | number;
|
|
551
|
+
label: MantineNode;
|
|
542
552
|
name: string;
|
|
543
|
-
error:
|
|
553
|
+
error: MantineNode;
|
|
544
554
|
onChange: (value: string[]) => void;
|
|
545
|
-
label: any;
|
|
546
555
|
value: string[] | undefined;
|
|
547
556
|
classNames: Function | Record<string, any>;
|
|
548
557
|
styles: Function | Record<string, any>;
|
|
549
|
-
description:
|
|
558
|
+
description: MantineNode;
|
|
550
559
|
disabled: boolean;
|
|
551
560
|
defaultValue: string[] | undefined;
|
|
552
561
|
vars: Function | Record<string, any>;
|
|
@@ -556,5 +565,5 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
556
565
|
readOnly: boolean;
|
|
557
566
|
hiddenInputValuesSeparator: string;
|
|
558
567
|
maxSelectedValues: number;
|
|
559
|
-
},
|
|
568
|
+
}, SlotsType<import("./SwitchGroup/SwitchGroup").SwitchGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
560
569
|
}>;
|