delta-comic-core 0.2.0 → 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.
Files changed (7) hide show
  1. package/dist/bundle.cjs.map +1 -1
  2. package/dist/bundle.js.map +1 -1
  3. package/dist/lib/components/image.vue.d.ts +4 -1099
  4. package/dist/lib/index.d.ts +7 -1467
  5. package/dist/lib/utils/data.d.ts +1 -1
  6. package/dist/pack.tgz +0 -0
  7. package/package.json +1 -1
package/dist/lib/components/image.vue.d.ts CHANGED
@@ -31,745 +31,15 @@ declare function __VLS_template(): {
31
31
  fail?(): any;
32
32
  };
33
33
  refs: {
34
- img: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
35
- onPreviewPrev: import('vue').PropType<() => void>;
36
- onPreviewNext: import('vue').PropType<() => void>;
37
- showToolbar: {
38
- type: BooleanConstructor;
39
- default: boolean;
40
- };
41
- showToolbarTooltip: BooleanConstructor;
42
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
43
- theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
44
- toolbarIconColor: string;
45
- toolbarColor: string;
46
- toolbarBoxShadow: string;
47
- toolbarBorderRadius: string;
48
- }, {
49
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
50
- borderRadius: string;
51
- boxShadow: string;
52
- color: string;
53
- textColor: string;
54
- padding: string;
55
- }, {
56
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
57
- fontSize: string;
58
- borderRadius: string;
59
- color: string;
60
- dividerColor: string;
61
- textColor: string;
62
- boxShadow: string;
63
- space: string;
64
- spaceArrow: string;
65
- arrowOffset: string;
66
- arrowOffsetVertical: string;
67
- arrowHeight: string;
68
- padding: string;
69
- }, {
70
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
71
- height: string;
72
- width: string;
73
- borderRadius: string;
74
- color: string;
75
- colorHover: string;
76
- railInsetHorizontalBottom: string;
77
- railInsetHorizontalTop: string;
78
- railInsetVerticalRight: string;
79
- railInsetVerticalLeft: string;
80
- railColor: string;
81
- }, any>;
82
- }>;
83
- }>;
84
- }>>;
85
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
86
- toolbarIconColor: string;
87
- toolbarColor: string;
88
- toolbarBoxShadow: string;
89
- toolbarBorderRadius: string;
90
- }, {
91
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
92
- borderRadius: string;
93
- boxShadow: string;
94
- color: string;
95
- textColor: string;
96
- padding: string;
97
- }, {
98
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
99
- fontSize: string;
100
- borderRadius: string;
101
- color: string;
102
- dividerColor: string;
103
- textColor: string;
104
- boxShadow: string;
105
- space: string;
106
- spaceArrow: string;
107
- arrowOffset: string;
108
- arrowOffsetVertical: string;
109
- arrowHeight: string;
110
- padding: string;
111
- }, {
112
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
113
- height: string;
114
- width: string;
115
- borderRadius: string;
116
- color: string;
117
- colorHover: string;
118
- railInsetHorizontalBottom: string;
119
- railInsetHorizontalTop: string;
120
- railInsetVerticalRight: string;
121
- railInsetVerticalLeft: string;
122
- railColor: string;
123
- }, any>;
124
- }>;
125
- }>;
126
- }>>>;
127
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
128
- toolbarIconColor: string;
129
- toolbarColor: string;
130
- toolbarBoxShadow: string;
131
- toolbarBorderRadius: string;
132
- }, {
133
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
134
- borderRadius: string;
135
- boxShadow: string;
136
- color: string;
137
- textColor: string;
138
- padding: string;
139
- }, {
140
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
141
- fontSize: string;
142
- borderRadius: string;
143
- color: string;
144
- dividerColor: string;
145
- textColor: string;
146
- boxShadow: string;
147
- space: string;
148
- spaceArrow: string;
149
- arrowOffset: string;
150
- arrowOffsetVertical: string;
151
- arrowHeight: string;
152
- padding: string;
153
- }, {
154
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
155
- height: string;
156
- width: string;
157
- borderRadius: string;
158
- color: string;
159
- colorHover: string;
160
- railInsetHorizontalBottom: string;
161
- railInsetHorizontalTop: string;
162
- railInsetVerticalRight: string;
163
- railInsetVerticalLeft: string;
164
- railColor: string;
165
- }, any>;
166
- }>;
167
- }>;
168
- }>>>;
169
- alt: StringConstructor;
170
- height: import('vue').PropType<string | number>;
171
- imgProps: import('vue').PropType<ImgHTMLAttributes>;
172
- previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
173
- lazy: BooleanConstructor;
174
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
175
- objectFit: {
176
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
177
- default: string;
178
- };
179
- previewSrc: StringConstructor;
180
- fallbackSrc: StringConstructor;
181
- width: import('vue').PropType<string | number>;
182
- src: StringConstructor;
183
- previewDisabled: BooleanConstructor;
184
- loadDescription: StringConstructor;
185
- onError: import('vue').PropType<(e: Event) => void>;
186
- onLoad: import('vue').PropType<(e: Event) => void>;
187
- }>> & Readonly<{}>, {
188
- click: () => void;
189
- showPreview: () => void;
190
- mergedClsPrefix: import('vue').Ref<string, string>;
191
- groupId: string | undefined;
192
- previewInstRef: import('vue').Ref<{
193
- setThumbnailEl: (e: HTMLImageElement | null) => void;
194
- } | null, import('naive-ui').ImagePreviewInst | {
195
- setThumbnailEl: (e: HTMLImageElement | null) => void;
196
- } | null>;
197
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
198
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
199
- showError: import('vue').Ref<boolean, boolean>;
200
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
201
- loaded: import('vue').Ref<boolean, boolean>;
202
- mergedOnClick: (e: PointerEvent) => void;
203
- onPreviewClose: () => void;
204
- mergedOnError: (e: Event) => void;
205
- mergedOnLoad: (e: Event) => void;
206
- previewShow: import('vue').Ref<boolean, boolean>;
207
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
208
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
209
- lazy: boolean;
210
- showToolbar: boolean;
211
- showToolbarTooltip: boolean;
212
- previewDisabled: boolean;
213
- }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
214
- P: {};
215
- B: {};
216
- D: {};
217
- C: {};
218
- M: {};
219
- Defaults: {};
220
- }, Readonly<import('vue').ExtractPropTypes<{
221
- onPreviewPrev: import('vue').PropType<() => void>;
222
- onPreviewNext: import('vue').PropType<() => void>;
223
- showToolbar: {
224
- type: BooleanConstructor;
225
- default: boolean;
226
- };
227
- showToolbarTooltip: BooleanConstructor;
228
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
229
- theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
230
- toolbarIconColor: string;
231
- toolbarColor: string;
232
- toolbarBoxShadow: string;
233
- toolbarBorderRadius: string;
234
- }, {
235
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
236
- borderRadius: string;
237
- boxShadow: string;
238
- color: string;
239
- textColor: string;
240
- padding: string;
241
- }, {
242
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
243
- fontSize: string;
244
- borderRadius: string;
245
- color: string;
246
- dividerColor: string;
247
- textColor: string;
248
- boxShadow: string;
249
- space: string;
250
- spaceArrow: string;
251
- arrowOffset: string;
252
- arrowOffsetVertical: string;
253
- arrowHeight: string;
254
- padding: string;
255
- }, {
256
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
257
- height: string;
258
- width: string;
259
- borderRadius: string;
260
- color: string;
261
- colorHover: string;
262
- railInsetHorizontalBottom: string;
263
- railInsetHorizontalTop: string;
264
- railInsetVerticalRight: string;
265
- railInsetVerticalLeft: string;
266
- railColor: string;
267
- }, any>;
268
- }>;
269
- }>;
270
- }>>;
271
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
272
- toolbarIconColor: string;
273
- toolbarColor: string;
274
- toolbarBoxShadow: string;
275
- toolbarBorderRadius: string;
276
- }, {
277
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
278
- borderRadius: string;
279
- boxShadow: string;
280
- color: string;
281
- textColor: string;
282
- padding: string;
283
- }, {
284
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
285
- fontSize: string;
286
- borderRadius: string;
287
- color: string;
288
- dividerColor: string;
289
- textColor: string;
290
- boxShadow: string;
291
- space: string;
292
- spaceArrow: string;
293
- arrowOffset: string;
294
- arrowOffsetVertical: string;
295
- arrowHeight: string;
296
- padding: string;
297
- }, {
298
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
299
- height: string;
300
- width: string;
301
- borderRadius: string;
302
- color: string;
303
- colorHover: string;
304
- railInsetHorizontalBottom: string;
305
- railInsetHorizontalTop: string;
306
- railInsetVerticalRight: string;
307
- railInsetVerticalLeft: string;
308
- railColor: string;
309
- }, any>;
310
- }>;
311
- }>;
312
- }>>>;
313
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
314
- toolbarIconColor: string;
315
- toolbarColor: string;
316
- toolbarBoxShadow: string;
317
- toolbarBorderRadius: string;
318
- }, {
319
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
320
- borderRadius: string;
321
- boxShadow: string;
322
- color: string;
323
- textColor: string;
324
- padding: string;
325
- }, {
326
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
327
- fontSize: string;
328
- borderRadius: string;
329
- color: string;
330
- dividerColor: string;
331
- textColor: string;
332
- boxShadow: string;
333
- space: string;
334
- spaceArrow: string;
335
- arrowOffset: string;
336
- arrowOffsetVertical: string;
337
- arrowHeight: string;
338
- padding: string;
339
- }, {
340
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
341
- height: string;
342
- width: string;
343
- borderRadius: string;
344
- color: string;
345
- colorHover: string;
346
- railInsetHorizontalBottom: string;
347
- railInsetHorizontalTop: string;
348
- railInsetVerticalRight: string;
349
- railInsetVerticalLeft: string;
350
- railColor: string;
351
- }, any>;
352
- }>;
353
- }>;
354
- }>>>;
355
- alt: StringConstructor;
356
- height: import('vue').PropType<string | number>;
357
- imgProps: import('vue').PropType<ImgHTMLAttributes>;
358
- previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
359
- lazy: BooleanConstructor;
360
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
361
- objectFit: {
362
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
363
- default: string;
364
- };
365
- previewSrc: StringConstructor;
366
- fallbackSrc: StringConstructor;
367
- width: import('vue').PropType<string | number>;
368
- src: StringConstructor;
369
- previewDisabled: BooleanConstructor;
370
- loadDescription: StringConstructor;
371
- onError: import('vue').PropType<(e: Event) => void>;
372
- onLoad: import('vue').PropType<(e: Event) => void>;
373
- }>> & Readonly<{}>, {
374
- click: () => void;
375
- showPreview: () => void;
376
- mergedClsPrefix: import('vue').Ref<string, string>;
377
- groupId: string | undefined;
378
- previewInstRef: import('vue').Ref<{
379
- setThumbnailEl: (e: HTMLImageElement | null) => void;
380
- } | null, import('naive-ui').ImagePreviewInst | {
381
- setThumbnailEl: (e: HTMLImageElement | null) => void;
382
- } | null>;
383
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
384
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
385
- showError: import('vue').Ref<boolean, boolean>;
386
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
387
- loaded: import('vue').Ref<boolean, boolean>;
388
- mergedOnClick: (e: PointerEvent) => void;
389
- onPreviewClose: () => void;
390
- mergedOnError: (e: Event) => void;
391
- mergedOnLoad: (e: Event) => void;
392
- previewShow: import('vue').Ref<boolean, boolean>;
393
- }, {}, {}, {}, {
394
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
395
- lazy: boolean;
396
- showToolbar: boolean;
397
- showToolbarTooltip: boolean;
398
- previewDisabled: boolean;
399
- }> | null;
34
+ img: any;
400
35
  };
401
36
  rootEl: any;
402
37
  };
403
38
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
404
39
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
405
40
  isLoaded: import('vue').ComputedRef<boolean>;
406
- imageEl: import('vue').ComputedRef<HTMLImageElement | null | undefined>;
407
- imageIns: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
408
- onPreviewPrev: import('vue').PropType<() => void>;
409
- onPreviewNext: import('vue').PropType<() => void>;
410
- showToolbar: {
411
- type: BooleanConstructor;
412
- default: boolean;
413
- };
414
- showToolbarTooltip: BooleanConstructor;
415
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
416
- theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
417
- toolbarIconColor: string;
418
- toolbarColor: string;
419
- toolbarBoxShadow: string;
420
- toolbarBorderRadius: string;
421
- }, {
422
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
423
- borderRadius: string;
424
- boxShadow: string;
425
- color: string;
426
- textColor: string;
427
- padding: string;
428
- }, {
429
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
430
- fontSize: string;
431
- borderRadius: string;
432
- color: string;
433
- dividerColor: string;
434
- textColor: string;
435
- boxShadow: string;
436
- space: string;
437
- spaceArrow: string;
438
- arrowOffset: string;
439
- arrowOffsetVertical: string;
440
- arrowHeight: string;
441
- padding: string;
442
- }, {
443
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
444
- height: string;
445
- width: string;
446
- borderRadius: string;
447
- color: string;
448
- colorHover: string;
449
- railInsetHorizontalBottom: string;
450
- railInsetHorizontalTop: string;
451
- railInsetVerticalRight: string;
452
- railInsetVerticalLeft: string;
453
- railColor: string;
454
- }, any>;
455
- }>;
456
- }>;
457
- }>>;
458
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
459
- toolbarIconColor: string;
460
- toolbarColor: string;
461
- toolbarBoxShadow: string;
462
- toolbarBorderRadius: string;
463
- }, {
464
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
465
- borderRadius: string;
466
- boxShadow: string;
467
- color: string;
468
- textColor: string;
469
- padding: string;
470
- }, {
471
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
472
- fontSize: string;
473
- borderRadius: string;
474
- color: string;
475
- dividerColor: string;
476
- textColor: string;
477
- boxShadow: string;
478
- space: string;
479
- spaceArrow: string;
480
- arrowOffset: string;
481
- arrowOffsetVertical: string;
482
- arrowHeight: string;
483
- padding: string;
484
- }, {
485
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
486
- height: string;
487
- width: string;
488
- borderRadius: string;
489
- color: string;
490
- colorHover: string;
491
- railInsetHorizontalBottom: string;
492
- railInsetHorizontalTop: string;
493
- railInsetVerticalRight: string;
494
- railInsetVerticalLeft: string;
495
- railColor: string;
496
- }, any>;
497
- }>;
498
- }>;
499
- }>>>;
500
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
501
- toolbarIconColor: string;
502
- toolbarColor: string;
503
- toolbarBoxShadow: string;
504
- toolbarBorderRadius: string;
505
- }, {
506
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
507
- borderRadius: string;
508
- boxShadow: string;
509
- color: string;
510
- textColor: string;
511
- padding: string;
512
- }, {
513
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
514
- fontSize: string;
515
- borderRadius: string;
516
- color: string;
517
- dividerColor: string;
518
- textColor: string;
519
- boxShadow: string;
520
- space: string;
521
- spaceArrow: string;
522
- arrowOffset: string;
523
- arrowOffsetVertical: string;
524
- arrowHeight: string;
525
- padding: string;
526
- }, {
527
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
528
- height: string;
529
- width: string;
530
- borderRadius: string;
531
- color: string;
532
- colorHover: string;
533
- railInsetHorizontalBottom: string;
534
- railInsetHorizontalTop: string;
535
- railInsetVerticalRight: string;
536
- railInsetVerticalLeft: string;
537
- railColor: string;
538
- }, any>;
539
- }>;
540
- }>;
541
- }>>>;
542
- alt: StringConstructor;
543
- height: import('vue').PropType<string | number>;
544
- imgProps: import('vue').PropType<ImgHTMLAttributes>;
545
- previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
546
- lazy: BooleanConstructor;
547
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
548
- objectFit: {
549
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
550
- default: string;
551
- };
552
- previewSrc: StringConstructor;
553
- fallbackSrc: StringConstructor;
554
- width: import('vue').PropType<string | number>;
555
- src: StringConstructor;
556
- previewDisabled: BooleanConstructor;
557
- loadDescription: StringConstructor;
558
- onError: import('vue').PropType<(e: Event) => void>;
559
- onLoad: import('vue').PropType<(e: Event) => void>;
560
- }>> & Readonly<{}>, {
561
- click: () => void;
562
- showPreview: () => void;
563
- mergedClsPrefix: import('vue').Ref<string, string>;
564
- groupId: string | undefined;
565
- previewInstRef: import('vue').Ref<{
566
- setThumbnailEl: (e: HTMLImageElement | null) => void;
567
- } | null, import('naive-ui').ImagePreviewInst | {
568
- setThumbnailEl: (e: HTMLImageElement | null) => void;
569
- } | null>;
570
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
571
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
572
- showError: import('vue').Ref<boolean, boolean>;
573
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
574
- loaded: import('vue').Ref<boolean, boolean>;
575
- mergedOnClick: (e: PointerEvent) => void;
576
- onPreviewClose: () => void;
577
- mergedOnError: (e: Event) => void;
578
- mergedOnLoad: (e: Event) => void;
579
- previewShow: import('vue').Ref<boolean, boolean>;
580
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
581
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
582
- lazy: boolean;
583
- showToolbar: boolean;
584
- showToolbarTooltip: boolean;
585
- previewDisabled: boolean;
586
- }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
587
- P: {};
588
- B: {};
589
- D: {};
590
- C: {};
591
- M: {};
592
- Defaults: {};
593
- }, Readonly<import('vue').ExtractPropTypes<{
594
- onPreviewPrev: import('vue').PropType<() => void>;
595
- onPreviewNext: import('vue').PropType<() => void>;
596
- showToolbar: {
597
- type: BooleanConstructor;
598
- default: boolean;
599
- };
600
- showToolbarTooltip: BooleanConstructor;
601
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
602
- theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
603
- toolbarIconColor: string;
604
- toolbarColor: string;
605
- toolbarBoxShadow: string;
606
- toolbarBorderRadius: string;
607
- }, {
608
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
609
- borderRadius: string;
610
- boxShadow: string;
611
- color: string;
612
- textColor: string;
613
- padding: string;
614
- }, {
615
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
616
- fontSize: string;
617
- borderRadius: string;
618
- color: string;
619
- dividerColor: string;
620
- textColor: string;
621
- boxShadow: string;
622
- space: string;
623
- spaceArrow: string;
624
- arrowOffset: string;
625
- arrowOffsetVertical: string;
626
- arrowHeight: string;
627
- padding: string;
628
- }, {
629
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
630
- height: string;
631
- width: string;
632
- borderRadius: string;
633
- color: string;
634
- colorHover: string;
635
- railInsetHorizontalBottom: string;
636
- railInsetHorizontalTop: string;
637
- railInsetVerticalRight: string;
638
- railInsetVerticalLeft: string;
639
- railColor: string;
640
- }, any>;
641
- }>;
642
- }>;
643
- }>>;
644
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
645
- toolbarIconColor: string;
646
- toolbarColor: string;
647
- toolbarBoxShadow: string;
648
- toolbarBorderRadius: string;
649
- }, {
650
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
651
- borderRadius: string;
652
- boxShadow: string;
653
- color: string;
654
- textColor: string;
655
- padding: string;
656
- }, {
657
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
658
- fontSize: string;
659
- borderRadius: string;
660
- color: string;
661
- dividerColor: string;
662
- textColor: string;
663
- boxShadow: string;
664
- space: string;
665
- spaceArrow: string;
666
- arrowOffset: string;
667
- arrowOffsetVertical: string;
668
- arrowHeight: string;
669
- padding: string;
670
- }, {
671
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
672
- height: string;
673
- width: string;
674
- borderRadius: string;
675
- color: string;
676
- colorHover: string;
677
- railInsetHorizontalBottom: string;
678
- railInsetHorizontalTop: string;
679
- railInsetVerticalRight: string;
680
- railInsetVerticalLeft: string;
681
- railColor: string;
682
- }, any>;
683
- }>;
684
- }>;
685
- }>>>;
686
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
687
- toolbarIconColor: string;
688
- toolbarColor: string;
689
- toolbarBoxShadow: string;
690
- toolbarBorderRadius: string;
691
- }, {
692
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
693
- borderRadius: string;
694
- boxShadow: string;
695
- color: string;
696
- textColor: string;
697
- padding: string;
698
- }, {
699
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
700
- fontSize: string;
701
- borderRadius: string;
702
- color: string;
703
- dividerColor: string;
704
- textColor: string;
705
- boxShadow: string;
706
- space: string;
707
- spaceArrow: string;
708
- arrowOffset: string;
709
- arrowOffsetVertical: string;
710
- arrowHeight: string;
711
- padding: string;
712
- }, {
713
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
714
- height: string;
715
- width: string;
716
- borderRadius: string;
717
- color: string;
718
- colorHover: string;
719
- railInsetHorizontalBottom: string;
720
- railInsetHorizontalTop: string;
721
- railInsetVerticalRight: string;
722
- railInsetVerticalLeft: string;
723
- railColor: string;
724
- }, any>;
725
- }>;
726
- }>;
727
- }>>>;
728
- alt: StringConstructor;
729
- height: import('vue').PropType<string | number>;
730
- imgProps: import('vue').PropType<ImgHTMLAttributes>;
731
- previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
732
- lazy: BooleanConstructor;
733
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
734
- objectFit: {
735
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
736
- default: string;
737
- };
738
- previewSrc: StringConstructor;
739
- fallbackSrc: StringConstructor;
740
- width: import('vue').PropType<string | number>;
741
- src: StringConstructor;
742
- previewDisabled: BooleanConstructor;
743
- loadDescription: StringConstructor;
744
- onError: import('vue').PropType<(e: Event) => void>;
745
- onLoad: import('vue').PropType<(e: Event) => void>;
746
- }>> & Readonly<{}>, {
747
- click: () => void;
748
- showPreview: () => void;
749
- mergedClsPrefix: import('vue').Ref<string, string>;
750
- groupId: string | undefined;
751
- previewInstRef: import('vue').Ref<{
752
- setThumbnailEl: (e: HTMLImageElement | null) => void;
753
- } | null, import('naive-ui').ImagePreviewInst | {
754
- setThumbnailEl: (e: HTMLImageElement | null) => void;
755
- } | null>;
756
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
757
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
758
- showError: import('vue').Ref<boolean, boolean>;
759
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
760
- loaded: import('vue').Ref<boolean, boolean>;
761
- mergedOnClick: (e: PointerEvent) => void;
762
- onPreviewClose: () => void;
763
- mergedOnError: (e: Event) => void;
764
- mergedOnLoad: (e: Event) => void;
765
- previewShow: import('vue').Ref<boolean, boolean>;
766
- }, {}, {}, {}, {
767
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
768
- lazy: boolean;
769
- showToolbar: boolean;
770
- showToolbarTooltip: boolean;
771
- previewDisabled: boolean;
772
- }> | null>>;
41
+ imageEl: import('vue').ComputedRef<any>;
42
+ imageIns: Readonly<import('vue').ShallowRef<any>>;
773
43
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
774
44
  click: () => any;
775
45
  load: (...args: any[]) => any;
@@ -782,372 +52,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
782
52
  retryMax: number;
783
53
  fetchpriority: "high" | "low" | "auto";
784
54
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
785
- img: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
786
- onPreviewPrev: import('vue').PropType<() => void>;
787
- onPreviewNext: import('vue').PropType<() => void>;
788
- showToolbar: {
789
- type: BooleanConstructor;
790
- default: boolean;
791
- };
792
- showToolbarTooltip: BooleanConstructor;
793
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
794
- theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
795
- toolbarIconColor: string;
796
- toolbarColor: string;
797
- toolbarBoxShadow: string;
798
- toolbarBorderRadius: string;
799
- }, {
800
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
801
- borderRadius: string;
802
- boxShadow: string;
803
- color: string;
804
- textColor: string;
805
- padding: string;
806
- }, {
807
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
808
- fontSize: string;
809
- borderRadius: string;
810
- color: string;
811
- dividerColor: string;
812
- textColor: string;
813
- boxShadow: string;
814
- space: string;
815
- spaceArrow: string;
816
- arrowOffset: string;
817
- arrowOffsetVertical: string;
818
- arrowHeight: string;
819
- padding: string;
820
- }, {
821
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
822
- height: string;
823
- width: string;
824
- borderRadius: string;
825
- color: string;
826
- colorHover: string;
827
- railInsetHorizontalBottom: string;
828
- railInsetHorizontalTop: string;
829
- railInsetVerticalRight: string;
830
- railInsetVerticalLeft: string;
831
- railColor: string;
832
- }, any>;
833
- }>;
834
- }>;
835
- }>>;
836
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
837
- toolbarIconColor: string;
838
- toolbarColor: string;
839
- toolbarBoxShadow: string;
840
- toolbarBorderRadius: string;
841
- }, {
842
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
843
- borderRadius: string;
844
- boxShadow: string;
845
- color: string;
846
- textColor: string;
847
- padding: string;
848
- }, {
849
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
850
- fontSize: string;
851
- borderRadius: string;
852
- color: string;
853
- dividerColor: string;
854
- textColor: string;
855
- boxShadow: string;
856
- space: string;
857
- spaceArrow: string;
858
- arrowOffset: string;
859
- arrowOffsetVertical: string;
860
- arrowHeight: string;
861
- padding: string;
862
- }, {
863
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
864
- height: string;
865
- width: string;
866
- borderRadius: string;
867
- color: string;
868
- colorHover: string;
869
- railInsetHorizontalBottom: string;
870
- railInsetHorizontalTop: string;
871
- railInsetVerticalRight: string;
872
- railInsetVerticalLeft: string;
873
- railColor: string;
874
- }, any>;
875
- }>;
876
- }>;
877
- }>>>;
878
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
879
- toolbarIconColor: string;
880
- toolbarColor: string;
881
- toolbarBoxShadow: string;
882
- toolbarBorderRadius: string;
883
- }, {
884
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
885
- borderRadius: string;
886
- boxShadow: string;
887
- color: string;
888
- textColor: string;
889
- padding: string;
890
- }, {
891
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
892
- fontSize: string;
893
- borderRadius: string;
894
- color: string;
895
- dividerColor: string;
896
- textColor: string;
897
- boxShadow: string;
898
- space: string;
899
- spaceArrow: string;
900
- arrowOffset: string;
901
- arrowOffsetVertical: string;
902
- arrowHeight: string;
903
- padding: string;
904
- }, {
905
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
906
- height: string;
907
- width: string;
908
- borderRadius: string;
909
- color: string;
910
- colorHover: string;
911
- railInsetHorizontalBottom: string;
912
- railInsetHorizontalTop: string;
913
- railInsetVerticalRight: string;
914
- railInsetVerticalLeft: string;
915
- railColor: string;
916
- }, any>;
917
- }>;
918
- }>;
919
- }>>>;
920
- alt: StringConstructor;
921
- height: import('vue').PropType<string | number>;
922
- imgProps: import('vue').PropType<ImgHTMLAttributes>;
923
- previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
924
- lazy: BooleanConstructor;
925
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
926
- objectFit: {
927
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
928
- default: string;
929
- };
930
- previewSrc: StringConstructor;
931
- fallbackSrc: StringConstructor;
932
- width: import('vue').PropType<string | number>;
933
- src: StringConstructor;
934
- previewDisabled: BooleanConstructor;
935
- loadDescription: StringConstructor;
936
- onError: import('vue').PropType<(e: Event) => void>;
937
- onLoad: import('vue').PropType<(e: Event) => void>;
938
- }>> & Readonly<{}>, {
939
- click: () => void;
940
- showPreview: () => void;
941
- mergedClsPrefix: import('vue').Ref<string, string>;
942
- groupId: string | undefined;
943
- previewInstRef: import('vue').Ref<{
944
- setThumbnailEl: (e: HTMLImageElement | null) => void;
945
- } | null, import('naive-ui').ImagePreviewInst | {
946
- setThumbnailEl: (e: HTMLImageElement | null) => void;
947
- } | null>;
948
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
949
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
950
- showError: import('vue').Ref<boolean, boolean>;
951
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
952
- loaded: import('vue').Ref<boolean, boolean>;
953
- mergedOnClick: (e: PointerEvent) => void;
954
- onPreviewClose: () => void;
955
- mergedOnError: (e: Event) => void;
956
- mergedOnLoad: (e: Event) => void;
957
- previewShow: import('vue').Ref<boolean, boolean>;
958
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
959
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
960
- lazy: boolean;
961
- showToolbar: boolean;
962
- showToolbarTooltip: boolean;
963
- previewDisabled: boolean;
964
- }, true, {}, import('vue').SlotsType<import('naive-ui').ImageSlots>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
965
- P: {};
966
- B: {};
967
- D: {};
968
- C: {};
969
- M: {};
970
- Defaults: {};
971
- }, Readonly<import('vue').ExtractPropTypes<{
972
- onPreviewPrev: import('vue').PropType<() => void>;
973
- onPreviewNext: import('vue').PropType<() => void>;
974
- showToolbar: {
975
- type: BooleanConstructor;
976
- default: boolean;
977
- };
978
- showToolbarTooltip: BooleanConstructor;
979
- renderToolbar: import('vue').PropType<import('naive-ui').ImageRenderToolbar>;
980
- theme: import('vue').PropType<import('naive-ui/es/_mixins').Theme<"Image", {
981
- toolbarIconColor: string;
982
- toolbarColor: string;
983
- toolbarBoxShadow: string;
984
- toolbarBorderRadius: string;
985
- }, {
986
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
987
- borderRadius: string;
988
- boxShadow: string;
989
- color: string;
990
- textColor: string;
991
- padding: string;
992
- }, {
993
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
994
- fontSize: string;
995
- borderRadius: string;
996
- color: string;
997
- dividerColor: string;
998
- textColor: string;
999
- boxShadow: string;
1000
- space: string;
1001
- spaceArrow: string;
1002
- arrowOffset: string;
1003
- arrowOffsetVertical: string;
1004
- arrowHeight: string;
1005
- padding: string;
1006
- }, {
1007
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
1008
- height: string;
1009
- width: string;
1010
- borderRadius: string;
1011
- color: string;
1012
- colorHover: string;
1013
- railInsetHorizontalBottom: string;
1014
- railInsetHorizontalTop: string;
1015
- railInsetVerticalRight: string;
1016
- railInsetVerticalLeft: string;
1017
- railColor: string;
1018
- }, any>;
1019
- }>;
1020
- }>;
1021
- }>>;
1022
- themeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
1023
- toolbarIconColor: string;
1024
- toolbarColor: string;
1025
- toolbarBoxShadow: string;
1026
- toolbarBorderRadius: string;
1027
- }, {
1028
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
1029
- borderRadius: string;
1030
- boxShadow: string;
1031
- color: string;
1032
- textColor: string;
1033
- padding: string;
1034
- }, {
1035
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
1036
- fontSize: string;
1037
- borderRadius: string;
1038
- color: string;
1039
- dividerColor: string;
1040
- textColor: string;
1041
- boxShadow: string;
1042
- space: string;
1043
- spaceArrow: string;
1044
- arrowOffset: string;
1045
- arrowOffsetVertical: string;
1046
- arrowHeight: string;
1047
- padding: string;
1048
- }, {
1049
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
1050
- height: string;
1051
- width: string;
1052
- borderRadius: string;
1053
- color: string;
1054
- colorHover: string;
1055
- railInsetHorizontalBottom: string;
1056
- railInsetHorizontalTop: string;
1057
- railInsetVerticalRight: string;
1058
- railInsetVerticalLeft: string;
1059
- railColor: string;
1060
- }, any>;
1061
- }>;
1062
- }>;
1063
- }>>>;
1064
- builtinThemeOverrides: import('vue').PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Image", {
1065
- toolbarIconColor: string;
1066
- toolbarColor: string;
1067
- toolbarBoxShadow: string;
1068
- toolbarBorderRadius: string;
1069
- }, {
1070
- Tooltip: import('naive-ui/es/_mixins').Theme<"Tooltip", {
1071
- borderRadius: string;
1072
- boxShadow: string;
1073
- color: string;
1074
- textColor: string;
1075
- padding: string;
1076
- }, {
1077
- Popover: import('naive-ui/es/_mixins').Theme<"Popover", {
1078
- fontSize: string;
1079
- borderRadius: string;
1080
- color: string;
1081
- dividerColor: string;
1082
- textColor: string;
1083
- boxShadow: string;
1084
- space: string;
1085
- spaceArrow: string;
1086
- arrowOffset: string;
1087
- arrowOffsetVertical: string;
1088
- arrowHeight: string;
1089
- padding: string;
1090
- }, {
1091
- Scrollbar: import('naive-ui/es/_mixins').Theme<"Scrollbar", {
1092
- height: string;
1093
- width: string;
1094
- borderRadius: string;
1095
- color: string;
1096
- colorHover: string;
1097
- railInsetHorizontalBottom: string;
1098
- railInsetHorizontalTop: string;
1099
- railInsetVerticalRight: string;
1100
- railInsetVerticalLeft: string;
1101
- railColor: string;
1102
- }, any>;
1103
- }>;
1104
- }>;
1105
- }>>>;
1106
- alt: StringConstructor;
1107
- height: import('vue').PropType<string | number>;
1108
- imgProps: import('vue').PropType<ImgHTMLAttributes>;
1109
- previewedImgProps: import('vue').PropType<ImgHTMLAttributes>;
1110
- lazy: BooleanConstructor;
1111
- intersectionObserverOptions: import('vue').PropType<import('naive-ui/es/image/src/utils').IntersectionObserverOptions>;
1112
- objectFit: {
1113
- type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
1114
- default: string;
1115
- };
1116
- previewSrc: StringConstructor;
1117
- fallbackSrc: StringConstructor;
1118
- width: import('vue').PropType<string | number>;
1119
- src: StringConstructor;
1120
- previewDisabled: BooleanConstructor;
1121
- loadDescription: StringConstructor;
1122
- onError: import('vue').PropType<(e: Event) => void>;
1123
- onLoad: import('vue').PropType<(e: Event) => void>;
1124
- }>> & Readonly<{}>, {
1125
- click: () => void;
1126
- showPreview: () => void;
1127
- mergedClsPrefix: import('vue').Ref<string, string>;
1128
- groupId: string | undefined;
1129
- previewInstRef: import('vue').Ref<{
1130
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1131
- } | null, import('naive-ui').ImagePreviewInst | {
1132
- setThumbnailEl: (e: HTMLImageElement | null) => void;
1133
- } | null>;
1134
- imageRef: import('vue').Ref<HTMLImageElement | null, HTMLImageElement | null>;
1135
- mergedPreviewSrc: import('vue').ComputedRef<string | undefined>;
1136
- showError: import('vue').Ref<boolean, boolean>;
1137
- shouldStartLoading: import('vue').Ref<boolean, boolean>;
1138
- loaded: import('vue').Ref<boolean, boolean>;
1139
- mergedOnClick: (e: PointerEvent) => void;
1140
- onPreviewClose: () => void;
1141
- mergedOnError: (e: Event) => void;
1142
- mergedOnLoad: (e: Event) => void;
1143
- previewShow: import('vue').Ref<boolean, boolean>;
1144
- }, {}, {}, {}, {
1145
- objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
1146
- lazy: boolean;
1147
- showToolbar: boolean;
1148
- showToolbarTooltip: boolean;
1149
- previewDisabled: boolean;
1150
- }> | null;
55
+ img: any;
1151
56
  }, any>;
1152
57
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
1153
58
  export default _default;