@mantine-vue/core 2.3.1 → 3.0.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 +1718 -292
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +1713 -293
- package/esm/index.mjs.map +1 -1
- package/lib/components/Accordion/Accordion.d.ts +24 -4
- package/lib/components/Accordion/index.d.ts +1 -1
- package/lib/components/AngleSlider/AngleSlider.d.ts +15 -2
- package/lib/components/Autocomplete/Autocomplete.d.ts +3 -1
- package/lib/components/Cascader/Cascader.d.ts +315 -0
- package/lib/components/Cascader/cascader-utils.d.ts +11 -0
- package/lib/components/Cascader/index.d.ts +4 -0
- package/lib/components/Checkbox/Checkbox.d.ts +91 -9
- package/lib/components/Checkbox/CheckboxCard/CheckboxCard.d.ts +15 -2
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +14 -2
- package/lib/components/Chip/Chip.d.ts +46 -7
- package/lib/components/Chip/ChipGroup/ChipGroup.d.ts +14 -2
- package/lib/components/ColorInput/ColorInput.d.ts +9 -3
- package/lib/components/ColorInput/index.d.ts +1 -1
- package/lib/components/ColorPicker/AlphaSlider/AlphaSlider.d.ts +26 -4
- package/lib/components/ColorPicker/ColorPicker.d.ts +14 -2
- package/lib/components/ColorPicker/ColorSlider/ColorSlider.d.ts +26 -4
- package/lib/components/ColorPicker/HueSlider/HueSlider.d.ts +26 -4
- package/lib/components/Combobox/Combobox.d.ts +64 -4
- package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +1 -0
- package/lib/components/ComboboxPopover/ComboboxPopover.d.ts +49 -7
- package/lib/components/Drawer/Drawer.d.ts +33 -0
- package/lib/components/FileButton/FileButton.d.ts +17 -4
- package/lib/components/FileInput/FileInput.d.ts +14 -2
- package/lib/components/FloatingWindow/FloatingWindow.context.d.ts +23 -0
- package/lib/components/FloatingWindow/FloatingWindow.d.ts +37 -0
- package/lib/components/FloatingWindow/FloatingWindowResizeHandle.d.ts +27 -0
- package/lib/components/FloatingWindow/index.d.ts +2 -0
- package/lib/components/Input/Input.d.ts +74 -5
- package/lib/components/InputBase/InputBase.d.ts +41 -2
- package/lib/components/InputBase/index.d.ts +1 -1
- package/lib/components/JsonInput/JsonInput.d.ts +14 -2
- package/lib/components/MaskInput/MaskInput.d.ts +45 -2
- package/lib/components/Menu/Menu.context.d.ts +1 -0
- package/lib/components/Menu/Menu.d.ts +82 -4
- package/lib/components/Modal/Modal.d.ts +33 -0
- package/lib/components/MultiSelect/MultiSelect.d.ts +9 -1
- package/lib/components/MultiSelect/index.d.ts +1 -1
- package/lib/components/NativeSelect/NativeSelect.d.ts +19 -6
- package/lib/components/NumberInput/NumberInput.d.ts +14 -2
- package/lib/components/PasswordInput/PasswordInput.d.ts +45 -2
- package/lib/components/PasswordInput/index.d.ts +1 -1
- package/lib/components/PillsInput/PillsInput.d.ts +41 -2
- package/lib/components/PillsInput/PillsInputField/PillsInputField.d.ts +41 -2
- package/lib/components/PinInput/PinInput.d.ts +15 -2
- package/lib/components/Radio/Radio.d.ts +124 -9
- package/lib/components/Radio/RadioCard/RadioCard.d.ts +33 -2
- package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +14 -2
- package/lib/components/Rating/Rating.d.ts +14 -2
- package/lib/components/ScrollArea/ScrollArea.d.ts +25 -0
- package/lib/components/Scroller/Scroller.d.ts +9 -2
- package/lib/components/Scroller/index.d.ts +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.d.ts +14 -2
- package/lib/components/Select/Select.d.ts +4 -2
- package/lib/components/Select/index.d.ts +1 -1
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +14 -2
- package/lib/components/Slider/Slider/Slider.d.ts +14 -2
- package/lib/components/Slider/index.d.ts +2 -1
- package/lib/components/Splitter/Splitter.d.ts +8 -3
- package/lib/components/Splitter/index.d.ts +1 -1
- package/lib/components/Stepper/Stepper.d.ts +2 -1
- package/lib/components/Switch/Switch.d.ts +67 -13
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +15 -3
- package/lib/components/Tabs/Tabs.context.d.ts +0 -1
- package/lib/components/Tabs/Tabs.d.ts +0 -15
- package/lib/components/TagsInput/TagsInput.d.ts +9 -1
- package/lib/components/TagsInput/index.d.ts +1 -1
- package/lib/components/TextInput/TextInput.d.ts +36 -2
- package/lib/components/Textarea/Textarea.d.ts +39 -4
- package/lib/components/Textarea/index.d.ts +1 -0
- package/lib/components/Timeline/Timeline.d.ts +19 -1
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +20 -1
- package/lib/components/Tree/Tree.d.ts +7 -2
- package/lib/components/Tree/index.d.ts +1 -1
- package/lib/components/TreeSelect/TreeSelect.d.ts +5 -2
- package/lib/components/TreeSelect/index.d.ts +1 -1
- package/lib/components/index.d.ts +1 -0
- package/package.json +3 -3
- package/styles.css +471 -129
- package/styles.layer.css +471 -129
|
@@ -51,6 +51,7 @@ export interface SelectSlots {
|
|
|
51
51
|
checked?: boolean;
|
|
52
52
|
}) => VNodeChild;
|
|
53
53
|
nothingFound?: () => VNodeChild;
|
|
54
|
+
nothingFoundMessage?: () => VNodeChild;
|
|
54
55
|
}
|
|
55
56
|
export declare const Select: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
56
57
|
modelValue: {
|
|
@@ -132,7 +133,7 @@ export declare const Select: import("vue").DefineComponent<import("vue").Extract
|
|
|
132
133
|
};
|
|
133
134
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
134
135
|
[key: string]: any;
|
|
135
|
-
}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:searchValue")[], "update:modelValue" | "update:searchValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
136
|
+
}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:searchValue")[], "change" | "update:modelValue" | "update:searchValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
136
137
|
modelValue: {
|
|
137
138
|
type: any;
|
|
138
139
|
default: undefined;
|
|
@@ -211,15 +212,16 @@ export declare const Select: import("vue").DefineComponent<import("vue").Extract
|
|
|
211
212
|
default: undefined;
|
|
212
213
|
};
|
|
213
214
|
}>> & Readonly<{
|
|
215
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
214
216
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
215
217
|
"onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
|
|
216
218
|
}>, {
|
|
217
219
|
data: ComboboxData<any>;
|
|
218
220
|
value: any;
|
|
219
221
|
defaultValue: any;
|
|
222
|
+
modelValue: any;
|
|
220
223
|
clearable: boolean;
|
|
221
224
|
clearSectionMode: "clear" | "both" | "rightSection";
|
|
222
|
-
modelValue: any;
|
|
223
225
|
withCheckIcon: boolean;
|
|
224
226
|
withAlignedLabels: boolean;
|
|
225
227
|
withScrollArea: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Select } from './Select';
|
|
2
|
-
export type { SelectProps, SelectStylesNames } from './Select';
|
|
2
|
+
export type { SelectProps, SelectSlots, SelectStylesNames } from './Select';
|
|
@@ -12,6 +12,10 @@ export interface RangeSliderSlots {
|
|
|
12
12
|
}) => VNodeChild;
|
|
13
13
|
}
|
|
14
14
|
export declare const RangeSlider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
15
|
+
modelValue: {
|
|
16
|
+
type: PropType<RangeSliderValue>;
|
|
17
|
+
default: undefined;
|
|
18
|
+
};
|
|
15
19
|
value: {
|
|
16
20
|
type: PropType<RangeSliderValue>;
|
|
17
21
|
default: undefined;
|
|
@@ -154,7 +158,11 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
154
158
|
};
|
|
155
159
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
156
160
|
[key: string]: any;
|
|
157
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
161
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
162
|
+
modelValue: {
|
|
163
|
+
type: PropType<RangeSliderValue>;
|
|
164
|
+
default: undefined;
|
|
165
|
+
};
|
|
158
166
|
value: {
|
|
159
167
|
type: PropType<RangeSliderValue>;
|
|
160
168
|
default: undefined;
|
|
@@ -295,7 +303,10 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
295
303
|
type: BooleanConstructor;
|
|
296
304
|
default: boolean;
|
|
297
305
|
};
|
|
298
|
-
}>> & Readonly<{
|
|
306
|
+
}>> & Readonly<{
|
|
307
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
308
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
309
|
+
}>, {
|
|
299
310
|
size: number | MantineSize | (string & {});
|
|
300
311
|
max: number;
|
|
301
312
|
label: any;
|
|
@@ -316,6 +327,7 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
316
327
|
unstyled: boolean;
|
|
317
328
|
marks: SliderMark[];
|
|
318
329
|
thumbSize: string | number;
|
|
330
|
+
modelValue: RangeSliderValue;
|
|
319
331
|
restrictToMarks: boolean;
|
|
320
332
|
hiddenInputProps: Record<string, any>;
|
|
321
333
|
min: number;
|
|
@@ -42,6 +42,10 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
|
|
|
42
42
|
type: NumberConstructor;
|
|
43
43
|
default: undefined;
|
|
44
44
|
};
|
|
45
|
+
modelValue: {
|
|
46
|
+
type: NumberConstructor;
|
|
47
|
+
default: undefined;
|
|
48
|
+
};
|
|
45
49
|
value: {
|
|
46
50
|
type: NumberConstructor;
|
|
47
51
|
default: undefined;
|
|
@@ -148,7 +152,7 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
|
|
|
148
152
|
};
|
|
149
153
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
150
154
|
[key: string]: any;
|
|
151
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
155
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
152
156
|
color: {
|
|
153
157
|
type: PropType<MantineColor>;
|
|
154
158
|
default: undefined;
|
|
@@ -181,6 +185,10 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
|
|
|
181
185
|
type: NumberConstructor;
|
|
182
186
|
default: undefined;
|
|
183
187
|
};
|
|
188
|
+
modelValue: {
|
|
189
|
+
type: NumberConstructor;
|
|
190
|
+
default: undefined;
|
|
191
|
+
};
|
|
184
192
|
value: {
|
|
185
193
|
type: NumberConstructor;
|
|
186
194
|
default: undefined;
|
|
@@ -285,7 +293,10 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
|
|
|
285
293
|
type: BooleanConstructor;
|
|
286
294
|
default: boolean;
|
|
287
295
|
};
|
|
288
|
-
}>> & Readonly<{
|
|
296
|
+
}>> & Readonly<{
|
|
297
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
298
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
299
|
+
}>, {
|
|
289
300
|
size: number | MantineSize | (string & {});
|
|
290
301
|
max: number;
|
|
291
302
|
label: any;
|
|
@@ -306,6 +317,7 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
|
|
|
306
317
|
unstyled: boolean;
|
|
307
318
|
marks: SliderMark[];
|
|
308
319
|
thumbSize: string | number;
|
|
320
|
+
modelValue: number;
|
|
309
321
|
restrictToMarks: boolean;
|
|
310
322
|
hiddenInputProps: Record<string, any>;
|
|
311
323
|
min: number;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { Slider } from './Slider/Slider';
|
|
2
2
|
export { RangeSlider } from './RangeSlider/RangeSlider';
|
|
3
|
-
export type {
|
|
3
|
+
export type { SliderSlots } from './Slider/Slider';
|
|
4
|
+
export type { RangeSliderSlots, RangeSliderValue } from './RangeSlider/RangeSlider';
|
|
4
5
|
export type { SliderMark } from './SliderMark';
|
|
5
6
|
export type { SliderCssVariables, SliderStylesNames } from './Slider.context';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type PropType, type VNode, type VNodeChild } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
|
|
2
2
|
import { type VueRefTarget } from '@mantine-vue/hooks';
|
|
3
3
|
import { type UseSplitterRedistributeFn, type UseSplitterReturnValue } from './use-splitter';
|
|
4
4
|
export type SplitterStylesNames = 'root' | 'handle' | 'thumb' | 'pane';
|
|
@@ -25,6 +25,11 @@ export interface SplitterProps {
|
|
|
25
25
|
vars?: any;
|
|
26
26
|
unstyled?: boolean;
|
|
27
27
|
}
|
|
28
|
+
export interface SplitterSlots {
|
|
29
|
+
default?: () => VNodeChild;
|
|
30
|
+
/** Custom icon rendered inside every resize handle, alternative to the `handleIcon` prop */
|
|
31
|
+
handleIcon?: () => VNodeChild;
|
|
32
|
+
}
|
|
28
33
|
export declare const Splitter: import("../..").WithBoxProps<{
|
|
29
34
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
30
35
|
orientation: {
|
|
@@ -130,7 +135,7 @@ export declare const Splitter: import("../..").WithBoxProps<{
|
|
|
130
135
|
handleIcon: VNodeChild;
|
|
131
136
|
withHandle: boolean;
|
|
132
137
|
splitterRef: VueRefTarget<UseSplitterReturnValue>;
|
|
133
|
-
}, true, {},
|
|
138
|
+
}, true, {}, SlotsType<SplitterSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
134
139
|
P: {};
|
|
135
140
|
B: {};
|
|
136
141
|
D: {};
|
|
@@ -349,7 +354,7 @@ export declare const Splitter: import("../..").WithBoxProps<{
|
|
|
349
354
|
handleIcon: VNodeChild;
|
|
350
355
|
withHandle: boolean;
|
|
351
356
|
splitterRef: VueRefTarget<UseSplitterReturnValue>;
|
|
352
|
-
}, {}, string,
|
|
357
|
+
}, {}, string, SlotsType<SplitterSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
353
358
|
classes: Record<string, string>;
|
|
354
359
|
varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
|
|
355
360
|
Pane: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { Splitter } from './Splitter';
|
|
2
|
-
export type { SplitterProps, SplitterStylesNames, SplitterCssVariables } from './Splitter';
|
|
2
|
+
export type { SplitterProps, SplitterSlots, SplitterStylesNames, SplitterCssVariables, } from './Splitter';
|
|
3
3
|
export { SplitterPane } from './SplitterPane/SplitterPane';
|
|
4
4
|
export type { SplitterPaneProps, SplitterPaneStylesNames } from './SplitterPane/SplitterPane';
|
|
5
5
|
export { useSplitterContext } from './Splitter.context';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
|
|
2
2
|
import { type MantineColor, type MantineRadius, type MantineSize } from '../../core';
|
|
3
|
+
import { type StepperStepSlots } from './StepperStep/StepperStep';
|
|
3
4
|
export interface StepperSlots {
|
|
4
5
|
default?: () => VNodeChild;
|
|
5
6
|
icon?: (payload: {
|
|
@@ -537,6 +538,6 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
537
538
|
iconPosition: "left" | "right";
|
|
538
539
|
allowStepClick: boolean;
|
|
539
540
|
allowStepSelect: boolean;
|
|
540
|
-
}, SlotsType<
|
|
541
|
+
}, SlotsType<StepperStepSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
541
542
|
Completed: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
542
543
|
}>;
|
|
@@ -67,6 +67,10 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
67
67
|
type: BooleanConstructor;
|
|
68
68
|
default: boolean;
|
|
69
69
|
};
|
|
70
|
+
modelValue: {
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
default: undefined;
|
|
73
|
+
};
|
|
70
74
|
checked: {
|
|
71
75
|
type: BooleanConstructor;
|
|
72
76
|
default: undefined;
|
|
@@ -76,13 +80,17 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
76
80
|
default: undefined;
|
|
77
81
|
};
|
|
78
82
|
onChange: {
|
|
79
|
-
type: PropType<(
|
|
83
|
+
type: PropType<(checked: boolean) => void>;
|
|
80
84
|
default: undefined;
|
|
81
85
|
};
|
|
82
86
|
disabled: {
|
|
83
87
|
type: BooleanConstructor;
|
|
84
88
|
default: boolean;
|
|
85
89
|
};
|
|
90
|
+
readOnly: {
|
|
91
|
+
type: BooleanConstructor;
|
|
92
|
+
default: boolean;
|
|
93
|
+
};
|
|
86
94
|
variant: {
|
|
87
95
|
type: StringConstructor;
|
|
88
96
|
default: undefined;
|
|
@@ -107,16 +115,20 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
107
115
|
type: BooleanConstructor;
|
|
108
116
|
default: boolean;
|
|
109
117
|
};
|
|
110
|
-
}>> & Readonly<{
|
|
118
|
+
}>> & Readonly<{
|
|
119
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
120
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
121
|
+
"onUpdate:checked"?: ((...args: any[]) => any) | undefined;
|
|
122
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
111
123
|
[key: string]: any;
|
|
112
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
124
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:checked")[], import("vue").PublicProps, {
|
|
113
125
|
size: MantineSize | (string & {});
|
|
114
126
|
label: MantineNode;
|
|
115
127
|
radius: MantineRadius;
|
|
116
128
|
color: MantineColor;
|
|
117
129
|
variant: string;
|
|
118
130
|
error: MantineNode;
|
|
119
|
-
onChange: (
|
|
131
|
+
onChange: (checked: boolean) => void;
|
|
120
132
|
classNames: Function | Record<string, any>;
|
|
121
133
|
styles: Function | Record<string, any>;
|
|
122
134
|
description: MantineNode;
|
|
@@ -126,8 +138,10 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
126
138
|
vars: Function | Record<string, any>;
|
|
127
139
|
unstyled: boolean;
|
|
128
140
|
labelPosition: "left" | "right";
|
|
141
|
+
modelValue: boolean;
|
|
129
142
|
wrapperProps: Record<string, any>;
|
|
130
143
|
rootRef: any;
|
|
144
|
+
readOnly: boolean;
|
|
131
145
|
checked: boolean;
|
|
132
146
|
defaultChecked: boolean;
|
|
133
147
|
offLabel: MantineNode;
|
|
@@ -198,6 +212,10 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
198
212
|
type: BooleanConstructor;
|
|
199
213
|
default: boolean;
|
|
200
214
|
};
|
|
215
|
+
modelValue: {
|
|
216
|
+
type: BooleanConstructor;
|
|
217
|
+
default: undefined;
|
|
218
|
+
};
|
|
201
219
|
checked: {
|
|
202
220
|
type: BooleanConstructor;
|
|
203
221
|
default: undefined;
|
|
@@ -207,13 +225,17 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
207
225
|
default: undefined;
|
|
208
226
|
};
|
|
209
227
|
onChange: {
|
|
210
|
-
type: PropType<(
|
|
228
|
+
type: PropType<(checked: boolean) => void>;
|
|
211
229
|
default: undefined;
|
|
212
230
|
};
|
|
213
231
|
disabled: {
|
|
214
232
|
type: BooleanConstructor;
|
|
215
233
|
default: boolean;
|
|
216
234
|
};
|
|
235
|
+
readOnly: {
|
|
236
|
+
type: BooleanConstructor;
|
|
237
|
+
default: boolean;
|
|
238
|
+
};
|
|
217
239
|
variant: {
|
|
218
240
|
type: StringConstructor;
|
|
219
241
|
default: undefined;
|
|
@@ -238,7 +260,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
238
260
|
type: BooleanConstructor;
|
|
239
261
|
default: boolean;
|
|
240
262
|
};
|
|
241
|
-
}>> & Readonly<{
|
|
263
|
+
}>> & Readonly<{
|
|
264
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
265
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
266
|
+
"onUpdate:checked"?: ((...args: any[]) => any) | undefined;
|
|
267
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
242
268
|
[key: string]: any;
|
|
243
269
|
}>, {}, {}, {}, {
|
|
244
270
|
size: MantineSize | (string & {});
|
|
@@ -247,7 +273,7 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
247
273
|
color: MantineColor;
|
|
248
274
|
variant: string;
|
|
249
275
|
error: MantineNode;
|
|
250
|
-
onChange: (
|
|
276
|
+
onChange: (checked: boolean) => void;
|
|
251
277
|
classNames: Function | Record<string, any>;
|
|
252
278
|
styles: Function | Record<string, any>;
|
|
253
279
|
description: MantineNode;
|
|
@@ -257,8 +283,10 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
257
283
|
vars: Function | Record<string, any>;
|
|
258
284
|
unstyled: boolean;
|
|
259
285
|
labelPosition: "left" | "right";
|
|
286
|
+
modelValue: boolean;
|
|
260
287
|
wrapperProps: Record<string, any>;
|
|
261
288
|
rootRef: any;
|
|
289
|
+
readOnly: boolean;
|
|
262
290
|
checked: boolean;
|
|
263
291
|
defaultChecked: boolean;
|
|
264
292
|
offLabel: MantineNode;
|
|
@@ -326,6 +354,10 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
326
354
|
type: BooleanConstructor;
|
|
327
355
|
default: boolean;
|
|
328
356
|
};
|
|
357
|
+
modelValue: {
|
|
358
|
+
type: BooleanConstructor;
|
|
359
|
+
default: undefined;
|
|
360
|
+
};
|
|
329
361
|
checked: {
|
|
330
362
|
type: BooleanConstructor;
|
|
331
363
|
default: undefined;
|
|
@@ -335,13 +367,17 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
335
367
|
default: undefined;
|
|
336
368
|
};
|
|
337
369
|
onChange: {
|
|
338
|
-
type: PropType<(
|
|
370
|
+
type: PropType<(checked: boolean) => void>;
|
|
339
371
|
default: undefined;
|
|
340
372
|
};
|
|
341
373
|
disabled: {
|
|
342
374
|
type: BooleanConstructor;
|
|
343
375
|
default: boolean;
|
|
344
376
|
};
|
|
377
|
+
readOnly: {
|
|
378
|
+
type: BooleanConstructor;
|
|
379
|
+
default: boolean;
|
|
380
|
+
};
|
|
345
381
|
variant: {
|
|
346
382
|
type: StringConstructor;
|
|
347
383
|
default: undefined;
|
|
@@ -366,16 +402,20 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
366
402
|
type: BooleanConstructor;
|
|
367
403
|
default: boolean;
|
|
368
404
|
};
|
|
369
|
-
}>> & Readonly<{
|
|
405
|
+
}>> & Readonly<{
|
|
406
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
407
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
408
|
+
"onUpdate:checked"?: ((...args: any[]) => any) | undefined;
|
|
409
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
370
410
|
[key: string]: any;
|
|
371
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
411
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:checked")[], "change" | "update:modelValue" | "update:checked", {
|
|
372
412
|
size: MantineSize | (string & {});
|
|
373
413
|
label: MantineNode;
|
|
374
414
|
radius: MantineRadius;
|
|
375
415
|
color: MantineColor;
|
|
376
416
|
variant: string;
|
|
377
417
|
error: MantineNode;
|
|
378
|
-
onChange: (
|
|
418
|
+
onChange: (checked: boolean) => void;
|
|
379
419
|
classNames: Function | Record<string, any>;
|
|
380
420
|
styles: Function | Record<string, any>;
|
|
381
421
|
description: MantineNode;
|
|
@@ -385,8 +425,10 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
385
425
|
vars: Function | Record<string, any>;
|
|
386
426
|
unstyled: boolean;
|
|
387
427
|
labelPosition: "left" | "right";
|
|
428
|
+
modelValue: boolean;
|
|
388
429
|
wrapperProps: Record<string, any>;
|
|
389
430
|
rootRef: any;
|
|
431
|
+
readOnly: boolean;
|
|
390
432
|
checked: boolean;
|
|
391
433
|
defaultChecked: boolean;
|
|
392
434
|
offLabel: MantineNode;
|
|
@@ -399,6 +441,10 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
399
441
|
};
|
|
400
442
|
varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
|
|
401
443
|
Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
444
|
+
modelValue: {
|
|
445
|
+
type: PropType<string[] | undefined>;
|
|
446
|
+
default: undefined;
|
|
447
|
+
};
|
|
402
448
|
value: {
|
|
403
449
|
type: PropType<string[] | undefined>;
|
|
404
450
|
default: undefined;
|
|
@@ -473,7 +519,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
473
519
|
};
|
|
474
520
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
475
521
|
[key: string]: any;
|
|
476
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
522
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
523
|
+
modelValue: {
|
|
524
|
+
type: PropType<string[] | undefined>;
|
|
525
|
+
default: undefined;
|
|
526
|
+
};
|
|
477
527
|
value: {
|
|
478
528
|
type: PropType<string[] | undefined>;
|
|
479
529
|
default: undefined;
|
|
@@ -546,7 +596,10 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
546
596
|
type: BooleanConstructor;
|
|
547
597
|
default: boolean;
|
|
548
598
|
};
|
|
549
|
-
}>> & Readonly<{
|
|
599
|
+
}>> & Readonly<{
|
|
600
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
601
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
602
|
+
}>, {
|
|
550
603
|
size: MantineSize | (string & {});
|
|
551
604
|
label: MantineNode;
|
|
552
605
|
name: string;
|
|
@@ -560,6 +613,7 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
560
613
|
defaultValue: string[] | undefined;
|
|
561
614
|
vars: Function | Record<string, any>;
|
|
562
615
|
unstyled: boolean;
|
|
616
|
+
modelValue: string[] | undefined;
|
|
563
617
|
hiddenInputProps: Record<string, any>;
|
|
564
618
|
wrapperProps: Record<string, any>;
|
|
565
619
|
readOnly: boolean;
|
|
@@ -2,7 +2,7 @@ import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
|
2
2
|
import { type MantineNode, type MantineSize } from '../../../core';
|
|
3
3
|
export interface SwitchGroupContextValue {
|
|
4
4
|
value: string[];
|
|
5
|
-
onChange: (
|
|
5
|
+
onChange: (eventOrValue: Event | string) => void;
|
|
6
6
|
size?: string | number;
|
|
7
7
|
isDisabled?: (value: string) => boolean;
|
|
8
8
|
}
|
|
@@ -14,6 +14,10 @@ export interface SwitchGroupSlots {
|
|
|
14
14
|
}
|
|
15
15
|
export declare function useSwitchGroupContext(): SwitchGroupContextValue | null;
|
|
16
16
|
export declare const SwitchGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
|
+
modelValue: {
|
|
18
|
+
type: PropType<string[] | undefined>;
|
|
19
|
+
default: undefined;
|
|
20
|
+
};
|
|
17
21
|
value: {
|
|
18
22
|
type: PropType<string[] | undefined>;
|
|
19
23
|
default: undefined;
|
|
@@ -88,7 +92,11 @@ export declare const SwitchGroup: import("vue").DefineComponent<import("vue").Ex
|
|
|
88
92
|
};
|
|
89
93
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
90
94
|
[key: string]: any;
|
|
91
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
95
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
96
|
+
modelValue: {
|
|
97
|
+
type: PropType<string[] | undefined>;
|
|
98
|
+
default: undefined;
|
|
99
|
+
};
|
|
92
100
|
value: {
|
|
93
101
|
type: PropType<string[] | undefined>;
|
|
94
102
|
default: undefined;
|
|
@@ -161,7 +169,10 @@ export declare const SwitchGroup: import("vue").DefineComponent<import("vue").Ex
|
|
|
161
169
|
type: BooleanConstructor;
|
|
162
170
|
default: boolean;
|
|
163
171
|
};
|
|
164
|
-
}>> & Readonly<{
|
|
172
|
+
}>> & Readonly<{
|
|
173
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
174
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
175
|
+
}>, {
|
|
165
176
|
size: MantineSize | (string & {});
|
|
166
177
|
label: MantineNode;
|
|
167
178
|
name: string;
|
|
@@ -175,6 +186,7 @@ export declare const SwitchGroup: import("vue").DefineComponent<import("vue").Ex
|
|
|
175
186
|
defaultValue: string[] | undefined;
|
|
176
187
|
vars: Function | Record<string, any>;
|
|
177
188
|
unstyled: boolean;
|
|
189
|
+
modelValue: string[] | undefined;
|
|
178
190
|
hiddenInputProps: Record<string, any>;
|
|
179
191
|
wrapperProps: Record<string, any>;
|
|
180
192
|
readOnly: boolean;
|
|
@@ -13,7 +13,6 @@ export interface TabsContextValue {
|
|
|
13
13
|
radius?: string | number;
|
|
14
14
|
inverted?: boolean;
|
|
15
15
|
keepMounted?: boolean;
|
|
16
|
-
keepMountedMode?: 'activity' | 'display-none';
|
|
17
16
|
placement?: 'right' | 'left';
|
|
18
17
|
unstyled?: boolean;
|
|
19
18
|
getStyles: (selector: string, options?: {
|
|
@@ -60,10 +60,6 @@ export declare const Tabs: {
|
|
|
60
60
|
type: BooleanConstructor;
|
|
61
61
|
default: undefined;
|
|
62
62
|
};
|
|
63
|
-
keepMountedMode: {
|
|
64
|
-
type: PropType<"activity" | "display-none">;
|
|
65
|
-
default: undefined;
|
|
66
|
-
};
|
|
67
63
|
autoContrast: {
|
|
68
64
|
type: BooleanConstructor;
|
|
69
65
|
default: undefined;
|
|
@@ -111,7 +107,6 @@ export declare const Tabs: {
|
|
|
111
107
|
inverted: boolean;
|
|
112
108
|
activateTabWithKeyboard: boolean;
|
|
113
109
|
allowTabDeactivation: boolean;
|
|
114
|
-
keepMountedMode: "activity" | "display-none";
|
|
115
110
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
116
111
|
P: {};
|
|
117
112
|
B: {};
|
|
@@ -176,10 +171,6 @@ export declare const Tabs: {
|
|
|
176
171
|
type: BooleanConstructor;
|
|
177
172
|
default: undefined;
|
|
178
173
|
};
|
|
179
|
-
keepMountedMode: {
|
|
180
|
-
type: PropType<"activity" | "display-none">;
|
|
181
|
-
default: undefined;
|
|
182
|
-
};
|
|
183
174
|
autoContrast: {
|
|
184
175
|
type: BooleanConstructor;
|
|
185
176
|
default: undefined;
|
|
@@ -227,7 +218,6 @@ export declare const Tabs: {
|
|
|
227
218
|
inverted: boolean;
|
|
228
219
|
activateTabWithKeyboard: boolean;
|
|
229
220
|
allowTabDeactivation: boolean;
|
|
230
|
-
keepMountedMode: "activity" | "display-none";
|
|
231
221
|
}>;
|
|
232
222
|
__isFragment?: never;
|
|
233
223
|
__isTeleport?: never;
|
|
@@ -289,10 +279,6 @@ export declare const Tabs: {
|
|
|
289
279
|
type: BooleanConstructor;
|
|
290
280
|
default: undefined;
|
|
291
281
|
};
|
|
292
|
-
keepMountedMode: {
|
|
293
|
-
type: PropType<"activity" | "display-none">;
|
|
294
|
-
default: undefined;
|
|
295
|
-
};
|
|
296
282
|
autoContrast: {
|
|
297
283
|
type: BooleanConstructor;
|
|
298
284
|
default: undefined;
|
|
@@ -340,7 +326,6 @@ export declare const Tabs: {
|
|
|
340
326
|
inverted: boolean;
|
|
341
327
|
activateTabWithKeyboard: boolean;
|
|
342
328
|
allowTabDeactivation: boolean;
|
|
343
|
-
keepMountedMode: "activity" | "display-none";
|
|
344
329
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
345
330
|
classes: Record<string, string>;
|
|
346
331
|
varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
|
|
@@ -10,7 +10,14 @@ export interface TagsInputSlots {
|
|
|
10
10
|
option: any;
|
|
11
11
|
checked?: boolean;
|
|
12
12
|
}) => VNodeChild;
|
|
13
|
+
renderPill?: (input: {
|
|
14
|
+
option: any;
|
|
15
|
+
value: string;
|
|
16
|
+
onRemove: () => void;
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
}) => VNodeChild;
|
|
13
19
|
nothingFound?: () => VNodeChild;
|
|
20
|
+
nothingFoundMessage?: () => VNodeChild;
|
|
14
21
|
}
|
|
15
22
|
export interface TagsInputProps {
|
|
16
23
|
modelValue?: string[];
|
|
@@ -99,7 +106,7 @@ export declare const TagsInput: import("vue").DefineComponent<import("vue").Extr
|
|
|
99
106
|
selectFirstOptionOnDropdownOpen: BooleanConstructor;
|
|
100
107
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
101
108
|
[key: string]: any;
|
|
102
|
-
}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:searchValue")[], "update:modelValue" | "update:searchValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
109
|
+
}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:searchValue")[], "change" | "update:modelValue" | "update:searchValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
103
110
|
modelValue: PropType<string[]>;
|
|
104
111
|
value: PropType<string[]>;
|
|
105
112
|
defaultValue: {
|
|
@@ -167,6 +174,7 @@ export declare const TagsInput: import("vue").DefineComponent<import("vue").Extr
|
|
|
167
174
|
};
|
|
168
175
|
selectFirstOptionOnDropdownOpen: BooleanConstructor;
|
|
169
176
|
}>> & Readonly<{
|
|
177
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
170
178
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
171
179
|
"onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
|
|
172
180
|
}>, {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { TagsInput, getSplittedTags } from './TagsInput';
|
|
2
|
-
export type { TagsInputProps } from './TagsInput';
|
|
2
|
+
export type { TagsInputProps, TagsInputSlots } from './TagsInput';
|
|
@@ -1,3 +1,37 @@
|
|
|
1
|
-
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
export declare const TextInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
|
+
modelValue: {
|
|
4
|
+
type: PropType<string | number | undefined>;
|
|
5
|
+
default: undefined;
|
|
6
|
+
};
|
|
7
|
+
value: {
|
|
8
|
+
type: PropType<string | number | undefined>;
|
|
9
|
+
default: undefined;
|
|
10
|
+
};
|
|
11
|
+
defaultValue: {
|
|
12
|
+
type: PropType<string | number | undefined>;
|
|
13
|
+
default: undefined;
|
|
14
|
+
};
|
|
15
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
2
16
|
[key: string]: any;
|
|
3
|
-
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
17
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
+
modelValue: {
|
|
19
|
+
type: PropType<string | number | undefined>;
|
|
20
|
+
default: undefined;
|
|
21
|
+
};
|
|
22
|
+
value: {
|
|
23
|
+
type: PropType<string | number | undefined>;
|
|
24
|
+
default: undefined;
|
|
25
|
+
};
|
|
26
|
+
defaultValue: {
|
|
27
|
+
type: PropType<string | number | undefined>;
|
|
28
|
+
default: undefined;
|
|
29
|
+
};
|
|
30
|
+
}>> & Readonly<{
|
|
31
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
32
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
value: string | number | undefined;
|
|
35
|
+
defaultValue: string | number | undefined;
|
|
36
|
+
modelValue: string | number | undefined;
|
|
37
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|