x-next 0.0.0-alpha.76 → 0.0.0-alpha.78

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 (12) hide show
  1. package/dist/directives/wave.d.ts +15 -0
  2. package/dist/index.es.js +1784 -1752
  3. package/dist/index.umd.js +3 -3
  4. package/dist/style.css +1 -1
  5. package/package.json +1 -1
  6. package/dist/components/button/Button.d.ts +0 -118
  7. package/dist/components/button/index.d.ts +0 -320
  8. package/dist/components/drawer/index.d.ts +0 -1616
  9. package/dist/components/drawer/src/Drawer.vue.d.ts +0 -815
  10. package/dist/components/dropdown/DropdownButton.vue.d.ts +0 -1643
  11. package/dist/components/dropdown/index.d.ts +0 -7700
  12. package/dist/components/popconfirm/src/popup.vue.d.ts +0 -441
package/dist/components/drawer/index.d.ts DELETED
@@ -1,1616 +0,0 @@
1
- export declare const Drawer: {
2
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
3
- disabled: {
4
- type: BooleanConstructor;
5
- default: boolean;
6
- };
7
- modelValue: {
8
- type: BooleanConstructor;
9
- default: boolean;
10
- };
11
- placement: {
12
- type: import('vue').PropType<import('./src/types').Placement>;
13
- default: string;
14
- };
15
- title: {
16
- type: StringConstructor;
17
- default: string;
18
- };
19
- mask: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- showFooter: {
24
- type: BooleanConstructor;
25
- default: boolean;
26
- };
27
- maskToClose: {
28
- type: BooleanConstructor;
29
- default: boolean;
30
- };
31
- escToClose: {
32
- type: BooleanConstructor;
33
- default: boolean;
34
- };
35
- destroyOnClosed: {
36
- type: BooleanConstructor;
37
- default: boolean;
38
- };
39
- width: {
40
- type: (StringConstructor | NumberConstructor)[];
41
- default: number;
42
- };
43
- height: {
44
- type: (StringConstructor | NumberConstructor)[];
45
- default: number;
46
- };
47
- okText: {
48
- type: StringConstructor;
49
- default: string;
50
- };
51
- cancelText: {
52
- type: StringConstructor;
53
- default: string;
54
- };
55
- onBeforeOk: {
56
- type: import('vue').PropType<() => boolean | Promise<boolean>>;
57
- };
58
- onBeforeCancel: {
59
- type: import('vue').PropType<() => boolean | Promise<boolean>>;
60
- };
61
- renderTo: {
62
- type: import('vue').PropType<string | HTMLElement>;
63
- default: string;
64
- };
65
- popupClass: {
66
- type: StringConstructor;
67
- default: undefined;
68
- };
69
- showClose: {
70
- type: BooleanConstructor;
71
- default: boolean;
72
- };
73
- }>> & Readonly<{
74
- onClose?: ((...args: any[]) => any) | undefined;
75
- onOpen?: ((...args: any[]) => any) | undefined;
76
- onClosed?: ((...args: any[]) => any) | undefined;
77
- onOpened?: ((...args: any[]) => any) | undefined;
78
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
79
- }>, {
80
- className: {
81
- block: string;
82
- element: (className: string) => string;
83
- modifier: (className: string) => string;
84
- is: (className: string) => string;
85
- };
86
- containerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
87
- drawerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
88
- teleportContainer: import('vue').ComputedRef<HTMLElement | undefined>;
89
- drawerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
90
- modelVisible: import('vue').ComputedRef<boolean>;
91
- mergeVisible: import('vue').ComputedRef<boolean>;
92
- drawerBodyStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
93
- handleMask: () => void;
94
- afterEnter: () => void;
95
- afterLeave: () => void;
96
- interceptClose: (action: "ok" | "cancel", e?: Event) => void;
97
- handleCancel: (e: Event) => void;
98
- handleOk: (e: Event) => void;
99
- loadingObj: {
100
- ok: boolean;
101
- cancel: boolean;
102
- };
103
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], import('vue').PublicProps, {
104
- disabled: boolean;
105
- title: string;
106
- mask: boolean;
107
- height: string | number;
108
- width: string | number;
109
- renderTo: string | HTMLElement;
110
- modelValue: boolean;
111
- destroyOnClosed: boolean;
112
- maskToClose: boolean;
113
- escToClose: boolean;
114
- popupClass: string;
115
- showClose: boolean;
116
- placement: import('./src/types').Placement;
117
- showFooter: boolean;
118
- okText: string;
119
- cancelText: string;
120
- }, true, {}, {}, {
121
- Button: {
122
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
123
- disabled: {
124
- type: BooleanConstructor;
125
- default: boolean;
126
- };
127
- block: BooleanConstructor;
128
- loading: BooleanConstructor;
129
- loadingFill: {
130
- type: BooleanConstructor;
131
- default: boolean;
132
- };
133
- debounce: {
134
- type: NumberConstructor;
135
- default: number;
136
- };
137
- shape: {
138
- type: import('vue').PropType<import('../button/props').ButtonShape>;
139
- default: undefined;
140
- };
141
- link: {
142
- type: import('vue').PropType<boolean>;
143
- default: boolean;
144
- };
145
- type: {
146
- type: import('vue').PropType<import('../button/props').ButtonTypes>;
147
- default: string;
148
- };
149
- status: {
150
- type: import('vue').PropType<import('../button/props').ButtonStatus>;
151
- default: string;
152
- };
153
- plain: {
154
- type: import('vue').PropType<boolean>;
155
- default: boolean;
156
- };
157
- size: {
158
- type: import('vue').PropType<import('../button/props').ButtonSize>;
159
- default: string;
160
- };
161
- border: {
162
- type: import('vue').PropType<boolean>;
163
- default: boolean;
164
- };
165
- narrow: {
166
- type: import('vue').PropType<boolean>;
167
- default: boolean;
168
- };
169
- }>> & Readonly<{
170
- onClick?: ((...args: any[]) => any) | undefined;
171
- }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
172
- type: import('../button/props').ButtonTypes;
173
- size: import('../button/props').ButtonSize;
174
- disabled: boolean;
175
- link: boolean;
176
- block: boolean;
177
- loading: boolean;
178
- loadingFill: boolean;
179
- debounce: number;
180
- shape: import('../button/props').ButtonShape;
181
- status: import('../button/props').ButtonStatus;
182
- plain: boolean;
183
- border: boolean;
184
- narrow: boolean;
185
- }, true, {}, import('vue').SlotsType<{
186
- default: () => any;
187
- prefix: () => any;
188
- suffix: () => any;
189
- icon: any;
190
- }>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
191
- P: {};
192
- B: {};
193
- D: {};
194
- C: {};
195
- M: {};
196
- Defaults: {};
197
- }, Readonly<import('vue').ExtractPropTypes<{
198
- disabled: {
199
- type: BooleanConstructor;
200
- default: boolean;
201
- };
202
- block: BooleanConstructor;
203
- loading: BooleanConstructor;
204
- loadingFill: {
205
- type: BooleanConstructor;
206
- default: boolean;
207
- };
208
- debounce: {
209
- type: NumberConstructor;
210
- default: number;
211
- };
212
- shape: {
213
- type: import('vue').PropType<import('../button/props').ButtonShape>;
214
- default: undefined;
215
- };
216
- link: {
217
- type: import('vue').PropType<boolean>;
218
- default: boolean;
219
- };
220
- type: {
221
- type: import('vue').PropType<import('../button/props').ButtonTypes>;
222
- default: string;
223
- };
224
- status: {
225
- type: import('vue').PropType<import('../button/props').ButtonStatus>;
226
- default: string;
227
- };
228
- plain: {
229
- type: import('vue').PropType<boolean>;
230
- default: boolean;
231
- };
232
- size: {
233
- type: import('vue').PropType<import('../button/props').ButtonSize>;
234
- default: string;
235
- };
236
- border: {
237
- type: import('vue').PropType<boolean>;
238
- default: boolean;
239
- };
240
- narrow: {
241
- type: import('vue').PropType<boolean>;
242
- default: boolean;
243
- };
244
- }>> & Readonly<{
245
- onClick?: ((...args: any[]) => any) | undefined;
246
- }>, () => VNode, {}, {}, {}, {
247
- type: import('../button/props').ButtonTypes;
248
- size: import('../button/props').ButtonSize;
249
- disabled: boolean;
250
- link: boolean;
251
- block: boolean;
252
- loading: boolean;
253
- loadingFill: boolean;
254
- debounce: number;
255
- shape: import('../button/props').ButtonShape;
256
- status: import('../button/props').ButtonStatus;
257
- plain: boolean;
258
- border: boolean;
259
- narrow: boolean;
260
- }>;
261
- __isFragment?: never;
262
- __isTeleport?: never;
263
- __isSuspense?: never;
264
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
265
- disabled: {
266
- type: BooleanConstructor;
267
- default: boolean;
268
- };
269
- block: BooleanConstructor;
270
- loading: BooleanConstructor;
271
- loadingFill: {
272
- type: BooleanConstructor;
273
- default: boolean;
274
- };
275
- debounce: {
276
- type: NumberConstructor;
277
- default: number;
278
- };
279
- shape: {
280
- type: import('vue').PropType<import('../button/props').ButtonShape>;
281
- default: undefined;
282
- };
283
- link: {
284
- type: import('vue').PropType<boolean>;
285
- default: boolean;
286
- };
287
- type: {
288
- type: import('vue').PropType<import('../button/props').ButtonTypes>;
289
- default: string;
290
- };
291
- status: {
292
- type: import('vue').PropType<import('../button/props').ButtonStatus>;
293
- default: string;
294
- };
295
- plain: {
296
- type: import('vue').PropType<boolean>;
297
- default: boolean;
298
- };
299
- size: {
300
- type: import('vue').PropType<import('../button/props').ButtonSize>;
301
- default: string;
302
- };
303
- border: {
304
- type: import('vue').PropType<boolean>;
305
- default: boolean;
306
- };
307
- narrow: {
308
- type: import('vue').PropType<boolean>;
309
- default: boolean;
310
- };
311
- }>> & Readonly<{
312
- onClick?: ((...args: any[]) => any) | undefined;
313
- }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
314
- type: import('../button/props').ButtonTypes;
315
- size: import('../button/props').ButtonSize;
316
- disabled: boolean;
317
- link: boolean;
318
- block: boolean;
319
- loading: boolean;
320
- loadingFill: boolean;
321
- debounce: number;
322
- shape: import('../button/props').ButtonShape;
323
- status: import('../button/props').ButtonStatus;
324
- plain: boolean;
325
- border: boolean;
326
- narrow: boolean;
327
- }, {}, string, import('vue').SlotsType<{
328
- default: () => any;
329
- prefix: () => any;
330
- suffix: () => any;
331
- icon: any;
332
- }>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
333
- install(app: import('vue').App): void;
334
- };
335
- Space: {
336
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
337
- direction: {
338
- type: import('vue').PropType<"horizontal" | "vertical">;
339
- default: string;
340
- };
341
- size: {
342
- type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
343
- default: string;
344
- };
345
- align: {
346
- type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
347
- default: string;
348
- };
349
- block: {
350
- type: BooleanConstructor;
351
- default: boolean;
352
- };
353
- }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
354
- size: number | "mini" | "small" | "medium" | "large";
355
- block: boolean;
356
- direction: "horizontal" | "vertical";
357
- align: "center" | "space-between" | "end" | "start" | "baseline";
358
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
359
- P: {};
360
- B: {};
361
- D: {};
362
- C: {};
363
- M: {};
364
- Defaults: {};
365
- }, Readonly<import('vue').ExtractPropTypes<{
366
- direction: {
367
- type: import('vue').PropType<"horizontal" | "vertical">;
368
- default: string;
369
- };
370
- size: {
371
- type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
372
- default: string;
373
- };
374
- align: {
375
- type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
376
- default: string;
377
- };
378
- block: {
379
- type: BooleanConstructor;
380
- default: boolean;
381
- };
382
- }>> & Readonly<{}>, () => VNode, {}, {}, {}, {
383
- size: number | "mini" | "small" | "medium" | "large";
384
- block: boolean;
385
- direction: "horizontal" | "vertical";
386
- align: "center" | "space-between" | "end" | "start" | "baseline";
387
- }>;
388
- __isFragment?: never;
389
- __isTeleport?: never;
390
- __isSuspense?: never;
391
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
392
- direction: {
393
- type: import('vue').PropType<"horizontal" | "vertical">;
394
- default: string;
395
- };
396
- size: {
397
- type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
398
- default: string;
399
- };
400
- align: {
401
- type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
402
- default: string;
403
- };
404
- block: {
405
- type: BooleanConstructor;
406
- default: boolean;
407
- };
408
- }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
409
- size: number | "mini" | "small" | "medium" | "large";
410
- block: boolean;
411
- direction: "horizontal" | "vertical";
412
- align: "center" | "space-between" | "end" | "start" | "baseline";
413
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
414
- install(app: import('vue').App): void;
415
- };
416
- Scrollbar: {
417
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
418
- type: {
419
- type: import('vue').PropType<"track" | "embed">;
420
- default: string;
421
- };
422
- outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
423
- outerStyle: {
424
- type: import('vue').PropType<import('vue').StyleValue>;
425
- };
426
- hide: {
427
- type: BooleanConstructor;
428
- default: boolean;
429
- };
430
- disableHorizontal: {
431
- type: BooleanConstructor;
432
- default: boolean;
433
- };
434
- disableVertical: {
435
- type: BooleanConstructor;
436
- default: boolean;
437
- };
438
- }>> & Readonly<{
439
- onScroll?: ((ev: Event) => any) | undefined;
440
- }>, {
441
- className: {
442
- block: string;
443
- element: (className: string) => string;
444
- modifier: (className: string) => string;
445
- is: (className: string) => string;
446
- };
447
- cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
448
- style: import('vue').ComputedRef<import('vue').StyleValue[]>;
449
- containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
450
- horizontalThumbRef: import('vue').Ref<any, any>;
451
- verticalThumbRef: import('vue').Ref<any, any>;
452
- horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
453
- verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
454
- isBoth: import('vue').Ref<boolean, boolean>;
455
- hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
456
- hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
457
- handleResize: () => void;
458
- handleScroll: (ev: Event) => void;
459
- handleHorizontalScroll: (offset: number) => void;
460
- handleVerticalScroll: (offset: number) => void;
461
- }, {}, {}, {
462
- scrollTo(options?: number | {
463
- left?: number;
464
- top?: number;
465
- }, y?: number): void;
466
- scrollTop(top: number): void;
467
- scrollLeft(left: number): void;
468
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
469
- scroll: (ev: Event) => true;
470
- }, import('vue').PublicProps, {
471
- type: "embed" | "track";
472
- hide: boolean;
473
- disableHorizontal: boolean;
474
- disableVertical: boolean;
475
- }, true, {}, {}, {
476
- ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
477
- watchOnUpdated: BooleanConstructor;
478
- }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
479
- [key: string]: any;
480
- }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
481
- watchOnUpdated: BooleanConstructor;
482
- }>> & Readonly<{
483
- onResize?: ((...args: any[]) => any) | undefined;
484
- }>, {
485
- watchOnUpdated: boolean;
486
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
487
- Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
488
- data: {
489
- type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
490
- };
491
- direction: {
492
- type: import('vue').PropType<import('../../_utils/constant').Direction>;
493
- default: string;
494
- };
495
- alwaysShow: {
496
- type: BooleanConstructor;
497
- default: boolean;
498
- };
499
- both: {
500
- type: BooleanConstructor;
501
- default: boolean;
502
- };
503
- }>, {
504
- visible: import('vue').Ref<boolean, boolean>;
505
- trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
506
- thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
507
- className: {
508
- block: string;
509
- element: (className: string) => string;
510
- modifier: (className: string) => string;
511
- is: (className: string) => string;
512
- };
513
- thumbCls: import('vue').ComputedRef<(string | {
514
- [x: string]: boolean;
515
- })[]>;
516
- thumbStyle: import('vue').ComputedRef<{
517
- [x: string]: string;
518
- }>;
519
- handleThumbMouseDown: (ev: MouseEvent) => void;
520
- handleTrackClick: (ev: MouseEvent) => void;
521
- setOffset: (_offset: number) => void;
522
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
523
- data: {
524
- type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
525
- };
526
- direction: {
527
- type: import('vue').PropType<import('../../_utils/constant').Direction>;
528
- default: string;
529
- };
530
- alwaysShow: {
531
- type: BooleanConstructor;
532
- default: boolean;
533
- };
534
- both: {
535
- type: BooleanConstructor;
536
- default: boolean;
537
- };
538
- }>> & Readonly<{
539
- onScroll?: ((...args: any[]) => any) | undefined;
540
- }>, {
541
- direction: "horizontal" | "vertical";
542
- both: boolean;
543
- alwaysShow: boolean;
544
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
545
- } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
546
- P: {};
547
- B: {};
548
- D: {};
549
- C: {};
550
- M: {};
551
- Defaults: {};
552
- }, Readonly<import('vue').ExtractPropTypes<{
553
- type: {
554
- type: import('vue').PropType<"track" | "embed">;
555
- default: string;
556
- };
557
- outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
558
- outerStyle: {
559
- type: import('vue').PropType<import('vue').StyleValue>;
560
- };
561
- hide: {
562
- type: BooleanConstructor;
563
- default: boolean;
564
- };
565
- disableHorizontal: {
566
- type: BooleanConstructor;
567
- default: boolean;
568
- };
569
- disableVertical: {
570
- type: BooleanConstructor;
571
- default: boolean;
572
- };
573
- }>> & Readonly<{
574
- onScroll?: ((ev: Event) => any) | undefined;
575
- }>, {
576
- className: {
577
- block: string;
578
- element: (className: string) => string;
579
- modifier: (className: string) => string;
580
- is: (className: string) => string;
581
- };
582
- cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
583
- style: import('vue').ComputedRef<import('vue').StyleValue[]>;
584
- containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
585
- horizontalThumbRef: import('vue').Ref<any, any>;
586
- verticalThumbRef: import('vue').Ref<any, any>;
587
- horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
588
- verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
589
- isBoth: import('vue').Ref<boolean, boolean>;
590
- hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
591
- hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
592
- handleResize: () => void;
593
- handleScroll: (ev: Event) => void;
594
- handleHorizontalScroll: (offset: number) => void;
595
- handleVerticalScroll: (offset: number) => void;
596
- }, {}, {}, {
597
- scrollTo(options?: number | {
598
- left?: number;
599
- top?: number;
600
- }, y?: number): void;
601
- scrollTop(top: number): void;
602
- scrollLeft(left: number): void;
603
- }, {
604
- type: "embed" | "track";
605
- hide: boolean;
606
- disableHorizontal: boolean;
607
- disableVertical: boolean;
608
- }>;
609
- __isFragment?: never;
610
- __isTeleport?: never;
611
- __isSuspense?: never;
612
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
613
- type: {
614
- type: import('vue').PropType<"track" | "embed">;
615
- default: string;
616
- };
617
- outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
618
- outerStyle: {
619
- type: import('vue').PropType<import('vue').StyleValue>;
620
- };
621
- hide: {
622
- type: BooleanConstructor;
623
- default: boolean;
624
- };
625
- disableHorizontal: {
626
- type: BooleanConstructor;
627
- default: boolean;
628
- };
629
- disableVertical: {
630
- type: BooleanConstructor;
631
- default: boolean;
632
- };
633
- }>> & Readonly<{
634
- onScroll?: ((ev: Event) => any) | undefined;
635
- }>, {
636
- className: {
637
- block: string;
638
- element: (className: string) => string;
639
- modifier: (className: string) => string;
640
- is: (className: string) => string;
641
- };
642
- cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
643
- style: import('vue').ComputedRef<import('vue').StyleValue[]>;
644
- containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
645
- horizontalThumbRef: import('vue').Ref<any, any>;
646
- verticalThumbRef: import('vue').Ref<any, any>;
647
- horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
648
- verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
649
- isBoth: import('vue').Ref<boolean, boolean>;
650
- hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
651
- hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
652
- handleResize: () => void;
653
- handleScroll: (ev: Event) => void;
654
- handleHorizontalScroll: (offset: number) => void;
655
- handleVerticalScroll: (offset: number) => void;
656
- }, {}, {}, {
657
- scrollTo(options?: number | {
658
- left?: number;
659
- top?: number;
660
- }, y?: number): void;
661
- scrollTop(top: number): void;
662
- scrollLeft(left: number): void;
663
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
664
- scroll: (ev: Event) => true;
665
- }, string, {
666
- type: "embed" | "track";
667
- hide: boolean;
668
- disableHorizontal: boolean;
669
- disableVertical: boolean;
670
- }, {}, string, {}, {
671
- ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
672
- watchOnUpdated: BooleanConstructor;
673
- }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
674
- [key: string]: any;
675
- }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
676
- watchOnUpdated: BooleanConstructor;
677
- }>> & Readonly<{
678
- onResize?: ((...args: any[]) => any) | undefined;
679
- }>, {
680
- watchOnUpdated: boolean;
681
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
682
- Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
683
- data: {
684
- type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
685
- };
686
- direction: {
687
- type: import('vue').PropType<import('../../_utils/constant').Direction>;
688
- default: string;
689
- };
690
- alwaysShow: {
691
- type: BooleanConstructor;
692
- default: boolean;
693
- };
694
- both: {
695
- type: BooleanConstructor;
696
- default: boolean;
697
- };
698
- }>, {
699
- visible: import('vue').Ref<boolean, boolean>;
700
- trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
701
- thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
702
- className: {
703
- block: string;
704
- element: (className: string) => string;
705
- modifier: (className: string) => string;
706
- is: (className: string) => string;
707
- };
708
- thumbCls: import('vue').ComputedRef<(string | {
709
- [x: string]: boolean;
710
- })[]>;
711
- thumbStyle: import('vue').ComputedRef<{
712
- [x: string]: string;
713
- }>;
714
- handleThumbMouseDown: (ev: MouseEvent) => void;
715
- handleTrackClick: (ev: MouseEvent) => void;
716
- setOffset: (_offset: number) => void;
717
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
718
- data: {
719
- type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
720
- };
721
- direction: {
722
- type: import('vue').PropType<import('../../_utils/constant').Direction>;
723
- default: string;
724
- };
725
- alwaysShow: {
726
- type: BooleanConstructor;
727
- default: boolean;
728
- };
729
- both: {
730
- type: BooleanConstructor;
731
- default: boolean;
732
- };
733
- }>> & Readonly<{
734
- onScroll?: ((...args: any[]) => any) | undefined;
735
- }>, {
736
- direction: "horizontal" | "vertical";
737
- both: boolean;
738
- alwaysShow: boolean;
739
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
740
- } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
741
- install(app: import('vue').App): void;
742
- };
743
- } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
744
- P: {};
745
- B: {};
746
- D: {};
747
- C: {};
748
- M: {};
749
- Defaults: {};
750
- }, Readonly<import('vue').ExtractPropTypes<{
751
- disabled: {
752
- type: BooleanConstructor;
753
- default: boolean;
754
- };
755
- modelValue: {
756
- type: BooleanConstructor;
757
- default: boolean;
758
- };
759
- placement: {
760
- type: import('vue').PropType<import('./src/types').Placement>;
761
- default: string;
762
- };
763
- title: {
764
- type: StringConstructor;
765
- default: string;
766
- };
767
- mask: {
768
- type: BooleanConstructor;
769
- default: boolean;
770
- };
771
- showFooter: {
772
- type: BooleanConstructor;
773
- default: boolean;
774
- };
775
- maskToClose: {
776
- type: BooleanConstructor;
777
- default: boolean;
778
- };
779
- escToClose: {
780
- type: BooleanConstructor;
781
- default: boolean;
782
- };
783
- destroyOnClosed: {
784
- type: BooleanConstructor;
785
- default: boolean;
786
- };
787
- width: {
788
- type: (StringConstructor | NumberConstructor)[];
789
- default: number;
790
- };
791
- height: {
792
- type: (StringConstructor | NumberConstructor)[];
793
- default: number;
794
- };
795
- okText: {
796
- type: StringConstructor;
797
- default: string;
798
- };
799
- cancelText: {
800
- type: StringConstructor;
801
- default: string;
802
- };
803
- onBeforeOk: {
804
- type: import('vue').PropType<() => boolean | Promise<boolean>>;
805
- };
806
- onBeforeCancel: {
807
- type: import('vue').PropType<() => boolean | Promise<boolean>>;
808
- };
809
- renderTo: {
810
- type: import('vue').PropType<string | HTMLElement>;
811
- default: string;
812
- };
813
- popupClass: {
814
- type: StringConstructor;
815
- default: undefined;
816
- };
817
- showClose: {
818
- type: BooleanConstructor;
819
- default: boolean;
820
- };
821
- }>> & Readonly<{
822
- onClose?: ((...args: any[]) => any) | undefined;
823
- onOpen?: ((...args: any[]) => any) | undefined;
824
- onClosed?: ((...args: any[]) => any) | undefined;
825
- onOpened?: ((...args: any[]) => any) | undefined;
826
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
827
- }>, {
828
- className: {
829
- block: string;
830
- element: (className: string) => string;
831
- modifier: (className: string) => string;
832
- is: (className: string) => string;
833
- };
834
- containerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
835
- drawerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
836
- teleportContainer: import('vue').ComputedRef<HTMLElement | undefined>;
837
- drawerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
838
- modelVisible: import('vue').ComputedRef<boolean>;
839
- mergeVisible: import('vue').ComputedRef<boolean>;
840
- drawerBodyStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
841
- handleMask: () => void;
842
- afterEnter: () => void;
843
- afterLeave: () => void;
844
- interceptClose: (action: "ok" | "cancel", e?: Event) => void;
845
- handleCancel: (e: Event) => void;
846
- handleOk: (e: Event) => void;
847
- loadingObj: {
848
- ok: boolean;
849
- cancel: boolean;
850
- };
851
- }, {}, {}, {}, {
852
- disabled: boolean;
853
- title: string;
854
- mask: boolean;
855
- height: string | number;
856
- width: string | number;
857
- renderTo: string | HTMLElement;
858
- modelValue: boolean;
859
- destroyOnClosed: boolean;
860
- maskToClose: boolean;
861
- escToClose: boolean;
862
- popupClass: string;
863
- showClose: boolean;
864
- placement: import('./src/types').Placement;
865
- showFooter: boolean;
866
- okText: string;
867
- cancelText: string;
868
- }>;
869
- __isFragment?: never;
870
- __isTeleport?: never;
871
- __isSuspense?: never;
872
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
873
- disabled: {
874
- type: BooleanConstructor;
875
- default: boolean;
876
- };
877
- modelValue: {
878
- type: BooleanConstructor;
879
- default: boolean;
880
- };
881
- placement: {
882
- type: import('vue').PropType<import('./src/types').Placement>;
883
- default: string;
884
- };
885
- title: {
886
- type: StringConstructor;
887
- default: string;
888
- };
889
- mask: {
890
- type: BooleanConstructor;
891
- default: boolean;
892
- };
893
- showFooter: {
894
- type: BooleanConstructor;
895
- default: boolean;
896
- };
897
- maskToClose: {
898
- type: BooleanConstructor;
899
- default: boolean;
900
- };
901
- escToClose: {
902
- type: BooleanConstructor;
903
- default: boolean;
904
- };
905
- destroyOnClosed: {
906
- type: BooleanConstructor;
907
- default: boolean;
908
- };
909
- width: {
910
- type: (StringConstructor | NumberConstructor)[];
911
- default: number;
912
- };
913
- height: {
914
- type: (StringConstructor | NumberConstructor)[];
915
- default: number;
916
- };
917
- okText: {
918
- type: StringConstructor;
919
- default: string;
920
- };
921
- cancelText: {
922
- type: StringConstructor;
923
- default: string;
924
- };
925
- onBeforeOk: {
926
- type: import('vue').PropType<() => boolean | Promise<boolean>>;
927
- };
928
- onBeforeCancel: {
929
- type: import('vue').PropType<() => boolean | Promise<boolean>>;
930
- };
931
- renderTo: {
932
- type: import('vue').PropType<string | HTMLElement>;
933
- default: string;
934
- };
935
- popupClass: {
936
- type: StringConstructor;
937
- default: undefined;
938
- };
939
- showClose: {
940
- type: BooleanConstructor;
941
- default: boolean;
942
- };
943
- }>> & Readonly<{
944
- onClose?: ((...args: any[]) => any) | undefined;
945
- onOpen?: ((...args: any[]) => any) | undefined;
946
- onClosed?: ((...args: any[]) => any) | undefined;
947
- onOpened?: ((...args: any[]) => any) | undefined;
948
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
949
- }>, {
950
- className: {
951
- block: string;
952
- element: (className: string) => string;
953
- modifier: (className: string) => string;
954
- is: (className: string) => string;
955
- };
956
- containerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
957
- drawerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
958
- teleportContainer: import('vue').ComputedRef<HTMLElement | undefined>;
959
- drawerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
960
- modelVisible: import('vue').ComputedRef<boolean>;
961
- mergeVisible: import('vue').ComputedRef<boolean>;
962
- drawerBodyStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
963
- handleMask: () => void;
964
- afterEnter: () => void;
965
- afterLeave: () => void;
966
- interceptClose: (action: "ok" | "cancel", e?: Event) => void;
967
- handleCancel: (e: Event) => void;
968
- handleOk: (e: Event) => void;
969
- loadingObj: {
970
- ok: boolean;
971
- cancel: boolean;
972
- };
973
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", {
974
- disabled: boolean;
975
- title: string;
976
- mask: boolean;
977
- height: string | number;
978
- width: string | number;
979
- renderTo: string | HTMLElement;
980
- modelValue: boolean;
981
- destroyOnClosed: boolean;
982
- maskToClose: boolean;
983
- escToClose: boolean;
984
- popupClass: string;
985
- showClose: boolean;
986
- placement: import('./src/types').Placement;
987
- showFooter: boolean;
988
- okText: string;
989
- cancelText: string;
990
- }, {}, string, {}, {
991
- Button: {
992
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
993
- disabled: {
994
- type: BooleanConstructor;
995
- default: boolean;
996
- };
997
- block: BooleanConstructor;
998
- loading: BooleanConstructor;
999
- loadingFill: {
1000
- type: BooleanConstructor;
1001
- default: boolean;
1002
- };
1003
- debounce: {
1004
- type: NumberConstructor;
1005
- default: number;
1006
- };
1007
- shape: {
1008
- type: import('vue').PropType<import('../button/props').ButtonShape>;
1009
- default: undefined;
1010
- };
1011
- link: {
1012
- type: import('vue').PropType<boolean>;
1013
- default: boolean;
1014
- };
1015
- type: {
1016
- type: import('vue').PropType<import('../button/props').ButtonTypes>;
1017
- default: string;
1018
- };
1019
- status: {
1020
- type: import('vue').PropType<import('../button/props').ButtonStatus>;
1021
- default: string;
1022
- };
1023
- plain: {
1024
- type: import('vue').PropType<boolean>;
1025
- default: boolean;
1026
- };
1027
- size: {
1028
- type: import('vue').PropType<import('../button/props').ButtonSize>;
1029
- default: string;
1030
- };
1031
- border: {
1032
- type: import('vue').PropType<boolean>;
1033
- default: boolean;
1034
- };
1035
- narrow: {
1036
- type: import('vue').PropType<boolean>;
1037
- default: boolean;
1038
- };
1039
- }>> & Readonly<{
1040
- onClick?: ((...args: any[]) => any) | undefined;
1041
- }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
1042
- type: import('../button/props').ButtonTypes;
1043
- size: import('../button/props').ButtonSize;
1044
- disabled: boolean;
1045
- link: boolean;
1046
- block: boolean;
1047
- loading: boolean;
1048
- loadingFill: boolean;
1049
- debounce: number;
1050
- shape: import('../button/props').ButtonShape;
1051
- status: import('../button/props').ButtonStatus;
1052
- plain: boolean;
1053
- border: boolean;
1054
- narrow: boolean;
1055
- }, true, {}, import('vue').SlotsType<{
1056
- default: () => any;
1057
- prefix: () => any;
1058
- suffix: () => any;
1059
- icon: any;
1060
- }>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
1061
- P: {};
1062
- B: {};
1063
- D: {};
1064
- C: {};
1065
- M: {};
1066
- Defaults: {};
1067
- }, Readonly<import('vue').ExtractPropTypes<{
1068
- disabled: {
1069
- type: BooleanConstructor;
1070
- default: boolean;
1071
- };
1072
- block: BooleanConstructor;
1073
- loading: BooleanConstructor;
1074
- loadingFill: {
1075
- type: BooleanConstructor;
1076
- default: boolean;
1077
- };
1078
- debounce: {
1079
- type: NumberConstructor;
1080
- default: number;
1081
- };
1082
- shape: {
1083
- type: import('vue').PropType<import('../button/props').ButtonShape>;
1084
- default: undefined;
1085
- };
1086
- link: {
1087
- type: import('vue').PropType<boolean>;
1088
- default: boolean;
1089
- };
1090
- type: {
1091
- type: import('vue').PropType<import('../button/props').ButtonTypes>;
1092
- default: string;
1093
- };
1094
- status: {
1095
- type: import('vue').PropType<import('../button/props').ButtonStatus>;
1096
- default: string;
1097
- };
1098
- plain: {
1099
- type: import('vue').PropType<boolean>;
1100
- default: boolean;
1101
- };
1102
- size: {
1103
- type: import('vue').PropType<import('../button/props').ButtonSize>;
1104
- default: string;
1105
- };
1106
- border: {
1107
- type: import('vue').PropType<boolean>;
1108
- default: boolean;
1109
- };
1110
- narrow: {
1111
- type: import('vue').PropType<boolean>;
1112
- default: boolean;
1113
- };
1114
- }>> & Readonly<{
1115
- onClick?: ((...args: any[]) => any) | undefined;
1116
- }>, () => VNode, {}, {}, {}, {
1117
- type: import('../button/props').ButtonTypes;
1118
- size: import('../button/props').ButtonSize;
1119
- disabled: boolean;
1120
- link: boolean;
1121
- block: boolean;
1122
- loading: boolean;
1123
- loadingFill: boolean;
1124
- debounce: number;
1125
- shape: import('../button/props').ButtonShape;
1126
- status: import('../button/props').ButtonStatus;
1127
- plain: boolean;
1128
- border: boolean;
1129
- narrow: boolean;
1130
- }>;
1131
- __isFragment?: never;
1132
- __isTeleport?: never;
1133
- __isSuspense?: never;
1134
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
1135
- disabled: {
1136
- type: BooleanConstructor;
1137
- default: boolean;
1138
- };
1139
- block: BooleanConstructor;
1140
- loading: BooleanConstructor;
1141
- loadingFill: {
1142
- type: BooleanConstructor;
1143
- default: boolean;
1144
- };
1145
- debounce: {
1146
- type: NumberConstructor;
1147
- default: number;
1148
- };
1149
- shape: {
1150
- type: import('vue').PropType<import('../button/props').ButtonShape>;
1151
- default: undefined;
1152
- };
1153
- link: {
1154
- type: import('vue').PropType<boolean>;
1155
- default: boolean;
1156
- };
1157
- type: {
1158
- type: import('vue').PropType<import('../button/props').ButtonTypes>;
1159
- default: string;
1160
- };
1161
- status: {
1162
- type: import('vue').PropType<import('../button/props').ButtonStatus>;
1163
- default: string;
1164
- };
1165
- plain: {
1166
- type: import('vue').PropType<boolean>;
1167
- default: boolean;
1168
- };
1169
- size: {
1170
- type: import('vue').PropType<import('../button/props').ButtonSize>;
1171
- default: string;
1172
- };
1173
- border: {
1174
- type: import('vue').PropType<boolean>;
1175
- default: boolean;
1176
- };
1177
- narrow: {
1178
- type: import('vue').PropType<boolean>;
1179
- default: boolean;
1180
- };
1181
- }>> & Readonly<{
1182
- onClick?: ((...args: any[]) => any) | undefined;
1183
- }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
1184
- type: import('../button/props').ButtonTypes;
1185
- size: import('../button/props').ButtonSize;
1186
- disabled: boolean;
1187
- link: boolean;
1188
- block: boolean;
1189
- loading: boolean;
1190
- loadingFill: boolean;
1191
- debounce: number;
1192
- shape: import('../button/props').ButtonShape;
1193
- status: import('../button/props').ButtonStatus;
1194
- plain: boolean;
1195
- border: boolean;
1196
- narrow: boolean;
1197
- }, {}, string, import('vue').SlotsType<{
1198
- default: () => any;
1199
- prefix: () => any;
1200
- suffix: () => any;
1201
- icon: any;
1202
- }>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
1203
- install(app: import('vue').App): void;
1204
- };
1205
- Space: {
1206
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
1207
- direction: {
1208
- type: import('vue').PropType<"horizontal" | "vertical">;
1209
- default: string;
1210
- };
1211
- size: {
1212
- type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
1213
- default: string;
1214
- };
1215
- align: {
1216
- type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
1217
- default: string;
1218
- };
1219
- block: {
1220
- type: BooleanConstructor;
1221
- default: boolean;
1222
- };
1223
- }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
1224
- size: number | "mini" | "small" | "medium" | "large";
1225
- block: boolean;
1226
- direction: "horizontal" | "vertical";
1227
- align: "center" | "space-between" | "end" | "start" | "baseline";
1228
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
1229
- P: {};
1230
- B: {};
1231
- D: {};
1232
- C: {};
1233
- M: {};
1234
- Defaults: {};
1235
- }, Readonly<import('vue').ExtractPropTypes<{
1236
- direction: {
1237
- type: import('vue').PropType<"horizontal" | "vertical">;
1238
- default: string;
1239
- };
1240
- size: {
1241
- type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
1242
- default: string;
1243
- };
1244
- align: {
1245
- type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
1246
- default: string;
1247
- };
1248
- block: {
1249
- type: BooleanConstructor;
1250
- default: boolean;
1251
- };
1252
- }>> & Readonly<{}>, () => VNode, {}, {}, {}, {
1253
- size: number | "mini" | "small" | "medium" | "large";
1254
- block: boolean;
1255
- direction: "horizontal" | "vertical";
1256
- align: "center" | "space-between" | "end" | "start" | "baseline";
1257
- }>;
1258
- __isFragment?: never;
1259
- __isTeleport?: never;
1260
- __isSuspense?: never;
1261
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
1262
- direction: {
1263
- type: import('vue').PropType<"horizontal" | "vertical">;
1264
- default: string;
1265
- };
1266
- size: {
1267
- type: import('vue').PropType<number | "mini" | "small" | "medium" | "large">;
1268
- default: string;
1269
- };
1270
- align: {
1271
- type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
1272
- default: string;
1273
- };
1274
- block: {
1275
- type: BooleanConstructor;
1276
- default: boolean;
1277
- };
1278
- }>> & Readonly<{}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
1279
- size: number | "mini" | "small" | "medium" | "large";
1280
- block: boolean;
1281
- direction: "horizontal" | "vertical";
1282
- align: "center" | "space-between" | "end" | "start" | "baseline";
1283
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
1284
- install(app: import('vue').App): void;
1285
- };
1286
- Scrollbar: {
1287
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
1288
- type: {
1289
- type: import('vue').PropType<"track" | "embed">;
1290
- default: string;
1291
- };
1292
- outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
1293
- outerStyle: {
1294
- type: import('vue').PropType<import('vue').StyleValue>;
1295
- };
1296
- hide: {
1297
- type: BooleanConstructor;
1298
- default: boolean;
1299
- };
1300
- disableHorizontal: {
1301
- type: BooleanConstructor;
1302
- default: boolean;
1303
- };
1304
- disableVertical: {
1305
- type: BooleanConstructor;
1306
- default: boolean;
1307
- };
1308
- }>> & Readonly<{
1309
- onScroll?: ((ev: Event) => any) | undefined;
1310
- }>, {
1311
- className: {
1312
- block: string;
1313
- element: (className: string) => string;
1314
- modifier: (className: string) => string;
1315
- is: (className: string) => string;
1316
- };
1317
- cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
1318
- style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1319
- containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1320
- horizontalThumbRef: import('vue').Ref<any, any>;
1321
- verticalThumbRef: import('vue').Ref<any, any>;
1322
- horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
1323
- verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
1324
- isBoth: import('vue').Ref<boolean, boolean>;
1325
- hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
1326
- hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
1327
- handleResize: () => void;
1328
- handleScroll: (ev: Event) => void;
1329
- handleHorizontalScroll: (offset: number) => void;
1330
- handleVerticalScroll: (offset: number) => void;
1331
- }, {}, {}, {
1332
- scrollTo(options?: number | {
1333
- left?: number;
1334
- top?: number;
1335
- }, y?: number): void;
1336
- scrollTop(top: number): void;
1337
- scrollLeft(left: number): void;
1338
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1339
- scroll: (ev: Event) => true;
1340
- }, import('vue').PublicProps, {
1341
- type: "embed" | "track";
1342
- hide: boolean;
1343
- disableHorizontal: boolean;
1344
- disableVertical: boolean;
1345
- }, true, {}, {}, {
1346
- ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
1347
- watchOnUpdated: BooleanConstructor;
1348
- }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
1349
- [key: string]: any;
1350
- }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1351
- watchOnUpdated: BooleanConstructor;
1352
- }>> & Readonly<{
1353
- onResize?: ((...args: any[]) => any) | undefined;
1354
- }>, {
1355
- watchOnUpdated: boolean;
1356
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1357
- Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
1358
- data: {
1359
- type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
1360
- };
1361
- direction: {
1362
- type: import('vue').PropType<import('../../_utils/constant').Direction>;
1363
- default: string;
1364
- };
1365
- alwaysShow: {
1366
- type: BooleanConstructor;
1367
- default: boolean;
1368
- };
1369
- both: {
1370
- type: BooleanConstructor;
1371
- default: boolean;
1372
- };
1373
- }>, {
1374
- visible: import('vue').Ref<boolean, boolean>;
1375
- trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1376
- thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1377
- className: {
1378
- block: string;
1379
- element: (className: string) => string;
1380
- modifier: (className: string) => string;
1381
- is: (className: string) => string;
1382
- };
1383
- thumbCls: import('vue').ComputedRef<(string | {
1384
- [x: string]: boolean;
1385
- })[]>;
1386
- thumbStyle: import('vue').ComputedRef<{
1387
- [x: string]: string;
1388
- }>;
1389
- handleThumbMouseDown: (ev: MouseEvent) => void;
1390
- handleTrackClick: (ev: MouseEvent) => void;
1391
- setOffset: (_offset: number) => void;
1392
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1393
- data: {
1394
- type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
1395
- };
1396
- direction: {
1397
- type: import('vue').PropType<import('../../_utils/constant').Direction>;
1398
- default: string;
1399
- };
1400
- alwaysShow: {
1401
- type: BooleanConstructor;
1402
- default: boolean;
1403
- };
1404
- both: {
1405
- type: BooleanConstructor;
1406
- default: boolean;
1407
- };
1408
- }>> & Readonly<{
1409
- onScroll?: ((...args: any[]) => any) | undefined;
1410
- }>, {
1411
- direction: "horizontal" | "vertical";
1412
- both: boolean;
1413
- alwaysShow: boolean;
1414
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1415
- } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
1416
- P: {};
1417
- B: {};
1418
- D: {};
1419
- C: {};
1420
- M: {};
1421
- Defaults: {};
1422
- }, Readonly<import('vue').ExtractPropTypes<{
1423
- type: {
1424
- type: import('vue').PropType<"track" | "embed">;
1425
- default: string;
1426
- };
1427
- outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
1428
- outerStyle: {
1429
- type: import('vue').PropType<import('vue').StyleValue>;
1430
- };
1431
- hide: {
1432
- type: BooleanConstructor;
1433
- default: boolean;
1434
- };
1435
- disableHorizontal: {
1436
- type: BooleanConstructor;
1437
- default: boolean;
1438
- };
1439
- disableVertical: {
1440
- type: BooleanConstructor;
1441
- default: boolean;
1442
- };
1443
- }>> & Readonly<{
1444
- onScroll?: ((ev: Event) => any) | undefined;
1445
- }>, {
1446
- className: {
1447
- block: string;
1448
- element: (className: string) => string;
1449
- modifier: (className: string) => string;
1450
- is: (className: string) => string;
1451
- };
1452
- cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
1453
- style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1454
- containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1455
- horizontalThumbRef: import('vue').Ref<any, any>;
1456
- verticalThumbRef: import('vue').Ref<any, any>;
1457
- horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
1458
- verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
1459
- isBoth: import('vue').Ref<boolean, boolean>;
1460
- hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
1461
- hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
1462
- handleResize: () => void;
1463
- handleScroll: (ev: Event) => void;
1464
- handleHorizontalScroll: (offset: number) => void;
1465
- handleVerticalScroll: (offset: number) => void;
1466
- }, {}, {}, {
1467
- scrollTo(options?: number | {
1468
- left?: number;
1469
- top?: number;
1470
- }, y?: number): void;
1471
- scrollTop(top: number): void;
1472
- scrollLeft(left: number): void;
1473
- }, {
1474
- type: "embed" | "track";
1475
- hide: boolean;
1476
- disableHorizontal: boolean;
1477
- disableVertical: boolean;
1478
- }>;
1479
- __isFragment?: never;
1480
- __isTeleport?: never;
1481
- __isSuspense?: never;
1482
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
1483
- type: {
1484
- type: import('vue').PropType<"track" | "embed">;
1485
- default: string;
1486
- };
1487
- outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
1488
- outerStyle: {
1489
- type: import('vue').PropType<import('vue').StyleValue>;
1490
- };
1491
- hide: {
1492
- type: BooleanConstructor;
1493
- default: boolean;
1494
- };
1495
- disableHorizontal: {
1496
- type: BooleanConstructor;
1497
- default: boolean;
1498
- };
1499
- disableVertical: {
1500
- type: BooleanConstructor;
1501
- default: boolean;
1502
- };
1503
- }>> & Readonly<{
1504
- onScroll?: ((ev: Event) => any) | undefined;
1505
- }>, {
1506
- className: {
1507
- block: string;
1508
- element: (className: string) => string;
1509
- modifier: (className: string) => string;
1510
- is: (className: string) => string;
1511
- };
1512
- cls: import('vue').ComputedRef<(string | Record<string, any> | unknown[] | undefined)[]>;
1513
- style: import('vue').ComputedRef<import('vue').StyleValue[]>;
1514
- containerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1515
- horizontalThumbRef: import('vue').Ref<any, any>;
1516
- verticalThumbRef: import('vue').Ref<any, any>;
1517
- horizontalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
1518
- verticalData: import('vue').Ref<import('../scrollbar-v2/interface').ThumbData | undefined, import('../scrollbar-v2/interface').ThumbData | undefined>;
1519
- isBoth: import('vue').Ref<boolean, boolean>;
1520
- hasHorizontalScrollbar: import('vue').ComputedRef<boolean>;
1521
- hasVerticalScrollbar: import('vue').ComputedRef<boolean>;
1522
- handleResize: () => void;
1523
- handleScroll: (ev: Event) => void;
1524
- handleHorizontalScroll: (offset: number) => void;
1525
- handleVerticalScroll: (offset: number) => void;
1526
- }, {}, {}, {
1527
- scrollTo(options?: number | {
1528
- left?: number;
1529
- top?: number;
1530
- }, y?: number): void;
1531
- scrollTop(top: number): void;
1532
- scrollLeft(left: number): void;
1533
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1534
- scroll: (ev: Event) => true;
1535
- }, string, {
1536
- type: "embed" | "track";
1537
- hide: boolean;
1538
- disableHorizontal: boolean;
1539
- disableVertical: boolean;
1540
- }, {}, string, {}, {
1541
- ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
1542
- watchOnUpdated: BooleanConstructor;
1543
- }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
1544
- [key: string]: any;
1545
- }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1546
- watchOnUpdated: BooleanConstructor;
1547
- }>> & Readonly<{
1548
- onResize?: ((...args: any[]) => any) | undefined;
1549
- }>, {
1550
- watchOnUpdated: boolean;
1551
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1552
- Thumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
1553
- data: {
1554
- type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
1555
- };
1556
- direction: {
1557
- type: import('vue').PropType<import('../../_utils/constant').Direction>;
1558
- default: string;
1559
- };
1560
- alwaysShow: {
1561
- type: BooleanConstructor;
1562
- default: boolean;
1563
- };
1564
- both: {
1565
- type: BooleanConstructor;
1566
- default: boolean;
1567
- };
1568
- }>, {
1569
- visible: import('vue').Ref<boolean, boolean>;
1570
- trackRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1571
- thumbRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
1572
- className: {
1573
- block: string;
1574
- element: (className: string) => string;
1575
- modifier: (className: string) => string;
1576
- is: (className: string) => string;
1577
- };
1578
- thumbCls: import('vue').ComputedRef<(string | {
1579
- [x: string]: boolean;
1580
- })[]>;
1581
- thumbStyle: import('vue').ComputedRef<{
1582
- [x: string]: string;
1583
- }>;
1584
- handleThumbMouseDown: (ev: MouseEvent) => void;
1585
- handleTrackClick: (ev: MouseEvent) => void;
1586
- setOffset: (_offset: number) => void;
1587
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
1588
- data: {
1589
- type: import('vue').PropType<import('../scrollbar-v2/interface').ThumbData>;
1590
- };
1591
- direction: {
1592
- type: import('vue').PropType<import('../../_utils/constant').Direction>;
1593
- default: string;
1594
- };
1595
- alwaysShow: {
1596
- type: BooleanConstructor;
1597
- default: boolean;
1598
- };
1599
- both: {
1600
- type: BooleanConstructor;
1601
- default: boolean;
1602
- };
1603
- }>> & Readonly<{
1604
- onScroll?: ((...args: any[]) => any) | undefined;
1605
- }>, {
1606
- direction: "horizontal" | "vertical";
1607
- both: boolean;
1608
- alwaysShow: boolean;
1609
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1610
- } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
1611
- install(app: import('vue').App): void;
1612
- };
1613
- } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
1614
- install(app: import('vue').App): void;
1615
- };
1616
- export { Drawer as default };