@teammodlr/ui-kit 2.2.2 → 2.3.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/lib/components/dialog/Dialog.vue.d.ts +1 -1
- package/lib/components/dropdown/Dropdown.vue.d.ts +16 -27
- package/lib/components/dropdown/DropdownItem.vue.d.ts +1 -2
- package/lib/components/index.d.ts +1 -2
- package/lib/components/messageprovider/Message.vue.d.ts +1 -1
- package/lib/components/modal/Modal.vue.d.ts +1 -1
- package/lib/components/primative/primitive.d.ts +1 -1
- package/lib/index.cjs.js +10 -8
- package/lib/index.es.js +8345 -4236
- package/lib/style.css +1 -1
- package/package.json +2 -1
- package/src/components/dropdown/Dropdown.vue +203 -331
- package/src/components/dropdown/DropdownHeading.vue +23 -23
- package/src/components/dropdown/DropdownItem.vue +116 -151
- package/src/components/dropdown/examples/basic.vue +126 -119
- package/src/components/dropdown/examples/context.vue +52 -71
- package/src/components/dropdown/style/Dropdown.css.ts +159 -158
- package/src/components/index.ts +1 -2
- package/src/components/tooltip/Tooltip.vue +1 -1
- package/lib/components/dropdown/DropdownSeperator.vue.d.ts +0 -4
- package/lib/components/dropdown/DropdownTrigger.vue.d.ts +0 -11
- package/lib/components/dropdown/DropdownWrapper.vue.d.ts +0 -2
- package/src/components/dropdown/DropdownSeperator.vue +0 -23
- package/src/components/dropdown/DropdownTrigger.vue +0 -20
- package/src/components/dropdown/DropdownWrapper.vue +0 -18
|
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
65
65
|
isOpen: Ref<boolean>;
|
|
66
66
|
close: () => void;
|
|
67
67
|
onEnter: () => void;
|
|
68
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "
|
|
68
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:open" | "onClose" | "onOpen")[], "open" | "update:open" | "onClose" | "onOpen", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
69
69
|
title: {
|
|
70
70
|
type: PropType<string | Ref<string>>;
|
|
71
71
|
default: string;
|
|
@@ -1,17 +1,11 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import { type PropType, type Ref } from 'vue';
|
|
3
|
-
interface DropdownContext {
|
|
4
|
-
reference: Ref<HTMLElement | undefined>;
|
|
5
|
-
onReferenceChange: (element: HTMLElement | undefined) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const injectDropdownContext: <T extends DropdownContext | null | undefined = DropdownContext>(fallback?: T | undefined) => T extends null ? DropdownContext | null : DropdownContext, provideDropdownContext: (contextValue: DropdownContext) => DropdownContext;
|
|
1
|
+
import { type PropType } from 'vue';
|
|
8
2
|
declare const _default: import("vue").DefineComponent<{
|
|
9
3
|
open: {
|
|
10
4
|
type: BooleanConstructor;
|
|
11
5
|
default: boolean;
|
|
12
6
|
};
|
|
13
7
|
placement: {
|
|
14
|
-
type: PropType<
|
|
8
|
+
type: PropType<"start" | "center" | "end">;
|
|
15
9
|
default: string;
|
|
16
10
|
};
|
|
17
11
|
transfer: {
|
|
@@ -22,9 +16,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
16
|
type: PropType<"click" | "hover">;
|
|
23
17
|
default: string;
|
|
24
18
|
};
|
|
25
|
-
|
|
26
|
-
type:
|
|
27
|
-
default:
|
|
19
|
+
contextMenu: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: boolean;
|
|
28
22
|
};
|
|
29
23
|
x: {
|
|
30
24
|
type: NumberConstructor;
|
|
@@ -50,36 +44,31 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
50
44
|
type: NumberConstructor;
|
|
51
45
|
};
|
|
52
46
|
}, {
|
|
53
|
-
wrapper: Ref<null>;
|
|
54
|
-
referenceRef: Ref<HTMLElement | undefined>;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
isOpen: Ref<boolean>;
|
|
58
|
-
isNested: boolean;
|
|
59
|
-
placement: Ref<Placement>;
|
|
47
|
+
wrapper: import("vue").Ref<null>;
|
|
48
|
+
referenceRef: import("vue").Ref<HTMLElement | undefined>;
|
|
49
|
+
isOpen: import("vue").Ref<boolean>;
|
|
50
|
+
placement: import("vue").Ref<"center" | "end" | "start">;
|
|
60
51
|
menuClasses: import("vue").ComputedRef<string[]>;
|
|
61
52
|
computedWrapperClasses: import("vue").ComputedRef<(string | {
|
|
62
53
|
'm-dropdown--open': boolean;
|
|
63
|
-
'm-dropdown--nested': boolean;
|
|
64
54
|
})[]>;
|
|
65
55
|
computedReferenceClasses: import("vue").ComputedRef<void>;
|
|
66
56
|
transitionName: import("vue").ComputedRef<string>;
|
|
67
57
|
toggleDropdown: () => void;
|
|
68
|
-
zIndex: Ref<number>;
|
|
58
|
+
zIndex: import("vue").Ref<number>;
|
|
69
59
|
scale: {
|
|
70
60
|
enterActive: string;
|
|
71
61
|
leaveActive: string;
|
|
72
62
|
enterFrom: string;
|
|
73
63
|
leaveTo: string;
|
|
74
64
|
};
|
|
75
|
-
maxHeight: Ref<string>;
|
|
76
65
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
77
66
|
open: {
|
|
78
67
|
type: BooleanConstructor;
|
|
79
68
|
default: boolean;
|
|
80
69
|
};
|
|
81
70
|
placement: {
|
|
82
|
-
type: PropType<
|
|
71
|
+
type: PropType<"start" | "center" | "end">;
|
|
83
72
|
default: string;
|
|
84
73
|
};
|
|
85
74
|
transfer: {
|
|
@@ -90,9 +79,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
90
79
|
type: PropType<"click" | "hover">;
|
|
91
80
|
default: string;
|
|
92
81
|
};
|
|
93
|
-
|
|
94
|
-
type:
|
|
95
|
-
default:
|
|
82
|
+
contextMenu: {
|
|
83
|
+
type: BooleanConstructor;
|
|
84
|
+
default: boolean;
|
|
96
85
|
};
|
|
97
86
|
x: {
|
|
98
87
|
type: NumberConstructor;
|
|
@@ -125,10 +114,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
125
114
|
open: boolean;
|
|
126
115
|
label: null;
|
|
127
116
|
onSelect: (labels: any) => void;
|
|
128
|
-
placement:
|
|
117
|
+
placement: "center" | "end" | "start";
|
|
129
118
|
transfer: boolean;
|
|
130
119
|
trigger: "click" | "hover";
|
|
131
|
-
|
|
120
|
+
contextMenu: boolean;
|
|
132
121
|
transitionName: string;
|
|
133
122
|
}, {}>;
|
|
134
123
|
export default _default;
|
|
@@ -38,10 +38,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
38
38
|
wrapper: import("vue").Ref<null>;
|
|
39
39
|
hasIconLeft: import("vue").ComputedRef<boolean>;
|
|
40
40
|
hasIconRight: import("vue").ComputedRef<boolean>;
|
|
41
|
-
handleSelect: () => void;
|
|
42
41
|
computedWrapperClasses: import("vue").ComputedRef<string[]>;
|
|
43
42
|
style: typeof style;
|
|
44
|
-
computedType: import("vue").ComputedRef<"a" | "
|
|
43
|
+
computedType: import("vue").ComputedRef<"a" | "div">;
|
|
45
44
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
46
45
|
label: {
|
|
47
46
|
type: (NumberConstructor | StringConstructor)[];
|
|
@@ -15,9 +15,8 @@ export { default as MColorPicker } from './colorpicker/ColorPicker.vue';
|
|
|
15
15
|
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
|
-
export { default as MDropdownSeperator } from './dropdown/DropdownSeperator.vue';
|
|
19
18
|
export { default as MDropdownHeading } from './dropdown/DropdownHeading.vue';
|
|
20
|
-
export {
|
|
19
|
+
export { DropdownMenuSub as MDropdownMenuSub, DropdownMenuSubTrigger as MDropdownMenuSubTrigger, DropdownMenuSubContent as MDropdownMenuSubContent } from 'radix-vue';
|
|
21
20
|
export { default as MForm } from './form/Form.vue';
|
|
22
21
|
export { default as MImage } from './image/Image.vue';
|
|
23
22
|
export { default as MInput } from './input/Input.vue';
|
|
@@ -128,8 +128,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
128
128
|
width: string | number;
|
|
129
129
|
title: string;
|
|
130
130
|
loading: boolean;
|
|
131
|
-
onClose: (e: MouseEvent | KeyboardEvent) => void;
|
|
132
131
|
showClose: boolean;
|
|
132
|
+
onClose: (e: MouseEvent | KeyboardEvent) => void;
|
|
133
133
|
wrapClassName: string;
|
|
134
134
|
canClickOutside: boolean;
|
|
135
135
|
outsideClose: boolean;
|