d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ComponentTypeOrTemplateRef, ThyAbstractOverlayRef, ThyAbstractOverlayService } from 'ngx-tethys/core';
import { coerceArray } from 'ngx-tethys/util';
import { of } from 'rxjs';

import { Directionality } from '@angular/cdk/bidi';
import { coerceElement } from '@angular/cdk/coercion';
import { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
import { ComponentPortal } from '@angular/cdk/portal';
import { Inject, Injectable, Injector, OnDestroy, Optional, StaticProvider } from '@angular/core';

import { ThySlideContainerComponent } from './slide-container.component';
import { ThyInternalSlideRef, ThySlideRef } from './slide-ref.service';
import { slideAbstractOverlayOptions, slideDefaultConfigValue, THY_SLIDE_DEFAULT_CONFIG, ThySlideConfig } from './slide.config';

/**
 * @public
 * @order 10
 */
@Injectable()
export class ThySlideService extends ThyAbstractOverlayService<ThySlideConfig, ThySlideContainerComponent> implements OnDestroy {
    private originElementAddActiveClass(config: ThySlideConfig) {
        if (config.origin) {
            coerceElement<HTMLElement>(config.origin).classList.add(...coerceArray(config.originActiveClass));
        }
    }

    private originElementRemoveActiveClass(config: ThySlideConfig) {
        if (config.origin) {
            coerceElement<HTMLElement>(config.origin).classList.remove(...coerceArray(config.originActiveClass));
        }
    }

    protected buildOverlayConfig(config: ThySlideConfig): OverlayConfig {
        const defaultClasses: string[] = ['thy-slide-overlay-pane', `thy-slide-${config.from}`];
        const overlayConfig = {
            ...this.buildBaseOverlayConfig(config, defaultClasses),
            width: config.width
        };
        return overlayConfig;
    }

    protected attachOverlayContainer(overlay: OverlayRef, config: ThySlideConfig): ThySlideContainerComponent {
        const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
        const injector = Injector.create({
            parent: userInjector || this.injector,
            providers: [{ provide: ThySlideConfig, useValue: config }]
        });
        const containerPortal = new ComponentPortal(ThySlideContainerComponent, config.viewContainerRef, injector);
        const containerRef = overlay.attach<ThySlideContainerComponent>(containerPortal);
        return containerRef.instance;
    }

    protected createAbstractOverlayRef<T>(
        overlayRef: OverlayRef,
        containerInstance: ThySlideContainerComponent,
        config: ThySlideConfig
    ): ThyAbstractOverlayRef<T, ThySlideContainerComponent, any> {
        return new ThyInternalSlideRef(overlayRef, containerInstance, config);
    }

    protected createInjector<T>(
        config: ThySlideConfig,
        overlayRef: ThyAbstractOverlayRef<T, ThySlideContainerComponent, any>,
        containerInstance: ThySlideContainerComponent
    ): Injector {
        const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;

        const injectionTokens: StaticProvider[] = [
            { provide: ThySlideContainerComponent, useValue: containerInstance },
            { provide: ThySlideRef, useValue: overlayRef }
        ];

        if (config.direction && (!userInjector || !userInjector.get<Directionality | null>(Directionality, null))) {
            injectionTokens.push({
                provide: Directionality,
                useValue: {
                    value: config.direction,
                    change: of()
                }
            });
        }

        return Injector.create({ parent: userInjector || this.injector, providers: injectionTokens });
    }

    private overlayIsOpened(config: ThySlideConfig) {
        const openedOverlay = this.getAbstractOverlayById(config.id);
        const slideConfig = Object.assign({}, this.defaultConfig, config);
        if (!slideConfig.disableCloseLatest) {
            this.close(openedOverlay);
        }
        return openedOverlay;
    }

    constructor(
        overlay: Overlay,
        injector: Injector,
        @Optional()
        @Inject(THY_SLIDE_DEFAULT_CONFIG)
        defaultConfig: ThySlideConfig
    ) {
        const slideDefaultConfig = Object.assign({}, slideDefaultConfigValue, defaultConfig);
        super(slideAbstractOverlayOptions, overlay, injector, slideDefaultConfig);
    }

    /**
     * 打开滑动弹出框
     */
    open<T, TData = unknown, TResult = unknown>(
        componentOrTemplateRef: ComponentTypeOrTemplateRef<T>,
        config: ThySlideConfig<TData>
    ): ThySlideRef<T, TResult> {
        if (this.overlayIsOpened(config)) {
            return;
        }
        const slideRef = this.openOverlay<T, TResult>(componentOrTemplateRef, config);
        this.originElementAddActiveClass(slideRef.containerInstance.config);
        slideRef.afterClosed().subscribe(() => {
            this.originElementRemoveActiveClass(slideRef.containerInstance.config);
        });
        return slideRef;
    }

    ngOnDestroy() {
        this.dispose();
    }
}

1	import { ComponentTypeOrTemplateRef, ThyAbstractOverlayRef, ThyAbstractOverlayService } from 'ngx-tethys/core';
2	import { coerceArray } from 'ngx-tethys/util';
3	import { of } from 'rxjs';
4
5	import { Directionality } from '@angular/cdk/bidi';
6	import { coerceElement } from '@angular/cdk/coercion';
7	import { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
8	import { ComponentPortal } from '@angular/cdk/portal';
9	import { Inject, Injectable, Injector, OnDestroy, Optional, StaticProvider } from '@angular/core';
10
11	import { ThySlideContainerComponent } from './slide-container.component';
12	import { ThyInternalSlideRef, ThySlideRef } from './slide-ref.service';
13	import { slideAbstractOverlayOptions, slideDefaultConfigValue, THY_SLIDE_DEFAULT_CONFIG, ThySlideConfig } from './slide.config';
14
15	/**
16	* @public
17	* @order 10	1✔
18	*/
19	@Injectable()	×
20	export class ThySlideService extends ThyAbstractOverlayService<ThySlideConfig, ThySlideContainerComponent> implements OnDestroy {	×
21	private originElementAddActiveClass(config: ThySlideConfig) {
22	if (config.origin) {
23	coerceElement<HTMLElement>(config.origin).classList.add(...coerceArray(config.originActiveClass));
24	}	×
25	}	×
26
27	private originElementRemoveActiveClass(config: ThySlideConfig) {
28	if (config.origin) {
29	coerceElement<HTMLElement>(config.origin).classList.remove(...coerceArray(config.originActiveClass));	×
30	}	×
31	}
32
33	protected buildOverlayConfig(config: ThySlideConfig): OverlayConfig {
34	const defaultClasses: string[] = ['thy-slide-overlay-pane', `thy-slide-${config.from}`];	×
35	const overlayConfig = {
36	...this.buildBaseOverlayConfig(config, defaultClasses),
37	width: config.width	×
38	};	×
39	return overlayConfig;	×
40	}
41
42	protected attachOverlayContainer(overlay: OverlayRef, config: ThySlideConfig): ThySlideContainerComponent {	×
43	const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;	×
44	const injector = Injector.create({	×
45	parent: userInjector \|\| this.injector,
46	providers: [{ provide: ThySlideConfig, useValue: config }]
47	});	×
48	const containerPortal = new ComponentPortal(ThySlideContainerComponent, config.viewContainerRef, injector);
49	const containerRef = overlay.attach<ThySlideContainerComponent>(containerPortal);
50	return containerRef.instance;	×
51	}	×
52
53	protected createAbstractOverlayRef<T>(
54	overlayRef: OverlayRef,
55	containerInstance: ThySlideContainerComponent,	×
56	config: ThySlideConfig	×
57	): ThyAbstractOverlayRef<T, ThySlideContainerComponent, any> {
58	return new ThyInternalSlideRef(overlayRef, containerInstance, config);
59	}
60
61	protected createInjector<T>(
62	config: ThySlideConfig,
63	overlayRef: ThyAbstractOverlayRef<T, ThySlideContainerComponent, any>,
64	containerInstance: ThySlideContainerComponent	×
65	): Injector {
66	const userInjector = config && config.viewContainerRef && config.viewContainerRef.injector;
67		×
68	const injectionTokens: StaticProvider[] = [	×
69	{ provide: ThySlideContainerComponent, useValue: containerInstance },	×
70	{ provide: ThySlideRef, useValue: overlayRef }	×
71	];
72		×
73	if (config.direction && (!userInjector \|\| !userInjector.get<Directionality \| null>(Directionality, null))) {
74	injectionTokens.push({
75	provide: Directionality,	×
76	useValue: {	×
77	value: config.direction,
78	change: of()
79	}
80	});
81	}
82		×
83	return Injector.create({ parent: userInjector \|\| this.injector, providers: injectionTokens });	×
84	}
85		×
86	private overlayIsOpened(config: ThySlideConfig) {	×
87	const openedOverlay = this.getAbstractOverlayById(config.id);	×
88	const slideConfig = Object.assign({}, this.defaultConfig, config);	×
89	if (!slideConfig.disableCloseLatest) {
90	this.close(openedOverlay);	×
91	}
92	return openedOverlay;
93	}	×
94
95	constructor(	1✔
96	overlay: Overlay,
97	injector: Injector,
98	@Optional()
99	@Inject(THY_SLIDE_DEFAULT_CONFIG)
100	defaultConfig: ThySlideConfig
101	) {	1✔
102	const slideDefaultConfig = Object.assign({}, slideDefaultConfigValue, defaultConfig);
103	super(slideAbstractOverlayOptions, overlay, injector, slideDefaultConfig);
104	}
105
106	/**
107	* 打开滑动弹出框
108	*/
109	open<T, TData = unknown, TResult = unknown>(
110	componentOrTemplateRef: ComponentTypeOrTemplateRef<T>,
111	config: ThySlideConfig<TData>
112	): ThySlideRef<T, TResult> {
113	if (this.overlayIsOpened(config)) {
114	return;
115	}
116	const slideRef = this.openOverlay<T, TResult>(componentOrTemplateRef, config);
117	this.originElementAddActiveClass(slideRef.containerInstance.config);
118	slideRef.afterClosed().subscribe(() => {
119	this.originElementRemoveActiveClass(slideRef.containerInstance.config);
120	});
121	return slideRef;
122	}
123
124	ngOnDestroy() {
125	this.dispose();
126	}
127	}

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

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous