@vtj/ui 0.4.2 → 0.4.3

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.
Files changed (80) hide show
  1. package/cdn/index.js +1 -1
  2. package/cdn/style.css +1 -1
  3. package/lib/index.js +264 -1928
  4. package/lib/style.css +1 -1
  5. package/package.json +6 -6
  6. package/types/components/icon/{Icon.vue.d.ts → Icon.d.ts} +1 -1
  7. package/types/components/icon/index.d.ts +3 -166
  8. package/types/components/index.d.ts +4 -15
  9. package/types/components/menu/Menu.d.ts +99 -0
  10. package/types/components/menu/MenuItem.d.ts +17 -0
  11. package/types/components/menu/components.d.ts +2 -0
  12. package/types/components/menu/index.d.ts +3 -0
  13. package/types/components/menu/types.d.ts +12 -0
  14. package/types/components/shared.d.ts +13 -0
  15. package/types/components/simple-mask/SimpleMask.d.ts +41 -0
  16. package/types/components/simple-mask/index.d.ts +2 -0
  17. package/types/components/{page/Page.vue.d.ts → startup/Startup.d.ts} +11 -8
  18. package/types/components/startup/index.d.ts +2 -0
  19. package/types/hooks/index.d.ts +0 -1
  20. package/types/hooks/useIcon.d.ts +1 -1
  21. package/types/index.d.ts +1 -6
  22. package/types/list.d.ts +2 -21587
  23. package/types/utils/make-install.d.ts +3 -4
  24. package/types/components/block/Block.vue.d.ts +0 -143
  25. package/types/components/block/block.d.ts +0 -68
  26. package/types/components/block/index.d.ts +0 -319
  27. package/types/components/config/Config.d.ts +0 -26
  28. package/types/components/config/index.d.ts +0 -19
  29. package/types/components/config/props.d.ts +0 -6
  30. package/types/components/container/Container.vue.d.ts +0 -52
  31. package/types/components/container/container.d.ts +0 -46
  32. package/types/components/container/index.d.ts +0 -159
  33. package/types/components/cron/Cron.vue.d.ts +0 -9
  34. package/types/components/cron/cron.d.ts +0 -23
  35. package/types/components/cron/index.d.ts +0 -11
  36. package/types/components/dialog/Dialog.vue.d.ts +0 -289
  37. package/types/components/dialog/create.d.ts +0 -6
  38. package/types/components/dialog/dialog.d.ts +0 -155
  39. package/types/components/dialog/hooks.d.ts +0 -927
  40. package/types/components/dialog/index.d.ts +0 -638
  41. package/types/components/element/Element.d.ts +0 -25
  42. package/types/components/element/index.d.ts +0 -21
  43. package/types/components/field/Field.vue.d.ts +0 -802
  44. package/types/components/field/field.d.ts +0 -230
  45. package/types/components/field/hooks.d.ts +0 -23
  46. package/types/components/field/index.d.ts +0 -2034
  47. package/types/components/field/setters/InputSetter.d.ts +0 -45
  48. package/types/components/field/setters/SelectSetter.d.ts +0 -45
  49. package/types/components/field/setters/factory.d.ts +0 -54
  50. package/types/components/field/setters/index.d.ts +0 -93
  51. package/types/components/form/Form.vue.d.ts +0 -5352
  52. package/types/components/form/form.d.ts +0 -384
  53. package/types/components/form/hooks.d.ts +0 -1906
  54. package/types/components/form/index.d.ts +0 -15373
  55. package/types/components/help/Help.vue.d.ts +0 -315
  56. package/types/components/help/help.d.ts +0 -172
  57. package/types/components/help/hooks.d.ts +0 -18
  58. package/types/components/help/index.d.ts +0 -316
  59. package/types/components/page/index.d.ts +0 -118
  60. package/types/components/page/page.d.ts +0 -9
  61. package/types/components/panel/Panel.vue.d.ts +0 -573
  62. package/types/components/panel/index.d.ts +0 -1207
  63. package/types/components/panel/panel.d.ts +0 -227
  64. package/types/components/text/Text.vue.d.ts +0 -52
  65. package/types/components/text/index.d.ts +0 -165
  66. package/types/components/text/text.d.ts +0 -37
  67. package/types/components/tool/Tool.vue.d.ts +0 -158
  68. package/types/components/tool/Trigger.d.ts +0 -29
  69. package/types/components/tool/hooks.d.ts +0 -250
  70. package/types/components/tool/index.d.ts +0 -371
  71. package/types/components/tool/tool.d.ts +0 -91
  72. package/types/components/toolbar/Toolbar.vue.d.ts +0 -44
  73. package/types/components/toolbar/hooks.d.ts +0 -14
  74. package/types/components/toolbar/index.d.ts +0 -161
  75. package/types/components/toolbar/toolbar.d.ts +0 -45
  76. package/types/components/wrapper/Wrapper.vue.d.ts +0 -268
  77. package/types/components/wrapper/index.d.ts +0 -601
  78. package/types/components/wrapper/wrapper.d.ts +0 -145
  79. package/types/hooks/useConfig.d.ts +0 -5
  80. /package/types/components/icon/{icon.d.ts → types.d.ts} +0 -0
package/types/components/dialog/hooks.d.ts DELETED
@@ -1,927 +0,0 @@
1
- import { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeRef, VNode, RendererNode, RendererElement, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Ref, ComputedRef } from 'vue';
2
- import { DialogProps, DialogEmits, DialogState } from './dialog';
3
- import { BlockDirection, BlockWrap, BlockOverflow, PanelShadow, IconParam, ToolValue, ToolbarButtonGroup, ToolbarItem, UseDraggableOptions, UseResizableOptions, ToolMenu } from '../..';
4
- export declare function useProps(props: DialogProps): {
5
- wrapperRef: Ref<HTMLElement | undefined>;
6
- dialogRef: Ref<({
7
- $: ComponentInternalInstance;
8
- $data: {};
9
- $props: {
10
- small?: boolean | undefined;
11
- footer?: Boolean | Partial<ExtractPropTypes<{
12
- flex: {
13
- type: BooleanConstructor;
14
- default: boolean;
15
- };
16
- width: {
17
- type: (StringConstructor | NumberConstructor)[];
18
- };
19
- height: {
20
- type: (StringConstructor | NumberConstructor)[];
21
- };
22
- direction: {
23
- type: PropType<BlockDirection>;
24
- default: string;
25
- };
26
- grow: {
27
- type: BooleanConstructor;
28
- default: boolean;
29
- };
30
- shrink: {
31
- type: BooleanConstructor;
32
- default: boolean;
33
- };
34
- wrap: {
35
- type: PropType<BlockWrap>;
36
- default: string;
37
- };
38
- justify: {
39
- type: StringConstructor;
40
- default: string;
41
- };
42
- align: {
43
- type: StringConstructor;
44
- default: string;
45
- };
46
- border: {
47
- type: BooleanConstructor;
48
- };
49
- radius: {
50
- type: BooleanConstructor;
51
- };
52
- background: {
53
- type: BooleanConstructor;
54
- };
55
- split: {
56
- type: BooleanConstructor;
57
- };
58
- fit: {
59
- type: BooleanConstructor;
60
- };
61
- overflow: {
62
- type: PropType<BlockOverflow>;
63
- default: string;
64
- };
65
- padding: {
66
- type: BooleanConstructor;
67
- default: boolean;
68
- };
69
- }>> | undefined;
70
- header?: Boolean | Partial<ExtractPropTypes<{
71
- flex: {
72
- type: BooleanConstructor;
73
- default: boolean;
74
- };
75
- width: {
76
- type: (StringConstructor | NumberConstructor)[];
77
- };
78
- height: {
79
- type: (StringConstructor | NumberConstructor)[];
80
- };
81
- direction: {
82
- type: PropType<BlockDirection>;
83
- default: string;
84
- };
85
- grow: {
86
- type: BooleanConstructor;
87
- default: boolean;
88
- };
89
- shrink: {
90
- type: BooleanConstructor;
91
- default: boolean;
92
- };
93
- wrap: {
94
- type: PropType<BlockWrap>;
95
- default: string;
96
- };
97
- justify: {
98
- type: StringConstructor;
99
- default: string;
100
- };
101
- align: {
102
- type: StringConstructor;
103
- default: string;
104
- };
105
- border: {
106
- type: BooleanConstructor;
107
- };
108
- radius: {
109
- type: BooleanConstructor;
110
- };
111
- background: {
112
- type: BooleanConstructor;
113
- };
114
- split: {
115
- type: BooleanConstructor;
116
- };
117
- fit: {
118
- type: BooleanConstructor;
119
- };
120
- overflow: {
121
- type: PropType<BlockOverflow>;
122
- default: string;
123
- };
124
- padding: {
125
- type: BooleanConstructor;
126
- default: boolean;
127
- };
128
- }>> | undefined;
129
- shadow?: PanelShadow | undefined;
130
- key?: string | number | symbol | undefined;
131
- ref?: VNodeRef | undefined;
132
- ref_for?: boolean | undefined;
133
- ref_key?: string | undefined;
134
- onVnodeBeforeMount?: ((vnode: VNode<RendererNode, RendererElement, {
135
- [key: string]: any;
136
- }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
137
- [key: string]: any;
138
- }>) => void)[] | undefined;
139
- onVnodeMounted?: ((vnode: VNode<RendererNode, RendererElement, {
140
- [key: string]: any;
141
- }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
142
- [key: string]: any;
143
- }>) => void)[] | undefined;
144
- onVnodeBeforeUpdate?: ((vnode: VNode<RendererNode, RendererElement, {
145
- [key: string]: any;
146
- }>, oldVNode: VNode<RendererNode, RendererElement, {
147
- [key: string]: any;
148
- }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
149
- [key: string]: any;
150
- }>, oldVNode: VNode<RendererNode, RendererElement, {
151
- [key: string]: any;
152
- }>) => void)[] | undefined;
153
- onVnodeUpdated?: ((vnode: VNode<RendererNode, RendererElement, {
154
- [key: string]: any;
155
- }>, oldVNode: VNode<RendererNode, RendererElement, {
156
- [key: string]: any;
157
- }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
158
- [key: string]: any;
159
- }>, oldVNode: VNode<RendererNode, RendererElement, {
160
- [key: string]: any;
161
- }>) => void)[] | undefined;
162
- onVnodeBeforeUnmount?: ((vnode: VNode<RendererNode, RendererElement, {
163
- [key: string]: any;
164
- }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
165
- [key: string]: any;
166
- }>) => void)[] | undefined;
167
- onVnodeUnmounted?: ((vnode: VNode<RendererNode, RendererElement, {
168
- [key: string]: any;
169
- }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
170
- [key: string]: any;
171
- }>) => void)[] | undefined;
172
- class?: unknown;
173
- style?: unknown;
174
- readonly icon?: IconParam | undefined;
175
- readonly body?: Partial<ExtractPropTypes<{
176
- flex: {
177
- type: BooleanConstructor;
178
- default: boolean;
179
- };
180
- width: {
181
- type: (StringConstructor | NumberConstructor)[];
182
- };
183
- height: {
184
- type: (StringConstructor | NumberConstructor)[];
185
- };
186
- direction: {
187
- type: PropType<BlockDirection>;
188
- default: string;
189
- };
190
- grow: {
191
- type: BooleanConstructor;
192
- default: boolean;
193
- };
194
- shrink: {
195
- type: BooleanConstructor;
196
- default: boolean;
197
- };
198
- wrap: {
199
- type: PropType<BlockWrap>;
200
- default: string;
201
- };
202
- justify: {
203
- type: StringConstructor;
204
- default: string;
205
- };
206
- align: {
207
- type: StringConstructor;
208
- default: string;
209
- };
210
- border: {
211
- type: BooleanConstructor;
212
- };
213
- radius: {
214
- type: BooleanConstructor;
215
- };
216
- background: {
217
- type: BooleanConstructor;
218
- };
219
- split: {
220
- type: BooleanConstructor;
221
- };
222
- fit: {
223
- type: BooleanConstructor;
224
- };
225
- overflow: {
226
- type: PropType<BlockOverflow>;
227
- default: string;
228
- };
229
- padding: {
230
- type: BooleanConstructor;
231
- default: boolean;
232
- };
233
- }>> | undefined;
234
- readonly title?: string | undefined;
235
- onToolClick?: ((value?: ToolValue) => any) | undefined;
236
- onToolCommand?: ((value: ToolValue, menu: ToolMenu) => any) | undefined;
237
- onToolClose?: ((value: ToolValue, menu: ToolMenu) => any) | undefined;
238
- readonly toolbar?: Partial<ExtractPropTypes<{
239
- button: {
240
- type: PropType<ToolbarButtonGroup>;
241
- };
242
- items: {
243
- type: PropType<ToolbarItem[]>;
244
- default: () => never[];
245
- };
246
- hiddenOnDisabled: {
247
- type: BooleanConstructor;
248
- };
249
- }>> | undefined;
250
- };
251
- $attrs: {
252
- [x: string]: unknown;
253
- };
254
- $refs: {
255
- [x: string]: unknown;
256
- };
257
- $slots: Readonly<{
258
- [name: string]: Slot<any> | undefined;
259
- }>;
260
- $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
261
- $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
262
- $emit: ((event: "toolClick", value?: ToolValue) => void) & ((event: "toolCommand", value: ToolValue, menu: ToolMenu) => void) & ((event: "toolClose", value: ToolValue, menu: ToolMenu) => void);
263
- $el: any;
264
- $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
265
- title: {
266
- type: StringConstructor;
267
- };
268
- icon: {
269
- type: PropType<IconParam>;
270
- };
271
- shadow: {
272
- type: PropType<PanelShadow>;
273
- default: string;
274
- };
275
- small: {
276
- type: BooleanConstructor;
277
- default: boolean;
278
- };
279
- toolbar: {
280
- type: PropType<Partial<ExtractPropTypes<{
281
- button: {
282
- type: PropType<ToolbarButtonGroup>;
283
- };
284
- items: {
285
- type: PropType<ToolbarItem[]>;
286
- default: () => never[];
287
- };
288
- hiddenOnDisabled: {
289
- type: BooleanConstructor;
290
- };
291
- }>>>;
292
- };
293
- header: {
294
- type: PropType<Boolean | Partial<ExtractPropTypes<{
295
- flex: {
296
- type: BooleanConstructor;
297
- default: boolean;
298
- };
299
- width: {
300
- type: (StringConstructor | NumberConstructor)[];
301
- };
302
- height: {
303
- type: (StringConstructor | NumberConstructor)[];
304
- };
305
- direction: {
306
- type: PropType<BlockDirection>;
307
- default: string;
308
- };
309
- grow: {
310
- type: BooleanConstructor;
311
- default: boolean;
312
- };
313
- shrink: {
314
- type: BooleanConstructor;
315
- default: boolean;
316
- };
317
- wrap: {
318
- type: PropType<BlockWrap>;
319
- default: string;
320
- };
321
- justify: {
322
- type: StringConstructor;
323
- default: string;
324
- };
325
- align: {
326
- type: StringConstructor;
327
- default: string;
328
- };
329
- border: {
330
- type: BooleanConstructor;
331
- };
332
- radius: {
333
- type: BooleanConstructor;
334
- };
335
- background: {
336
- type: BooleanConstructor;
337
- };
338
- split: {
339
- type: BooleanConstructor;
340
- };
341
- fit: {
342
- type: BooleanConstructor;
343
- };
344
- overflow: {
345
- type: PropType<BlockOverflow>;
346
- default: string;
347
- };
348
- padding: {
349
- type: BooleanConstructor;
350
- default: boolean;
351
- };
352
- }>>>;
353
- default: boolean;
354
- };
355
- body: {
356
- type: PropType<Partial<ExtractPropTypes<{
357
- flex: {
358
- type: BooleanConstructor;
359
- default: boolean;
360
- };
361
- width: {
362
- type: (StringConstructor | NumberConstructor)[];
363
- };
364
- height: {
365
- type: (StringConstructor | NumberConstructor)[];
366
- };
367
- direction: {
368
- type: PropType<BlockDirection>;
369
- default: string;
370
- };
371
- grow: {
372
- type: BooleanConstructor;
373
- default: boolean;
374
- };
375
- shrink: {
376
- type: BooleanConstructor;
377
- default: boolean;
378
- };
379
- wrap: {
380
- type: PropType<BlockWrap>;
381
- default: string;
382
- };
383
- justify: {
384
- type: StringConstructor;
385
- default: string;
386
- };
387
- align: {
388
- type: StringConstructor;
389
- default: string;
390
- };
391
- border: {
392
- type: BooleanConstructor;
393
- };
394
- radius: {
395
- type: BooleanConstructor;
396
- };
397
- background: {
398
- type: BooleanConstructor;
399
- };
400
- split: {
401
- type: BooleanConstructor;
402
- };
403
- fit: {
404
- type: BooleanConstructor;
405
- };
406
- overflow: {
407
- type: PropType<BlockOverflow>;
408
- default: string;
409
- };
410
- padding: {
411
- type: BooleanConstructor;
412
- default: boolean;
413
- };
414
- }>>>;
415
- };
416
- footer: {
417
- type: PropType<Boolean | Partial<ExtractPropTypes<{
418
- flex: {
419
- type: BooleanConstructor;
420
- default: boolean;
421
- };
422
- width: {
423
- type: (StringConstructor | NumberConstructor)[];
424
- };
425
- height: {
426
- type: (StringConstructor | NumberConstructor)[];
427
- };
428
- direction: {
429
- type: PropType<BlockDirection>;
430
- default: string;
431
- };
432
- grow: {
433
- type: BooleanConstructor;
434
- default: boolean;
435
- };
436
- shrink: {
437
- type: BooleanConstructor;
438
- default: boolean;
439
- };
440
- wrap: {
441
- type: PropType<BlockWrap>;
442
- default: string;
443
- };
444
- justify: {
445
- type: StringConstructor;
446
- default: string;
447
- };
448
- align: {
449
- type: StringConstructor;
450
- default: string;
451
- };
452
- border: {
453
- type: BooleanConstructor;
454
- };
455
- radius: {
456
- type: BooleanConstructor;
457
- };
458
- background: {
459
- type: BooleanConstructor;
460
- };
461
- split: {
462
- type: BooleanConstructor;
463
- };
464
- fit: {
465
- type: BooleanConstructor;
466
- };
467
- overflow: {
468
- type: PropType<BlockOverflow>;
469
- default: string;
470
- };
471
- padding: {
472
- type: BooleanConstructor;
473
- default: boolean;
474
- };
475
- }>>>;
476
- default: boolean;
477
- };
478
- }>> & {
479
- onToolClick?: ((value?: ToolValue) => any) | undefined;
480
- onToolCommand?: ((value: ToolValue, menu: ToolMenu) => any) | undefined;
481
- onToolClose?: ((value: ToolValue, menu: ToolMenu) => any) | undefined;
482
- }, {
483
- panel: ComputedRef<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null | undefined>;
484
- }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
485
- toolClick: (value?: ToolValue) => boolean;
486
- toolCommand: (value: ToolValue, menu: ToolMenu) => boolean;
487
- toolClose: (value: ToolValue, menu: ToolMenu) => boolean;
488
- }, string, {
489
- small: boolean;
490
- footer: Boolean | Partial<ExtractPropTypes<{
491
- flex: {
492
- type: BooleanConstructor;
493
- default: boolean;
494
- };
495
- width: {
496
- type: (StringConstructor | NumberConstructor)[];
497
- };
498
- height: {
499
- type: (StringConstructor | NumberConstructor)[];
500
- };
501
- direction: {
502
- type: PropType<BlockDirection>;
503
- default: string;
504
- };
505
- grow: {
506
- type: BooleanConstructor;
507
- default: boolean;
508
- };
509
- shrink: {
510
- type: BooleanConstructor;
511
- default: boolean;
512
- };
513
- wrap: {
514
- type: PropType<BlockWrap>;
515
- default: string;
516
- };
517
- justify: {
518
- type: StringConstructor;
519
- default: string;
520
- };
521
- align: {
522
- type: StringConstructor;
523
- default: string;
524
- };
525
- border: {
526
- type: BooleanConstructor;
527
- };
528
- radius: {
529
- type: BooleanConstructor;
530
- };
531
- background: {
532
- type: BooleanConstructor;
533
- };
534
- split: {
535
- type: BooleanConstructor;
536
- };
537
- fit: {
538
- type: BooleanConstructor;
539
- };
540
- overflow: {
541
- type: PropType<BlockOverflow>;
542
- default: string;
543
- };
544
- padding: {
545
- type: BooleanConstructor;
546
- default: boolean;
547
- };
548
- }>>;
549
- header: Boolean | Partial<ExtractPropTypes<{
550
- flex: {
551
- type: BooleanConstructor;
552
- default: boolean;
553
- };
554
- width: {
555
- type: (StringConstructor | NumberConstructor)[];
556
- };
557
- height: {
558
- type: (StringConstructor | NumberConstructor)[];
559
- };
560
- direction: {
561
- type: PropType<BlockDirection>;
562
- default: string;
563
- };
564
- grow: {
565
- type: BooleanConstructor;
566
- default: boolean;
567
- };
568
- shrink: {
569
- type: BooleanConstructor;
570
- default: boolean;
571
- };
572
- wrap: {
573
- type: PropType<BlockWrap>;
574
- default: string;
575
- };
576
- justify: {
577
- type: StringConstructor;
578
- default: string;
579
- };
580
- align: {
581
- type: StringConstructor;
582
- default: string;
583
- };
584
- border: {
585
- type: BooleanConstructor;
586
- };
587
- radius: {
588
- type: BooleanConstructor;
589
- };
590
- background: {
591
- type: BooleanConstructor;
592
- };
593
- split: {
594
- type: BooleanConstructor;
595
- };
596
- fit: {
597
- type: BooleanConstructor;
598
- };
599
- overflow: {
600
- type: PropType<BlockOverflow>;
601
- default: string;
602
- };
603
- padding: {
604
- type: BooleanConstructor;
605
- default: boolean;
606
- };
607
- }>>;
608
- shadow: PanelShadow;
609
- }, {}, string, {}> & {
610
- beforeCreate?: ((() => void) | (() => void)[]) | undefined;
611
- created?: ((() => void) | (() => void)[]) | undefined;
612
- beforeMount?: ((() => void) | (() => void)[]) | undefined;
613
- mounted?: ((() => void) | (() => void)[]) | undefined;
614
- beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
615
- updated?: ((() => void) | (() => void)[]) | undefined;
616
- activated?: ((() => void) | (() => void)[]) | undefined;
617
- deactivated?: ((() => void) | (() => void)[]) | undefined;
618
- beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
619
- beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
620
- destroyed?: ((() => void) | (() => void)[]) | undefined;
621
- unmounted?: ((() => void) | (() => void)[]) | undefined;
622
- renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
623
- renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
624
- errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
625
- };
626
- $forceUpdate: () => void;
627
- $nextTick: typeof nextTick;
628
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
629
- } & Readonly<ExtractPropTypes<{
630
- title: {
631
- type: StringConstructor;
632
- };
633
- icon: {
634
- type: PropType<IconParam>;
635
- };
636
- shadow: {
637
- type: PropType<PanelShadow>;
638
- default: string;
639
- };
640
- small: {
641
- type: BooleanConstructor;
642
- default: boolean;
643
- };
644
- toolbar: {
645
- type: PropType<Partial<ExtractPropTypes<{
646
- button: {
647
- type: PropType<ToolbarButtonGroup>;
648
- };
649
- items: {
650
- type: PropType<ToolbarItem[]>;
651
- default: () => never[];
652
- };
653
- hiddenOnDisabled: {
654
- type: BooleanConstructor;
655
- };
656
- }>>>;
657
- };
658
- header: {
659
- type: PropType<Boolean | Partial<ExtractPropTypes<{
660
- flex: {
661
- type: BooleanConstructor;
662
- default: boolean;
663
- };
664
- width: {
665
- type: (StringConstructor | NumberConstructor)[];
666
- };
667
- height: {
668
- type: (StringConstructor | NumberConstructor)[];
669
- };
670
- direction: {
671
- type: PropType<BlockDirection>;
672
- default: string;
673
- };
674
- grow: {
675
- type: BooleanConstructor;
676
- default: boolean;
677
- };
678
- shrink: {
679
- type: BooleanConstructor;
680
- default: boolean;
681
- };
682
- wrap: {
683
- type: PropType<BlockWrap>;
684
- default: string;
685
- };
686
- justify: {
687
- type: StringConstructor;
688
- default: string;
689
- };
690
- align: {
691
- type: StringConstructor;
692
- default: string;
693
- };
694
- border: {
695
- type: BooleanConstructor;
696
- };
697
- radius: {
698
- type: BooleanConstructor;
699
- };
700
- background: {
701
- type: BooleanConstructor;
702
- };
703
- split: {
704
- type: BooleanConstructor;
705
- };
706
- fit: {
707
- type: BooleanConstructor;
708
- };
709
- overflow: {
710
- type: PropType<BlockOverflow>;
711
- default: string;
712
- };
713
- padding: {
714
- type: BooleanConstructor;
715
- default: boolean;
716
- };
717
- }>>>;
718
- default: boolean;
719
- };
720
- body: {
721
- type: PropType<Partial<ExtractPropTypes<{
722
- flex: {
723
- type: BooleanConstructor;
724
- default: boolean;
725
- };
726
- width: {
727
- type: (StringConstructor | NumberConstructor)[];
728
- };
729
- height: {
730
- type: (StringConstructor | NumberConstructor)[];
731
- };
732
- direction: {
733
- type: PropType<BlockDirection>;
734
- default: string;
735
- };
736
- grow: {
737
- type: BooleanConstructor;
738
- default: boolean;
739
- };
740
- shrink: {
741
- type: BooleanConstructor;
742
- default: boolean;
743
- };
744
- wrap: {
745
- type: PropType<BlockWrap>;
746
- default: string;
747
- };
748
- justify: {
749
- type: StringConstructor;
750
- default: string;
751
- };
752
- align: {
753
- type: StringConstructor;
754
- default: string;
755
- };
756
- border: {
757
- type: BooleanConstructor;
758
- };
759
- radius: {
760
- type: BooleanConstructor;
761
- };
762
- background: {
763
- type: BooleanConstructor;
764
- };
765
- split: {
766
- type: BooleanConstructor;
767
- };
768
- fit: {
769
- type: BooleanConstructor;
770
- };
771
- overflow: {
772
- type: PropType<BlockOverflow>;
773
- default: string;
774
- };
775
- padding: {
776
- type: BooleanConstructor;
777
- default: boolean;
778
- };
779
- }>>>;
780
- };
781
- footer: {
782
- type: PropType<Boolean | Partial<ExtractPropTypes<{
783
- flex: {
784
- type: BooleanConstructor;
785
- default: boolean;
786
- };
787
- width: {
788
- type: (StringConstructor | NumberConstructor)[];
789
- };
790
- height: {
791
- type: (StringConstructor | NumberConstructor)[];
792
- };
793
- direction: {
794
- type: PropType<BlockDirection>;
795
- default: string;
796
- };
797
- grow: {
798
- type: BooleanConstructor;
799
- default: boolean;
800
- };
801
- shrink: {
802
- type: BooleanConstructor;
803
- default: boolean;
804
- };
805
- wrap: {
806
- type: PropType<BlockWrap>;
807
- default: string;
808
- };
809
- justify: {
810
- type: StringConstructor;
811
- default: string;
812
- };
813
- align: {
814
- type: StringConstructor;
815
- default: string;
816
- };
817
- border: {
818
- type: BooleanConstructor;
819
- };
820
- radius: {
821
- type: BooleanConstructor;
822
- };
823
- background: {
824
- type: BooleanConstructor;
825
- };
826
- split: {
827
- type: BooleanConstructor;
828
- };
829
- fit: {
830
- type: BooleanConstructor;
831
- };
832
- overflow: {
833
- type: PropType<BlockOverflow>;
834
- default: string;
835
- };
836
- padding: {
837
- type: BooleanConstructor;
838
- default: boolean;
839
- };
840
- }>>>;
841
- default: boolean;
842
- };
843
- }>> & {
844
- onToolClick?: ((value?: ToolValue) => any) | undefined;
845
- onToolCommand?: ((value: ToolValue, menu: ToolMenu) => any) | undefined;
846
- onToolClose?: ((value: ToolValue, menu: ToolMenu) => any) | undefined;
847
- } & ShallowUnwrapRef<{
848
- panel: ComputedRef<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null | undefined>;
849
- }> & {} & ComponentCustomProperties & {} & {
850
- $slots: {
851
- header?(_: {}): any;
852
- title?(_: {}): any;
853
- default?(_: {}): any;
854
- footer?(_: {}): any;
855
- };
856
- }) | undefined>;
857
- draggable: ComputedRef<UseDraggableOptions | undefined>;
858
- resizable: ComputedRef<UseResizableOptions | undefined>;
859
- buttonSize: ComputedRef<"default" | "small">;
860
- dialogElRef: ComputedRef<any>;
861
- };
862
- export declare function useState(props: DialogProps, emit: DialogEmits, wrapperRef: Ref<HTMLElement | undefined>): {
863
- state: {
864
- maximized: boolean;
865
- minimized: boolean;
866
- visible: boolean;
867
- width: number;
868
- height: number;
869
- left: number;
870
- top: number;
871
- zIndex: number;
872
- };
873
- show: () => void;
874
- hide: () => boolean;
875
- close: () => Promise<void>;
876
- };
877
- export declare function useStyle(props: DialogProps, state: DialogState, resizing: Ref<boolean>, dragging: ComputedRef<boolean>): {
878
- dialogStyle: ComputedRef<{
879
- width: string;
880
- height: string;
881
- left: string;
882
- top: string;
883
- }>;
884
- dialogClass: ComputedRef<{
885
- [x: string]: boolean;
886
- 'is-draggable': boolean;
887
- 'is-resizable': boolean;
888
- 'is-maximized': boolean;
889
- 'is-resizing': boolean;
890
- 'is-dragging': boolean;
891
- }>;
892
- wrapperStyle: ComputedRef<{
893
- zIndex: number;
894
- }>;
895
- };
896
- export declare function useDialogResizable(props: DialogProps, emit: DialogEmits, dialogElRef: ComputedRef<HTMLElement | undefined>, options: ComputedRef<UseResizableOptions | undefined>, state: DialogState): {
897
- direction: Ref<string>;
898
- update: () => void;
899
- resizing: Ref<boolean>;
900
- };
901
- export declare function useDialogDraggable(props: DialogProps, emit: DialogEmits, dialogElRef: ComputedRef<HTMLElement | undefined>, options: ComputedRef<UseDraggableOptions | undefined>, state: DialogState, dialogRectUpdate: () => void): {
902
- x: Ref<number>;
903
- y: Ref<number>;
904
- isDragging: ComputedRef<boolean>;
905
- };
906
- export declare function useToolbar(props: DialogProps, emit: DialogEmits, state: DialogState, close: () => Promise<void>): ComputedRef<Partial<ExtractPropTypes<{
907
- button: {
908
- type: PropType<ToolbarButtonGroup>;
909
- };
910
- items: {
911
- type: PropType<ToolbarItem[]>;
912
- default: () => never[];
913
- };
914
- hiddenOnDisabled: {
915
- type: BooleanConstructor;
916
- };
917
- }>>>;
918
- export declare function useEvents(props: DialogProps, state: DialogState, close: () => Promise<void>): {
919
- onModalClick: () => void;
920
- onDialogClick: () => void;
921
- };
922
- export declare function useFooter(props: DialogProps, emit: DialogEmits, state: DialogState, close: () => Promise<void>): {
923
- onConfirmClick: () => Promise<void>;
924
- onCancelClick: () => Promise<void>;
925
- confirmLoading: Ref<boolean>;
926
- cancelLoading: Ref<boolean>;
927
- };