@destyler/dialog 0.0.1-beta.9 → 0.0.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.
@@ -0,0 +1,420 @@
1
+ import * as vue from 'vue';
2
+ import { PropType, Ref, Component } from 'vue';
3
+ import { ExtractPublicPropTypes } from '@destyler/shared';
4
+ import { AsTag } from '@destyler/primitive';
5
+
6
+ declare const destylerDialogRootProps: {
7
+ readonly open: {
8
+ readonly type: PropType<boolean>;
9
+ readonly required: false;
10
+ readonly default: undefined;
11
+ };
12
+ readonly defaultOpen: {
13
+ readonly type: PropType<boolean>;
14
+ readonly required: false;
15
+ readonly default: false;
16
+ };
17
+ readonly modal: {
18
+ readonly type: PropType<boolean>;
19
+ readonly required: false;
20
+ readonly default: true;
21
+ };
22
+ };
23
+ type DestylerDialogRootProps = ExtractPublicPropTypes<typeof destylerDialogRootProps>;
24
+ interface DialogRootContext {
25
+ open: Readonly<Ref<boolean>>;
26
+ modal: Ref<boolean | undefined>;
27
+ openModal(): void;
28
+ onOpenChange(value: boolean): void;
29
+ onOpenToggle(): void;
30
+ triggerElement: Ref<HTMLElement | undefined>;
31
+ contentElement: Ref<HTMLElement | undefined>;
32
+ contentId: string;
33
+ titleId: string;
34
+ descriptionId: string;
35
+ }
36
+ declare const DestylerDialogRoot: vue.DefineComponent<{
37
+ readonly open: {
38
+ readonly type: PropType<boolean>;
39
+ readonly required: false;
40
+ readonly default: undefined;
41
+ };
42
+ readonly defaultOpen: {
43
+ readonly type: PropType<boolean>;
44
+ readonly required: false;
45
+ readonly default: false;
46
+ };
47
+ readonly modal: {
48
+ readonly type: PropType<boolean>;
49
+ readonly required: false;
50
+ readonly default: true;
51
+ };
52
+ }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:open"[], "update:open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
53
+ readonly open: {
54
+ readonly type: PropType<boolean>;
55
+ readonly required: false;
56
+ readonly default: undefined;
57
+ };
58
+ readonly defaultOpen: {
59
+ readonly type: PropType<boolean>;
60
+ readonly required: false;
61
+ readonly default: false;
62
+ };
63
+ readonly modal: {
64
+ readonly type: PropType<boolean>;
65
+ readonly required: false;
66
+ readonly default: true;
67
+ };
68
+ }>> & {
69
+ "onUpdate:open"?: ((...args: any[]) => any) | undefined;
70
+ }, {
71
+ readonly open: boolean;
72
+ readonly defaultOpen: boolean;
73
+ readonly modal: boolean;
74
+ }, {}>;
75
+
76
+ declare const destylerDialogCloseProps: {
77
+ readonly asChild: {
78
+ readonly type: PropType<boolean>;
79
+ readonly required: false;
80
+ readonly default: false;
81
+ };
82
+ readonly as: {
83
+ readonly type: PropType<AsTag | Component>;
84
+ readonly required: false;
85
+ readonly default: "button";
86
+ };
87
+ };
88
+ type DestylerDialogCloseProps = ExtractPublicPropTypes<typeof destylerDialogCloseProps>;
89
+ declare const DestylerDialogClose: vue.DefineComponent<{
90
+ readonly asChild: {
91
+ readonly type: PropType<boolean>;
92
+ readonly required: false;
93
+ readonly default: false;
94
+ };
95
+ readonly as: {
96
+ readonly type: PropType<AsTag | Component>;
97
+ readonly required: false;
98
+ readonly default: "button";
99
+ };
100
+ }, {
101
+ rootContext: DialogRootContext;
102
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
103
+ readonly asChild: {
104
+ readonly type: PropType<boolean>;
105
+ readonly required: false;
106
+ readonly default: false;
107
+ };
108
+ readonly as: {
109
+ readonly type: PropType<AsTag | Component>;
110
+ readonly required: false;
111
+ readonly default: "button";
112
+ };
113
+ }>>, {
114
+ readonly asChild: boolean;
115
+ readonly as: AsTag | Component;
116
+ }, {}>;
117
+
118
+ declare const destylerDialogContentProps: {
119
+ readonly as: {
120
+ readonly type: PropType<AsTag | Component>;
121
+ readonly required: false;
122
+ readonly default: "div";
123
+ };
124
+ readonly asChild: {
125
+ readonly type: PropType<boolean>;
126
+ readonly required: false;
127
+ readonly default: false;
128
+ };
129
+ readonly forceMount: {
130
+ readonly type: PropType<boolean>;
131
+ readonly required: false;
132
+ };
133
+ readonly trapFocus: {
134
+ readonly type: PropType<boolean>;
135
+ readonly required: false;
136
+ readonly default: false;
137
+ };
138
+ };
139
+ type DestylerDialogContentProps = ExtractPublicPropTypes<typeof destylerDialogContentProps>;
140
+ declare const DestylerDialogContent: vue.DefineComponent<{
141
+ readonly as: {
142
+ readonly type: PropType<AsTag | Component>;
143
+ readonly required: false;
144
+ readonly default: "div";
145
+ };
146
+ readonly asChild: {
147
+ readonly type: PropType<boolean>;
148
+ readonly required: false;
149
+ readonly default: false;
150
+ };
151
+ readonly forceMount: {
152
+ readonly type: PropType<boolean>;
153
+ readonly required: false;
154
+ };
155
+ readonly trapFocus: {
156
+ readonly type: PropType<boolean>;
157
+ readonly required: false;
158
+ readonly default: false;
159
+ };
160
+ }, {
161
+ rootContext: DialogRootContext;
162
+ emitsAsProps: Record<string, any>;
163
+ forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
164
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("openAutoFocus" | "closeAutoFocus" | "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss")[], "openAutoFocus" | "closeAutoFocus" | "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
165
+ readonly as: {
166
+ readonly type: PropType<AsTag | Component>;
167
+ readonly required: false;
168
+ readonly default: "div";
169
+ };
170
+ readonly asChild: {
171
+ readonly type: PropType<boolean>;
172
+ readonly required: false;
173
+ readonly default: false;
174
+ };
175
+ readonly forceMount: {
176
+ readonly type: PropType<boolean>;
177
+ readonly required: false;
178
+ };
179
+ readonly trapFocus: {
180
+ readonly type: PropType<boolean>;
181
+ readonly required: false;
182
+ readonly default: false;
183
+ };
184
+ }>> & {
185
+ onOpenAutoFocus?: ((...args: any[]) => any) | undefined;
186
+ onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
187
+ onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
188
+ onPointerDownOutside?: ((...args: any[]) => any) | undefined;
189
+ onFocusOutside?: ((...args: any[]) => any) | undefined;
190
+ onInteractOutside?: ((...args: any[]) => any) | undefined;
191
+ onDismiss?: ((...args: any[]) => any) | undefined;
192
+ }, {
193
+ readonly asChild: boolean;
194
+ readonly as: AsTag | Component;
195
+ readonly trapFocus: boolean;
196
+ }, {}>;
197
+
198
+ declare const destylerDialogDescriptionProps: {
199
+ readonly asChild: {
200
+ readonly type: PropType<boolean>;
201
+ readonly required: false;
202
+ readonly default: false;
203
+ };
204
+ readonly as: {
205
+ readonly type: PropType<AsTag | Component>;
206
+ readonly required: false;
207
+ readonly default: "p";
208
+ };
209
+ };
210
+ type DestylerDialogDescriptionProps = ExtractPublicPropTypes<typeof destylerDialogDescriptionProps>;
211
+ declare const DestylerDialogDescription: vue.DefineComponent<{
212
+ readonly asChild: {
213
+ readonly type: PropType<boolean>;
214
+ readonly required: false;
215
+ readonly default: false;
216
+ };
217
+ readonly as: {
218
+ readonly type: PropType<AsTag | Component>;
219
+ readonly required: false;
220
+ readonly default: "p";
221
+ };
222
+ }, {
223
+ rootContext: DialogRootContext;
224
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
225
+ readonly asChild: {
226
+ readonly type: PropType<boolean>;
227
+ readonly required: false;
228
+ readonly default: false;
229
+ };
230
+ readonly as: {
231
+ readonly type: PropType<AsTag | Component>;
232
+ readonly required: false;
233
+ readonly default: "p";
234
+ };
235
+ }>>, {
236
+ readonly asChild: boolean;
237
+ readonly as: AsTag | Component;
238
+ }, {}>;
239
+
240
+ declare const destylerDialogOverlayProps: {
241
+ readonly as: {
242
+ readonly type: PropType<AsTag | Component>;
243
+ readonly required: false;
244
+ readonly default: "div";
245
+ };
246
+ readonly asChild: {
247
+ readonly type: PropType<boolean>;
248
+ readonly required: false;
249
+ readonly default: false;
250
+ };
251
+ readonly forceMount: {
252
+ readonly type: PropType<boolean>;
253
+ readonly required: false;
254
+ };
255
+ };
256
+ type DestylerDialogOverlayProps = ExtractPublicPropTypes<typeof destylerDialogOverlayProps>;
257
+ declare const DestylerDialogOverlay: vue.DefineComponent<{
258
+ readonly as: {
259
+ readonly type: PropType<AsTag | Component>;
260
+ readonly required: false;
261
+ readonly default: "div";
262
+ };
263
+ readonly asChild: {
264
+ readonly type: PropType<boolean>;
265
+ readonly required: false;
266
+ readonly default: false;
267
+ };
268
+ readonly forceMount: {
269
+ readonly type: PropType<boolean>;
270
+ readonly required: false;
271
+ };
272
+ }, {
273
+ rootContext: DialogRootContext;
274
+ forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
275
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
276
+ readonly as: {
277
+ readonly type: PropType<AsTag | Component>;
278
+ readonly required: false;
279
+ readonly default: "div";
280
+ };
281
+ readonly asChild: {
282
+ readonly type: PropType<boolean>;
283
+ readonly required: false;
284
+ readonly default: false;
285
+ };
286
+ readonly forceMount: {
287
+ readonly type: PropType<boolean>;
288
+ readonly required: false;
289
+ };
290
+ }>>, {
291
+ readonly asChild: boolean;
292
+ readonly as: AsTag | Component;
293
+ }, {}>;
294
+
295
+ declare const destylerDialogPortalProps: {
296
+ readonly as: {
297
+ readonly type: PropType<AsTag | Component>;
298
+ readonly required: false;
299
+ readonly default: "div";
300
+ };
301
+ readonly asChild: {
302
+ readonly type: PropType<boolean>;
303
+ readonly required: false;
304
+ readonly default: false;
305
+ };
306
+ };
307
+ type DestylerDialogPortalProps = ExtractPublicPropTypes<typeof destylerDialogPortalProps>;
308
+ declare const DestylerDialogPortal: vue.DefineComponent<{
309
+ readonly as: {
310
+ readonly type: PropType<AsTag | Component>;
311
+ readonly required: false;
312
+ readonly default: "div";
313
+ };
314
+ readonly asChild: {
315
+ readonly type: PropType<boolean>;
316
+ readonly required: false;
317
+ readonly default: false;
318
+ };
319
+ }, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
320
+ readonly as: {
321
+ readonly type: PropType<AsTag | Component>;
322
+ readonly required: false;
323
+ readonly default: "div";
324
+ };
325
+ readonly asChild: {
326
+ readonly type: PropType<boolean>;
327
+ readonly required: false;
328
+ readonly default: false;
329
+ };
330
+ }>>, {
331
+ readonly asChild: boolean;
332
+ readonly as: AsTag | Component;
333
+ }, {}>;
334
+
335
+ declare const destylerDialogTitleProps: {
336
+ readonly asChild: {
337
+ readonly type: PropType<boolean>;
338
+ readonly required: false;
339
+ readonly default: false;
340
+ };
341
+ readonly as: {
342
+ readonly type: PropType<AsTag | Component>;
343
+ readonly required: false;
344
+ readonly default: "h2";
345
+ };
346
+ };
347
+ type DestylerDialogTitleProps = ExtractPublicPropTypes<typeof destylerDialogTitleProps>;
348
+ declare const DestylerDialogTitle: vue.DefineComponent<{
349
+ readonly asChild: {
350
+ readonly type: PropType<boolean>;
351
+ readonly required: false;
352
+ readonly default: false;
353
+ };
354
+ readonly as: {
355
+ readonly type: PropType<AsTag | Component>;
356
+ readonly required: false;
357
+ readonly default: "h2";
358
+ };
359
+ }, {
360
+ rootContext: DialogRootContext;
361
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
362
+ readonly asChild: {
363
+ readonly type: PropType<boolean>;
364
+ readonly required: false;
365
+ readonly default: false;
366
+ };
367
+ readonly as: {
368
+ readonly type: PropType<AsTag | Component>;
369
+ readonly required: false;
370
+ readonly default: "h2";
371
+ };
372
+ }>>, {
373
+ readonly asChild: boolean;
374
+ readonly as: AsTag | Component;
375
+ }, {}>;
376
+
377
+ declare const destylerDialogTriggerProps: {
378
+ readonly asChild: {
379
+ readonly type: PropType<boolean>;
380
+ readonly required: false;
381
+ readonly default: false;
382
+ };
383
+ readonly as: {
384
+ readonly type: PropType<AsTag | Component>;
385
+ readonly required: false;
386
+ readonly default: "button";
387
+ };
388
+ };
389
+ type DestylerDialogTriggerProps = ExtractPublicPropTypes<typeof destylerDialogTriggerProps>;
390
+ declare const DestylerDialogTrigger: vue.DefineComponent<{
391
+ readonly asChild: {
392
+ readonly type: PropType<boolean>;
393
+ readonly required: false;
394
+ readonly default: false;
395
+ };
396
+ readonly as: {
397
+ readonly type: PropType<AsTag | Component>;
398
+ readonly required: false;
399
+ readonly default: "button";
400
+ };
401
+ }, {
402
+ rootContext: DialogRootContext;
403
+ forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
404
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
405
+ readonly asChild: {
406
+ readonly type: PropType<boolean>;
407
+ readonly required: false;
408
+ readonly default: false;
409
+ };
410
+ readonly as: {
411
+ readonly type: PropType<AsTag | Component>;
412
+ readonly required: false;
413
+ readonly default: "button";
414
+ };
415
+ }>>, {
416
+ readonly asChild: boolean;
417
+ readonly as: AsTag | Component;
418
+ }, {}>;
419
+
420
+ export { type DialogRootContext as D, DestylerDialogClose as a, type DestylerDialogCloseProps as b, DestylerDialogContent as c, type DestylerDialogContentProps as d, DestylerDialogDescription as e, type DestylerDialogDescriptionProps as f, DestylerDialogOverlay as g, DestylerDialogPortal as h, type DestylerDialogPortalProps as i, DestylerDialogRoot as j, type DestylerDialogRootProps as k, DestylerDialogTitle as l, type DestylerDialogTitleProps as m, DestylerDialogTrigger as n, type DestylerDialogTriggerProps as o, type DestylerDialogOverlayProps as p };