@teammodlr/ui-kit 2.3.1 → 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/index.d.ts +4 -0
- package/lib/index.cjs.js +8 -8
- package/lib/index.es.js +4235 -3853
- 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 +2 -2
- package/src/components/dropdown/examples/context.vue +3 -1
- package/src/components/index.ts +5 -0
|
@@ -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';
|
|
@@ -17,6 +17,10 @@ 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
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';
|