@teammodlr/ui-kit 2.2.2 → 2.3.1
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 +25 -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 +8363 -4234
- package/lib/style.css +1 -1
- package/package.json +2 -1
- package/src/components/dropdown/Dropdown.vue +207 -331
- package/src/components/dropdown/DropdownHeading.vue +23 -23
- package/src/components/dropdown/DropdownItem.vue +116 -151
- package/src/components/dropdown/DropdownSeperator.vue +26 -23
- package/src/components/dropdown/examples/basic.vue +246 -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 +3 -2
- package/src/components/tooltip/Tooltip.vue +1 -1
- package/lib/components/dropdown/DropdownTrigger.vue.d.ts +0 -11
- package/lib/components/dropdown/DropdownWrapper.vue.d.ts +0 -2
- 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,15 @@
|
|
|
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
|
};
|
|
7
|
+
modal: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
13
11
|
placement: {
|
|
14
|
-
type: PropType<
|
|
12
|
+
type: PropType<"start" | "center" | "end">;
|
|
15
13
|
default: string;
|
|
16
14
|
};
|
|
17
15
|
transfer: {
|
|
@@ -22,9 +20,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
20
|
type: PropType<"click" | "hover">;
|
|
23
21
|
default: string;
|
|
24
22
|
};
|
|
25
|
-
|
|
26
|
-
type:
|
|
27
|
-
default:
|
|
23
|
+
contextMenu: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
28
26
|
};
|
|
29
27
|
x: {
|
|
30
28
|
type: NumberConstructor;
|
|
@@ -50,36 +48,35 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
50
48
|
type: NumberConstructor;
|
|
51
49
|
};
|
|
52
50
|
}, {
|
|
53
|
-
wrapper: Ref<null>;
|
|
54
|
-
referenceRef: Ref<HTMLElement | undefined>;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
isOpen: Ref<boolean>;
|
|
58
|
-
isNested: boolean;
|
|
59
|
-
placement: Ref<Placement>;
|
|
51
|
+
wrapper: import("vue").Ref<null>;
|
|
52
|
+
referenceRef: import("vue").Ref<HTMLElement | undefined>;
|
|
53
|
+
isOpen: import("vue").Ref<boolean>;
|
|
54
|
+
placement: import("vue").Ref<"center" | "end" | "start">;
|
|
60
55
|
menuClasses: import("vue").ComputedRef<string[]>;
|
|
61
56
|
computedWrapperClasses: import("vue").ComputedRef<(string | {
|
|
62
57
|
'm-dropdown--open': boolean;
|
|
63
|
-
'm-dropdown--nested': boolean;
|
|
64
58
|
})[]>;
|
|
65
59
|
computedReferenceClasses: import("vue").ComputedRef<void>;
|
|
66
60
|
transitionName: import("vue").ComputedRef<string>;
|
|
67
61
|
toggleDropdown: () => void;
|
|
68
|
-
zIndex: Ref<number>;
|
|
62
|
+
zIndex: import("vue").Ref<number>;
|
|
69
63
|
scale: {
|
|
70
64
|
enterActive: string;
|
|
71
65
|
leaveActive: string;
|
|
72
66
|
enterFrom: string;
|
|
73
67
|
leaveTo: string;
|
|
74
68
|
};
|
|
75
|
-
maxHeight: Ref<string>;
|
|
76
69
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
77
70
|
open: {
|
|
78
71
|
type: BooleanConstructor;
|
|
79
72
|
default: boolean;
|
|
80
73
|
};
|
|
74
|
+
modal: {
|
|
75
|
+
type: BooleanConstructor;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
81
78
|
placement: {
|
|
82
|
-
type: PropType<
|
|
79
|
+
type: PropType<"start" | "center" | "end">;
|
|
83
80
|
default: string;
|
|
84
81
|
};
|
|
85
82
|
transfer: {
|
|
@@ -90,9 +87,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
90
87
|
type: PropType<"click" | "hover">;
|
|
91
88
|
default: string;
|
|
92
89
|
};
|
|
93
|
-
|
|
94
|
-
type:
|
|
95
|
-
default:
|
|
90
|
+
contextMenu: {
|
|
91
|
+
type: BooleanConstructor;
|
|
92
|
+
default: boolean;
|
|
96
93
|
};
|
|
97
94
|
x: {
|
|
98
95
|
type: NumberConstructor;
|
|
@@ -125,10 +122,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
125
122
|
open: boolean;
|
|
126
123
|
label: null;
|
|
127
124
|
onSelect: (labels: any) => void;
|
|
128
|
-
|
|
125
|
+
modal: boolean;
|
|
126
|
+
placement: "center" | "end" | "start";
|
|
129
127
|
transfer: boolean;
|
|
130
128
|
trigger: "click" | "hover";
|
|
131
|
-
|
|
129
|
+
contextMenu: boolean;
|
|
132
130
|
transitionName: string;
|
|
133
131
|
}, {}>;
|
|
134
132
|
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 { default as
|
|
19
|
+
export { default as MDropdownSeperator } from './dropdown/DropdownSeperator.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;
|