@mantine-vue/core 2.3.0 → 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 +1011 -144
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +1006 -145
- 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/Popover/Popover.d.ts +10 -2
- package/lib/components/Popover/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
|
@@ -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>>;
|
|
@@ -5,7 +5,7 @@ export { mergeAsyncChildren } from './merge-async-children/merge-async-children'
|
|
|
5
5
|
export { moveTreeNode } from './move-tree-node/move-tree-node';
|
|
6
6
|
export { filterTreeData, defaultTreeNodeFilter } from './filter-tree-data/filter-tree-data';
|
|
7
7
|
export { flattenTreeData } from './flatten-tree-data/flatten-tree-data';
|
|
8
|
-
export type { TreeProps, TreeStylesNames, TreeFactory, TreeCssVariables, TreeNodeData, RenderTreeNodePayload, RenderNode, } from './Tree';
|
|
8
|
+
export type { TreeProps, TreeStylesNames, TreeFactory, TreeCssVariables, TreeNodeData, RenderTreeNodePayload, RenderNode, TreeSlots, } from './Tree';
|
|
9
9
|
export type { UseTreeInput, UseTreeReturnType, TreeController, TreeExpandedState } from './use-tree';
|
|
10
10
|
export type { CheckedNodeStatus } from './get-all-checked-nodes/get-all-checked-nodes';
|
|
11
11
|
export type { TreeNodeFilter } from './filter-tree-data/filter-tree-data';
|
|
@@ -11,6 +11,7 @@ export interface TreeSelectRenderNodePayload {
|
|
|
11
11
|
selected: boolean;
|
|
12
12
|
checked: boolean;
|
|
13
13
|
indeterminate: boolean;
|
|
14
|
+
expand: (event?: Event) => void;
|
|
14
15
|
}
|
|
15
16
|
export interface TreeSelectChevronAriaLabels {
|
|
16
17
|
expand?: string;
|
|
@@ -152,6 +153,7 @@ export interface TreeSelectSlots {
|
|
|
152
153
|
rightSection?: () => VNodeChild;
|
|
153
154
|
renderNode?: (payload: TreeSelectRenderNodePayload) => VNodeChild;
|
|
154
155
|
nothingFound?: () => VNodeChild;
|
|
156
|
+
nothingFoundMessage?: () => VNodeChild;
|
|
155
157
|
}
|
|
156
158
|
export declare const TreeSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
157
159
|
data: {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { TreeSelect, TreeSelectOption } from './TreeSelect';
|
|
2
|
-
export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectValue, } from './TreeSelect';
|
|
2
|
+
export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectSlots, TreeSelectValue, } from './TreeSelect';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine-vue/core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.4.0",
|
|
4
4
|
"description": "Vue component foundation architecturally equivalent to @mantine/core",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"files": [
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
"vue": "^3.5.0"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"@mantine-vue/hooks": "2.
|
|
48
|
-
"@mantine-vue/utils": "2.
|
|
47
|
+
"@mantine-vue/hooks": "2.4.0",
|
|
48
|
+
"@mantine-vue/utils": "2.4.0",
|
|
49
49
|
"vue": "^3.5.0"
|
|
50
50
|
}
|
|
51
51
|
}
|