atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Inject, Injectable, OnDestroy, Optional } from '@angular/core';

import { ThyImagePreviewConfig, THY_IMAGE_DEFAULT_PREVIEW_OPTIONS } from './image.config';

import { ThyImageInfo, ThyImagePreviewOptions } from './image.class';

import { ThyImagePreviewComponent } from './preview/image-preview.component';

import { ThyDialog, ThyDialogSizes } from 'ngx-tethys/dialog';

import { ThyImagePreviewRef } from './preview/image-preview-ref';

import { Observable, Subject } from 'rxjs';

import { takeUntil } from 'rxjs/operators';

/**

 * 图片预览服务

@Injectable()

    defaultConfig: ThyImagePreviewConfig;

    private downloadClicked$ = new Subject<ThyImageInfo>();

    private ngUnsubscribe$ = new Subject<void>();

        public thyDialog: ThyDialog,

        @Optional()

        defaultConfig: ThyImagePreviewConfig

    ) {

        this.defaultConfig = defaultConfig;

    }

    /**

     * 图片预览方法

        const config = { ...this.defaultConfig, ...options };

        const dialogRef = this.thyDialog.open(ThyImagePreviewComponent, {

            initialState: {

                previewIndex: options?.startIndex >= 0 && options?.startIndex < images.length ? options.startIndex : 0,

            },

            backdropClass: 'thy-image-preview-backdrop',

            size: ThyDialogSizes.full,

            ...config

        imagePreviewRef

            .pipe(takeUntil(this.ngUnsubscribe$))

            .subscribe(image => {

                this.downloadClicked$.next(image);

            });

    }

    downloadClicked(): Observable<ThyImageInfo> {

        return this.downloadClicked$.asObservable();

    }

    ngOnDestroy() {

        this.ngUnsubscribe$.next();

        this.ngUnsubscribe$.complete();

    }

}