@vtj/ui 0.0.6 → 0.4.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.
Files changed (123) hide show
  1. package/LICENSE +21 -0
  2. package/cdn/index.js +1 -0
  3. package/cdn/style.css +1 -0
  4. package/lib/index.js +2039 -0
  5. package/lib/style.css +1 -1
  6. package/package.json +24 -33
  7. package/types/components/block/Block.vue.d.ts +143 -0
  8. package/types/components/block/block.d.ts +68 -0
  9. package/types/components/block/index.d.ts +319 -0
  10. package/types/components/config/Config.d.ts +26 -0
  11. package/types/components/config/index.d.ts +19 -0
  12. package/types/components/config/props.d.ts +6 -0
  13. package/types/components/container/Container.vue.d.ts +52 -0
  14. package/types/components/container/container.d.ts +46 -0
  15. package/types/components/container/index.d.ts +159 -0
  16. package/types/components/cron/Cron.vue.d.ts +9 -0
  17. package/types/components/cron/cron.d.ts +23 -0
  18. package/types/components/cron/index.d.ts +11 -0
  19. package/types/components/dialog/Dialog.vue.d.ts +289 -0
  20. package/types/components/dialog/create.d.ts +6 -0
  21. package/types/components/dialog/dialog.d.ts +155 -0
  22. package/types/components/dialog/hooks.d.ts +927 -0
  23. package/types/components/dialog/index.d.ts +638 -0
  24. package/types/components/element/Element.d.ts +25 -0
  25. package/types/components/element/index.d.ts +21 -0
  26. package/types/components/field/Field.vue.d.ts +802 -0
  27. package/types/components/field/field.d.ts +230 -0
  28. package/types/components/field/hooks.d.ts +23 -0
  29. package/types/components/field/index.d.ts +2034 -0
  30. package/types/components/field/setters/InputSetter.d.ts +45 -0
  31. package/types/components/field/setters/SelectSetter.d.ts +45 -0
  32. package/types/components/field/setters/factory.d.ts +54 -0
  33. package/types/components/field/setters/index.d.ts +93 -0
  34. package/types/components/form/Form.vue.d.ts +5352 -0
  35. package/types/components/form/form.d.ts +384 -0
  36. package/types/components/form/hooks.d.ts +1906 -0
  37. package/types/components/form/index.d.ts +15373 -0
  38. package/types/components/help/Help.vue.d.ts +315 -0
  39. package/types/components/help/help.d.ts +172 -0
  40. package/types/components/help/hooks.d.ts +18 -0
  41. package/types/components/help/index.d.ts +316 -0
  42. package/types/components/icon/Icon.vue.d.ts +52 -0
  43. package/types/components/icon/icon.d.ts +30 -0
  44. package/types/components/icon/index.d.ts +166 -0
  45. package/types/components/index.d.ts +16 -0
  46. package/types/components/page/Page.vue.d.ts +22 -0
  47. package/types/components/page/index.d.ts +118 -0
  48. package/types/components/page/page.d.ts +9 -0
  49. package/types/components/panel/Panel.vue.d.ts +573 -0
  50. package/types/components/panel/index.d.ts +1207 -0
  51. package/types/components/panel/panel.d.ts +227 -0
  52. package/types/components/text/Text.vue.d.ts +52 -0
  53. package/types/components/text/index.d.ts +165 -0
  54. package/types/components/text/text.d.ts +37 -0
  55. package/types/components/tool/Tool.vue.d.ts +158 -0
  56. package/types/components/tool/Trigger.d.ts +29 -0
  57. package/types/components/tool/hooks.d.ts +250 -0
  58. package/types/components/tool/index.d.ts +371 -0
  59. package/types/components/tool/tool.d.ts +91 -0
  60. package/types/components/toolbar/Toolbar.vue.d.ts +44 -0
  61. package/types/components/toolbar/hooks.d.ts +14 -0
  62. package/types/components/toolbar/index.d.ts +161 -0
  63. package/types/components/toolbar/toolbar.d.ts +45 -0
  64. package/types/components/wrapper/Wrapper.vue.d.ts +268 -0
  65. package/types/components/wrapper/index.d.ts +601 -0
  66. package/types/components/wrapper/wrapper.d.ts +145 -0
  67. package/types/constants.d.ts +4 -0
  68. package/types/hooks/index.d.ts +4 -0
  69. package/types/hooks/useConfig.d.ts +5 -0
  70. package/types/hooks/useDraggable.d.ts +13 -0
  71. package/types/hooks/useIcon.d.ts +4 -0
  72. package/types/hooks/useResizable.d.ts +25 -0
  73. package/types/index.d.ts +13 -4
  74. package/types/list.d.ts +21588 -0
  75. package/types/utils/emits.d.ts +6 -0
  76. package/types/utils/index.d.ts +4 -0
  77. package/types/utils/install.d.ts +9 -0
  78. package/types/utils/make-install.d.ts +5 -0
  79. package/types/utils/util.d.ts +8 -0
  80. package/README.md +0 -4
  81. package/lib/cdn/index.cjs.js +0 -1
  82. package/lib/cdn/index.es.js +0 -261
  83. package/lib/cdn/index.umd.js +0 -1
  84. package/lib/cdn/style.css +0 -1
  85. package/lib/index.cjs.js +0 -1
  86. package/lib/index.es.js +0 -265
  87. package/lib/index.umd.js +0 -1
  88. package/src/components/XChart/Chart.vue +0 -42
  89. package/src/components/XChart/index.ts +0 -8
  90. package/src/components/XChart/style.scss +0 -0
  91. package/src/components/XChartBar/Bar.vue +0 -27
  92. package/src/components/XChartBar/index.ts +0 -8
  93. package/src/components/XChartLine/Line.vue +0 -27
  94. package/src/components/XChartLine/index.ts +0 -8
  95. package/src/components/XChartPie/Pie.vue +0 -54
  96. package/src/components/XChartPie/index.ts +0 -8
  97. package/src/components/XElement/Element.vue +0 -14
  98. package/src/components/XElement/index.ts +0 -8
  99. package/src/components/XTestSuit/TestSuit.vue +0 -47
  100. package/src/components/XTestSuit/index.ts +0 -8
  101. package/src/components/XTestSuit/style.scss +0 -14
  102. package/src/hooks/useECharts.ts +0 -55
  103. package/src/hooks/useRectChart.ts +0 -46
  104. package/src/index.ts +0 -25
  105. package/src/theme/_vars.scss +0 -8
  106. package/src/theme/base.scss +0 -0
  107. package/src/theme/index.scss +0 -4
  108. package/types/dev/vite-env.d.ts +0 -7
  109. package/types/src/components/XChart/Chart.vue.d.ts +0 -69
  110. package/types/src/components/XChart/index.d.ts +0 -2
  111. package/types/src/components/XChartBar/Bar.vue.d.ts +0 -124
  112. package/types/src/components/XChartBar/index.d.ts +0 -2
  113. package/types/src/components/XChartLine/Line.vue.d.ts +0 -124
  114. package/types/src/components/XChartLine/index.d.ts +0 -2
  115. package/types/src/components/XChartPie/Pie.vue.d.ts +0 -111
  116. package/types/src/components/XChartPie/index.d.ts +0 -2
  117. package/types/src/components/XElement/Element.vue.d.ts +0 -23
  118. package/types/src/components/XElement/index.d.ts +0 -2
  119. package/types/src/components/XTestSuit/TestSuit.vue.d.ts +0 -59
  120. package/types/src/components/XTestSuit/index.d.ts +0 -2
  121. package/types/src/hooks/useECharts.d.ts +0 -15
  122. package/types/src/hooks/useRectChart.d.ts +0 -4
  123. package/types/src/index.d.ts +0 -7
@@ -0,0 +1,927 @@
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
+ };