@delon/abc 15.2.0 → 16.0.0-beta.0

package/fesm2015/reuse-tab.mjs

@@ -1,1217 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, Injectable, Directive, InjectionToken, Optional, Inject, ViewChild, NgModule } from '@angular/core';
-import * as i1 from '@delon/theme';
-import { ALAIN_I18N_TOKEN, DelonLocaleModule } from '@delon/theme';
-import * as i5 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import * as i3 from 'ng-zorro-antd/menu';
-import { NzMenuModule } from 'ng-zorro-antd/menu';
-import { Subject, Subscription, BehaviorSubject, timer, of, filter, takeUntil, debounceTime } from 'rxjs';
-import * as i1$1 from '@angular/cdk/overlay';
-import { ConnectionPositionPair, OverlayModule } from '@angular/cdk/overlay';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { __decorate } from 'tslib';
-import { InputBoolean, InputNumber } from '@delon/util/decorator';
-import * as i2 from '@angular/router';
-import { ActivatedRoute, Router, ROUTER_CONFIGURATION, NavigationStart, NavigationEnd, RouterModule } from '@angular/router';
-import { ScrollService } from '@delon/util/browser';
-import * as i3$1 from '@angular/cdk/platform';
-import * as i4 from '@angular/cdk/bidi';
-import * as i6 from 'ng-zorro-antd/tabs';
-import { NzTabsModule } from 'ng-zorro-antd/tabs';
-import * as i7 from 'ng-zorro-antd/icon';
-import { NzIconModule } from 'ng-zorro-antd/icon';
-
-class ReuseTabContextMenuComponent {
-    set i18n(value) {
-        this._i18n = Object.assign(Object.assign({}, this.i18nSrv.getData('reuseTab')), value);
-    }
-    get i18n() {
-        return this._i18n;
-    }
-    get includeNonCloseable() {
-        return this.event.ctrlKey;
-    }
-    constructor(i18nSrv) {
-        this.i18nSrv = i18nSrv;
-        this.close = new EventEmitter();
-    }
-    notify(type) {
-        this.close.next({
-            type,
-            item: this.item,
-            includeNonCloseable: this.includeNonCloseable
-        });
-    }
-    ngOnInit() {
-        if (this.includeNonCloseable)
-            this.item.closable = true;
-    }
-    click(e, type, custom) {
-        e.preventDefault();
-        e.stopPropagation();
-        if (type === 'close' && !this.item.closable)
-            return;
-        if (type === 'closeRight' && this.item.last)
-            return;
-        if (custom) {
-            if (this.isDisabled(custom))
-                return;
-            custom.fn(this.item, custom);
-        }
-        this.notify(type);
-    }
-    isDisabled(custom) {
-        return custom.disabled ? custom.disabled(this.item) : false;
-    }
-    closeMenu(event) {
-        if (event.type === 'click' && event.button === 2)
-            return;
-        this.notify(null);
-    }
-}
-ReuseTabContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabContextMenuComponent, deps: [{ token: i1.DelonLocaleService }], target: i0.ɵɵFactoryTarget.Component });
-ReuseTabContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ReuseTabContextMenuComponent, selector: "reuse-tab-context-menu", inputs: { i18n: "i18n", item: "item", event: "event", customContextMenu: "customContextMenu" }, outputs: { close: "close" }, host: { listeners: { "document:click": "closeMenu($event)", "document:contextmenu": "closeMenu($event)" } }, ngImport: i0, template: "<ul nz-menu>\n  <li\n    *ngIf=\"item.active\"\n    nz-menu-item\n    (click)=\"click($event, 'refresh')\"\n    data-type=\"refresh\"\n    [innerHTML]=\"i18n.refresh\"\n  ></li>\n  <li\n    nz-menu-item\n    (click)=\"click($event, 'close')\"\n    data-type=\"close\"\n    [nzDisabled]=\"!item.closable\"\n    [innerHTML]=\"i18n.close\"\n  ></li>\n  <li nz-menu-item (click)=\"click($event, 'closeOther')\" data-type=\"closeOther\" [innerHTML]=\"i18n.closeOther\"></li>\n  <li\n    nz-menu-item\n    (click)=\"click($event, 'closeRight')\"\n    data-type=\"closeRight\"\n    [nzDisabled]=\"item.last\"\n    [innerHTML]=\"i18n.closeRight\"\n  ></li>\n  <ng-container *ngIf=\"customContextMenu!.length > 0\">\n    <li nz-menu-divider></li>\n    <li\n      *ngFor=\"let i of customContextMenu\"\n      nz-menu-item\n      [attr.data-type]=\"i.id\"\n      [nzDisabled]=\"isDisabled(i)\"\n      (click)=\"click($event, 'custom', i)\"\n      [innerHTML]=\"i.title\"\n    ></li>\n  </ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "directive", type: i3.NzMenuItemDirective, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i3.NzMenuDividerDirective, selector: "[nz-menu-divider]", exportAs: ["nzMenuDivider"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabContextMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'reuse-tab-context-menu', host: {
-                        '(document:click)': 'closeMenu($event)',
-                        '(document:contextmenu)': 'closeMenu($event)'
-                    }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ul nz-menu>\n  <li\n    *ngIf=\"item.active\"\n    nz-menu-item\n    (click)=\"click($event, 'refresh')\"\n    data-type=\"refresh\"\n    [innerHTML]=\"i18n.refresh\"\n  ></li>\n  <li\n    nz-menu-item\n    (click)=\"click($event, 'close')\"\n    data-type=\"close\"\n    [nzDisabled]=\"!item.closable\"\n    [innerHTML]=\"i18n.close\"\n  ></li>\n  <li nz-menu-item (click)=\"click($event, 'closeOther')\" data-type=\"closeOther\" [innerHTML]=\"i18n.closeOther\"></li>\n  <li\n    nz-menu-item\n    (click)=\"click($event, 'closeRight')\"\n    data-type=\"closeRight\"\n    [nzDisabled]=\"item.last\"\n    [innerHTML]=\"i18n.closeRight\"\n  ></li>\n  <ng-container *ngIf=\"customContextMenu!.length > 0\">\n    <li nz-menu-divider></li>\n    <li\n      *ngFor=\"let i of customContextMenu\"\n      nz-menu-item\n      [attr.data-type]=\"i.id\"\n      [nzDisabled]=\"isDisabled(i)\"\n      (click)=\"click($event, 'custom', i)\"\n      [innerHTML]=\"i.title\"\n    ></li>\n  </ng-container>\n</ul>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.DelonLocaleService }]; }, propDecorators: { i18n: [{
-                type: Input
-            }], item: [{
-                type: Input
-            }], event: [{
-                type: Input
-            }], customContextMenu: [{
-                type: Input
-            }], close: [{
-                type: Output
-            }] } });
-
-class ReuseTabContextService {
-    constructor(overlay) {
-        this.overlay = overlay;
-        this.ref = null;
-        this.show = new Subject();
-        this.close = new Subject();
-    }
-    remove() {
-        if (!this.ref)
-            return;
-        this.ref.detach();
-        this.ref.dispose();
-        this.ref = null;
-    }
-    open(context) {
-        this.remove();
-        const { event, item, customContextMenu } = context;
-        const { x, y } = event;
-        const positions = [
-            new ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, { overlayX: 'start', overlayY: 'top' }),
-            new ConnectionPositionPair({ originX: 'start', originY: 'top' }, { overlayX: 'start', overlayY: 'bottom' })
-        ];
-        const positionStrategy = this.overlay.position().flexibleConnectedTo({ x, y }).withPositions(positions);
-        this.ref = this.overlay.create({
-            positionStrategy,
-            panelClass: 'reuse-tab__cm',
-            scrollStrategy: this.overlay.scrollStrategies.close()
-        });
-        const comp = this.ref.attach(new ComponentPortal(ReuseTabContextMenuComponent));
-        const instance = comp.instance;
-        instance.i18n = this.i18n;
-        instance.item = Object.assign({}, item);
-        instance.customContextMenu = customContextMenu;
-        instance.event = event;
-        const sub$ = new Subscription();
-        sub$.add(instance.close.subscribe((res) => {
-            this.close.next(res);
-            this.remove();
-        }));
-        comp.onDestroy(() => sub$.unsubscribe());
-    }
-}
-ReuseTabContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabContextService, deps: [{ token: i1$1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
-ReuseTabContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabContextService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$1.Overlay }]; } });
-
-class ReuseTabContextComponent {
-    set i18n(value) {
-        this.srv.i18n = value;
-    }
-    constructor(srv) {
-        this.srv = srv;
-        this.sub$ = new Subscription();
-        this.change = new EventEmitter();
-        this.sub$.add(srv.show.subscribe(context => this.srv.open(context)));
-        this.sub$.add(srv.close.subscribe(res => this.change.emit(res)));
-    }
-    ngOnDestroy() {
-        this.sub$.unsubscribe();
-    }
-}
-ReuseTabContextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabContextComponent, deps: [{ token: ReuseTabContextService }], target: i0.ɵɵFactoryTarget.Component });
-ReuseTabContextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ReuseTabContextComponent, selector: "reuse-tab-context", inputs: { i18n: "i18n" }, outputs: { change: "change" }, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabContextComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'reuse-tab-context',
-                    template: ``
-                }]
-        }], ctorParameters: function () { return [{ type: ReuseTabContextService }]; }, propDecorators: { i18n: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }] } });
-
-class ReuseTabContextDirective {
-    constructor(srv) {
-        this.srv = srv;
-    }
-    _onContextMenu(event) {
-        this.srv.show.next({
-            event,
-            item: this.item,
-            customContextMenu: this.customContextMenu
-        });
-        event.preventDefault();
-        event.stopPropagation();
-    }
-}
-ReuseTabContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabContextDirective, deps: [{ token: ReuseTabContextService }], target: i0.ɵɵFactoryTarget.Directive });
-ReuseTabContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ReuseTabContextDirective, selector: "[reuse-tab-context-menu]", inputs: { item: ["reuse-tab-context-menu", "item"], customContextMenu: "customContextMenu" }, host: { listeners: { "contextmenu": "_onContextMenu($event)" } }, exportAs: ["reuseTabContextMenu"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabContextDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[reuse-tab-context-menu]',
-                    exportAs: 'reuseTabContextMenu',
-                    host: {
-                        '(contextmenu)': '_onContextMenu($event)'
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: ReuseTabContextService }]; }, propDecorators: { item: [{
-                type: Input,
-                args: ['reuse-tab-context-menu']
-            }], customContextMenu: [{
-                type: Input
-            }] } });
-
-/**
- * 复用匹配模式
- */
-var ReuseTabMatchMode;
-(function (ReuseTabMatchMode) {
-    /**
-     * （推荐）按菜单 `Menu` 配置
-     *
-     * 可复用：
-     * - `{ text:'Dashboard' }`
-     * - `{ text:'Dashboard', reuse: true }`
-     *
-     * 不可复用：
-     * - `{ text:'Dashboard', reuse: false }`
-     */
-    ReuseTabMatchMode[ReuseTabMatchMode["Menu"] = 0] = "Menu";
-    /**
-     * 按菜单 `Menu` 强制配置
-     *
-     * 可复用：
-     * - `{ text:'Dashboard', reuse: true }`
-     *
-     * 不可复用：
-     * - `{ text:'Dashboard' }`
-     * - `{ text:'Dashboard', reuse: false }`
-     */
-    ReuseTabMatchMode[ReuseTabMatchMode["MenuForce"] = 1] = "MenuForce";
-    /**
-     * 对所有路由有效，可以配合 `excludes` 过滤无须复用路由
-     */
-    ReuseTabMatchMode[ReuseTabMatchMode["URL"] = 2] = "URL";
-})(ReuseTabMatchMode || (ReuseTabMatchMode = {}));
-
-const REUSE_TAB_STORAGE_KEY = new InjectionToken('REUSE_TAB_STORAGE_KEY');
-const REUSE_TAB_STORAGE_STATE = new InjectionToken('REUSE_TAB_STORAGE_STATE');
-class ReuseTabLocalStorageState {
-    get(key) {
-        return JSON.parse(localStorage.getItem(key) || '[]') || [];
-    }
-    update(key, value) {
-        localStorage.setItem(key, JSON.stringify(value));
-        return true;
-    }
-    remove(key) {
-        localStorage.removeItem(key);
-    }
-}
-
-class ReuseTabService {
-    get snapshot() {
-        return this.injector.get(ActivatedRoute).snapshot;
-    }
-    // #region public
-    /**
-     * Get init status
-     *
-     * 是否已经初始化完成
-     */
-    get inited() {
-        return this._inited;
-    }
-    /**
-     * Current routing address
-     *
-     * 当前路由地址
-     */
-    get curUrl() {
-        return this.getUrl(this.snapshot);
-    }
-    /**
-     * 允许最多复用多少个页面，取值范围 `2-100`，值发生变更时会强制关闭且忽略可关闭条件
-     */
-    set max(value) {
-        this._max = Math.min(Math.max(value, 2), 100);
-        for (let i = this._cached.length; i > this._max; i--) {
-            this._cached.pop();
-        }
-    }
-    set keepingScroll(value) {
-        this._keepingScroll = value;
-        this.initScroll();
-    }
-    get keepingScroll() {
-        return this._keepingScroll;
-    }
-    /** 获取已缓存的路由 */
-    get items() {
-        return this._cached;
-    }
-    /** 获取当前缓存的路由总数 */
-    get count() {
-        return this._cached.length;
-    }
-    /** 订阅缓存变更通知 */
-    get change() {
-        return this._cachedChange.asObservable(); // .pipe(filter(w => w !== null));
-    }
-    /** 自定义当前标题 */
-    set title(value) {
-        const url = this.curUrl;
-        if (typeof value === 'string')
-            value = { text: value };
-        this._titleCached[url] = value;
-        this.di('update current tag title: ', value);
-        this._cachedChange.next({
-            active: 'title',
-            url,
-            title: value,
-            list: this._cached
-        });
-    }
-    /** 获取指定路径缓存所在位置，`-1` 表示无缓存 */
-    index(url) {
-        return this._cached.findIndex(w => w.url === url);
-    }
-    /** 获取指定路径缓存是否存在 */
-    exists(url) {
-        return this.index(url) !== -1;
-    }
-    /** 获取指定路径缓存 */
-    get(url) {
-        return url ? this._cached.find(w => w.url === url) || null : null;
-    }
-    remove(url, includeNonCloseable) {
-        const idx = typeof url === 'string' ? this.index(url) : url;
-        const item = idx !== -1 ? this._cached[idx] : null;
-        if (!item || (!includeNonCloseable && !item.closable))
-            return false;
-        this.destroy(item._handle);
-        this._cached.splice(idx, 1);
-        delete this._titleCached[url];
-        return true;
-    }
-    /**
-     * 根据URL移除标签
-     *
-     * @param [includeNonCloseable=false] 是否强制包含不可关闭
-     */
-    close(url, includeNonCloseable = false) {
-        this.removeUrlBuffer = url;
-        this.remove(url, includeNonCloseable);
-        this._cachedChange.next({ active: 'close', url, list: this._cached });
-        this.di('close tag', url);
-        return true;
-    }
-    /**
-     * 清除右边
-     *
-     * @param [includeNonCloseable=false] 是否强制包含不可关闭
-     */
-    closeRight(url, includeNonCloseable = false) {
-        const start = this.index(url);
-        for (let i = this.count - 1; i > start; i--) {
-            this.remove(i, includeNonCloseable);
-        }
-        this.removeUrlBuffer = null;
-        this._cachedChange.next({ active: 'closeRight', url, list: this._cached });
-        this.di('close right tages', url);
-        return true;
-    }
-    /**
-     * 清除所有缓存
-     *
-     * @param [includeNonCloseable=false] 是否强制包含不可关闭
-     */
-    clear(includeNonCloseable = false) {
-        this._cached.forEach(w => {
-            if (!includeNonCloseable && w.closable)
-                this.destroy(w._handle);
-        });
-        this._cached = this._cached.filter(w => !includeNonCloseable && !w.closable);
-        this.removeUrlBuffer = null;
-        this._cachedChange.next({ active: 'clear', list: this._cached });
-        this.di('clear all catch');
-    }
-    /**
-     * 移动缓存数据
-     *
-     * @param url 要移动的URL地址
-     * @param position 新位置，下标从 `0` 开始
-     *
-     * @example
-     * ```
-     * // source
-     * [ '/a/1', '/a/2', '/a/3', '/a/4', '/a/5' ]
-     * move('/a/1', 2);
-     * // output
-     * [ '/a/2', '/a/3', '/a/1', '/a/4', '/a/5' ]
-     * move('/a/1', -1);
-     * // output
-     * [ '/a/2', '/a/3', '/a/4', '/a/5', '/a/1' ]
-     * ```
-     */
-    move(url, position) {
-        const start = this._cached.findIndex(w => w.url === url);
-        if (start === -1)
-            return;
-        const data = this._cached.slice();
-        data.splice(position < 0 ? data.length + position : position, 0, data.splice(start, 1)[0]);
-        this._cached = data;
-        this._cachedChange.next({
-            active: 'move',
-            url,
-            position,
-            list: this._cached
-        });
-    }
-    /**
-     * 强制关闭当前路由（包含不可关闭状态），并重新导航至 `newUrl` 路由
-     */
-    replace(newUrl) {
-        const url = this.curUrl;
-        if (this.exists(url)) {
-            this.close(url, true);
-        }
-        else {
-            this.removeUrlBuffer = url;
-        }
-        this.injector.get(Router).navigateByUrl(newUrl);
-    }
-    /**
-     * 获取标题，顺序如下：
-     *
-     * 1. 组件内使用 `ReuseTabService.title = 'new title'` 重新指定文本
-     * 2. 路由配置中 data 属性中包含 titleI18n > title
-     * 3. 菜单数据中 text 属性
-     *
-     * @param url 指定URL
-     * @param route 指定路由快照
-     */
-    getTitle(url, route) {
-        if (this._titleCached[url]) {
-            return this._titleCached[url];
-        }
-        if (route && route.data && (route.data.titleI18n || route.data.title)) {
-            return {
-                text: route.data.title,
-                i18n: route.data.titleI18n
-            };
-        }
-        const menu = this.getMenu(url);
-        return menu ? { text: menu.text, i18n: menu.i18n } : { text: url };
-    }
-    /**
-     * 清除标题缓存
-     */
-    clearTitleCached() {
-        this._titleCached = {};
-    }
-    /** 自定义当前 `closable` 状态 */
-    set closable(value) {
-        const url = this.curUrl;
-        this._closableCached[url] = value;
-        this.di('update current tag closable: ', value);
-        this._cachedChange.next({
-            active: 'closable',
-            closable: value,
-            list: this._cached
-        });
-    }
-    /**
-     * 获取 `closable` 状态，顺序如下：
-     *
-     * 1. 组件内使用 `ReuseTabService.closable = true` 重新指定 `closable` 状态
-     * 2. 路由配置中 data 属性中包含 `reuseClosable`
-     * 3. 菜单数据中 `reuseClosable` 属性
-     *
-     * @param url 指定URL
-     * @param route 指定路由快照
-     */
-    getClosable(url, route) {
-        if (typeof this._closableCached[url] !== 'undefined')
-            return this._closableCached[url];
-        if (route && route.data && typeof route.data.reuseClosable === 'boolean')
-            return route.data.reuseClosable;
-        const menu = this.mode !== ReuseTabMatchMode.URL ? this.getMenu(url) : null;
-        if (menu && typeof menu.reuseClosable === 'boolean')
-            return menu.reuseClosable;
-        return true;
-    }
-    /**
-     * 清空 `closable` 缓存
-     */
-    clearClosableCached() {
-        this._closableCached = {};
-    }
-    getTruthRoute(route) {
-        let next = route;
-        while (next.firstChild)
-            next = next.firstChild;
-        return next;
-    }
-    /**
-     * 根据快照获取URL地址
-     */
-    getUrl(route) {
-        let next = this.getTruthRoute(route);
-        const segments = [];
-        while (next) {
-            segments.push(next.url.join('/'));
-            next = next.parent;
-        }
-        const url = `/${segments
-            .filter(i => i)
-            .reverse()
-            .join('/')}`;
-        return url;
-    }
-    /**
-     * 检查快照是否允许被复用
-     */
-    can(route) {
-        const url = this.getUrl(route);
-        if (url === this.removeUrlBuffer)
-            return false;
-        if (route.data && typeof route.data.reuse === 'boolean')
-            return route.data.reuse;
-        if (this.mode !== ReuseTabMatchMode.URL) {
-            const menu = this.getMenu(url);
-            if (!menu)
-                return false;
-            if (this.mode === ReuseTabMatchMode.Menu) {
-                if (menu.reuse === false)
-                    return false;
-            }
-            else {
-                if (!menu.reuse || menu.reuse !== true)
-                    return false;
-            }
-            return true;
-        }
-        return !this.isExclude(url);
-    }
-    isExclude(url) {
-        return this.excludes.findIndex(r => r.test(url)) !== -1;
-    }
-    /**
-     * 刷新，触发一个 refresh 类型事件
-     */
-    refresh(data) {
-        this._cachedChange.next({ active: 'refresh', data });
-    }
-    // #endregion
-    // #region privates
-    destroy(_handle) {
-        if (_handle && _handle.componentRef && _handle.componentRef.destroy)
-            _handle.componentRef.destroy();
-    }
-    di(...args) {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this.debug)
-                return;
-            console.warn(...args);
-        }
-    }
-    // #endregion
-    constructor(injector, menuService, stateKey, stateSrv) {
-        this.injector = injector;
-        this.menuService = menuService;
-        this.stateKey = stateKey;
-        this.stateSrv = stateSrv;
-        this._inited = false;
-        this._max = 10;
-        this._keepingScroll = false;
-        this._cachedChange = new BehaviorSubject(null);
-        this._cached = [];
-        this._titleCached = {};
-        this._closableCached = {};
-        this.removeUrlBuffer = null;
-        this.positionBuffer = {};
-        this.debug = false;
-        this.routeParamMatchMode = 'strict';
-        this.mode = ReuseTabMatchMode.Menu;
-        /** 排除规则，限 `mode=URL` */
-        this.excludes = [];
-        this.storageState = false;
-    }
-    init() {
-        this.initScroll();
-        this._inited = true;
-        this.loadState();
-    }
-    loadState() {
-        if (!this.storageState)
-            return;
-        this._cached = this.stateSrv.get(this.stateKey).map(v => ({
-            title: { text: v.title },
-            url: v.url,
-            position: v.position
-        }));
-        this._cachedChange.next({ active: 'loadState' });
-    }
-    getMenu(url) {
-        const menus = this.menuService.getPathByUrl(url);
-        if (!menus || menus.length === 0)
-            return null;
-        return menus.pop();
-    }
-    runHook(method, comp, type = 'init') {
-        var _a;
-        if (typeof comp === 'number') {
-            const item = this._cached[comp];
-            comp = (_a = item._handle) === null || _a === void 0 ? void 0 : _a.componentRef;
-        }
-        if (comp == null || !comp.instance) {
-            return;
-        }
-        const compThis = comp.instance;
-        const fn = compThis[method];
-        if (typeof fn !== 'function') {
-            return;
-        }
-        if (method === '_onReuseInit') {
-            fn.call(compThis, type);
-        }
-        else {
-            fn.call(compThis);
-        }
-    }
-    hasInValidRoute(route) {
-        return !route.routeConfig || !!route.routeConfig.loadChildren || !!route.routeConfig.children;
-    }
-    /**
-     * 决定是否允许路由复用，若 `true` 会触发 `store`
-     */
-    shouldDetach(route) {
-        if (this.hasInValidRoute(route))
-            return false;
-        this.di('#shouldDetach', this.can(route), this.getUrl(route));
-        return this.can(route);
-    }
-    /**
-     * 存储
-     */
-    store(_snapshot, _handle) {
-        var _a;
-        const url = this.getUrl(_snapshot);
-        const idx = this.index(url);
-        const isAdd = idx === -1;
-        const item = {
-            title: this.getTitle(url, _snapshot),
-            closable: this.getClosable(url, _snapshot),
-            position: this.getKeepingScroll(url, _snapshot) ? this.positionBuffer[url] : null,
-            url,
-            _snapshot,
-            _handle
-        };
-        if (isAdd) {
-            if (this.count >= this._max) {
-                // Get the oldest closable location
-                const closeIdx = this._cached.findIndex(w => w.closable);
-                if (closeIdx !== -1)
-                    this.remove(closeIdx, false);
-            }
-            this._cached.push(item);
-        }
-        else {
-            // Current handler is null when activate routes
-            // For better reliability, we need to wait for the component to be attached before call _onReuseInit
-            const cahcedComponentRef = (_a = this._cached[idx]._handle) === null || _a === void 0 ? void 0 : _a.componentRef;
-            if (_handle == null && cahcedComponentRef != null) {
-                timer(100).subscribe(() => this.runHook('_onReuseInit', cahcedComponentRef));
-            }
-            this._cached[idx] = item;
-        }
-        this.removeUrlBuffer = null;
-        this.di('#store', isAdd ? '[new]' : '[override]', url);
-        if (_handle && _handle.componentRef) {
-            this.runHook('_onReuseDestroy', _handle.componentRef);
-        }
-        if (!isAdd) {
-            this._cachedChange.next({ active: 'override', item, list: this._cached });
-        }
-    }
-    /**
-     * 决定是否允许应用缓存数据
-     */
-    shouldAttach(route) {
-        if (this.hasInValidRoute(route))
-            return false;
-        const url = this.getUrl(route);
-        const data = this.get(url);
-        const ret = !!(data && data._handle);
-        this.di('#shouldAttach', ret, url);
-        if (!ret) {
-            this._cachedChange.next({ active: 'add', url, list: this._cached });
-        }
-        return ret;
-    }
-    /**
-     * 提取复用数据
-     */
-    retrieve(route) {
-        if (this.hasInValidRoute(route))
-            return null;
-        const url = this.getUrl(route);
-        const data = this.get(url);
-        const ret = (data && data._handle) || null;
-        this.di('#retrieve', url, ret);
-        return ret;
-    }
-    /**
-     * 决定是否应该进行复用路由处理
-     */
-    shouldReuseRoute(future, curr) {
-        let ret = future.routeConfig === curr.routeConfig;
-        if (!ret)
-            return false;
-        const path = ((future.routeConfig && future.routeConfig.path) || '');
-        if (path.length > 0 && ~path.indexOf(':')) {
-            if (this.routeParamMatchMode === 'strict') {
-                ret = this.getUrl(future) === this.getUrl(curr);
-            }
-            else {
-                ret = path === ((curr.routeConfig && curr.routeConfig.path) || '');
-            }
-        }
-        this.di('=====================');
-        this.di('#shouldReuseRoute', ret, `${this.getUrl(curr)}=>${this.getUrl(future)}`, future, curr);
-        return ret;
-    }
-    // #region scroll
-    /**
-     * 获取 `keepingScroll` 状态，顺序如下：
-     *
-     * 1. 路由配置中 data 属性中包含 `keepingScroll`
-     * 2. 菜单数据中 `keepingScroll` 属性
-     * 3. 组件 `keepingScroll` 值
-     */
-    getKeepingScroll(url, route) {
-        if (route && route.data && typeof route.data.keepingScroll === 'boolean')
-            return route.data.keepingScroll;
-        const menu = this.mode !== ReuseTabMatchMode.URL ? this.getMenu(url) : null;
-        if (menu && typeof menu.keepingScroll === 'boolean')
-            return menu.keepingScroll;
-        return this.keepingScroll;
-    }
-    get isDisabledInRouter() {
-        const routerConfig = this.injector.get(ROUTER_CONFIGURATION, {});
-        return routerConfig.scrollPositionRestoration === 'disabled';
-    }
-    get ss() {
-        return this.injector.get(ScrollService);
-    }
-    initScroll() {
-        if (this._router$) {
-            this._router$.unsubscribe();
-        }
-        this._router$ = this.injector.get(Router).events.subscribe(e => {
-            if (e instanceof NavigationStart) {
-                const url = this.curUrl;
-                if (this.getKeepingScroll(url, this.getTruthRoute(this.snapshot))) {
-                    this.positionBuffer[url] = this.ss.getScrollPosition(this.keepingScrollContainer);
-                }
-                else {
-                    delete this.positionBuffer[url];
-                }
-            }
-            else if (e instanceof NavigationEnd) {
-                const url = this.curUrl;
-                const item = this.get(url);
-                if (item && item.position && this.getKeepingScroll(url, this.getTruthRoute(this.snapshot))) {
-                    if (this.isDisabledInRouter) {
-                        this.ss.scrollToPosition(this.keepingScrollContainer, item.position);
-                    }
-                    else {
-                        setTimeout(() => this.ss.scrollToPosition(this.keepingScrollContainer, item.position), 1);
-                    }
-                }
-            }
-        });
-    }
-    // #endregion
-    ngOnDestroy() {
-        const { _cachedChange, _router$ } = this;
-        this.clear();
-        this._cached = [];
-        _cachedChange.complete();
-        if (_router$) {
-            _router$.unsubscribe();
-        }
-    }
-}
-ReuseTabService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabService, deps: [{ token: i0.Injector }, { token: i1.MenuService }, { token: REUSE_TAB_STORAGE_KEY, optional: true }, { token: REUSE_TAB_STORAGE_STATE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-ReuseTabService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () {
-        return [{ type: i0.Injector }, { type: i1.MenuService }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [REUSE_TAB_STORAGE_KEY]
-                    }] }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [REUSE_TAB_STORAGE_STATE]
-                    }] }];
-    } });
-
-class ReuseTabComponent {
-    set keepingScrollContainer(value) {
-        this._keepingScrollContainer = typeof value === 'string' ? this.doc.querySelector(value) : value;
-    }
-    // #endregion
-    constructor(srv, cdr, router, route, i18nSrv, doc, platform, directionality, stateKey, stateSrv) {
-        this.srv = srv;
-        this.cdr = cdr;
-        this.router = router;
-        this.route = route;
-        this.i18nSrv = i18nSrv;
-        this.doc = doc;
-        this.platform = platform;
-        this.directionality = directionality;
-        this.stateKey = stateKey;
-        this.stateSrv = stateSrv;
-        this.destroy$ = new Subject();
-        this.list = [];
-        this.pos = 0;
-        this.dir = 'ltr';
-        // #region fields
-        this.mode = ReuseTabMatchMode.Menu;
-        this.debug = false;
-        this.allowClose = true;
-        this.keepingScroll = false;
-        this.storageState = false;
-        this.customContextMenu = [];
-        this.tabBarStyle = null;
-        this.tabType = 'line';
-        this.routeParamMatchMode = 'strict';
-        this.disabled = false;
-        this.change = new EventEmitter();
-        this.close = new EventEmitter();
-    }
-    genTit(title) {
-        return title.i18n && this.i18nSrv ? this.i18nSrv.fanyi(title.i18n) : title.text;
-    }
-    get curUrl() {
-        return this.srv.getUrl(this.route.snapshot);
-    }
-    genCurItem() {
-        const url = this.curUrl;
-        const snapshotTrue = this.srv.getTruthRoute(this.route.snapshot);
-        return {
-            url,
-            title: this.genTit(this.srv.getTitle(url, snapshotTrue)),
-            closable: this.allowClose && this.srv.count > 0 && this.srv.getClosable(url, snapshotTrue),
-            active: false,
-            last: false,
-            index: 0
-        };
-    }
-    genList(notify) {
-        const ls = this.srv.items.map((item, index) => ({
-            url: item.url,
-            title: this.genTit(item.title),
-            closable: this.allowClose && item.closable && this.srv.count > 0,
-            position: item.position,
-            index,
-            active: false,
-            last: false
-        }));
-        // debugger;
-        const url = this.curUrl;
-        let addCurrent = ls.findIndex(w => w.url === url) === -1;
-        if (notify && notify.active === 'close' && notify.url === url) {
-            addCurrent = false;
-            let toPos = 0;
-            const curItem = this.list.find(w => w.url === url);
-            if (curItem.index === ls.length) {
-                // When closed is last
-                toPos = ls.length - 1;
-            }
-            else if (curItem.index < ls.length) {
-                // Should be actived next tab when closed is middle
-                toPos = Math.max(0, curItem.index);
-            }
-            this.router.navigateByUrl(ls[toPos].url);
-        }
-        if (addCurrent) {
-            ls.splice(this.pos + 1, 0, this.genCurItem());
-        }
-        ls.forEach((item, index) => (item.index = index));
-        if (ls.length === 1) {
-            ls[0].closable = false;
-        }
-        this.list = ls;
-        this.cdr.detectChanges();
-        this.updatePos();
-    }
-    updateTitle(res) {
-        const item = this.list.find(w => w.url === res.url);
-        if (!item)
-            return;
-        item.title = this.genTit(res.title);
-        this.cdr.detectChanges();
-    }
-    refresh(item) {
-        this.srv.runHook('_onReuseInit', this.pos === item.index ? this.srv.componentRef : item.index, 'refresh');
-    }
-    saveState() {
-        if (!this.srv.inited || !this.storageState)
-            return;
-        this.stateSrv.update(this.stateKey, this.list);
-    }
-    // #region UI
-    contextMenuChange(res) {
-        let fn = null;
-        switch (res.type) {
-            case 'refresh':
-                this.refresh(res.item);
-                break;
-            case 'close':
-                this._close(null, res.item.index, res.includeNonCloseable);
-                break;
-            case 'closeRight':
-                fn = () => {
-                    this.srv.closeRight(res.item.url, res.includeNonCloseable);
-                    this.close.emit(null);
-                };
-                break;
-            case 'closeOther':
-                fn = () => {
-                    this.srv.clear(res.includeNonCloseable);
-                    this.close.emit(null);
-                };
-                break;
-        }
-        if (!fn) {
-            return;
-        }
-        if (!res.item.active && res.item.index <= this.list.find(w => w.active).index) {
-            this._to(res.item.index, fn);
-        }
-        else {
-            fn();
-        }
-    }
-    _to(index, cb) {
-        index = Math.max(0, Math.min(index, this.list.length - 1));
-        const item = this.list[index];
-        this.router.navigateByUrl(item.url).then(res => {
-            if (!res)
-                return;
-            this.item = item;
-            this.change.emit(item);
-            if (cb) {
-                cb();
-            }
-        });
-    }
-    _close(e, idx, includeNonCloseable) {
-        if (e != null) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-        const item = this.list[idx];
-        (this.canClose ? this.canClose({ item, includeNonCloseable }) : of(true)).pipe(filter(v => v)).subscribe(() => {
-            this.srv.close(item.url, includeNonCloseable);
-            this.close.emit(item);
-            this.cdr.detectChanges();
-        });
-        return false;
-    }
-    /**
-     * 设置激活路由的实例，在 `src/app/layout/basic/basic.component.ts` 修改：
-     *
-     * @example
-     * <reuse-tab #reuseTab></reuse-tab>
-     * <router-outlet (activate)="reuseTab.activate($event)" (attach)="reuseTab.activate($event)"></router-outlet>
-     */
-    activate(instance) {
-        this.srv.componentRef = { instance };
-    }
-    updatePos() {
-        const url = this.srv.getUrl(this.route.snapshot);
-        const ls = this.list.filter(w => w.url === url || !this.srv.isExclude(w.url));
-        if (ls.length === 0) {
-            return;
-        }
-        const last = ls[ls.length - 1];
-        const item = ls.find(w => w.url === url);
-        last.last = true;
-        const pos = item == null ? last.index : item.index;
-        ls.forEach((i, idx) => (i.active = pos === idx));
-        this.pos = pos;
-        // TODO: 目前无法知道为什么 `pos` 无法通过 `nzSelectedIndex` 生效，因此强制使用组件实例的方式来修改，这种方式是安全的
-        // https://github.com/ng-alain/ng-alain/issues/1736
-        this.tabset.nzSelectedIndex = pos;
-        this.list = ls;
-        this.cdr.detectChanges();
-        this.saveState();
-    }
-    // #endregion
-    ngOnInit() {
-        var _a;
-        this.dir = this.directionality.value;
-        (_a = this.directionality.change) === null || _a === void 0 ? void 0 : _a.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
-            this.dir = direction;
-            this.cdr.detectChanges();
-        });
-        if (!this.platform.isBrowser) {
-            return;
-        }
-        this.srv.change.pipe(takeUntil(this.destroy$)).subscribe(res => {
-            var _a;
-            switch (res === null || res === void 0 ? void 0 : res.active) {
-                case 'title':
-                    this.updateTitle(res);
-                    return;
-                case 'override':
-                    if (((_a = res === null || res === void 0 ? void 0 : res.list) === null || _a === void 0 ? void 0 : _a.length) === this.list.length) {
-                        this.updatePos();
-                        return;
-                    }
-                    break;
-            }
-            this.genList(res);
-        });
-        this.i18nSrv.change
-            .pipe(filter(() => this.srv.inited), takeUntil(this.destroy$), debounceTime(100))
-            .subscribe(() => this.genList({ active: 'title' }));
-        this.srv.init();
-    }
-    ngOnChanges(changes) {
-        if (!this.platform.isBrowser) {
-            return;
-        }
-        if (changes.max)
-            this.srv.max = this.max;
-        if (changes.excludes)
-            this.srv.excludes = this.excludes;
-        if (changes.mode)
-            this.srv.mode = this.mode;
-        if (changes.routeParamMatchMode)
-            this.srv.routeParamMatchMode = this.routeParamMatchMode;
-        if (changes.keepingScroll) {
-            this.srv.keepingScroll = this.keepingScroll;
-            this.srv.keepingScrollContainer = this._keepingScrollContainer;
-        }
-        if (changes.storageState)
-            this.srv.storageState = this.storageState;
-        this.srv.debug = this.debug;
-        this.cdr.detectChanges();
-    }
-    ngOnDestroy() {
-        const { destroy$ } = this;
-        destroy$.next();
-        destroy$.complete();
-    }
-}
-ReuseTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabComponent, deps: [{ token: ReuseTabService }, { token: i0.ChangeDetectorRef }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: ALAIN_I18N_TOKEN, optional: true }, { token: DOCUMENT }, { token: i3$1.Platform }, { token: i4.Directionality, optional: true }, { token: REUSE_TAB_STORAGE_KEY, optional: true }, { token: REUSE_TAB_STORAGE_STATE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ReuseTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ReuseTabComponent, selector: "reuse-tab, [reuse-tab]", inputs: { mode: "mode", i18n: "i18n", debug: "debug", max: "max", tabMaxWidth: "tabMaxWidth", excludes: "excludes", allowClose: "allowClose", keepingScroll: "keepingScroll", storageState: "storageState", keepingScrollContainer: "keepingScrollContainer", customContextMenu: "customContextMenu", tabBarExtraContent: "tabBarExtraContent", tabBarGutter: "tabBarGutter", tabBarStyle: "tabBarStyle", tabType: "tabType", routeParamMatchMode: "routeParamMatchMode", disabled: "disabled", titleRender: "titleRender", canClose: "canClose" }, outputs: { change: "change", close: "close" }, host: { properties: { "class.reuse-tab": "true", "class.reuse-tab__line": "tabType === 'line'", "class.reuse-tab__card": "tabType === 'card'", "class.reuse-tab__disabled": "disabled", "class.reuse-tab-rtl": "dir === 'rtl'" } }, providers: [ReuseTabContextService], viewQueries: [{ propertyName: "tabset", first: true, predicate: ["tabset"], descendants: true }], exportAs: ["reuseTab"], usesOnChanges: true, ngImport: i0, template: "<nz-tabset\n  #tabset\n  [nzSelectedIndex]=\"pos\"\n  [nzAnimated]=\"false\"\n  [nzType]=\"tabType\"\n  [nzTabBarExtraContent]=\"tabBarExtraContent\"\n  [nzTabBarGutter]=\"tabBarGutter\"\n  [nzTabBarStyle]=\"tabBarStyle\"\n>\n  <nz-tab *ngFor=\"let i of list; let index = index\" [nzTitle]=\"titleTemplate\" (nzClick)=\"_to(index)\">\n    <ng-template #titleTemplate>\n      <div\n        [reuse-tab-context-menu]=\"i\"\n        [customContextMenu]=\"customContextMenu\"\n        class=\"reuse-tab__name\"\n        [attr.title]=\"i.title\"\n      >\n        <span [class.reuse-tab__name-width]=\"tabMaxWidth\" [style.max-width.px]=\"tabMaxWidth\">\n          <ng-container\n            *ngIf=\"titleRender; else defaultTitle\"\n            [ngTemplateOutlet]=\"titleRender\"\n            [ngTemplateOutletContext]=\"{ $implicit: i }\"\n          ></ng-container>\n          <ng-template #defaultTitle>{{ i.title }}</ng-template>\n        </span>\n      </div>\n      <i *ngIf=\"i.closable\" nz-icon nzType=\"close\" class=\"reuse-tab__op\" (click)=\"_close($event, index, false)\"></i>\n    </ng-template>\n  </nz-tab>\n</nz-tabset>\n<reuse-tab-context [i18n]=\"i18n\" (change)=\"contextMenuChange($event)\"></reuse-tab-context>\n", dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i6.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "directive", type: i7.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: ReuseTabContextComponent, selector: "reuse-tab-context", inputs: ["i18n"], outputs: ["change"] }, { kind: "directive", type: ReuseTabContextDirective, selector: "[reuse-tab-context-menu]", inputs: ["reuse-tab-context-menu", "customContextMenu"], exportAs: ["reuseTabContextMenu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-__decorate([
-    InputBoolean()
-], ReuseTabComponent.prototype, "debug", void 0);
-__decorate([
-    InputNumber()
-], ReuseTabComponent.prototype, "max", void 0);
-__decorate([
-    InputNumber()
-], ReuseTabComponent.prototype, "tabMaxWidth", void 0);
-__decorate([
-    InputBoolean()
-], ReuseTabComponent.prototype, "allowClose", void 0);
-__decorate([
-    InputBoolean()
-], ReuseTabComponent.prototype, "keepingScroll", void 0);
-__decorate([
-    InputBoolean()
-], ReuseTabComponent.prototype, "storageState", void 0);
-__decorate([
-    InputBoolean()
-], ReuseTabComponent.prototype, "disabled", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'reuse-tab, [reuse-tab]', exportAs: 'reuseTab', host: {
-                        '[class.reuse-tab]': 'true',
-                        '[class.reuse-tab__line]': `tabType === 'line'`,
-                        '[class.reuse-tab__card]': `tabType === 'card'`,
-                        '[class.reuse-tab__disabled]': `disabled`,
-                        '[class.reuse-tab-rtl]': `dir === 'rtl'`
-                    }, providers: [ReuseTabContextService], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<nz-tabset\n  #tabset\n  [nzSelectedIndex]=\"pos\"\n  [nzAnimated]=\"false\"\n  [nzType]=\"tabType\"\n  [nzTabBarExtraContent]=\"tabBarExtraContent\"\n  [nzTabBarGutter]=\"tabBarGutter\"\n  [nzTabBarStyle]=\"tabBarStyle\"\n>\n  <nz-tab *ngFor=\"let i of list; let index = index\" [nzTitle]=\"titleTemplate\" (nzClick)=\"_to(index)\">\n    <ng-template #titleTemplate>\n      <div\n        [reuse-tab-context-menu]=\"i\"\n        [customContextMenu]=\"customContextMenu\"\n        class=\"reuse-tab__name\"\n        [attr.title]=\"i.title\"\n      >\n        <span [class.reuse-tab__name-width]=\"tabMaxWidth\" [style.max-width.px]=\"tabMaxWidth\">\n          <ng-container\n            *ngIf=\"titleRender; else defaultTitle\"\n            [ngTemplateOutlet]=\"titleRender\"\n            [ngTemplateOutletContext]=\"{ $implicit: i }\"\n          ></ng-container>\n          <ng-template #defaultTitle>{{ i.title }}</ng-template>\n        </span>\n      </div>\n      <i *ngIf=\"i.closable\" nz-icon nzType=\"close\" class=\"reuse-tab__op\" (click)=\"_close($event, index, false)\"></i>\n    </ng-template>\n  </nz-tab>\n</nz-tabset>\n<reuse-tab-context [i18n]=\"i18n\" (change)=\"contextMenuChange($event)\"></reuse-tab-context>\n" }]
-        }], ctorParameters: function () {
-        return [{ type: ReuseTabService }, { type: i0.ChangeDetectorRef }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [ALAIN_I18N_TOKEN]
-                    }] }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: i3$1.Platform }, { type: i4.Directionality, decorators: [{
-                        type: Optional
-                    }] }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [REUSE_TAB_STORAGE_KEY]
-                    }] }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [REUSE_TAB_STORAGE_STATE]
-                    }] }];
-    }, propDecorators: { tabset: [{
-                type: ViewChild,
-                args: ['tabset']
-            }], mode: [{
-                type: Input
-            }], i18n: [{
-                type: Input
-            }], debug: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], tabMaxWidth: [{
-                type: Input
-            }], excludes: [{
-                type: Input
-            }], allowClose: [{
-                type: Input
-            }], keepingScroll: [{
-                type: Input
-            }], storageState: [{
-                type: Input
-            }], keepingScrollContainer: [{
-                type: Input
-            }], customContextMenu: [{
-                type: Input
-            }], tabBarExtraContent: [{
-                type: Input
-            }], tabBarGutter: [{
-                type: Input
-            }], tabBarStyle: [{
-                type: Input
-            }], tabType: [{
-                type: Input
-            }], routeParamMatchMode: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], titleRender: [{
-                type: Input
-            }], canClose: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }], close: [{
-                type: Output
-            }] } });
-
-class ReuseTabStrategy {
-    constructor(srv) {
-        this.srv = srv;
-    }
-    shouldDetach(route) {
-        return this.srv.shouldDetach(route);
-    }
-    store(route, handle) {
-        this.srv.store(route, handle);
-    }
-    shouldAttach(route) {
-        return this.srv.shouldAttach(route);
-    }
-    retrieve(route) {
-        return this.srv.retrieve(route);
-    }
-    shouldReuseRoute(future, curr) {
-        return this.srv.shouldReuseRoute(future, curr);
-    }
-}
-
-const COMPONENTS = [ReuseTabComponent];
-const NOEXPORTS = [ReuseTabContextMenuComponent, ReuseTabContextComponent, ReuseTabContextDirective];
-class ReuseTabModule {
-}
-ReuseTabModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ReuseTabModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabModule, declarations: [ReuseTabComponent, ReuseTabContextMenuComponent, ReuseTabContextComponent, ReuseTabContextDirective], imports: [CommonModule, RouterModule, DelonLocaleModule, NzMenuModule, NzTabsModule, NzIconModule, OverlayModule], exports: [ReuseTabComponent] });
-ReuseTabModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabModule, providers: [
-        {
-            provide: REUSE_TAB_STORAGE_KEY,
-            useValue: '_reuse-tab-state'
-        },
-        {
-            provide: REUSE_TAB_STORAGE_STATE,
-            useFactory: () => new ReuseTabLocalStorageState()
-        }
-    ], imports: [CommonModule, RouterModule, DelonLocaleModule, NzMenuModule, NzTabsModule, NzIconModule, OverlayModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ReuseTabModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, RouterModule, DelonLocaleModule, NzMenuModule, NzTabsModule, NzIconModule, OverlayModule],
-                    declarations: [...COMPONENTS, ...NOEXPORTS],
-                    providers: [
-                        {
-                            provide: REUSE_TAB_STORAGE_KEY,
-                            useValue: '_reuse-tab-state'
-                        },
-                        {
-                            provide: REUSE_TAB_STORAGE_STATE,
-                            useFactory: () => new ReuseTabLocalStorageState()
-                        }
-                    ],
-                    exports: COMPONENTS
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { REUSE_TAB_STORAGE_KEY, REUSE_TAB_STORAGE_STATE, ReuseTabComponent, ReuseTabContextComponent, ReuseTabContextDirective, ReuseTabContextMenuComponent, ReuseTabContextService, ReuseTabLocalStorageState, ReuseTabMatchMode, ReuseTabModule, ReuseTabService, ReuseTabStrategy };
-//# sourceMappingURL=reuse-tab.mjs.map