delta-comic-core 0.2.1 → 0.3.0

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.
@@ -186,22 +186,752 @@ export declare const Comp: {
186
186
  fetchpriority?: "high" | "low" | "auto";
187
187
  fallback?: import('./struct/image.ts').Image_;
188
188
  }> & Readonly<{
189
- onClick?: (() => any) | undefined;
190
189
  onLoad?: ((...args: any[]) => any) | undefined;
191
190
  onError?: (() => any) | undefined;
191
+ onClick?: (() => any) | undefined;
192
192
  }>, {
193
193
  isLoaded: import('vue').ComputedRef<boolean>;
194
- imageEl: import('vue').ComputedRef<any>;
195
- imageIns: Readonly<import('vue').ShallowRef<any>>;
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>>;
196
561
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
197
- click: () => any;
198
562
  load: (...args: any[]) => any;
199
563
  error: () => any;
564
+ click: () => any;
200
565
  }, import('vue').PublicProps, {
201
566
  retryMax: number;
202
567
  fetchpriority: "high" | "low" | "auto";
203
568
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
204
- img: any;
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;
205
935
  }, any, import('vue').ComponentProvideOptions, {
206
936
  P: {};
207
937
  B: {};
@@ -229,13 +959,378 @@ export declare const Comp: {
229
959
  fetchpriority?: "high" | "low" | "auto";
230
960
  fallback?: import('./struct/image.ts').Image_;
231
961
  }> & Readonly<{
232
- onClick?: (() => any) | undefined;
233
962
  onLoad?: ((...args: any[]) => any) | undefined;
234
963
  onError?: (() => any) | undefined;
964
+ onClick?: (() => any) | undefined;
235
965
  }>, {
236
966
  isLoaded: import('vue').ComputedRef<boolean>;
237
- imageEl: import('vue').ComputedRef<any>;
238
- imageIns: Readonly<import('vue').ShallowRef<any>>;
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>>;
239
1334
  }, {}, {}, {}, {
240
1335
  retryMax: number;
241
1336
  fetchpriority: "high" | "low" | "auto";
@@ -263,17 +1358,382 @@ export declare const Comp: {
263
1358
  fetchpriority?: "high" | "low" | "auto";
264
1359
  fallback?: import('./struct/image.ts').Image_;
265
1360
  }> & Readonly<{
266
- onClick?: (() => any) | undefined;
267
1361
  onLoad?: ((...args: any[]) => any) | undefined;
268
1362
  onError?: (() => any) | undefined;
1363
+ onClick?: (() => any) | undefined;
269
1364
  }>, {
270
1365
  isLoaded: import('vue').ComputedRef<boolean>;
271
- imageEl: import('vue').ComputedRef<any>;
272
- imageIns: Readonly<import('vue').ShallowRef<any>>;
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>>;
273
1733
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
274
- click: () => any;
275
1734
  load: (...args: any[]) => any;
276
1735
  error: () => any;
1736
+ click: () => any;
277
1737
  }, string, {
278
1738
  retryMax: number;
279
1739
  fetchpriority: "high" | "low" | "auto";
@@ -845,3 +2305,4 @@ export declare const Store: {
845
2305
  export * from './plugin/index';
846
2306
  export * from './depends';
847
2307
  export * from './plugin/define.ts';
2308
+ export declare const version: string;