@teammodlr/ui-kit 2.1.14 → 2.1.15
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/modal/Modal.vue.d.ts +51 -20
- package/lib/components/modal/style/Modal.css.d.ts +5 -1
- package/lib/components/tooltip/Tooltip.vue.d.ts +2 -2
- package/lib/index.cjs.js +9 -9
- package/lib/index.es.js +2610 -2630
- package/lib/style.css +1 -1
- package/package.json +1 -1
- package/src/components/modal/Modal.vue +166 -94
- package/src/components/modal/examples/basic.vue +1 -8
- package/src/components/modal/examples/sidebar.vue +1 -1
- package/src/components/modal/style/Modal.css.ts +48 -9
- package/src/components/tooltip/Tooltip.vue +44 -30
- package/src/styles/transitions.css.ts +1 -1
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
import type { PropType } from 'vue';
|
|
2
|
-
import type { Size } from '../../types/props';
|
|
1
|
+
import type { CSSProperties, PropType } from 'vue';
|
|
3
2
|
import * as style from './style';
|
|
4
3
|
declare const _default: import("vue").DefineComponent<{
|
|
5
|
-
size: {
|
|
6
|
-
type: PropType<Size>;
|
|
7
|
-
default: string;
|
|
8
|
-
};
|
|
9
4
|
title: {
|
|
10
5
|
type: StringConstructor;
|
|
11
6
|
default: string;
|
|
@@ -18,8 +13,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
18
13
|
type: BooleanConstructor;
|
|
19
14
|
default: boolean;
|
|
20
15
|
};
|
|
16
|
+
outsideClose: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
21
20
|
onClose: {
|
|
22
|
-
type: PropType<() => void>;
|
|
21
|
+
type: PropType<(e: MouseEvent | KeyboardEvent) => void>;
|
|
23
22
|
default: () => void;
|
|
24
23
|
};
|
|
25
24
|
zIndex: {
|
|
@@ -29,16 +28,35 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
29
28
|
type: BooleanConstructor;
|
|
30
29
|
default: boolean;
|
|
31
30
|
};
|
|
31
|
+
width: {
|
|
32
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
height: (StringConstructor | NumberConstructor)[];
|
|
36
|
+
centered: {
|
|
37
|
+
type: BooleanConstructor;
|
|
38
|
+
default: boolean;
|
|
39
|
+
};
|
|
32
40
|
}, {
|
|
33
|
-
close: () => void;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
41
|
+
close: (e: MouseEvent | KeyboardEvent) => void;
|
|
42
|
+
onOutsideClick: (e: MouseEvent) => null | undefined;
|
|
43
|
+
open: () => void;
|
|
44
|
+
onContentMouseDown: () => void;
|
|
45
|
+
onContentMouseUp: () => void;
|
|
46
|
+
onWrapperKeyDown: (e: KeyboardEvent) => void;
|
|
38
47
|
target: import("vue").Ref<any>;
|
|
39
48
|
style: typeof style;
|
|
40
49
|
isOpen: import("vue").Ref<boolean>;
|
|
41
|
-
|
|
50
|
+
computedWrapperStyles: import("vue").ComputedRef<{
|
|
51
|
+
zIndex: number;
|
|
52
|
+
}>;
|
|
53
|
+
computedModalClasses: import("vue").ComputedRef<(string | {
|
|
54
|
+
[x: string]: boolean;
|
|
55
|
+
})[]>;
|
|
56
|
+
computedContainerClasses: import("vue").ComputedRef<(string | {
|
|
57
|
+
[x: string]: boolean;
|
|
58
|
+
})[]>;
|
|
59
|
+
computedWrapperClasses: import("vue").ComputedRef<(string | {
|
|
42
60
|
[x: string]: boolean;
|
|
43
61
|
})[]>;
|
|
44
62
|
zIndex: import("vue").Ref<number>;
|
|
@@ -54,12 +72,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
72
|
enterFrom: string;
|
|
55
73
|
leaveTo: string;
|
|
56
74
|
};
|
|
75
|
+
contentStyleRef: import("vue").ComputedRef<CSSProperties>;
|
|
76
|
+
wrapperRef: import("vue").ShallowRef<HTMLDivElement | undefined>;
|
|
57
77
|
hasSidebar: import("vue").ComputedRef<boolean>;
|
|
58
78
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "open"[], "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
59
|
-
size: {
|
|
60
|
-
type: PropType<Size>;
|
|
61
|
-
default: string;
|
|
62
|
-
};
|
|
63
79
|
title: {
|
|
64
80
|
type: StringConstructor;
|
|
65
81
|
default: string;
|
|
@@ -72,8 +88,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
72
88
|
type: BooleanConstructor;
|
|
73
89
|
default: boolean;
|
|
74
90
|
};
|
|
91
|
+
outsideClose: {
|
|
92
|
+
type: BooleanConstructor;
|
|
93
|
+
default: boolean;
|
|
94
|
+
};
|
|
75
95
|
onClose: {
|
|
76
|
-
type: PropType<() => void>;
|
|
96
|
+
type: PropType<(e: MouseEvent | KeyboardEvent) => void>;
|
|
77
97
|
default: () => void;
|
|
78
98
|
};
|
|
79
99
|
zIndex: {
|
|
@@ -83,14 +103,25 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
83
103
|
type: BooleanConstructor;
|
|
84
104
|
default: boolean;
|
|
85
105
|
};
|
|
106
|
+
width: {
|
|
107
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
108
|
+
default: string;
|
|
109
|
+
};
|
|
110
|
+
height: (StringConstructor | NumberConstructor)[];
|
|
111
|
+
centered: {
|
|
112
|
+
type: BooleanConstructor;
|
|
113
|
+
default: boolean;
|
|
114
|
+
};
|
|
86
115
|
}>> & {
|
|
87
116
|
onOpen?: ((...args: any[]) => any) | undefined;
|
|
88
117
|
}, {
|
|
89
118
|
title: string;
|
|
90
|
-
|
|
119
|
+
width: string | number;
|
|
91
120
|
loading: boolean;
|
|
92
|
-
onClose: () => void;
|
|
121
|
+
onClose: (e: MouseEvent | KeyboardEvent) => void;
|
|
93
122
|
canClickOutside: boolean;
|
|
123
|
+
outsideClose: boolean;
|
|
94
124
|
showClose: boolean;
|
|
125
|
+
centered: boolean;
|
|
95
126
|
}, {}>;
|
|
96
127
|
export default _default;
|
|
@@ -6,7 +6,11 @@ export declare const vars: {
|
|
|
6
6
|
initialTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
7
|
};
|
|
8
8
|
export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
|
|
9
|
-
export declare const
|
|
9
|
+
export declare const wrapper: string;
|
|
10
|
+
export declare const mask: string;
|
|
11
|
+
export declare const modal: string;
|
|
12
|
+
export declare const centeredWrapper: string;
|
|
13
|
+
export declare const centeredModal: string;
|
|
10
14
|
export declare const container: string;
|
|
11
15
|
export declare const hasSidebar: string;
|
|
12
16
|
export declare const header: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type PropType } from 'vue';
|
|
2
|
-
import { type Placement } from
|
|
3
|
-
import * as style from
|
|
2
|
+
import { type Placement } from '../../composables/usePopper';
|
|
3
|
+
import * as style from './style';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
text: {
|
|
6
6
|
type: StringConstructor;
|