delta-comic-core 0.0.1 → 0.0.2

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.
@@ -31,28 +31,889 @@ declare function __VLS_template(): {
31
31
  fail?(): any;
32
32
  };
33
33
  refs: {
34
- img: unknown;
34
+ img: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
35
+ onPreviewPrev: import('vue').PropType<() => void>;
36
+ onPreviewNext: import('vue').PropType<() => void>;
37
+ showToolbar: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ showToolbarTooltip: BooleanConstructor;
42
+ renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
43
+ theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
44
+ toolbarIconColor: string;
45
+ toolbarColor: string;
46
+ toolbarBoxShadow: string;
47
+ toolbarBorderRadius: string;
48
+ }, {
49
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
50
+ borderRadius: string;
51
+ boxShadow: string;
52
+ color: string;
53
+ textColor: string;
54
+ padding: string;
55
+ }, {
56
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
57
+ fontSize: string;
58
+ borderRadius: string;
59
+ color: string;
60
+ dividerColor: string;
61
+ textColor: string;
62
+ boxShadow: string;
63
+ space: string;
64
+ spaceArrow: string;
65
+ arrowOffset: string;
66
+ arrowOffsetVertical: string;
67
+ arrowHeight: string;
68
+ padding: string;
69
+ }, any>;
70
+ }>;
71
+ }>>;
72
+ themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
73
+ toolbarIconColor: string;
74
+ toolbarColor: string;
75
+ toolbarBoxShadow: string;
76
+ toolbarBorderRadius: string;
77
+ }, {
78
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
79
+ borderRadius: string;
80
+ boxShadow: string;
81
+ color: string;
82
+ textColor: string;
83
+ padding: string;
84
+ }, {
85
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
86
+ fontSize: string;
87
+ borderRadius: string;
88
+ color: string;
89
+ dividerColor: string;
90
+ textColor: string;
91
+ boxShadow: string;
92
+ space: string;
93
+ spaceArrow: string;
94
+ arrowOffset: string;
95
+ arrowOffsetVertical: string;
96
+ arrowHeight: string;
97
+ padding: string;
98
+ }, any>;
99
+ }>;
100
+ }>>>;
101
+ builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
102
+ toolbarIconColor: string;
103
+ toolbarColor: string;
104
+ toolbarBoxShadow: string;
105
+ toolbarBorderRadius: string;
106
+ }, {
107
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
108
+ borderRadius: string;
109
+ boxShadow: string;
110
+ color: string;
111
+ textColor: string;
112
+ padding: string;
113
+ }, {
114
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
115
+ fontSize: string;
116
+ borderRadius: string;
117
+ color: string;
118
+ dividerColor: string;
119
+ textColor: string;
120
+ boxShadow: string;
121
+ space: string;
122
+ spaceArrow: string;
123
+ arrowOffset: string;
124
+ arrowOffsetVertical: string;
125
+ arrowHeight: string;
126
+ padding: string;
127
+ }, any>;
128
+ }>;
129
+ }>>>;
130
+ alt: StringConstructor;
131
+ height: import('vue').PropType<string | number>;
132
+ imgProps: import('vue').PropType<ImgHTMLAttributes>;
133
+ previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
134
+ lazy: BooleanConstructor;
135
+ intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
136
+ objectFit: {
137
+ type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
138
+ default: string;
139
+ };
140
+ previewSrc: StringConstructor;
141
+ fallbackSrc: StringConstructor;
142
+ width: import('vue').PropType<string | number>;
143
+ src: StringConstructor;
144
+ previewDisabled: BooleanConstructor;
145
+ loadDescription: StringConstructor;
146
+ onError: import('vue').PropType<(e: Event) => void>;
147
+ onLoad: import('vue').PropType<(e: Event) => void>;
148
+ }>> & Readonly<{}>, {
149
+ click: () => void;
150
+ mergedClsPrefix: import('vue').Ref<string, string>;
151
+ groupId: string | undefined;
152
+ previewInstRef: import('vue').Ref<{
153
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
154
+ setPreviewSrc: (src?: string) => void;
155
+ toggleShow: () => void;
156
+ } | null, import('naive-ui/es/image/src/ImagePreview').ImagePreviewInst | {
157
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
158
+ setPreviewSrc: (src?: string) => void;
159
+ toggleShow: () => void;
160
+ } | null>;
161
+ imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
162
+ showError: import('vue').Ref<boolean, boolean>;
163
+ shouldStartLoading: import('vue').Ref<boolean, boolean>;
164
+ loaded: import('vue').Ref<boolean, boolean>;
165
+ mergedOnClick: (e: MouseEvent) => void;
166
+ mergedOnError: (e: Event) => void;
167
+ mergedOnLoad: (e: Event) => void;
168
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
169
+ objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
170
+ lazy: boolean;
171
+ showToolbar: boolean;
172
+ showToolbarTooltip: boolean;
173
+ previewDisabled: boolean;
174
+ }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
175
+ P: {};
176
+ B: {};
177
+ D: {};
178
+ C: {};
179
+ M: {};
180
+ Defaults: {};
181
+ }, Readonly<import('vue').ExtractPropTypes<{
182
+ onPreviewPrev: import('vue').PropType<() => void>;
183
+ onPreviewNext: import('vue').PropType<() => void>;
184
+ showToolbar: {
185
+ type: BooleanConstructor;
186
+ default: boolean;
187
+ };
188
+ showToolbarTooltip: BooleanConstructor;
189
+ renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
190
+ theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
191
+ toolbarIconColor: string;
192
+ toolbarColor: string;
193
+ toolbarBoxShadow: string;
194
+ toolbarBorderRadius: string;
195
+ }, {
196
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
197
+ borderRadius: string;
198
+ boxShadow: string;
199
+ color: string;
200
+ textColor: string;
201
+ padding: string;
202
+ }, {
203
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
204
+ fontSize: string;
205
+ borderRadius: string;
206
+ color: string;
207
+ dividerColor: string;
208
+ textColor: string;
209
+ boxShadow: string;
210
+ space: string;
211
+ spaceArrow: string;
212
+ arrowOffset: string;
213
+ arrowOffsetVertical: string;
214
+ arrowHeight: string;
215
+ padding: string;
216
+ }, any>;
217
+ }>;
218
+ }>>;
219
+ themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
220
+ toolbarIconColor: string;
221
+ toolbarColor: string;
222
+ toolbarBoxShadow: string;
223
+ toolbarBorderRadius: string;
224
+ }, {
225
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
226
+ borderRadius: string;
227
+ boxShadow: string;
228
+ color: string;
229
+ textColor: string;
230
+ padding: string;
231
+ }, {
232
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
233
+ fontSize: string;
234
+ borderRadius: string;
235
+ color: string;
236
+ dividerColor: string;
237
+ textColor: string;
238
+ boxShadow: string;
239
+ space: string;
240
+ spaceArrow: string;
241
+ arrowOffset: string;
242
+ arrowOffsetVertical: string;
243
+ arrowHeight: string;
244
+ padding: string;
245
+ }, any>;
246
+ }>;
247
+ }>>>;
248
+ builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
249
+ toolbarIconColor: string;
250
+ toolbarColor: string;
251
+ toolbarBoxShadow: string;
252
+ toolbarBorderRadius: string;
253
+ }, {
254
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
255
+ borderRadius: string;
256
+ boxShadow: string;
257
+ color: string;
258
+ textColor: string;
259
+ padding: string;
260
+ }, {
261
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
262
+ fontSize: string;
263
+ borderRadius: string;
264
+ color: string;
265
+ dividerColor: string;
266
+ textColor: string;
267
+ boxShadow: string;
268
+ space: string;
269
+ spaceArrow: string;
270
+ arrowOffset: string;
271
+ arrowOffsetVertical: string;
272
+ arrowHeight: string;
273
+ padding: string;
274
+ }, any>;
275
+ }>;
276
+ }>>>;
277
+ alt: StringConstructor;
278
+ height: import('vue').PropType<string | number>;
279
+ imgProps: import('vue').PropType<ImgHTMLAttributes>;
280
+ previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
281
+ lazy: BooleanConstructor;
282
+ intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
283
+ objectFit: {
284
+ type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
285
+ default: string;
286
+ };
287
+ previewSrc: StringConstructor;
288
+ fallbackSrc: StringConstructor;
289
+ width: import('vue').PropType<string | number>;
290
+ src: StringConstructor;
291
+ previewDisabled: BooleanConstructor;
292
+ loadDescription: StringConstructor;
293
+ onError: import('vue').PropType<(e: Event) => void>;
294
+ onLoad: import('vue').PropType<(e: Event) => void>;
295
+ }>> & Readonly<{}>, {
296
+ click: () => void;
297
+ mergedClsPrefix: import('vue').Ref<string, string>;
298
+ groupId: string | undefined;
299
+ previewInstRef: import('vue').Ref<{
300
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
301
+ setPreviewSrc: (src?: string) => void;
302
+ toggleShow: () => void;
303
+ } | null, import('naive-ui/es/image/src/ImagePreview').ImagePreviewInst | {
304
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
305
+ setPreviewSrc: (src?: string) => void;
306
+ toggleShow: () => void;
307
+ } | null>;
308
+ imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
309
+ showError: import('vue').Ref<boolean, boolean>;
310
+ shouldStartLoading: import('vue').Ref<boolean, boolean>;
311
+ loaded: import('vue').Ref<boolean, boolean>;
312
+ mergedOnClick: (e: MouseEvent) => void;
313
+ mergedOnError: (e: Event) => void;
314
+ mergedOnLoad: (e: Event) => void;
315
+ }, {}, {}, {}, {
316
+ objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
317
+ lazy: boolean;
318
+ showToolbar: boolean;
319
+ showToolbarTooltip: boolean;
320
+ previewDisabled: boolean;
321
+ }> | null;
35
322
  };
36
323
  rootEl: any;
37
324
  };
38
325
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
39
326
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
40
327
  isLoaded: import('vue').ComputedRef<boolean>;
41
- imageEl: any;
42
- imageIns: unknown;
328
+ imageEl: HTMLImageElement | null | undefined;
329
+ imageIns: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
330
+ onPreviewPrev: import('vue').PropType<() => void>;
331
+ onPreviewNext: import('vue').PropType<() => void>;
332
+ showToolbar: {
333
+ type: BooleanConstructor;
334
+ default: boolean;
335
+ };
336
+ showToolbarTooltip: BooleanConstructor;
337
+ renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
338
+ theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
339
+ toolbarIconColor: string;
340
+ toolbarColor: string;
341
+ toolbarBoxShadow: string;
342
+ toolbarBorderRadius: string;
343
+ }, {
344
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
345
+ borderRadius: string;
346
+ boxShadow: string;
347
+ color: string;
348
+ textColor: string;
349
+ padding: string;
350
+ }, {
351
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
352
+ fontSize: string;
353
+ borderRadius: string;
354
+ color: string;
355
+ dividerColor: string;
356
+ textColor: string;
357
+ boxShadow: string;
358
+ space: string;
359
+ spaceArrow: string;
360
+ arrowOffset: string;
361
+ arrowOffsetVertical: string;
362
+ arrowHeight: string;
363
+ padding: string;
364
+ }, any>;
365
+ }>;
366
+ }>>;
367
+ themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
368
+ toolbarIconColor: string;
369
+ toolbarColor: string;
370
+ toolbarBoxShadow: string;
371
+ toolbarBorderRadius: string;
372
+ }, {
373
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
374
+ borderRadius: string;
375
+ boxShadow: string;
376
+ color: string;
377
+ textColor: string;
378
+ padding: string;
379
+ }, {
380
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
381
+ fontSize: string;
382
+ borderRadius: string;
383
+ color: string;
384
+ dividerColor: string;
385
+ textColor: string;
386
+ boxShadow: string;
387
+ space: string;
388
+ spaceArrow: string;
389
+ arrowOffset: string;
390
+ arrowOffsetVertical: string;
391
+ arrowHeight: string;
392
+ padding: string;
393
+ }, any>;
394
+ }>;
395
+ }>>>;
396
+ builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
397
+ toolbarIconColor: string;
398
+ toolbarColor: string;
399
+ toolbarBoxShadow: string;
400
+ toolbarBorderRadius: string;
401
+ }, {
402
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
403
+ borderRadius: string;
404
+ boxShadow: string;
405
+ color: string;
406
+ textColor: string;
407
+ padding: string;
408
+ }, {
409
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
410
+ fontSize: string;
411
+ borderRadius: string;
412
+ color: string;
413
+ dividerColor: string;
414
+ textColor: string;
415
+ boxShadow: string;
416
+ space: string;
417
+ spaceArrow: string;
418
+ arrowOffset: string;
419
+ arrowOffsetVertical: string;
420
+ arrowHeight: string;
421
+ padding: string;
422
+ }, any>;
423
+ }>;
424
+ }>>>;
425
+ alt: StringConstructor;
426
+ height: import('vue').PropType<string | number>;
427
+ imgProps: import('vue').PropType<ImgHTMLAttributes>;
428
+ previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
429
+ lazy: BooleanConstructor;
430
+ intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
431
+ objectFit: {
432
+ type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
433
+ default: string;
434
+ };
435
+ previewSrc: StringConstructor;
436
+ fallbackSrc: StringConstructor;
437
+ width: import('vue').PropType<string | number>;
438
+ src: StringConstructor;
439
+ previewDisabled: BooleanConstructor;
440
+ loadDescription: StringConstructor;
441
+ onError: import('vue').PropType<(e: Event) => void>;
442
+ onLoad: import('vue').PropType<(e: Event) => void>;
443
+ }>> & Readonly<{}>, {
444
+ click: () => void;
445
+ mergedClsPrefix: import('vue').Ref<string, string>;
446
+ groupId: string | undefined;
447
+ previewInstRef: import('vue').Ref<{
448
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
449
+ setPreviewSrc: (src?: string) => void;
450
+ toggleShow: () => void;
451
+ } | null, import('naive-ui/es/image/src/ImagePreview').ImagePreviewInst | {
452
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
453
+ setPreviewSrc: (src?: string) => void;
454
+ toggleShow: () => void;
455
+ } | null>;
456
+ imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
457
+ showError: import('vue').Ref<boolean, boolean>;
458
+ shouldStartLoading: import('vue').Ref<boolean, boolean>;
459
+ loaded: import('vue').Ref<boolean, boolean>;
460
+ mergedOnClick: (e: MouseEvent) => void;
461
+ mergedOnError: (e: Event) => void;
462
+ mergedOnLoad: (e: Event) => void;
463
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
464
+ objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
465
+ lazy: boolean;
466
+ showToolbar: boolean;
467
+ showToolbarTooltip: boolean;
468
+ previewDisabled: boolean;
469
+ }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
470
+ P: {};
471
+ B: {};
472
+ D: {};
473
+ C: {};
474
+ M: {};
475
+ Defaults: {};
476
+ }, Readonly<import('vue').ExtractPropTypes<{
477
+ onPreviewPrev: import('vue').PropType<() => void>;
478
+ onPreviewNext: import('vue').PropType<() => void>;
479
+ showToolbar: {
480
+ type: BooleanConstructor;
481
+ default: boolean;
482
+ };
483
+ showToolbarTooltip: BooleanConstructor;
484
+ renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
485
+ theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
486
+ toolbarIconColor: string;
487
+ toolbarColor: string;
488
+ toolbarBoxShadow: string;
489
+ toolbarBorderRadius: string;
490
+ }, {
491
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
492
+ borderRadius: string;
493
+ boxShadow: string;
494
+ color: string;
495
+ textColor: string;
496
+ padding: string;
497
+ }, {
498
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
499
+ fontSize: string;
500
+ borderRadius: string;
501
+ color: string;
502
+ dividerColor: string;
503
+ textColor: string;
504
+ boxShadow: string;
505
+ space: string;
506
+ spaceArrow: string;
507
+ arrowOffset: string;
508
+ arrowOffsetVertical: string;
509
+ arrowHeight: string;
510
+ padding: string;
511
+ }, any>;
512
+ }>;
513
+ }>>;
514
+ themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
515
+ toolbarIconColor: string;
516
+ toolbarColor: string;
517
+ toolbarBoxShadow: string;
518
+ toolbarBorderRadius: string;
519
+ }, {
520
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
521
+ borderRadius: string;
522
+ boxShadow: string;
523
+ color: string;
524
+ textColor: string;
525
+ padding: string;
526
+ }, {
527
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
528
+ fontSize: string;
529
+ borderRadius: string;
530
+ color: string;
531
+ dividerColor: string;
532
+ textColor: string;
533
+ boxShadow: string;
534
+ space: string;
535
+ spaceArrow: string;
536
+ arrowOffset: string;
537
+ arrowOffsetVertical: string;
538
+ arrowHeight: string;
539
+ padding: string;
540
+ }, any>;
541
+ }>;
542
+ }>>>;
543
+ builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
544
+ toolbarIconColor: string;
545
+ toolbarColor: string;
546
+ toolbarBoxShadow: string;
547
+ toolbarBorderRadius: string;
548
+ }, {
549
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
550
+ borderRadius: string;
551
+ boxShadow: string;
552
+ color: string;
553
+ textColor: string;
554
+ padding: string;
555
+ }, {
556
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
557
+ fontSize: string;
558
+ borderRadius: string;
559
+ color: string;
560
+ dividerColor: string;
561
+ textColor: string;
562
+ boxShadow: string;
563
+ space: string;
564
+ spaceArrow: string;
565
+ arrowOffset: string;
566
+ arrowOffsetVertical: string;
567
+ arrowHeight: string;
568
+ padding: string;
569
+ }, any>;
570
+ }>;
571
+ }>>>;
572
+ alt: StringConstructor;
573
+ height: import('vue').PropType<string | number>;
574
+ imgProps: import('vue').PropType<ImgHTMLAttributes>;
575
+ previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
576
+ lazy: BooleanConstructor;
577
+ intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
578
+ objectFit: {
579
+ type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
580
+ default: string;
581
+ };
582
+ previewSrc: StringConstructor;
583
+ fallbackSrc: StringConstructor;
584
+ width: import('vue').PropType<string | number>;
585
+ src: StringConstructor;
586
+ previewDisabled: BooleanConstructor;
587
+ loadDescription: StringConstructor;
588
+ onError: import('vue').PropType<(e: Event) => void>;
589
+ onLoad: import('vue').PropType<(e: Event) => void>;
590
+ }>> & Readonly<{}>, {
591
+ click: () => void;
592
+ mergedClsPrefix: import('vue').Ref<string, string>;
593
+ groupId: string | undefined;
594
+ previewInstRef: import('vue').Ref<{
595
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
596
+ setPreviewSrc: (src?: string) => void;
597
+ toggleShow: () => void;
598
+ } | null, import('naive-ui/es/image/src/ImagePreview').ImagePreviewInst | {
599
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
600
+ setPreviewSrc: (src?: string) => void;
601
+ toggleShow: () => void;
602
+ } | null>;
603
+ imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
604
+ showError: import('vue').Ref<boolean, boolean>;
605
+ shouldStartLoading: import('vue').Ref<boolean, boolean>;
606
+ loaded: import('vue').Ref<boolean, boolean>;
607
+ mergedOnClick: (e: MouseEvent) => void;
608
+ mergedOnError: (e: Event) => void;
609
+ mergedOnLoad: (e: Event) => void;
610
+ }, {}, {}, {}, {
611
+ objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
612
+ lazy: boolean;
613
+ showToolbar: boolean;
614
+ showToolbarTooltip: boolean;
615
+ previewDisabled: boolean;
616
+ }> | null;
43
617
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
44
618
  load: (...args: any[]) => any;
45
619
  click: () => any;
46
620
  error: () => any;
47
621
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
48
- onLoad?: (...args: any[]) => any;
49
- onClick?: () => any;
50
- onError?: () => any;
622
+ onLoad?: ((...args: any[]) => any) | undefined;
623
+ onClick?: (() => any) | undefined;
624
+ onError?: (() => any) | undefined;
51
625
  }>, {
52
- fetchpriority: "high" | "low" | "auto";
53
626
  retryMax: number;
54
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
55
- img: unknown;
627
+ fetchpriority: "high" | "low" | "auto";
628
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
629
+ img: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
630
+ onPreviewPrev: import('vue').PropType<() => void>;
631
+ onPreviewNext: import('vue').PropType<() => void>;
632
+ showToolbar: {
633
+ type: BooleanConstructor;
634
+ default: boolean;
635
+ };
636
+ showToolbarTooltip: BooleanConstructor;
637
+ renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
638
+ theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
639
+ toolbarIconColor: string;
640
+ toolbarColor: string;
641
+ toolbarBoxShadow: string;
642
+ toolbarBorderRadius: string;
643
+ }, {
644
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
645
+ borderRadius: string;
646
+ boxShadow: string;
647
+ color: string;
648
+ textColor: string;
649
+ padding: string;
650
+ }, {
651
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
652
+ fontSize: string;
653
+ borderRadius: string;
654
+ color: string;
655
+ dividerColor: string;
656
+ textColor: string;
657
+ boxShadow: string;
658
+ space: string;
659
+ spaceArrow: string;
660
+ arrowOffset: string;
661
+ arrowOffsetVertical: string;
662
+ arrowHeight: string;
663
+ padding: string;
664
+ }, any>;
665
+ }>;
666
+ }>>;
667
+ themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
668
+ toolbarIconColor: string;
669
+ toolbarColor: string;
670
+ toolbarBoxShadow: string;
671
+ toolbarBorderRadius: string;
672
+ }, {
673
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
674
+ borderRadius: string;
675
+ boxShadow: string;
676
+ color: string;
677
+ textColor: string;
678
+ padding: string;
679
+ }, {
680
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
681
+ fontSize: string;
682
+ borderRadius: string;
683
+ color: string;
684
+ dividerColor: string;
685
+ textColor: string;
686
+ boxShadow: string;
687
+ space: string;
688
+ spaceArrow: string;
689
+ arrowOffset: string;
690
+ arrowOffsetVertical: string;
691
+ arrowHeight: string;
692
+ padding: string;
693
+ }, any>;
694
+ }>;
695
+ }>>>;
696
+ builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
697
+ toolbarIconColor: string;
698
+ toolbarColor: string;
699
+ toolbarBoxShadow: string;
700
+ toolbarBorderRadius: string;
701
+ }, {
702
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
703
+ borderRadius: string;
704
+ boxShadow: string;
705
+ color: string;
706
+ textColor: string;
707
+ padding: string;
708
+ }, {
709
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
710
+ fontSize: string;
711
+ borderRadius: string;
712
+ color: string;
713
+ dividerColor: string;
714
+ textColor: string;
715
+ boxShadow: string;
716
+ space: string;
717
+ spaceArrow: string;
718
+ arrowOffset: string;
719
+ arrowOffsetVertical: string;
720
+ arrowHeight: string;
721
+ padding: string;
722
+ }, any>;
723
+ }>;
724
+ }>>>;
725
+ alt: StringConstructor;
726
+ height: import('vue').PropType<string | number>;
727
+ imgProps: import('vue').PropType<ImgHTMLAttributes>;
728
+ previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
729
+ lazy: BooleanConstructor;
730
+ intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
731
+ objectFit: {
732
+ type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
733
+ default: string;
734
+ };
735
+ previewSrc: StringConstructor;
736
+ fallbackSrc: StringConstructor;
737
+ width: import('vue').PropType<string | number>;
738
+ src: StringConstructor;
739
+ previewDisabled: BooleanConstructor;
740
+ loadDescription: StringConstructor;
741
+ onError: import('vue').PropType<(e: Event) => void>;
742
+ onLoad: import('vue').PropType<(e: Event) => void>;
743
+ }>> & Readonly<{}>, {
744
+ click: () => void;
745
+ mergedClsPrefix: import('vue').Ref<string, string>;
746
+ groupId: string | undefined;
747
+ previewInstRef: import('vue').Ref<{
748
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
749
+ setPreviewSrc: (src?: string) => void;
750
+ toggleShow: () => void;
751
+ } | null, import('naive-ui/es/image/src/ImagePreview').ImagePreviewInst | {
752
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
753
+ setPreviewSrc: (src?: string) => void;
754
+ toggleShow: () => void;
755
+ } | null>;
756
+ imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
757
+ showError: import('vue').Ref<boolean, boolean>;
758
+ shouldStartLoading: import('vue').Ref<boolean, boolean>;
759
+ loaded: import('vue').Ref<boolean, boolean>;
760
+ mergedOnClick: (e: MouseEvent) => void;
761
+ mergedOnError: (e: Event) => void;
762
+ mergedOnLoad: (e: Event) => void;
763
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
764
+ objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
765
+ lazy: boolean;
766
+ showToolbar: boolean;
767
+ showToolbarTooltip: boolean;
768
+ previewDisabled: boolean;
769
+ }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
770
+ P: {};
771
+ B: {};
772
+ D: {};
773
+ C: {};
774
+ M: {};
775
+ Defaults: {};
776
+ }, Readonly<import('vue').ExtractPropTypes<{
777
+ onPreviewPrev: import('vue').PropType<() => void>;
778
+ onPreviewNext: import('vue').PropType<() => void>;
779
+ showToolbar: {
780
+ type: BooleanConstructor;
781
+ default: boolean;
782
+ };
783
+ showToolbarTooltip: BooleanConstructor;
784
+ renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
785
+ theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
786
+ toolbarIconColor: string;
787
+ toolbarColor: string;
788
+ toolbarBoxShadow: string;
789
+ toolbarBorderRadius: string;
790
+ }, {
791
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
792
+ borderRadius: string;
793
+ boxShadow: string;
794
+ color: string;
795
+ textColor: string;
796
+ padding: string;
797
+ }, {
798
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
799
+ fontSize: string;
800
+ borderRadius: string;
801
+ color: string;
802
+ dividerColor: string;
803
+ textColor: string;
804
+ boxShadow: string;
805
+ space: string;
806
+ spaceArrow: string;
807
+ arrowOffset: string;
808
+ arrowOffsetVertical: string;
809
+ arrowHeight: string;
810
+ padding: string;
811
+ }, any>;
812
+ }>;
813
+ }>>;
814
+ themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
815
+ toolbarIconColor: string;
816
+ toolbarColor: string;
817
+ toolbarBoxShadow: string;
818
+ toolbarBorderRadius: string;
819
+ }, {
820
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
821
+ borderRadius: string;
822
+ boxShadow: string;
823
+ color: string;
824
+ textColor: string;
825
+ padding: string;
826
+ }, {
827
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
828
+ fontSize: string;
829
+ borderRadius: string;
830
+ color: string;
831
+ dividerColor: string;
832
+ textColor: string;
833
+ boxShadow: string;
834
+ space: string;
835
+ spaceArrow: string;
836
+ arrowOffset: string;
837
+ arrowOffsetVertical: string;
838
+ arrowHeight: string;
839
+ padding: string;
840
+ }, any>;
841
+ }>;
842
+ }>>>;
843
+ builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
844
+ toolbarIconColor: string;
845
+ toolbarColor: string;
846
+ toolbarBoxShadow: string;
847
+ toolbarBorderRadius: string;
848
+ }, {
849
+ Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
850
+ borderRadius: string;
851
+ boxShadow: string;
852
+ color: string;
853
+ textColor: string;
854
+ padding: string;
855
+ }, {
856
+ Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
857
+ fontSize: string;
858
+ borderRadius: string;
859
+ color: string;
860
+ dividerColor: string;
861
+ textColor: string;
862
+ boxShadow: string;
863
+ space: string;
864
+ spaceArrow: string;
865
+ arrowOffset: string;
866
+ arrowOffsetVertical: string;
867
+ arrowHeight: string;
868
+ padding: string;
869
+ }, any>;
870
+ }>;
871
+ }>>>;
872
+ alt: StringConstructor;
873
+ height: import('vue').PropType<string | number>;
874
+ imgProps: import('vue').PropType<ImgHTMLAttributes>;
875
+ previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
876
+ lazy: BooleanConstructor;
877
+ intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
878
+ objectFit: {
879
+ type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
880
+ default: string;
881
+ };
882
+ previewSrc: StringConstructor;
883
+ fallbackSrc: StringConstructor;
884
+ width: import('vue').PropType<string | number>;
885
+ src: StringConstructor;
886
+ previewDisabled: BooleanConstructor;
887
+ loadDescription: StringConstructor;
888
+ onError: import('vue').PropType<(e: Event) => void>;
889
+ onLoad: import('vue').PropType<(e: Event) => void>;
890
+ }>> & Readonly<{}>, {
891
+ click: () => void;
892
+ mergedClsPrefix: import('vue').Ref<string, string>;
893
+ groupId: string | undefined;
894
+ previewInstRef: import('vue').Ref<{
895
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
896
+ setPreviewSrc: (src?: string) => void;
897
+ toggleShow: () => void;
898
+ } | null, import('naive-ui/es/image/src/ImagePreview').ImagePreviewInst | {
899
+ setThumbnailEl: (e: HTMLImageElement | null) => void;
900
+ setPreviewSrc: (src?: string) => void;
901
+ toggleShow: () => void;
902
+ } | null>;
903
+ imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
904
+ showError: import('vue').Ref<boolean, boolean>;
905
+ shouldStartLoading: import('vue').Ref<boolean, boolean>;
906
+ loaded: import('vue').Ref<boolean, boolean>;
907
+ mergedOnClick: (e: MouseEvent) => void;
908
+ mergedOnError: (e: Event) => void;
909
+ mergedOnLoad: (e: Event) => void;
910
+ }, {}, {}, {}, {
911
+ objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
912
+ lazy: boolean;
913
+ showToolbar: boolean;
914
+ showToolbarTooltip: boolean;
915
+ previewDisabled: boolean;
916
+ }> | null;
56
917
  }, any>;
57
918
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
58
919
  export default _default;