@teammodlr/ui-kit 2.3.0 → 2.3.2
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/lib/components/cardcontextmenu/CardContextMenu.vue.d.ts +129 -0
- package/lib/components/cardcontextmenu/CardContextMenuItem.vue.d.ts +88 -0
- package/lib/components/cardcontextmenu/CardContextMenuList.vue.d.ts +5 -0
- package/lib/components/cardcontextmenu/CardContextMenuSeperator.vue.d.ts +4 -0
- package/lib/components/cardcontextmenu/CardContextMenuWrapper.vue.d.ts +2 -0
- package/lib/components/cardcontextmenu/hooks.d.ts +2 -0
- package/lib/components/cardcontextmenu/style/Dropdown.css.d.ts +9 -0
- package/lib/components/cardcontextmenu/style/index.d.ts +1 -0
- package/lib/components/cardcontextmenu/symbol.d.ts +6 -0
- package/lib/components/dropdown/Dropdown.vue.d.ts +9 -0
- package/lib/components/dropdown/DropdownSeperator.vue.d.ts +4 -0
- package/lib/components/index.d.ts +5 -1
- package/lib/index.cjs.js +8 -8
- package/lib/index.es.js +4264 -3862
- package/lib/style.css +1 -1
- package/package.json +1 -1
- package/src/components/cardcontextmenu/CardContextMenu.vue +276 -0
- package/src/components/cardcontextmenu/CardContextMenuItem.vue +151 -0
- package/src/components/cardcontextmenu/CardContextMenuList.vue +20 -0
- package/src/components/cardcontextmenu/CardContextMenuSeperator.vue +23 -0
- package/src/components/cardcontextmenu/CardContextMenuWrapper.vue +18 -0
- package/src/components/cardcontextmenu/examples/basic.vue +71 -0
- package/src/components/cardcontextmenu/examples/index.stories.ts +22 -0
- package/src/components/cardcontextmenu/examples/index.ts +1 -0
- package/src/components/cardcontextmenu/hooks.ts +30 -0
- package/src/components/cardcontextmenu/style/Dropdown.css.ts +158 -0
- package/src/components/cardcontextmenu/style/index.ts +1 -0
- package/src/components/cardcontextmenu/symbol.ts +9 -0
- package/src/components/dropdown/Dropdown.vue +6 -2
- package/src/components/dropdown/DropdownSeperator.vue +26 -0
- package/src/components/dropdown/examples/basic.vue +120 -0
- package/src/components/dropdown/examples/context.vue +3 -1
- package/src/components/index.ts +8 -1
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import type { Placement } from '@popperjs/core';
|
|
2
|
+
import { type PropType } from 'vue';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
open: {
|
|
5
|
+
type: BooleanConstructor;
|
|
6
|
+
default: boolean;
|
|
7
|
+
};
|
|
8
|
+
placement: {
|
|
9
|
+
type: PropType<Placement>;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
transfer: {
|
|
13
|
+
type: BooleanConstructor;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
16
|
+
trigger: {
|
|
17
|
+
type: PropType<"click" | "hover">;
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
20
|
+
virtual: {
|
|
21
|
+
type: ObjectConstructor[];
|
|
22
|
+
default: null;
|
|
23
|
+
};
|
|
24
|
+
x: {
|
|
25
|
+
type: NumberConstructor;
|
|
26
|
+
default: number;
|
|
27
|
+
};
|
|
28
|
+
y: {
|
|
29
|
+
type: NumberConstructor;
|
|
30
|
+
default: number;
|
|
31
|
+
};
|
|
32
|
+
label: {
|
|
33
|
+
default: null;
|
|
34
|
+
static: boolean;
|
|
35
|
+
};
|
|
36
|
+
transitionName: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
default: string;
|
|
39
|
+
};
|
|
40
|
+
onSelect: {
|
|
41
|
+
type: PropType<(labels: any) => void>;
|
|
42
|
+
default: () => void;
|
|
43
|
+
};
|
|
44
|
+
zIndex: {
|
|
45
|
+
type: NumberConstructor;
|
|
46
|
+
};
|
|
47
|
+
}, {
|
|
48
|
+
wrapper: import("vue").Ref<null>;
|
|
49
|
+
referenceRef: import("vue").Ref<null>;
|
|
50
|
+
popper: import("vue").Ref<HTMLElement | null | undefined>;
|
|
51
|
+
transferTo: import("vue").Ref<string>;
|
|
52
|
+
isOpen: import("vue").Ref<boolean>;
|
|
53
|
+
isNested: boolean;
|
|
54
|
+
placement: import("vue").Ref<Placement>;
|
|
55
|
+
menuClasses: import("vue").ComputedRef<string[]>;
|
|
56
|
+
computedWrapperClasses: import("vue").ComputedRef<(string | {
|
|
57
|
+
'm-dropdown--open': boolean;
|
|
58
|
+
'm-dropdown--nested': boolean;
|
|
59
|
+
})[]>;
|
|
60
|
+
computedReferenceClasses: import("vue").ComputedRef<void>;
|
|
61
|
+
transitionName: import("vue").ComputedRef<string>;
|
|
62
|
+
toggleDropdown: () => void;
|
|
63
|
+
zIndex: import("vue").Ref<number>;
|
|
64
|
+
scale: {
|
|
65
|
+
enterActive: string;
|
|
66
|
+
leaveActive: string;
|
|
67
|
+
enterFrom: string;
|
|
68
|
+
leaveTo: string;
|
|
69
|
+
};
|
|
70
|
+
maxHeight: import("vue").Ref<string>;
|
|
71
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
72
|
+
open: {
|
|
73
|
+
type: BooleanConstructor;
|
|
74
|
+
default: boolean;
|
|
75
|
+
};
|
|
76
|
+
placement: {
|
|
77
|
+
type: PropType<Placement>;
|
|
78
|
+
default: string;
|
|
79
|
+
};
|
|
80
|
+
transfer: {
|
|
81
|
+
type: BooleanConstructor;
|
|
82
|
+
default: boolean;
|
|
83
|
+
};
|
|
84
|
+
trigger: {
|
|
85
|
+
type: PropType<"click" | "hover">;
|
|
86
|
+
default: string;
|
|
87
|
+
};
|
|
88
|
+
virtual: {
|
|
89
|
+
type: ObjectConstructor[];
|
|
90
|
+
default: null;
|
|
91
|
+
};
|
|
92
|
+
x: {
|
|
93
|
+
type: NumberConstructor;
|
|
94
|
+
default: number;
|
|
95
|
+
};
|
|
96
|
+
y: {
|
|
97
|
+
type: NumberConstructor;
|
|
98
|
+
default: number;
|
|
99
|
+
};
|
|
100
|
+
label: {
|
|
101
|
+
default: null;
|
|
102
|
+
static: boolean;
|
|
103
|
+
};
|
|
104
|
+
transitionName: {
|
|
105
|
+
type: StringConstructor;
|
|
106
|
+
default: string;
|
|
107
|
+
};
|
|
108
|
+
onSelect: {
|
|
109
|
+
type: PropType<(labels: any) => void>;
|
|
110
|
+
default: () => void;
|
|
111
|
+
};
|
|
112
|
+
zIndex: {
|
|
113
|
+
type: NumberConstructor;
|
|
114
|
+
};
|
|
115
|
+
}>> & {
|
|
116
|
+
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
117
|
+
}, {
|
|
118
|
+
x: number;
|
|
119
|
+
y: number;
|
|
120
|
+
open: boolean;
|
|
121
|
+
label: null;
|
|
122
|
+
onSelect: (labels: any) => void;
|
|
123
|
+
placement: Placement;
|
|
124
|
+
transfer: boolean;
|
|
125
|
+
trigger: "click" | "hover";
|
|
126
|
+
transitionName: string;
|
|
127
|
+
virtual: Record<string, any>;
|
|
128
|
+
}, {}>;
|
|
129
|
+
export default _default;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
import * as style from './style';
|
|
3
|
+
import type { Variant } from '../../types/props';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
label: {
|
|
6
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
7
|
+
default: null;
|
|
8
|
+
};
|
|
9
|
+
disabled: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: boolean;
|
|
12
|
+
};
|
|
13
|
+
reference: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
default: boolean;
|
|
16
|
+
};
|
|
17
|
+
onSelect: {
|
|
18
|
+
type: PropType<(label: string | number) => void>;
|
|
19
|
+
default: () => void;
|
|
20
|
+
};
|
|
21
|
+
hotkey: {
|
|
22
|
+
type: StringConstructor;
|
|
23
|
+
default: null;
|
|
24
|
+
};
|
|
25
|
+
description: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
default: null;
|
|
28
|
+
};
|
|
29
|
+
href: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: null;
|
|
32
|
+
};
|
|
33
|
+
variant: {
|
|
34
|
+
type: PropType<Variant>;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
}, {
|
|
38
|
+
wrapper: import("vue").Ref<null>;
|
|
39
|
+
hasIconLeft: import("vue").ComputedRef<boolean>;
|
|
40
|
+
hasIconRight: import("vue").ComputedRef<boolean>;
|
|
41
|
+
handleSelect: () => void;
|
|
42
|
+
computedWrapperClasses: import("vue").ComputedRef<string[]>;
|
|
43
|
+
style: typeof style;
|
|
44
|
+
computedType: import("vue").ComputedRef<"a" | "li">;
|
|
45
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
46
|
+
label: {
|
|
47
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
48
|
+
default: null;
|
|
49
|
+
};
|
|
50
|
+
disabled: {
|
|
51
|
+
type: BooleanConstructor;
|
|
52
|
+
default: boolean;
|
|
53
|
+
};
|
|
54
|
+
reference: {
|
|
55
|
+
type: BooleanConstructor;
|
|
56
|
+
default: boolean;
|
|
57
|
+
};
|
|
58
|
+
onSelect: {
|
|
59
|
+
type: PropType<(label: string | number) => void>;
|
|
60
|
+
default: () => void;
|
|
61
|
+
};
|
|
62
|
+
hotkey: {
|
|
63
|
+
type: StringConstructor;
|
|
64
|
+
default: null;
|
|
65
|
+
};
|
|
66
|
+
description: {
|
|
67
|
+
type: StringConstructor;
|
|
68
|
+
default: null;
|
|
69
|
+
};
|
|
70
|
+
href: {
|
|
71
|
+
type: StringConstructor;
|
|
72
|
+
default: null;
|
|
73
|
+
};
|
|
74
|
+
variant: {
|
|
75
|
+
type: PropType<Variant>;
|
|
76
|
+
default: string;
|
|
77
|
+
};
|
|
78
|
+
}>> & {}, {
|
|
79
|
+
disabled: boolean;
|
|
80
|
+
description: string;
|
|
81
|
+
label: string | number;
|
|
82
|
+
onSelect: (label: string | number) => void;
|
|
83
|
+
variant: Variant;
|
|
84
|
+
href: string;
|
|
85
|
+
reference: boolean;
|
|
86
|
+
hotkey: string;
|
|
87
|
+
}, {}>;
|
|
88
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as style from "./style";
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
3
|
+
style: typeof style;
|
|
4
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
|
+
computedClasses: import("vue").ComputedRef<string[]>;
|
|
3
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const menu: string;
|
|
2
|
+
export declare const menuItems: string;
|
|
3
|
+
export declare const menuItem: string;
|
|
4
|
+
export declare const variant: Record<"default" | "dark" | "primary" | "error" | "tertiary" | "success" | "warning", string>;
|
|
5
|
+
export declare const menuItemTextContainer: string;
|
|
6
|
+
export declare const menuItemText: string;
|
|
7
|
+
export declare const menuItemIcon: string;
|
|
8
|
+
export declare const menuSeperator: string;
|
|
9
|
+
export declare const heading: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Dropdown.css';
|
|
@@ -4,6 +4,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
4
4
|
type: BooleanConstructor;
|
|
5
5
|
default: boolean;
|
|
6
6
|
};
|
|
7
|
+
modal: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
7
11
|
placement: {
|
|
8
12
|
type: PropType<"start" | "center" | "end">;
|
|
9
13
|
default: string;
|
|
@@ -67,6 +71,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
71
|
type: BooleanConstructor;
|
|
68
72
|
default: boolean;
|
|
69
73
|
};
|
|
74
|
+
modal: {
|
|
75
|
+
type: BooleanConstructor;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
70
78
|
placement: {
|
|
71
79
|
type: PropType<"start" | "center" | "end">;
|
|
72
80
|
default: string;
|
|
@@ -114,6 +122,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
114
122
|
open: boolean;
|
|
115
123
|
label: null;
|
|
116
124
|
onSelect: (labels: any) => void;
|
|
125
|
+
modal: boolean;
|
|
117
126
|
placement: "center" | "end" | "start";
|
|
118
127
|
transfer: boolean;
|
|
119
128
|
trigger: "click" | "hover";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
|
+
computedClasses: import("vue").ComputedRef<string[]>;
|
|
3
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
4
|
+
export default _default;
|
|
@@ -16,7 +16,11 @@ export { default as MDropdown } from './dropdown/Dropdown.vue';
|
|
|
16
16
|
export { default as MDropdownItem } from './dropdown/DropdownItem.vue';
|
|
17
17
|
export { default as MDropdownList } from './dropdown/DropdownList.vue';
|
|
18
18
|
export { default as MDropdownHeading } from './dropdown/DropdownHeading.vue';
|
|
19
|
-
export {
|
|
19
|
+
export { default as MDropdownSeperator } from './dropdown/DropdownSeperator.vue';
|
|
20
|
+
export { default as MCardContextMenu } from './cardcontextmenu/CardContextMenu.vue';
|
|
21
|
+
export { default as MCardContextMenuItem } from './cardcontextmenu/CardContextMenuItem.vue';
|
|
22
|
+
export { default as MCardContextMenuList } from './cardcontextmenu/CardContextMenuList.vue';
|
|
23
|
+
export { default as MCardContextMenuSeperator } from './cardcontextmenu/CardContextMenuSeperator.vue';
|
|
20
24
|
export { default as MForm } from './form/Form.vue';
|
|
21
25
|
export { default as MImage } from './image/Image.vue';
|
|
22
26
|
export { default as MInput } from './input/Input.vue';
|