@mantine-vue/core 2.3.1 → 2.4.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 +991 -132
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +986 -133
- 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/Cascader/Cascader.d.ts +314 -0
- package/lib/components/Cascader/cascader-utils.d.ts +11 -0
- package/lib/components/Cascader/index.d.ts +4 -0
- package/lib/components/ColorInput/ColorInput.d.ts +7 -2
- package/lib/components/ColorInput/index.d.ts +1 -1
- package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +1 -0
- package/lib/components/ComboboxPopover/ComboboxPopover.d.ts +4 -0
- package/lib/components/Drawer/Drawer.d.ts +33 -0
- 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/InputBase/index.d.ts +1 -1
- package/lib/components/Menu/Menu.context.d.ts +1 -0
- package/lib/components/Modal/Modal.d.ts +33 -0
- package/lib/components/MultiSelect/MultiSelect.d.ts +7 -0
- package/lib/components/MultiSelect/index.d.ts +1 -1
- package/lib/components/PasswordInput/PasswordInput.d.ts +4 -0
- package/lib/components/PasswordInput/index.d.ts +1 -1
- 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/Select/Select.d.ts +1 -0
- package/lib/components/Select/index.d.ts +1 -1
- 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/Tabs/Tabs.context.d.ts +0 -1
- package/lib/components/Tabs/Tabs.d.ts +0 -15
- package/lib/components/TagsInput/TagsInput.d.ts +7 -0
- package/lib/components/TagsInput/index.d.ts +1 -1
- package/lib/components/Textarea/Textarea.d.ts +7 -2
- 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 +2 -0
- 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
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
export declare const FloatingWindowResizeHandle: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
|
+
ariaLabel: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
tabindex: {
|
|
8
|
+
type: NumberConstructor;
|
|
9
|
+
default: number;
|
|
10
|
+
};
|
|
11
|
+
onKeydown: PropType<(event: KeyboardEvent) => void>;
|
|
12
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
13
|
+
[key: string]: any;
|
|
14
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
|
+
ariaLabel: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
tabindex: {
|
|
20
|
+
type: NumberConstructor;
|
|
21
|
+
default: number;
|
|
22
|
+
};
|
|
23
|
+
onKeydown: PropType<(event: KeyboardEvent) => void>;
|
|
24
|
+
}>> & Readonly<{}>, {
|
|
25
|
+
tabindex: number;
|
|
26
|
+
ariaLabel: string;
|
|
27
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { FloatingWindow } from './FloatingWindow';
|
|
2
2
|
export type { FloatingWindowStylesNames } from './FloatingWindow';
|
|
3
|
+
export type { FloatingWindowDimensions, FloatingWindowSize } from './FloatingWindow.context';
|
|
4
|
+
export { FloatingWindowResizeHandle } from './FloatingWindowResizeHandle';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { InputBase } from './InputBase';
|
|
2
|
-
export type { InputBaseStylesNames } from './InputBase';
|
|
2
|
+
export type { InputBaseSlots, InputBaseStylesNames } from './InputBase';
|
|
@@ -31,6 +31,10 @@ export declare const ModalRoot: import("vue").DefineComponent<import("vue").Extr
|
|
|
31
31
|
type: PropType<() => void>;
|
|
32
32
|
required: true;
|
|
33
33
|
};
|
|
34
|
+
keepMounted: {
|
|
35
|
+
type: BooleanConstructor;
|
|
36
|
+
default: boolean;
|
|
37
|
+
};
|
|
34
38
|
centered: BooleanConstructor;
|
|
35
39
|
fullScreen: BooleanConstructor;
|
|
36
40
|
radius: (NumberConstructor | StringConstructor)[];
|
|
@@ -74,6 +78,10 @@ export declare const ModalRoot: import("vue").DefineComponent<import("vue").Extr
|
|
|
74
78
|
type: PropType<() => void>;
|
|
75
79
|
required: true;
|
|
76
80
|
};
|
|
81
|
+
keepMounted: {
|
|
82
|
+
type: BooleanConstructor;
|
|
83
|
+
default: boolean;
|
|
84
|
+
};
|
|
77
85
|
centered: BooleanConstructor;
|
|
78
86
|
fullScreen: BooleanConstructor;
|
|
79
87
|
radius: (NumberConstructor | StringConstructor)[];
|
|
@@ -110,6 +118,7 @@ export declare const ModalRoot: import("vue").DefineComponent<import("vue").Extr
|
|
|
110
118
|
size: string | number;
|
|
111
119
|
classNames: Function | Record<string, any>;
|
|
112
120
|
styles: Function | Record<string, any>;
|
|
121
|
+
keepMounted: boolean;
|
|
113
122
|
vars: Function | Record<string, any>;
|
|
114
123
|
unstyled: boolean;
|
|
115
124
|
centered: boolean;
|
|
@@ -248,6 +257,10 @@ export declare const Modal: {
|
|
|
248
257
|
type: PropType<() => void>;
|
|
249
258
|
required: true;
|
|
250
259
|
};
|
|
260
|
+
keepMounted: {
|
|
261
|
+
type: BooleanConstructor;
|
|
262
|
+
default: boolean;
|
|
263
|
+
};
|
|
251
264
|
title: {
|
|
252
265
|
type: PropType<MantineNode>;
|
|
253
266
|
default: undefined;
|
|
@@ -266,6 +279,7 @@ export declare const Modal: {
|
|
|
266
279
|
[key: string]: any;
|
|
267
280
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
268
281
|
title: MantineNode;
|
|
282
|
+
keepMounted: boolean;
|
|
269
283
|
withCloseButton: boolean;
|
|
270
284
|
withOverlay: boolean;
|
|
271
285
|
}, true, {}, SlotsType<ModalSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
@@ -284,6 +298,10 @@ export declare const Modal: {
|
|
|
284
298
|
type: PropType<() => void>;
|
|
285
299
|
required: true;
|
|
286
300
|
};
|
|
301
|
+
keepMounted: {
|
|
302
|
+
type: BooleanConstructor;
|
|
303
|
+
default: boolean;
|
|
304
|
+
};
|
|
287
305
|
title: {
|
|
288
306
|
type: PropType<MantineNode>;
|
|
289
307
|
default: undefined;
|
|
@@ -302,6 +320,7 @@ export declare const Modal: {
|
|
|
302
320
|
[key: string]: any;
|
|
303
321
|
}>, {}, {}, {}, {
|
|
304
322
|
title: MantineNode;
|
|
323
|
+
keepMounted: boolean;
|
|
305
324
|
withCloseButton: boolean;
|
|
306
325
|
withOverlay: boolean;
|
|
307
326
|
}>;
|
|
@@ -317,6 +336,10 @@ export declare const Modal: {
|
|
|
317
336
|
type: PropType<() => void>;
|
|
318
337
|
required: true;
|
|
319
338
|
};
|
|
339
|
+
keepMounted: {
|
|
340
|
+
type: BooleanConstructor;
|
|
341
|
+
default: boolean;
|
|
342
|
+
};
|
|
320
343
|
title: {
|
|
321
344
|
type: PropType<MantineNode>;
|
|
322
345
|
default: undefined;
|
|
@@ -335,6 +358,7 @@ export declare const Modal: {
|
|
|
335
358
|
[key: string]: any;
|
|
336
359
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
337
360
|
title: MantineNode;
|
|
361
|
+
keepMounted: boolean;
|
|
338
362
|
withCloseButton: boolean;
|
|
339
363
|
withOverlay: boolean;
|
|
340
364
|
}, {}, string, SlotsType<ModalSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
@@ -349,6 +373,10 @@ export declare const Modal: {
|
|
|
349
373
|
type: PropType<() => void>;
|
|
350
374
|
required: true;
|
|
351
375
|
};
|
|
376
|
+
keepMounted: {
|
|
377
|
+
type: BooleanConstructor;
|
|
378
|
+
default: boolean;
|
|
379
|
+
};
|
|
352
380
|
centered: BooleanConstructor;
|
|
353
381
|
fullScreen: BooleanConstructor;
|
|
354
382
|
radius: (NumberConstructor | StringConstructor)[];
|
|
@@ -392,6 +420,10 @@ export declare const Modal: {
|
|
|
392
420
|
type: PropType<() => void>;
|
|
393
421
|
required: true;
|
|
394
422
|
};
|
|
423
|
+
keepMounted: {
|
|
424
|
+
type: BooleanConstructor;
|
|
425
|
+
default: boolean;
|
|
426
|
+
};
|
|
395
427
|
centered: BooleanConstructor;
|
|
396
428
|
fullScreen: BooleanConstructor;
|
|
397
429
|
radius: (NumberConstructor | StringConstructor)[];
|
|
@@ -428,6 +460,7 @@ export declare const Modal: {
|
|
|
428
460
|
size: string | number;
|
|
429
461
|
classNames: Function | Record<string, any>;
|
|
430
462
|
styles: Function | Record<string, any>;
|
|
463
|
+
keepMounted: boolean;
|
|
431
464
|
vars: Function | Record<string, any>;
|
|
432
465
|
unstyled: boolean;
|
|
433
466
|
centered: boolean;
|
|
@@ -11,7 +11,14 @@ export interface MultiSelectSlots {
|
|
|
11
11
|
option: any;
|
|
12
12
|
checked?: boolean;
|
|
13
13
|
}) => VNodeChild;
|
|
14
|
+
renderPill?: (input: {
|
|
15
|
+
option: any;
|
|
16
|
+
value: Primitive;
|
|
17
|
+
onRemove: () => void;
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
}) => VNodeChild;
|
|
14
20
|
nothingFound?: () => VNodeChild;
|
|
21
|
+
nothingFoundMessage?: () => VNodeChild;
|
|
15
22
|
}
|
|
16
23
|
export interface MultiSelectProps<Value extends Primitive = string> {
|
|
17
24
|
modelValue?: Value[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { MultiSelect } from './MultiSelect';
|
|
2
|
-
export type { MultiSelectProps } from './MultiSelect';
|
|
2
|
+
export type { MultiSelectProps, MultiSelectSlots } from './MultiSelect';
|
|
@@ -6,6 +6,10 @@ export interface PasswordInputSlots {
|
|
|
6
6
|
error?: () => VNodeChild;
|
|
7
7
|
leftSection?: () => VNodeChild;
|
|
8
8
|
rightSection?: () => VNodeChild;
|
|
9
|
+
/** Custom visibility toggle icon, alternative to the `visibilityToggleIcon` prop */
|
|
10
|
+
visibilityToggleIcon?: (payload: {
|
|
11
|
+
reveal: boolean;
|
|
12
|
+
}) => VNodeChild;
|
|
9
13
|
}
|
|
10
14
|
export type PasswordInputStylesNames = 'root' | 'visibilityToggle' | 'innerInput' | 'input' | 'wrapper' | 'section' | 'bottomSection' | 'label' | 'required' | 'description' | 'error';
|
|
11
15
|
export declare const PasswordInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -22,6 +22,7 @@ export interface ScrollAreaProps {
|
|
|
22
22
|
x?: number;
|
|
23
23
|
y?: number;
|
|
24
24
|
};
|
|
25
|
+
verticalScrollbarPosition?: 'left' | 'right';
|
|
25
26
|
}
|
|
26
27
|
export declare const ScrollAreaBase: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
27
28
|
scrollbarSize: PropType<string | number>;
|
|
@@ -73,6 +74,10 @@ export declare const ScrollAreaBase: import("vue").DefineComponent<import("vue")
|
|
|
73
74
|
type: PropType<ScrollAreaProps["startScrollPosition"]>;
|
|
74
75
|
default: undefined;
|
|
75
76
|
};
|
|
77
|
+
verticalScrollbarPosition: {
|
|
78
|
+
type: PropType<"left" | "right">;
|
|
79
|
+
default: undefined;
|
|
80
|
+
};
|
|
76
81
|
classNames: {
|
|
77
82
|
type: (ObjectConstructor | FunctionConstructor)[];
|
|
78
83
|
default: undefined;
|
|
@@ -141,6 +146,10 @@ export declare const ScrollAreaBase: import("vue").DefineComponent<import("vue")
|
|
|
141
146
|
type: PropType<ScrollAreaProps["startScrollPosition"]>;
|
|
142
147
|
default: undefined;
|
|
143
148
|
};
|
|
149
|
+
verticalScrollbarPosition: {
|
|
150
|
+
type: PropType<"left" | "right">;
|
|
151
|
+
default: undefined;
|
|
152
|
+
};
|
|
144
153
|
classNames: {
|
|
145
154
|
type: (ObjectConstructor | FunctionConstructor)[];
|
|
146
155
|
default: undefined;
|
|
@@ -180,6 +189,7 @@ export declare const ScrollAreaBase: import("vue").DefineComponent<import("vue")
|
|
|
180
189
|
y?: number;
|
|
181
190
|
} | undefined;
|
|
182
191
|
viewportProps: Record<string, any>;
|
|
192
|
+
verticalScrollbarPosition: "left" | "right";
|
|
183
193
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
184
194
|
export declare const ScrollAreaAutosize: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
185
195
|
[key: string]: any;
|
|
@@ -237,6 +247,10 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
|
|
|
237
247
|
type: PropType<ScrollAreaProps["startScrollPosition"]>;
|
|
238
248
|
default: undefined;
|
|
239
249
|
};
|
|
250
|
+
verticalScrollbarPosition: {
|
|
251
|
+
type: PropType<"left" | "right">;
|
|
252
|
+
default: undefined;
|
|
253
|
+
};
|
|
240
254
|
classNames: {
|
|
241
255
|
type: (ObjectConstructor | FunctionConstructor)[];
|
|
242
256
|
default: undefined;
|
|
@@ -278,6 +292,7 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
|
|
|
278
292
|
y?: number;
|
|
279
293
|
} | undefined;
|
|
280
294
|
viewportProps: Record<string, any>;
|
|
295
|
+
verticalScrollbarPosition: "left" | "right";
|
|
281
296
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
282
297
|
P: {};
|
|
283
298
|
B: {};
|
|
@@ -335,6 +350,10 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
|
|
|
335
350
|
type: PropType<ScrollAreaProps["startScrollPosition"]>;
|
|
336
351
|
default: undefined;
|
|
337
352
|
};
|
|
353
|
+
verticalScrollbarPosition: {
|
|
354
|
+
type: PropType<"left" | "right">;
|
|
355
|
+
default: undefined;
|
|
356
|
+
};
|
|
338
357
|
classNames: {
|
|
339
358
|
type: (ObjectConstructor | FunctionConstructor)[];
|
|
340
359
|
default: undefined;
|
|
@@ -376,6 +395,7 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
|
|
|
376
395
|
y?: number;
|
|
377
396
|
} | undefined;
|
|
378
397
|
viewportProps: Record<string, any>;
|
|
398
|
+
verticalScrollbarPosition: "left" | "right";
|
|
379
399
|
}>;
|
|
380
400
|
__isFragment?: never;
|
|
381
401
|
__isTeleport?: never;
|
|
@@ -430,6 +450,10 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
|
|
|
430
450
|
type: PropType<ScrollAreaProps["startScrollPosition"]>;
|
|
431
451
|
default: undefined;
|
|
432
452
|
};
|
|
453
|
+
verticalScrollbarPosition: {
|
|
454
|
+
type: PropType<"left" | "right">;
|
|
455
|
+
default: undefined;
|
|
456
|
+
};
|
|
433
457
|
classNames: {
|
|
434
458
|
type: (ObjectConstructor | FunctionConstructor)[];
|
|
435
459
|
default: undefined;
|
|
@@ -471,6 +495,7 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
|
|
|
471
495
|
y?: number;
|
|
472
496
|
} | undefined;
|
|
473
497
|
viewportProps: Record<string, any>;
|
|
498
|
+
verticalScrollbarPosition: "left" | "right";
|
|
474
499
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
475
500
|
Autosize: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
476
501
|
[key: string]: any;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
2
|
export type ScrollerStylesNames = 'root' | 'container' | 'content' | 'control' | 'chevron';
|
|
3
3
|
export type ScrollerCssVariables = {
|
|
4
4
|
root: '--scroller-control-size' | '--scroller-background-color';
|
|
@@ -19,6 +19,13 @@ export interface ScrollerProps {
|
|
|
19
19
|
vars?: Record<string, Record<string, string | undefined>> | ((theme: any, props: any) => Record<string, Record<string, string | undefined>>);
|
|
20
20
|
unstyled?: boolean;
|
|
21
21
|
}
|
|
22
|
+
export interface ScrollerSlots {
|
|
23
|
+
default?: () => VNodeChild;
|
|
24
|
+
/** Custom start control icon, alternative to the `startControlIcon` prop */
|
|
25
|
+
startControlIcon?: () => VNodeChild;
|
|
26
|
+
/** Custom end control icon, alternative to the `endControlIcon` prop */
|
|
27
|
+
endControlIcon?: () => VNodeChild;
|
|
28
|
+
}
|
|
22
29
|
export declare const Scroller: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
23
30
|
scrollAmount: {
|
|
24
31
|
type: NumberConstructor;
|
|
@@ -150,4 +157,4 @@ export declare const Scroller: import("../..").WithBoxProps<import("vue").Define
|
|
|
150
157
|
endControlIcon: any;
|
|
151
158
|
showStartControl: boolean;
|
|
152
159
|
showEndControl: boolean;
|
|
153
|
-
},
|
|
160
|
+
}, SlotsType<ScrollerSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Scroller } from './Scroller';
|
|
2
|
-
export type { ScrollerCssVariables, ScrollerProps, ScrollerStylesNames } from './Scroller';
|
|
2
|
+
export type { ScrollerCssVariables, ScrollerProps, ScrollerSlots, ScrollerStylesNames, } from './Scroller';
|
|
@@ -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: {
|
|
@@ -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';
|
|
@@ -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
|
}>;
|
|
@@ -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[];
|
|
@@ -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,4 +1,9 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type InputBaseSlots } from '../InputBase';
|
|
3
|
+
export interface TextareaSlots extends InputBaseSlots {
|
|
4
|
+
/** Content rendered below the textarea, alternative to the `bottomSection` prop */
|
|
5
|
+
bottomSection?: () => VNodeChild;
|
|
6
|
+
}
|
|
2
7
|
export declare const Textarea: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
8
|
autosize: {
|
|
4
9
|
type: BooleanConstructor;
|
|
@@ -67,4 +72,4 @@ export declare const Textarea: import("vue").DefineComponent<import("vue").Extra
|
|
|
67
72
|
maxRows: number;
|
|
68
73
|
minRows: number;
|
|
69
74
|
bottomSectionProps: Record<string, any>;
|
|
70
|
-
},
|
|
75
|
+
}, SlotsType<TextareaSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type PropType, type VNode } from 'vue';
|
|
2
2
|
import { type MantineColor, type MantineRadius } from '../../core';
|
|
3
|
-
export type TimelineStylesNames = 'root' | 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';
|
|
3
|
+
export type TimelineStylesNames = 'root' | 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle' | 'itemOpposite';
|
|
4
4
|
export declare const Timeline: import("../..").WithBoxProps<{
|
|
5
5
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
6
6
|
active: {
|
|
@@ -252,6 +252,14 @@ export declare const Timeline: import("../..").WithBoxProps<{
|
|
|
252
252
|
type: PropType<import("../..").MantineNode>;
|
|
253
253
|
default: undefined;
|
|
254
254
|
};
|
|
255
|
+
opposite: {
|
|
256
|
+
type: PropType<import("../..").MantineNode>;
|
|
257
|
+
default: undefined;
|
|
258
|
+
};
|
|
259
|
+
alternate: {
|
|
260
|
+
type: BooleanConstructor;
|
|
261
|
+
default: boolean;
|
|
262
|
+
};
|
|
255
263
|
radius: {
|
|
256
264
|
type: PropType<MantineRadius>;
|
|
257
265
|
default: undefined;
|
|
@@ -315,6 +323,14 @@ export declare const Timeline: import("../..").WithBoxProps<{
|
|
|
315
323
|
type: PropType<import("../..").MantineNode>;
|
|
316
324
|
default: undefined;
|
|
317
325
|
};
|
|
326
|
+
opposite: {
|
|
327
|
+
type: PropType<import("../..").MantineNode>;
|
|
328
|
+
default: undefined;
|
|
329
|
+
};
|
|
330
|
+
alternate: {
|
|
331
|
+
type: BooleanConstructor;
|
|
332
|
+
default: boolean;
|
|
333
|
+
};
|
|
318
334
|
radius: {
|
|
319
335
|
type: PropType<MantineRadius>;
|
|
320
336
|
default: undefined;
|
|
@@ -356,12 +372,14 @@ export declare const Timeline: import("../..").WithBoxProps<{
|
|
|
356
372
|
styles: Function | Record<string, any>;
|
|
357
373
|
active: boolean;
|
|
358
374
|
mod: any;
|
|
375
|
+
alternate: boolean;
|
|
359
376
|
className: any;
|
|
360
377
|
__active: boolean;
|
|
361
378
|
__lineActive: boolean;
|
|
362
379
|
__align: "left" | "right";
|
|
363
380
|
lineActive: boolean;
|
|
364
381
|
bullet: import("../..").MantineNode;
|
|
382
|
+
opposite: import("../..").MantineNode;
|
|
365
383
|
lineVariant: "dashed" | "dotted" | "solid";
|
|
366
384
|
}, import("vue").SlotsType<import("./TimelineItem/TimelineItem").TimelineItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
367
385
|
}>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
2
|
import { type MantineColor, type MantineNode, type MantineRadius } from '../../../core';
|
|
3
|
-
export type TimelineItemStylesNames = 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';
|
|
3
|
+
export type TimelineItemStylesNames = 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle' | 'itemOpposite';
|
|
4
4
|
export interface TimelineItemSlots {
|
|
5
5
|
default?: () => VNodeChild;
|
|
6
6
|
title?: () => VNodeChild;
|
|
7
7
|
bullet?: () => VNodeChild;
|
|
8
|
+
opposite?: () => VNodeChild;
|
|
8
9
|
}
|
|
9
10
|
export declare const TimelineItem: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
11
|
__active: {
|
|
@@ -35,6 +36,14 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
|
|
|
35
36
|
type: PropType<MantineNode>;
|
|
36
37
|
default: undefined;
|
|
37
38
|
};
|
|
39
|
+
opposite: {
|
|
40
|
+
type: PropType<MantineNode>;
|
|
41
|
+
default: undefined;
|
|
42
|
+
};
|
|
43
|
+
alternate: {
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
38
47
|
radius: {
|
|
39
48
|
type: PropType<MantineRadius>;
|
|
40
49
|
default: undefined;
|
|
@@ -98,6 +107,14 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
|
|
|
98
107
|
type: PropType<MantineNode>;
|
|
99
108
|
default: undefined;
|
|
100
109
|
};
|
|
110
|
+
opposite: {
|
|
111
|
+
type: PropType<MantineNode>;
|
|
112
|
+
default: undefined;
|
|
113
|
+
};
|
|
114
|
+
alternate: {
|
|
115
|
+
type: BooleanConstructor;
|
|
116
|
+
default: boolean;
|
|
117
|
+
};
|
|
101
118
|
radius: {
|
|
102
119
|
type: PropType<MantineRadius>;
|
|
103
120
|
default: undefined;
|
|
@@ -139,11 +156,13 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
|
|
|
139
156
|
styles: Function | Record<string, any>;
|
|
140
157
|
active: boolean;
|
|
141
158
|
mod: any;
|
|
159
|
+
alternate: boolean;
|
|
142
160
|
className: any;
|
|
143
161
|
__active: boolean;
|
|
144
162
|
__lineActive: boolean;
|
|
145
163
|
__align: "left" | "right";
|
|
146
164
|
lineActive: boolean;
|
|
147
165
|
bullet: MantineNode;
|
|
166
|
+
opposite: MantineNode;
|
|
148
167
|
lineVariant: "dashed" | "dotted" | "solid";
|
|
149
168
|
}, SlotsType<TimelineItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type Component, type PropType, type VNodeChild } from 'vue';
|
|
1
|
+
import { type Component, type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
2
|
import { type BoxProps } from '../../core';
|
|
3
3
|
import type { TreeDragDropPayload } from './move-tree-node/move-tree-node';
|
|
4
4
|
import type { TreeAllowDrop, TreeDragHandleProps } from './use-tree-node-drag-drop';
|
|
@@ -50,6 +50,11 @@ export interface TreeProps extends BoxProps {
|
|
|
50
50
|
withLines?: boolean;
|
|
51
51
|
}
|
|
52
52
|
export type TreeFactory = any;
|
|
53
|
+
export interface TreeSlots {
|
|
54
|
+
default?: () => VNodeChild;
|
|
55
|
+
node?: (payload: RenderTreeNodePayload) => VNodeChild;
|
|
56
|
+
renderNode?: (payload: RenderTreeNodePayload) => VNodeChild;
|
|
57
|
+
}
|
|
53
58
|
export declare const Tree: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
54
59
|
component: {
|
|
55
60
|
type: PropType<string | Component>;
|
|
@@ -234,4 +239,4 @@ export declare const Tree: import("../..").WithBoxProps<import("vue").DefineComp
|
|
|
234
239
|
tree: import("./use-tree").UseTreeReturnType;
|
|
235
240
|
clearSelectionOnOutsideClick: boolean;
|
|
236
241
|
withLines: boolean;
|
|
237
|
-
},
|
|
242
|
+
}, SlotsType<TreeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|