delta-comic-core 0.1.3 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -191,373 +191,8 @@ export declare const Comp: {
191
191
  onError?: (() => any) | undefined;
192
192
  }>, {
193
193
  isLoaded: import('vue').ComputedRef<boolean>;
194
- imageEl: import('vue').ComputedRef<HTMLImageElement | null | undefined>;
195
- imageIns: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
196
- onPreviewPrev: import('vue').PropType<() => void>;
197
- onPreviewNext: import('vue').PropType<() => void>;
198
- showToolbar: {
199
- type: BooleanConstructor;
200
- default: boolean;
201
- };
202
- showToolbarTooltip: BooleanConstructor;
203
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
204
- theme: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
205
- toolbarIconColor: string;
206
- toolbarColor: string;
207
- toolbarBoxShadow: string;
208
- toolbarBorderRadius: string;
209
- }, {
210
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
211
- borderRadius: string;
212
- boxShadow: string;
213
- color: string;
214
- textColor: string;
215
- padding: string;
216
- }, {
217
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
218
- fontSize: string;
219
- borderRadius: string;
220
- color: string;
221
- dividerColor: string;
222
- textColor: string;
223
- boxShadow: string;
224
- space: string;
225
- spaceArrow: string;
226
- arrowOffset: string;
227
- arrowOffsetVertical: string;
228
- arrowHeight: string;
229
- padding: string;
230
- }, {
231
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
232
- height: string;
233
- width: string;
234
- borderRadius: string;
235
- color: string;
236
- colorHover: string;
237
- railInsetHorizontalBottom: string;
238
- railInsetHorizontalTop: string;
239
- railInsetVerticalRight: string;
240
- railInsetVerticalLeft: string;
241
- railColor: string;
242
- }, any>;
243
- }>;
244
- }>;
245
- }>>;
246
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
247
- toolbarIconColor: string;
248
- toolbarColor: string;
249
- toolbarBoxShadow: string;
250
- toolbarBorderRadius: string;
251
- }, {
252
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
253
- borderRadius: string;
254
- boxShadow: string;
255
- color: string;
256
- textColor: string;
257
- padding: string;
258
- }, {
259
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
260
- fontSize: string;
261
- borderRadius: string;
262
- color: string;
263
- dividerColor: string;
264
- textColor: string;
265
- boxShadow: string;
266
- space: string;
267
- spaceArrow: string;
268
- arrowOffset: string;
269
- arrowOffsetVertical: string;
270
- arrowHeight: string;
271
- padding: string;
272
- }, {
273
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
274
- height: string;
275
- width: string;
276
- borderRadius: string;
277
- color: string;
278
- colorHover: string;
279
- railInsetHorizontalBottom: string;
280
- railInsetHorizontalTop: string;
281
- railInsetVerticalRight: string;
282
- railInsetVerticalLeft: string;
283
- railColor: string;
284
- }, any>;
285
- }>;
286
- }>;
287
- }>>>;
288
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
289
- toolbarIconColor: string;
290
- toolbarColor: string;
291
- toolbarBoxShadow: string;
292
- toolbarBorderRadius: string;
293
- }, {
294
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
295
- borderRadius: string;
296
- boxShadow: string;
297
- color: string;
298
- textColor: string;
299
- padding: string;
300
- }, {
301
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
302
- fontSize: string;
303
- borderRadius: string;
304
- color: string;
305
- dividerColor: string;
306
- textColor: string;
307
- boxShadow: string;
308
- space: string;
309
- spaceArrow: string;
310
- arrowOffset: string;
311
- arrowOffsetVertical: string;
312
- arrowHeight: string;
313
- padding: string;
314
- }, {
315
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
316
- height: string;
317
- width: string;
318
- borderRadius: string;
319
- color: string;
320
- colorHover: string;
321
- railInsetHorizontalBottom: string;
322
- railInsetHorizontalTop: string;
323
- railInsetVerticalRight: string;
324
- railInsetVerticalLeft: string;
325
- railColor: string;
326
- }, any>;
327
- }>;
328
- }>;
329
- }>>>;
330
- alt: StringConstructor;
331
- height: import('vue').PropType<string | number>;
332
- imgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
333
- previewedImgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
334
- lazy: BooleanConstructor;
335
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
336
- objectFit: {
337
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
338
- default: string;
339
- };
340
- previewSrc: StringConstructor;
341
- fallbackSrc: StringConstructor;
342
- width: import('vue').PropType<string | number>;
343
- src: StringConstructor;
344
- previewDisabled: BooleanConstructor;
345
- loadDescription: StringConstructor;
346
- onError: import('vue').PropType<(e: Event) => void>;
347
- onLoad: import('vue').PropType<(e: Event) => void>;
348
- }>> & Readonly<{}>, {
349
- click: () => void;
350
- showPreview: () => void;
351
- mergedClsPrefix: import('vue').Ref<string, string>;
352
- groupId: string | undefined;
353
- previewInstRef: import('vue').Ref<{
354
- setThumbnailEl: (e: HTMLImageElement | null) => void;
355
- } | null, import('naive-ui').ImagePreviewInst | {
356
- setThumbnailEl: (e: HTMLImageElement | null) => void;
357
- } | null>;
358
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
359
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
360
- showError: import('vue').Ref<boolean, boolean>;
361
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
362
- loaded: import('vue').Ref<boolean, boolean>;
363
- mergedOnClick: (e: PointerEvent) => void;
364
- onPreviewClose: () => void;
365
- mergedOnError: (e: Event) => void;
366
- mergedOnLoad: (e: Event) => void;
367
- previewShow: import('vue').Ref<boolean, boolean>;
368
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
369
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
370
- lazy: boolean;
371
- showToolbar: boolean;
372
- showToolbarTooltip: boolean;
373
- previewDisabled: boolean;
374
- }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
375
- P: {};
376
- B: {};
377
- D: {};
378
- C: {};
379
- M: {};
380
- Defaults: {};
381
- }, Readonly<import('vue').ExtractPropTypes<{
382
- onPreviewPrev: import('vue').PropType<() => void>;
383
- onPreviewNext: import('vue').PropType<() => void>;
384
- showToolbar: {
385
- type: BooleanConstructor;
386
- default: boolean;
387
- };
388
- showToolbarTooltip: BooleanConstructor;
389
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
390
- theme: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
391
- toolbarIconColor: string;
392
- toolbarColor: string;
393
- toolbarBoxShadow: string;
394
- toolbarBorderRadius: string;
395
- }, {
396
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
397
- borderRadius: string;
398
- boxShadow: string;
399
- color: string;
400
- textColor: string;
401
- padding: string;
402
- }, {
403
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
404
- fontSize: string;
405
- borderRadius: string;
406
- color: string;
407
- dividerColor: string;
408
- textColor: string;
409
- boxShadow: string;
410
- space: string;
411
- spaceArrow: string;
412
- arrowOffset: string;
413
- arrowOffsetVertical: string;
414
- arrowHeight: string;
415
- padding: string;
416
- }, {
417
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
418
- height: string;
419
- width: string;
420
- borderRadius: string;
421
- color: string;
422
- colorHover: string;
423
- railInsetHorizontalBottom: string;
424
- railInsetHorizontalTop: string;
425
- railInsetVerticalRight: string;
426
- railInsetVerticalLeft: string;
427
- railColor: string;
428
- }, any>;
429
- }>;
430
- }>;
431
- }>>;
432
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
433
- toolbarIconColor: string;
434
- toolbarColor: string;
435
- toolbarBoxShadow: string;
436
- toolbarBorderRadius: string;
437
- }, {
438
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
439
- borderRadius: string;
440
- boxShadow: string;
441
- color: string;
442
- textColor: string;
443
- padding: string;
444
- }, {
445
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
446
- fontSize: string;
447
- borderRadius: string;
448
- color: string;
449
- dividerColor: string;
450
- textColor: string;
451
- boxShadow: string;
452
- space: string;
453
- spaceArrow: string;
454
- arrowOffset: string;
455
- arrowOffsetVertical: string;
456
- arrowHeight: string;
457
- padding: string;
458
- }, {
459
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
460
- height: string;
461
- width: string;
462
- borderRadius: string;
463
- color: string;
464
- colorHover: string;
465
- railInsetHorizontalBottom: string;
466
- railInsetHorizontalTop: string;
467
- railInsetVerticalRight: string;
468
- railInsetVerticalLeft: string;
469
- railColor: string;
470
- }, any>;
471
- }>;
472
- }>;
473
- }>>>;
474
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
475
- toolbarIconColor: string;
476
- toolbarColor: string;
477
- toolbarBoxShadow: string;
478
- toolbarBorderRadius: string;
479
- }, {
480
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
481
- borderRadius: string;
482
- boxShadow: string;
483
- color: string;
484
- textColor: string;
485
- padding: string;
486
- }, {
487
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
488
- fontSize: string;
489
- borderRadius: string;
490
- color: string;
491
- dividerColor: string;
492
- textColor: string;
493
- boxShadow: string;
494
- space: string;
495
- spaceArrow: string;
496
- arrowOffset: string;
497
- arrowOffsetVertical: string;
498
- arrowHeight: string;
499
- padding: string;
500
- }, {
501
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
502
- height: string;
503
- width: string;
504
- borderRadius: string;
505
- color: string;
506
- colorHover: string;
507
- railInsetHorizontalBottom: string;
508
- railInsetHorizontalTop: string;
509
- railInsetVerticalRight: string;
510
- railInsetVerticalLeft: string;
511
- railColor: string;
512
- }, any>;
513
- }>;
514
- }>;
515
- }>>>;
516
- alt: StringConstructor;
517
- height: import('vue').PropType<string | number>;
518
- imgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
519
- previewedImgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
520
- lazy: BooleanConstructor;
521
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
522
- objectFit: {
523
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
524
- default: string;
525
- };
526
- previewSrc: StringConstructor;
527
- fallbackSrc: StringConstructor;
528
- width: import('vue').PropType<string | number>;
529
- src: StringConstructor;
530
- previewDisabled: BooleanConstructor;
531
- loadDescription: StringConstructor;
532
- onError: import('vue').PropType<(e: Event) => void>;
533
- onLoad: import('vue').PropType<(e: Event) => void>;
534
- }>> & Readonly<{}>, {
535
- click: () => void;
536
- showPreview: () => void;
537
- mergedClsPrefix: import('vue').Ref<string, string>;
538
- groupId: string | undefined;
539
- previewInstRef: import('vue').Ref<{
540
- setThumbnailEl: (e: HTMLImageElement | null) => void;
541
- } | null, import('naive-ui').ImagePreviewInst | {
542
- setThumbnailEl: (e: HTMLImageElement | null) => void;
543
- } | null>;
544
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
545
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
546
- showError: import('vue').Ref<boolean, boolean>;
547
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
548
- loaded: import('vue').Ref<boolean, boolean>;
549
- mergedOnClick: (e: PointerEvent) => void;
550
- onPreviewClose: () => void;
551
- mergedOnError: (e: Event) => void;
552
- mergedOnLoad: (e: Event) => void;
553
- previewShow: import('vue').Ref<boolean, boolean>;
554
- }, {}, {}, {}, {
555
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
556
- lazy: boolean;
557
- showToolbar: boolean;
558
- showToolbarTooltip: boolean;
559
- previewDisabled: boolean;
560
- }> | null>>;
194
+ imageEl: import('vue').ComputedRef<any>;
195
+ imageIns: Readonly<import('vue').ShallowRef<any>>;
561
196
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
562
197
  click: () => any;
563
198
  load: (...args: any[]) => any;
@@ -566,372 +201,7 @@ export declare const Comp: {
566
201
  retryMax: number;
567
202
  fetchpriority: "high" | "low" | "auto";
568
203
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
569
- img: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
570
- onPreviewPrev: import('vue').PropType<() => void>;
571
- onPreviewNext: import('vue').PropType<() => void>;
572
- showToolbar: {
573
- type: BooleanConstructor;
574
- default: boolean;
575
- };
576
- showToolbarTooltip: BooleanConstructor;
577
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
578
- theme: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
579
- toolbarIconColor: string;
580
- toolbarColor: string;
581
- toolbarBoxShadow: string;
582
- toolbarBorderRadius: string;
583
- }, {
584
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
585
- borderRadius: string;
586
- boxShadow: string;
587
- color: string;
588
- textColor: string;
589
- padding: string;
590
- }, {
591
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
592
- fontSize: string;
593
- borderRadius: string;
594
- color: string;
595
- dividerColor: string;
596
- textColor: string;
597
- boxShadow: string;
598
- space: string;
599
- spaceArrow: string;
600
- arrowOffset: string;
601
- arrowOffsetVertical: string;
602
- arrowHeight: string;
603
- padding: string;
604
- }, {
605
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
606
- height: string;
607
- width: string;
608
- borderRadius: string;
609
- color: string;
610
- colorHover: string;
611
- railInsetHorizontalBottom: string;
612
- railInsetHorizontalTop: string;
613
- railInsetVerticalRight: string;
614
- railInsetVerticalLeft: string;
615
- railColor: string;
616
- }, any>;
617
- }>;
618
- }>;
619
- }>>;
620
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
621
- toolbarIconColor: string;
622
- toolbarColor: string;
623
- toolbarBoxShadow: string;
624
- toolbarBorderRadius: string;
625
- }, {
626
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
627
- borderRadius: string;
628
- boxShadow: string;
629
- color: string;
630
- textColor: string;
631
- padding: string;
632
- }, {
633
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
634
- fontSize: string;
635
- borderRadius: string;
636
- color: string;
637
- dividerColor: string;
638
- textColor: string;
639
- boxShadow: string;
640
- space: string;
641
- spaceArrow: string;
642
- arrowOffset: string;
643
- arrowOffsetVertical: string;
644
- arrowHeight: string;
645
- padding: string;
646
- }, {
647
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
648
- height: string;
649
- width: string;
650
- borderRadius: string;
651
- color: string;
652
- colorHover: string;
653
- railInsetHorizontalBottom: string;
654
- railInsetHorizontalTop: string;
655
- railInsetVerticalRight: string;
656
- railInsetVerticalLeft: string;
657
- railColor: string;
658
- }, any>;
659
- }>;
660
- }>;
661
- }>>>;
662
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
663
- toolbarIconColor: string;
664
- toolbarColor: string;
665
- toolbarBoxShadow: string;
666
- toolbarBorderRadius: string;
667
- }, {
668
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
669
- borderRadius: string;
670
- boxShadow: string;
671
- color: string;
672
- textColor: string;
673
- padding: string;
674
- }, {
675
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
676
- fontSize: string;
677
- borderRadius: string;
678
- color: string;
679
- dividerColor: string;
680
- textColor: string;
681
- boxShadow: string;
682
- space: string;
683
- spaceArrow: string;
684
- arrowOffset: string;
685
- arrowOffsetVertical: string;
686
- arrowHeight: string;
687
- padding: string;
688
- }, {
689
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
690
- height: string;
691
- width: string;
692
- borderRadius: string;
693
- color: string;
694
- colorHover: string;
695
- railInsetHorizontalBottom: string;
696
- railInsetHorizontalTop: string;
697
- railInsetVerticalRight: string;
698
- railInsetVerticalLeft: string;
699
- railColor: string;
700
- }, any>;
701
- }>;
702
- }>;
703
- }>>>;
704
- alt: StringConstructor;
705
- height: import('vue').PropType<string | number>;
706
- imgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
707
- previewedImgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
708
- lazy: BooleanConstructor;
709
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
710
- objectFit: {
711
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
712
- default: string;
713
- };
714
- previewSrc: StringConstructor;
715
- fallbackSrc: StringConstructor;
716
- width: import('vue').PropType<string | number>;
717
- src: StringConstructor;
718
- previewDisabled: BooleanConstructor;
719
- loadDescription: StringConstructor;
720
- onError: import('vue').PropType<(e: Event) => void>;
721
- onLoad: import('vue').PropType<(e: Event) => void>;
722
- }>> & Readonly<{}>, {
723
- click: () => void;
724
- showPreview: () => void;
725
- mergedClsPrefix: import('vue').Ref<string, string>;
726
- groupId: string | undefined;
727
- previewInstRef: import('vue').Ref<{
728
- setThumbnailEl: (e: HTMLImageElement | null) => void;
729
- } | null, import('naive-ui').ImagePreviewInst | {
730
- setThumbnailEl: (e: HTMLImageElement | null) => void;
731
- } | null>;
732
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
733
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
734
- showError: import('vue').Ref<boolean, boolean>;
735
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
736
- loaded: import('vue').Ref<boolean, boolean>;
737
- mergedOnClick: (e: PointerEvent) => void;
738
- onPreviewClose: () => void;
739
- mergedOnError: (e: Event) => void;
740
- mergedOnLoad: (e: Event) => void;
741
- previewShow: import('vue').Ref<boolean, boolean>;
742
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
743
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
744
- lazy: boolean;
745
- showToolbar: boolean;
746
- showToolbarTooltip: boolean;
747
- previewDisabled: boolean;
748
- }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
749
- P: {};
750
- B: {};
751
- D: {};
752
- C: {};
753
- M: {};
754
- Defaults: {};
755
- }, Readonly<import('vue').ExtractPropTypes<{
756
- onPreviewPrev: import('vue').PropType<() => void>;
757
- onPreviewNext: import('vue').PropType<() => void>;
758
- showToolbar: {
759
- type: BooleanConstructor;
760
- default: boolean;
761
- };
762
- showToolbarTooltip: BooleanConstructor;
763
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
764
- theme: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
765
- toolbarIconColor: string;
766
- toolbarColor: string;
767
- toolbarBoxShadow: string;
768
- toolbarBorderRadius: string;
769
- }, {
770
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
771
- borderRadius: string;
772
- boxShadow: string;
773
- color: string;
774
- textColor: string;
775
- padding: string;
776
- }, {
777
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
778
- fontSize: string;
779
- borderRadius: string;
780
- color: string;
781
- dividerColor: string;
782
- textColor: string;
783
- boxShadow: string;
784
- space: string;
785
- spaceArrow: string;
786
- arrowOffset: string;
787
- arrowOffsetVertical: string;
788
- arrowHeight: string;
789
- padding: string;
790
- }, {
791
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
792
- height: string;
793
- width: string;
794
- borderRadius: string;
795
- color: string;
796
- colorHover: string;
797
- railInsetHorizontalBottom: string;
798
- railInsetHorizontalTop: string;
799
- railInsetVerticalRight: string;
800
- railInsetVerticalLeft: string;
801
- railColor: string;
802
- }, any>;
803
- }>;
804
- }>;
805
- }>>;
806
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
807
- toolbarIconColor: string;
808
- toolbarColor: string;
809
- toolbarBoxShadow: string;
810
- toolbarBorderRadius: string;
811
- }, {
812
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
813
- borderRadius: string;
814
- boxShadow: string;
815
- color: string;
816
- textColor: string;
817
- padding: string;
818
- }, {
819
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
820
- fontSize: string;
821
- borderRadius: string;
822
- color: string;
823
- dividerColor: string;
824
- textColor: string;
825
- boxShadow: string;
826
- space: string;
827
- spaceArrow: string;
828
- arrowOffset: string;
829
- arrowOffsetVertical: string;
830
- arrowHeight: string;
831
- padding: string;
832
- }, {
833
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
834
- height: string;
835
- width: string;
836
- borderRadius: string;
837
- color: string;
838
- colorHover: string;
839
- railInsetHorizontalBottom: string;
840
- railInsetHorizontalTop: string;
841
- railInsetVerticalRight: string;
842
- railInsetVerticalLeft: string;
843
- railColor: string;
844
- }, any>;
845
- }>;
846
- }>;
847
- }>>>;
848
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
849
- toolbarIconColor: string;
850
- toolbarColor: string;
851
- toolbarBoxShadow: string;
852
- toolbarBorderRadius: string;
853
- }, {
854
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
855
- borderRadius: string;
856
- boxShadow: string;
857
- color: string;
858
- textColor: string;
859
- padding: string;
860
- }, {
861
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
862
- fontSize: string;
863
- borderRadius: string;
864
- color: string;
865
- dividerColor: string;
866
- textColor: string;
867
- boxShadow: string;
868
- space: string;
869
- spaceArrow: string;
870
- arrowOffset: string;
871
- arrowOffsetVertical: string;
872
- arrowHeight: string;
873
- padding: string;
874
- }, {
875
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
876
- height: string;
877
- width: string;
878
- borderRadius: string;
879
- color: string;
880
- colorHover: string;
881
- railInsetHorizontalBottom: string;
882
- railInsetHorizontalTop: string;
883
- railInsetVerticalRight: string;
884
- railInsetVerticalLeft: string;
885
- railColor: string;
886
- }, any>;
887
- }>;
888
- }>;
889
- }>>>;
890
- alt: StringConstructor;
891
- height: import('vue').PropType<string | number>;
892
- imgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
893
- previewedImgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
894
- lazy: BooleanConstructor;
895
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
896
- objectFit: {
897
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
898
- default: string;
899
- };
900
- previewSrc: StringConstructor;
901
- fallbackSrc: StringConstructor;
902
- width: import('vue').PropType<string | number>;
903
- src: StringConstructor;
904
- previewDisabled: BooleanConstructor;
905
- loadDescription: StringConstructor;
906
- onError: import('vue').PropType<(e: Event) => void>;
907
- onLoad: import('vue').PropType<(e: Event) => void>;
908
- }>> & Readonly<{}>, {
909
- click: () => void;
910
- showPreview: () => void;
911
- mergedClsPrefix: import('vue').Ref<string, string>;
912
- groupId: string | undefined;
913
- previewInstRef: import('vue').Ref<{
914
- setThumbnailEl: (e: HTMLImageElement | null) => void;
915
- } | null, import('naive-ui').ImagePreviewInst | {
916
- setThumbnailEl: (e: HTMLImageElement | null) => void;
917
- } | null>;
918
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
919
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
920
- showError: import('vue').Ref<boolean, boolean>;
921
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
922
- loaded: import('vue').Ref<boolean, boolean>;
923
- mergedOnClick: (e: PointerEvent) => void;
924
- onPreviewClose: () => void;
925
- mergedOnError: (e: Event) => void;
926
- mergedOnLoad: (e: Event) => void;
927
- previewShow: import('vue').Ref<boolean, boolean>;
928
- }, {}, {}, {}, {
929
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
930
- lazy: boolean;
931
- showToolbar: boolean;
932
- showToolbarTooltip: boolean;
933
- previewDisabled: boolean;
934
- }> | null;
204
+ img: any;
935
205
  }, any, import('vue').ComponentProvideOptions, {
936
206
  P: {};
937
207
  B: {};
@@ -964,373 +234,8 @@ export declare const Comp: {
964
234
  onError?: (() => any) | undefined;
965
235
  }>, {
966
236
  isLoaded: import('vue').ComputedRef<boolean>;
967
- imageEl: import('vue').ComputedRef<HTMLImageElement | null | undefined>;
968
- imageIns: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
969
- onPreviewPrev: import('vue').PropType<() => void>;
970
- onPreviewNext: import('vue').PropType<() => void>;
971
- showToolbar: {
972
- type: BooleanConstructor;
973
- default: boolean;
974
- };
975
- showToolbarTooltip: BooleanConstructor;
976
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
977
- theme: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
978
- toolbarIconColor: string;
979
- toolbarColor: string;
980
- toolbarBoxShadow: string;
981
- toolbarBorderRadius: string;
982
- }, {
983
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
984
- borderRadius: string;
985
- boxShadow: string;
986
- color: string;
987
- textColor: string;
988
- padding: string;
989
- }, {
990
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
991
- fontSize: string;
992
- borderRadius: string;
993
- color: string;
994
- dividerColor: string;
995
- textColor: string;
996
- boxShadow: string;
997
- space: string;
998
- spaceArrow: string;
999
- arrowOffset: string;
1000
- arrowOffsetVertical: string;
1001
- arrowHeight: string;
1002
- padding: string;
1003
- }, {
1004
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1005
- height: string;
1006
- width: string;
1007
- borderRadius: string;
1008
- color: string;
1009
- colorHover: string;
1010
- railInsetHorizontalBottom: string;
1011
- railInsetHorizontalTop: string;
1012
- railInsetVerticalRight: string;
1013
- railInsetVerticalLeft: string;
1014
- railColor: string;
1015
- }, any>;
1016
- }>;
1017
- }>;
1018
- }>>;
1019
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1020
- toolbarIconColor: string;
1021
- toolbarColor: string;
1022
- toolbarBoxShadow: string;
1023
- toolbarBorderRadius: string;
1024
- }, {
1025
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1026
- borderRadius: string;
1027
- boxShadow: string;
1028
- color: string;
1029
- textColor: string;
1030
- padding: string;
1031
- }, {
1032
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1033
- fontSize: string;
1034
- borderRadius: string;
1035
- color: string;
1036
- dividerColor: string;
1037
- textColor: string;
1038
- boxShadow: string;
1039
- space: string;
1040
- spaceArrow: string;
1041
- arrowOffset: string;
1042
- arrowOffsetVertical: string;
1043
- arrowHeight: string;
1044
- padding: string;
1045
- }, {
1046
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1047
- height: string;
1048
- width: string;
1049
- borderRadius: string;
1050
- color: string;
1051
- colorHover: string;
1052
- railInsetHorizontalBottom: string;
1053
- railInsetHorizontalTop: string;
1054
- railInsetVerticalRight: string;
1055
- railInsetVerticalLeft: string;
1056
- railColor: string;
1057
- }, any>;
1058
- }>;
1059
- }>;
1060
- }>>>;
1061
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1062
- toolbarIconColor: string;
1063
- toolbarColor: string;
1064
- toolbarBoxShadow: string;
1065
- toolbarBorderRadius: string;
1066
- }, {
1067
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1068
- borderRadius: string;
1069
- boxShadow: string;
1070
- color: string;
1071
- textColor: string;
1072
- padding: string;
1073
- }, {
1074
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1075
- fontSize: string;
1076
- borderRadius: string;
1077
- color: string;
1078
- dividerColor: string;
1079
- textColor: string;
1080
- boxShadow: string;
1081
- space: string;
1082
- spaceArrow: string;
1083
- arrowOffset: string;
1084
- arrowOffsetVertical: string;
1085
- arrowHeight: string;
1086
- padding: string;
1087
- }, {
1088
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1089
- height: string;
1090
- width: string;
1091
- borderRadius: string;
1092
- color: string;
1093
- colorHover: string;
1094
- railInsetHorizontalBottom: string;
1095
- railInsetHorizontalTop: string;
1096
- railInsetVerticalRight: string;
1097
- railInsetVerticalLeft: string;
1098
- railColor: string;
1099
- }, any>;
1100
- }>;
1101
- }>;
1102
- }>>>;
1103
- alt: StringConstructor;
1104
- height: import('vue').PropType<string | number>;
1105
- imgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
1106
- previewedImgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
1107
- lazy: BooleanConstructor;
1108
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
1109
- objectFit: {
1110
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
1111
- default: string;
1112
- };
1113
- previewSrc: StringConstructor;
1114
- fallbackSrc: StringConstructor;
1115
- width: import('vue').PropType<string | number>;
1116
- src: StringConstructor;
1117
- previewDisabled: BooleanConstructor;
1118
- loadDescription: StringConstructor;
1119
- onError: import('vue').PropType<(e: Event) => void>;
1120
- onLoad: import('vue').PropType<(e: Event) => void>;
1121
- }>> & Readonly<{}>, {
1122
- click: () => void;
1123
- showPreview: () => void;
1124
- mergedClsPrefix: import('vue').Ref<string, string>;
1125
- groupId: string | undefined;
1126
- previewInstRef: import('vue').Ref<{
1127
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1128
- } | null, import('naive-ui').ImagePreviewInst | {
1129
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1130
- } | null>;
1131
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
1132
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
1133
- showError: import('vue').Ref<boolean, boolean>;
1134
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
1135
- loaded: import('vue').Ref<boolean, boolean>;
1136
- mergedOnClick: (e: PointerEvent) => void;
1137
- onPreviewClose: () => void;
1138
- mergedOnError: (e: Event) => void;
1139
- mergedOnLoad: (e: Event) => void;
1140
- previewShow: import('vue').Ref<boolean, boolean>;
1141
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
1142
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
1143
- lazy: boolean;
1144
- showToolbar: boolean;
1145
- showToolbarTooltip: boolean;
1146
- previewDisabled: boolean;
1147
- }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
1148
- P: {};
1149
- B: {};
1150
- D: {};
1151
- C: {};
1152
- M: {};
1153
- Defaults: {};
1154
- }, Readonly<import('vue').ExtractPropTypes<{
1155
- onPreviewPrev: import('vue').PropType<() => void>;
1156
- onPreviewNext: import('vue').PropType<() => void>;
1157
- showToolbar: {
1158
- type: BooleanConstructor;
1159
- default: boolean;
1160
- };
1161
- showToolbarTooltip: BooleanConstructor;
1162
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
1163
- theme: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1164
- toolbarIconColor: string;
1165
- toolbarColor: string;
1166
- toolbarBoxShadow: string;
1167
- toolbarBorderRadius: string;
1168
- }, {
1169
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1170
- borderRadius: string;
1171
- boxShadow: string;
1172
- color: string;
1173
- textColor: string;
1174
- padding: string;
1175
- }, {
1176
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1177
- fontSize: string;
1178
- borderRadius: string;
1179
- color: string;
1180
- dividerColor: string;
1181
- textColor: string;
1182
- boxShadow: string;
1183
- space: string;
1184
- spaceArrow: string;
1185
- arrowOffset: string;
1186
- arrowOffsetVertical: string;
1187
- arrowHeight: string;
1188
- padding: string;
1189
- }, {
1190
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1191
- height: string;
1192
- width: string;
1193
- borderRadius: string;
1194
- color: string;
1195
- colorHover: string;
1196
- railInsetHorizontalBottom: string;
1197
- railInsetHorizontalTop: string;
1198
- railInsetVerticalRight: string;
1199
- railInsetVerticalLeft: string;
1200
- railColor: string;
1201
- }, any>;
1202
- }>;
1203
- }>;
1204
- }>>;
1205
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1206
- toolbarIconColor: string;
1207
- toolbarColor: string;
1208
- toolbarBoxShadow: string;
1209
- toolbarBorderRadius: string;
1210
- }, {
1211
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1212
- borderRadius: string;
1213
- boxShadow: string;
1214
- color: string;
1215
- textColor: string;
1216
- padding: string;
1217
- }, {
1218
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1219
- fontSize: string;
1220
- borderRadius: string;
1221
- color: string;
1222
- dividerColor: string;
1223
- textColor: string;
1224
- boxShadow: string;
1225
- space: string;
1226
- spaceArrow: string;
1227
- arrowOffset: string;
1228
- arrowOffsetVertical: string;
1229
- arrowHeight: string;
1230
- padding: string;
1231
- }, {
1232
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1233
- height: string;
1234
- width: string;
1235
- borderRadius: string;
1236
- color: string;
1237
- colorHover: string;
1238
- railInsetHorizontalBottom: string;
1239
- railInsetHorizontalTop: string;
1240
- railInsetVerticalRight: string;
1241
- railInsetVerticalLeft: string;
1242
- railColor: string;
1243
- }, any>;
1244
- }>;
1245
- }>;
1246
- }>>>;
1247
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1248
- toolbarIconColor: string;
1249
- toolbarColor: string;
1250
- toolbarBoxShadow: string;
1251
- toolbarBorderRadius: string;
1252
- }, {
1253
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1254
- borderRadius: string;
1255
- boxShadow: string;
1256
- color: string;
1257
- textColor: string;
1258
- padding: string;
1259
- }, {
1260
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1261
- fontSize: string;
1262
- borderRadius: string;
1263
- color: string;
1264
- dividerColor: string;
1265
- textColor: string;
1266
- boxShadow: string;
1267
- space: string;
1268
- spaceArrow: string;
1269
- arrowOffset: string;
1270
- arrowOffsetVertical: string;
1271
- arrowHeight: string;
1272
- padding: string;
1273
- }, {
1274
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1275
- height: string;
1276
- width: string;
1277
- borderRadius: string;
1278
- color: string;
1279
- colorHover: string;
1280
- railInsetHorizontalBottom: string;
1281
- railInsetHorizontalTop: string;
1282
- railInsetVerticalRight: string;
1283
- railInsetVerticalLeft: string;
1284
- railColor: string;
1285
- }, any>;
1286
- }>;
1287
- }>;
1288
- }>>>;
1289
- alt: StringConstructor;
1290
- height: import('vue').PropType<string | number>;
1291
- imgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
1292
- previewedImgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
1293
- lazy: BooleanConstructor;
1294
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
1295
- objectFit: {
1296
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
1297
- default: string;
1298
- };
1299
- previewSrc: StringConstructor;
1300
- fallbackSrc: StringConstructor;
1301
- width: import('vue').PropType<string | number>;
1302
- src: StringConstructor;
1303
- previewDisabled: BooleanConstructor;
1304
- loadDescription: StringConstructor;
1305
- onError: import('vue').PropType<(e: Event) => void>;
1306
- onLoad: import('vue').PropType<(e: Event) => void>;
1307
- }>> & Readonly<{}>, {
1308
- click: () => void;
1309
- showPreview: () => void;
1310
- mergedClsPrefix: import('vue').Ref<string, string>;
1311
- groupId: string | undefined;
1312
- previewInstRef: import('vue').Ref<{
1313
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1314
- } | null, import('naive-ui').ImagePreviewInst | {
1315
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1316
- } | null>;
1317
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
1318
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
1319
- showError: import('vue').Ref<boolean, boolean>;
1320
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
1321
- loaded: import('vue').Ref<boolean, boolean>;
1322
- mergedOnClick: (e: PointerEvent) => void;
1323
- onPreviewClose: () => void;
1324
- mergedOnError: (e: Event) => void;
1325
- mergedOnLoad: (e: Event) => void;
1326
- previewShow: import('vue').Ref<boolean, boolean>;
1327
- }, {}, {}, {}, {
1328
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
1329
- lazy: boolean;
1330
- showToolbar: boolean;
1331
- showToolbarTooltip: boolean;
1332
- previewDisabled: boolean;
1333
- }> | null>>;
237
+ imageEl: import('vue').ComputedRef<any>;
238
+ imageIns: Readonly<import('vue').ShallowRef<any>>;
1334
239
  }, {}, {}, {}, {
1335
240
  retryMax: number;
1336
241
  fetchpriority: "high" | "low" | "auto";
@@ -1363,373 +268,8 @@ export declare const Comp: {
1363
268
  onError?: (() => any) | undefined;
1364
269
  }>, {
1365
270
  isLoaded: import('vue').ComputedRef<boolean>;
1366
- imageEl: import('vue').ComputedRef<HTMLImageElement | null | undefined>;
1367
- imageIns: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
1368
- onPreviewPrev: import('vue').PropType<() => void>;
1369
- onPreviewNext: import('vue').PropType<() => void>;
1370
- showToolbar: {
1371
- type: BooleanConstructor;
1372
- default: boolean;
1373
- };
1374
- showToolbarTooltip: BooleanConstructor;
1375
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
1376
- theme: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1377
- toolbarIconColor: string;
1378
- toolbarColor: string;
1379
- toolbarBoxShadow: string;
1380
- toolbarBorderRadius: string;
1381
- }, {
1382
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1383
- borderRadius: string;
1384
- boxShadow: string;
1385
- color: string;
1386
- textColor: string;
1387
- padding: string;
1388
- }, {
1389
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1390
- fontSize: string;
1391
- borderRadius: string;
1392
- color: string;
1393
- dividerColor: string;
1394
- textColor: string;
1395
- boxShadow: string;
1396
- space: string;
1397
- spaceArrow: string;
1398
- arrowOffset: string;
1399
- arrowOffsetVertical: string;
1400
- arrowHeight: string;
1401
- padding: string;
1402
- }, {
1403
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1404
- height: string;
1405
- width: string;
1406
- borderRadius: string;
1407
- color: string;
1408
- colorHover: string;
1409
- railInsetHorizontalBottom: string;
1410
- railInsetHorizontalTop: string;
1411
- railInsetVerticalRight: string;
1412
- railInsetVerticalLeft: string;
1413
- railColor: string;
1414
- }, any>;
1415
- }>;
1416
- }>;
1417
- }>>;
1418
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1419
- toolbarIconColor: string;
1420
- toolbarColor: string;
1421
- toolbarBoxShadow: string;
1422
- toolbarBorderRadius: string;
1423
- }, {
1424
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1425
- borderRadius: string;
1426
- boxShadow: string;
1427
- color: string;
1428
- textColor: string;
1429
- padding: string;
1430
- }, {
1431
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1432
- fontSize: string;
1433
- borderRadius: string;
1434
- color: string;
1435
- dividerColor: string;
1436
- textColor: string;
1437
- boxShadow: string;
1438
- space: string;
1439
- spaceArrow: string;
1440
- arrowOffset: string;
1441
- arrowOffsetVertical: string;
1442
- arrowHeight: string;
1443
- padding: string;
1444
- }, {
1445
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1446
- height: string;
1447
- width: string;
1448
- borderRadius: string;
1449
- color: string;
1450
- colorHover: string;
1451
- railInsetHorizontalBottom: string;
1452
- railInsetHorizontalTop: string;
1453
- railInsetVerticalRight: string;
1454
- railInsetVerticalLeft: string;
1455
- railColor: string;
1456
- }, any>;
1457
- }>;
1458
- }>;
1459
- }>>>;
1460
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1461
- toolbarIconColor: string;
1462
- toolbarColor: string;
1463
- toolbarBoxShadow: string;
1464
- toolbarBorderRadius: string;
1465
- }, {
1466
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1467
- borderRadius: string;
1468
- boxShadow: string;
1469
- color: string;
1470
- textColor: string;
1471
- padding: string;
1472
- }, {
1473
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1474
- fontSize: string;
1475
- borderRadius: string;
1476
- color: string;
1477
- dividerColor: string;
1478
- textColor: string;
1479
- boxShadow: string;
1480
- space: string;
1481
- spaceArrow: string;
1482
- arrowOffset: string;
1483
- arrowOffsetVertical: string;
1484
- arrowHeight: string;
1485
- padding: string;
1486
- }, {
1487
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1488
- height: string;
1489
- width: string;
1490
- borderRadius: string;
1491
- color: string;
1492
- colorHover: string;
1493
- railInsetHorizontalBottom: string;
1494
- railInsetHorizontalTop: string;
1495
- railInsetVerticalRight: string;
1496
- railInsetVerticalLeft: string;
1497
- railColor: string;
1498
- }, any>;
1499
- }>;
1500
- }>;
1501
- }>>>;
1502
- alt: StringConstructor;
1503
- height: import('vue').PropType<string | number>;
1504
- imgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
1505
- previewedImgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
1506
- lazy: BooleanConstructor;
1507
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
1508
- objectFit: {
1509
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
1510
- default: string;
1511
- };
1512
- previewSrc: StringConstructor;
1513
- fallbackSrc: StringConstructor;
1514
- width: import('vue').PropType<string | number>;
1515
- src: StringConstructor;
1516
- previewDisabled: BooleanConstructor;
1517
- loadDescription: StringConstructor;
1518
- onError: import('vue').PropType<(e: Event) => void>;
1519
- onLoad: import('vue').PropType<(e: Event) => void>;
1520
- }>> & Readonly<{}>, {
1521
- click: () => void;
1522
- showPreview: () => void;
1523
- mergedClsPrefix: import('vue').Ref<string, string>;
1524
- groupId: string | undefined;
1525
- previewInstRef: import('vue').Ref<{
1526
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1527
- } | null, import('naive-ui').ImagePreviewInst | {
1528
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1529
- } | null>;
1530
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
1531
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
1532
- showError: import('vue').Ref<boolean, boolean>;
1533
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
1534
- loaded: import('vue').Ref<boolean, boolean>;
1535
- mergedOnClick: (e: PointerEvent) => void;
1536
- onPreviewClose: () => void;
1537
- mergedOnError: (e: Event) => void;
1538
- mergedOnLoad: (e: Event) => void;
1539
- previewShow: import('vue').Ref<boolean, boolean>;
1540
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
1541
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
1542
- lazy: boolean;
1543
- showToolbar: boolean;
1544
- showToolbarTooltip: boolean;
1545
- previewDisabled: boolean;
1546
- }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
1547
- P: {};
1548
- B: {};
1549
- D: {};
1550
- C: {};
1551
- M: {};
1552
- Defaults: {};
1553
- }, Readonly<import('vue').ExtractPropTypes<{
1554
- onPreviewPrev: import('vue').PropType<() => void>;
1555
- onPreviewNext: import('vue').PropType<() => void>;
1556
- showToolbar: {
1557
- type: BooleanConstructor;
1558
- default: boolean;
1559
- };
1560
- showToolbarTooltip: BooleanConstructor;
1561
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
1562
- theme: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1563
- toolbarIconColor: string;
1564
- toolbarColor: string;
1565
- toolbarBoxShadow: string;
1566
- toolbarBorderRadius: string;
1567
- }, {
1568
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1569
- borderRadius: string;
1570
- boxShadow: string;
1571
- color: string;
1572
- textColor: string;
1573
- padding: string;
1574
- }, {
1575
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1576
- fontSize: string;
1577
- borderRadius: string;
1578
- color: string;
1579
- dividerColor: string;
1580
- textColor: string;
1581
- boxShadow: string;
1582
- space: string;
1583
- spaceArrow: string;
1584
- arrowOffset: string;
1585
- arrowOffsetVertical: string;
1586
- arrowHeight: string;
1587
- padding: string;
1588
- }, {
1589
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1590
- height: string;
1591
- width: string;
1592
- borderRadius: string;
1593
- color: string;
1594
- colorHover: string;
1595
- railInsetHorizontalBottom: string;
1596
- railInsetHorizontalTop: string;
1597
- railInsetVerticalRight: string;
1598
- railInsetVerticalLeft: string;
1599
- railColor: string;
1600
- }, any>;
1601
- }>;
1602
- }>;
1603
- }>>;
1604
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1605
- toolbarIconColor: string;
1606
- toolbarColor: string;
1607
- toolbarBoxShadow: string;
1608
- toolbarBorderRadius: string;
1609
- }, {
1610
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1611
- borderRadius: string;
1612
- boxShadow: string;
1613
- color: string;
1614
- textColor: string;
1615
- padding: string;
1616
- }, {
1617
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1618
- fontSize: string;
1619
- borderRadius: string;
1620
- color: string;
1621
- dividerColor: string;
1622
- textColor: string;
1623
- boxShadow: string;
1624
- space: string;
1625
- spaceArrow: string;
1626
- arrowOffset: string;
1627
- arrowOffsetVertical: string;
1628
- arrowHeight: string;
1629
- padding: string;
1630
- }, {
1631
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1632
- height: string;
1633
- width: string;
1634
- borderRadius: string;
1635
- color: string;
1636
- colorHover: string;
1637
- railInsetHorizontalBottom: string;
1638
- railInsetHorizontalTop: string;
1639
- railInsetVerticalRight: string;
1640
- railInsetVerticalLeft: string;
1641
- railColor: string;
1642
- }, any>;
1643
- }>;
1644
- }>;
1645
- }>>>;
1646
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins/use-theme').Theme<"Image", {
1647
- toolbarIconColor: string;
1648
- toolbarColor: string;
1649
- toolbarBoxShadow: string;
1650
- toolbarBorderRadius: string;
1651
- }, {
1652
- Tooltip: import('naive-ui/es/_mixins/use-theme').Theme<"Tooltip", {
1653
- borderRadius: string;
1654
- boxShadow: string;
1655
- color: string;
1656
- textColor: string;
1657
- padding: string;
1658
- }, {
1659
- Popover: import('naive-ui/es/_mixins/use-theme').Theme<"Popover", {
1660
- fontSize: string;
1661
- borderRadius: string;
1662
- color: string;
1663
- dividerColor: string;
1664
- textColor: string;
1665
- boxShadow: string;
1666
- space: string;
1667
- spaceArrow: string;
1668
- arrowOffset: string;
1669
- arrowOffsetVertical: string;
1670
- arrowHeight: string;
1671
- padding: string;
1672
- }, {
1673
- Scrollbar: import('naive-ui/es/_mixins/use-theme').Theme<"Scrollbar", {
1674
- height: string;
1675
- width: string;
1676
- borderRadius: string;
1677
- color: string;
1678
- colorHover: string;
1679
- railInsetHorizontalBottom: string;
1680
- railInsetHorizontalTop: string;
1681
- railInsetVerticalRight: string;
1682
- railInsetVerticalLeft: string;
1683
- railColor: string;
1684
- }, any>;
1685
- }>;
1686
- }>;
1687
- }>>>;
1688
- alt: StringConstructor;
1689
- height: import('vue').PropType<string | number>;
1690
- imgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
1691
- previewedImgProps: import('vue').PropType<import('vue').ImgHTMLAttributes>;
1692
- lazy: BooleanConstructor;
1693
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
1694
- objectFit: {
1695
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
1696
- default: string;
1697
- };
1698
- previewSrc: StringConstructor;
1699
- fallbackSrc: StringConstructor;
1700
- width: import('vue').PropType<string | number>;
1701
- src: StringConstructor;
1702
- previewDisabled: BooleanConstructor;
1703
- loadDescription: StringConstructor;
1704
- onError: import('vue').PropType<(e: Event) => void>;
1705
- onLoad: import('vue').PropType<(e: Event) => void>;
1706
- }>> & Readonly<{}>, {
1707
- click: () => void;
1708
- showPreview: () => void;
1709
- mergedClsPrefix: import('vue').Ref<string, string>;
1710
- groupId: string | undefined;
1711
- previewInstRef: import('vue').Ref<{
1712
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1713
- } | null, import('naive-ui').ImagePreviewInst | {
1714
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1715
- } | null>;
1716
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
1717
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
1718
- showError: import('vue').Ref<boolean, boolean>;
1719
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
1720
- loaded: import('vue').Ref<boolean, boolean>;
1721
- mergedOnClick: (e: PointerEvent) => void;
1722
- onPreviewClose: () => void;
1723
- mergedOnError: (e: Event) => void;
1724
- mergedOnLoad: (e: Event) => void;
1725
- previewShow: import('vue').Ref<boolean, boolean>;
1726
- }, {}, {}, {}, {
1727
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
1728
- lazy: boolean;
1729
- showToolbar: boolean;
1730
- showToolbarTooltip: boolean;
1731
- previewDisabled: boolean;
1732
- }> | null>>;
271
+ imageEl: import('vue').ComputedRef<any>;
272
+ imageIns: Readonly<import('vue').ShallowRef<any>>;
1733
273
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1734
274
  click: () => any;
1735
275
  load: (...args: any[]) => any;