@davincihealthcare/elty-design-system-vue 1.21.0 → 1.22.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/dist/ElModal.vue.d.ts +220 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +7585 -7092
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +19 -19
- package/dist/index.umd.cjs.map +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
import { default as ElButton } from './ElButton.vue';
|
|
2
|
+
import { default as ElIcon } from './ElIcon.vue';
|
|
3
|
+
|
|
4
|
+
export interface ElModalProps {
|
|
5
|
+
isOpen?: boolean;
|
|
6
|
+
size?: ElModalSize;
|
|
7
|
+
color?: ElModalColor;
|
|
8
|
+
headerIcon: InstanceType<typeof ElIcon>['$props'];
|
|
9
|
+
title: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
primaryAction: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;
|
|
12
|
+
secondaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;
|
|
13
|
+
tertiaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;
|
|
14
|
+
}
|
|
15
|
+
export declare const elModalSizes: readonly ["xs", "m", "l", "xl"];
|
|
16
|
+
export type ElModalSize = (typeof elModalSizes)[number];
|
|
17
|
+
export declare const elModalColors: readonly ["primary", "secondary", "error"];
|
|
18
|
+
export type ElModalColor = (typeof elModalColors)[number];
|
|
19
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ElModalProps>, {
|
|
20
|
+
isOpen: boolean;
|
|
21
|
+
size: string;
|
|
22
|
+
color: string;
|
|
23
|
+
title: undefined;
|
|
24
|
+
description: undefined;
|
|
25
|
+
secondaryAction: undefined;
|
|
26
|
+
tertiaryAction: undefined;
|
|
27
|
+
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
28
|
+
"update:isOpen": (isOpen?: boolean | undefined) => void;
|
|
29
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ElModalProps>, {
|
|
30
|
+
isOpen: boolean;
|
|
31
|
+
size: string;
|
|
32
|
+
color: string;
|
|
33
|
+
title: undefined;
|
|
34
|
+
description: undefined;
|
|
35
|
+
secondaryAction: undefined;
|
|
36
|
+
tertiaryAction: undefined;
|
|
37
|
+
}>>> & {
|
|
38
|
+
"onUpdate:isOpen"?: ((isOpen?: boolean | undefined) => any) | undefined;
|
|
39
|
+
}, {
|
|
40
|
+
title: string;
|
|
41
|
+
color: "error" | "primary" | "secondary";
|
|
42
|
+
size: "xs" | "l" | "xl" | "m";
|
|
43
|
+
isOpen: boolean;
|
|
44
|
+
description: string;
|
|
45
|
+
secondaryAction: Omit<Partial<{
|
|
46
|
+
disabled: boolean;
|
|
47
|
+
type: "button" | "submit" | "reset";
|
|
48
|
+
onClick: (() => unknown) | (() => Promise<unknown>);
|
|
49
|
+
label: string;
|
|
50
|
+
icon: import('./ElIcon.vue').ElIconProps;
|
|
51
|
+
size: "base" | "xs" | "sm" | "l" | "xl";
|
|
52
|
+
loading: boolean;
|
|
53
|
+
error: boolean;
|
|
54
|
+
dark: boolean;
|
|
55
|
+
variant: "primary" | "secondary" | "tertiary";
|
|
56
|
+
loadOnClick: boolean;
|
|
57
|
+
}> & Omit<{
|
|
58
|
+
readonly disabled: boolean;
|
|
59
|
+
readonly type: "button" | "submit" | "reset";
|
|
60
|
+
readonly label: string;
|
|
61
|
+
readonly size: "base" | "xs" | "sm" | "l" | "xl";
|
|
62
|
+
readonly loading: boolean;
|
|
63
|
+
readonly error: boolean;
|
|
64
|
+
readonly dark: boolean;
|
|
65
|
+
readonly variant: "primary" | "secondary" | "tertiary";
|
|
66
|
+
readonly loadOnClick: boolean;
|
|
67
|
+
readonly onClick?: (() => unknown) | (() => Promise<unknown>) | undefined;
|
|
68
|
+
readonly icon?: import('./ElIcon.vue').ElIconProps | undefined;
|
|
69
|
+
readonly iconRight?: boolean | undefined;
|
|
70
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
71
|
+
disabled: {
|
|
72
|
+
type: import('vue').PropType<boolean>;
|
|
73
|
+
default: boolean;
|
|
74
|
+
};
|
|
75
|
+
type: {
|
|
76
|
+
type: import('vue').PropType<"button" | "submit" | "reset">;
|
|
77
|
+
default: string;
|
|
78
|
+
};
|
|
79
|
+
onClick: {
|
|
80
|
+
type: import('vue').PropType<(() => unknown) | (() => Promise<unknown>)>;
|
|
81
|
+
default: undefined;
|
|
82
|
+
};
|
|
83
|
+
label: {
|
|
84
|
+
type: import('vue').PropType<string>;
|
|
85
|
+
required: true;
|
|
86
|
+
default: string;
|
|
87
|
+
};
|
|
88
|
+
icon: {
|
|
89
|
+
type: import('vue').PropType<import('./ElIcon.vue').ElIconProps>;
|
|
90
|
+
default: undefined;
|
|
91
|
+
};
|
|
92
|
+
size: {
|
|
93
|
+
type: import('vue').PropType<"base" | "xs" | "sm" | "l" | "xl">;
|
|
94
|
+
default: string;
|
|
95
|
+
};
|
|
96
|
+
loading: {
|
|
97
|
+
type: import('vue').PropType<boolean>;
|
|
98
|
+
default: boolean;
|
|
99
|
+
};
|
|
100
|
+
error: {
|
|
101
|
+
type: import('vue').PropType<boolean>;
|
|
102
|
+
default: boolean;
|
|
103
|
+
};
|
|
104
|
+
dark: {
|
|
105
|
+
type: import('vue').PropType<boolean>;
|
|
106
|
+
default: boolean;
|
|
107
|
+
};
|
|
108
|
+
iconRight: {
|
|
109
|
+
type: import('vue').PropType<boolean>;
|
|
110
|
+
};
|
|
111
|
+
variant: {
|
|
112
|
+
type: import('vue').PropType<"primary" | "secondary" | "tertiary">;
|
|
113
|
+
default: string;
|
|
114
|
+
};
|
|
115
|
+
loadOnClick: {
|
|
116
|
+
type: import('vue').PropType<boolean>;
|
|
117
|
+
default: boolean;
|
|
118
|
+
};
|
|
119
|
+
}>>, "disabled" | "type" | "onClick" | "label" | "icon" | "size" | "loading" | "error" | "dark" | "variant" | "loadOnClick">, "size" | "error" | "variant">;
|
|
120
|
+
tertiaryAction: Omit<Partial<{
|
|
121
|
+
disabled: boolean;
|
|
122
|
+
type: "button" | "submit" | "reset";
|
|
123
|
+
onClick: (() => unknown) | (() => Promise<unknown>);
|
|
124
|
+
label: string;
|
|
125
|
+
icon: import('./ElIcon.vue').ElIconProps;
|
|
126
|
+
size: "base" | "xs" | "sm" | "l" | "xl";
|
|
127
|
+
loading: boolean;
|
|
128
|
+
error: boolean;
|
|
129
|
+
dark: boolean;
|
|
130
|
+
variant: "primary" | "secondary" | "tertiary";
|
|
131
|
+
loadOnClick: boolean;
|
|
132
|
+
}> & Omit<{
|
|
133
|
+
readonly disabled: boolean;
|
|
134
|
+
readonly type: "button" | "submit" | "reset";
|
|
135
|
+
readonly label: string;
|
|
136
|
+
readonly size: "base" | "xs" | "sm" | "l" | "xl";
|
|
137
|
+
readonly loading: boolean;
|
|
138
|
+
readonly error: boolean;
|
|
139
|
+
readonly dark: boolean;
|
|
140
|
+
readonly variant: "primary" | "secondary" | "tertiary";
|
|
141
|
+
readonly loadOnClick: boolean;
|
|
142
|
+
readonly onClick?: (() => unknown) | (() => Promise<unknown>) | undefined;
|
|
143
|
+
readonly icon?: import('./ElIcon.vue').ElIconProps | undefined;
|
|
144
|
+
readonly iconRight?: boolean | undefined;
|
|
145
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
146
|
+
disabled: {
|
|
147
|
+
type: import('vue').PropType<boolean>;
|
|
148
|
+
default: boolean;
|
|
149
|
+
};
|
|
150
|
+
type: {
|
|
151
|
+
type: import('vue').PropType<"button" | "submit" | "reset">;
|
|
152
|
+
default: string;
|
|
153
|
+
};
|
|
154
|
+
onClick: {
|
|
155
|
+
type: import('vue').PropType<(() => unknown) | (() => Promise<unknown>)>;
|
|
156
|
+
default: undefined;
|
|
157
|
+
};
|
|
158
|
+
label: {
|
|
159
|
+
type: import('vue').PropType<string>;
|
|
160
|
+
required: true;
|
|
161
|
+
default: string;
|
|
162
|
+
};
|
|
163
|
+
icon: {
|
|
164
|
+
type: import('vue').PropType<import('./ElIcon.vue').ElIconProps>;
|
|
165
|
+
default: undefined;
|
|
166
|
+
};
|
|
167
|
+
size: {
|
|
168
|
+
type: import('vue').PropType<"base" | "xs" | "sm" | "l" | "xl">;
|
|
169
|
+
default: string;
|
|
170
|
+
};
|
|
171
|
+
loading: {
|
|
172
|
+
type: import('vue').PropType<boolean>;
|
|
173
|
+
default: boolean;
|
|
174
|
+
};
|
|
175
|
+
error: {
|
|
176
|
+
type: import('vue').PropType<boolean>;
|
|
177
|
+
default: boolean;
|
|
178
|
+
};
|
|
179
|
+
dark: {
|
|
180
|
+
type: import('vue').PropType<boolean>;
|
|
181
|
+
default: boolean;
|
|
182
|
+
};
|
|
183
|
+
iconRight: {
|
|
184
|
+
type: import('vue').PropType<boolean>;
|
|
185
|
+
};
|
|
186
|
+
variant: {
|
|
187
|
+
type: import('vue').PropType<"primary" | "secondary" | "tertiary">;
|
|
188
|
+
default: string;
|
|
189
|
+
};
|
|
190
|
+
loadOnClick: {
|
|
191
|
+
type: import('vue').PropType<boolean>;
|
|
192
|
+
default: boolean;
|
|
193
|
+
};
|
|
194
|
+
}>>, "disabled" | "type" | "onClick" | "label" | "icon" | "size" | "loading" | "error" | "dark" | "variant" | "loadOnClick">, "size" | "error" | "variant">;
|
|
195
|
+
}, {}>, {
|
|
196
|
+
default?(_: {}): any;
|
|
197
|
+
}>;
|
|
198
|
+
export default _default;
|
|
199
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
200
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
201
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
202
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
203
|
+
} : {
|
|
204
|
+
type: import('vue').PropType<T[K]>;
|
|
205
|
+
required: true;
|
|
206
|
+
};
|
|
207
|
+
};
|
|
208
|
+
type __VLS_WithDefaults<P, D> = {
|
|
209
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
210
|
+
default: D[K];
|
|
211
|
+
}> : P[K];
|
|
212
|
+
};
|
|
213
|
+
type __VLS_Prettify<T> = {
|
|
214
|
+
[K in keyof T]: T[K];
|
|
215
|
+
} & {};
|
|
216
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
217
|
+
new (): {
|
|
218
|
+
$slots: S;
|
|
219
|
+
};
|
|
220
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -78,3 +78,5 @@ export * from './ElSpinner.vue';
|
|
|
78
78
|
export { default as ElSpinner } from './ElSpinner.vue';
|
|
79
79
|
export * from './ElDivider.vue';
|
|
80
80
|
export { default as ElDivider } from './ElDivider.vue';
|
|
81
|
+
export * from './ElModal.vue';
|
|
82
|
+
export { default as ElModal } from './ElModal.vue';
|