@delon/abc 12.4.1 → 13.0.0

package/fesm2015/{reuseTab.js → reuse-tab.mjs}

@@ -1,20 +1,26 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, Injectable, Directive, Injector, ChangeDetectorRef, Optional, Inject, ViewChild, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, Injectable, Directive, Optional, Inject, ViewChild, NgModule } from '@angular/core';
 import * as i1 from '@delon/theme';
-import { DelonLocaleService, MenuService, ALAIN_I18N_TOKEN, DelonLocaleModule } from '@delon/theme';
+import { ALAIN_I18N_TOKEN, DelonLocaleModule } from '@delon/theme';
+import * as i2 from 'ng-zorro-antd/menu';
+import { NzMenuModule } from 'ng-zorro-antd/menu';
+import * as i6 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
 import { Subject, Subscription, BehaviorSubject, timer } from 'rxjs';
-import { ConnectionPositionPair, Overlay, OverlayModule } from '@angular/cdk/overlay';
+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 { Platform } from '@angular/cdk/platform';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { ActivatedRoute, Router, ROUTER_CONFIGURATION, NavigationStart, NavigationEnd, RouterModule } from '@angular/router';
-import { takeUntil, debounceTime, filter } from 'rxjs/operators';
+import { takeUntil, filter, debounceTime } from 'rxjs/operators';
 import { InputBoolean, InputNumber } from '@delon/util/decorator';
+import * as i2$1 from '@angular/router';
+import { ActivatedRoute, Router, ROUTER_CONFIGURATION, NavigationStart, NavigationEnd, RouterModule } from '@angular/router';
 import { ScrollService } from '@delon/util/browser';
-import { NzIconModule } from 'ng-zorro-antd/icon';
-import { NzMenuModule } from 'ng-zorro-antd/menu';
+import * as i3 from '@angular/cdk/platform';
+import * as i4 from 'ng-zorro-antd/tabs';
 import { NzTabsModule } from 'ng-zorro-antd/tabs';
+import * as i8 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
 
 class ReuseTabContextMenuComponent {
     constructor(i18nSrv) {
@@ -64,33 +70,30 @@ class ReuseTabContextMenuComponent {
         this.notify(null);
     }
 }
-ReuseTabContextMenuComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'reuse-tab-context-menu',
-                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",
-                host: {
-                    '(document:click)': 'closeMenu($event)',
-                    '(document:contextmenu)': 'closeMenu($event)'
-                },
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-ReuseTabContextMenuComponent.ctorParameters = () => [
-    { type: DelonLocaleService }
-];
-ReuseTabContextMenuComponent.propDecorators = {
-    i18n: [{ type: Input }],
-    item: [{ type: Input }],
-    event: [{ type: Input }],
-    customContextMenu: [{ type: Input }],
-    close: [{ type: Output }]
-};
+ReuseTabContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabContextMenuComponent, deps: [{ token: i1.DelonLocaleService }], target: i0.ɵɵFactoryTarget.Component });
+ReuseTabContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", 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", directives: [{ type: i2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NzMenuItemDirective, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { type: i2.NzMenuDividerDirective, selector: "[nz-menu-divider]", exportAs: ["nzMenuDivider"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", 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();
     }
@@ -129,12 +132,11 @@ class ReuseTabContextService {
         comp.onDestroy(() => sub$.unsubscribe());
     }
 }
-ReuseTabContextService.decorators = [
-    { type: Injectable }
-];
-ReuseTabContextService.ctorParameters = () => [
-    { type: Overlay }
-];
+ReuseTabContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabContextService, deps: [{ token: i1$1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+ReuseTabContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabContextService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabContextService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.Overlay }]; } });
 
 class ReuseTabContextComponent {
     constructor(srv) {
@@ -151,19 +153,19 @@ class ReuseTabContextComponent {
         this.sub$.unsubscribe();
     }
 }
-ReuseTabContextComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'reuse-tab-context',
-                template: ``
-            },] }
-];
-ReuseTabContextComponent.ctorParameters = () => [
-    { type: ReuseTabContextService }
-];
-ReuseTabContextComponent.propDecorators = {
-    i18n: [{ type: Input }],
-    change: [{ type: Output }]
-};
+ReuseTabContextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabContextComponent, deps: [{ token: ReuseTabContextService }], target: i0.ɵɵFactoryTarget.Component });
+ReuseTabContextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: ReuseTabContextComponent, selector: "reuse-tab-context", inputs: { i18n: "i18n" }, outputs: { change: "change" }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", 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) {
@@ -179,22 +181,23 @@ class ReuseTabContextDirective {
         event.stopPropagation();
     }
 }
-ReuseTabContextDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[reuse-tab-context-menu]',
-                exportAs: 'reuseTabContextMenu',
-                host: {
-                    '(contextmenu)': '_onContextMenu($event)'
-                }
-            },] }
-];
-ReuseTabContextDirective.ctorParameters = () => [
-    { type: ReuseTabContextService }
-];
-ReuseTabContextDirective.propDecorators = {
-    item: [{ type: Input, args: ['reuse-tab-context-menu',] }],
-    customContextMenu: [{ type: Input }]
-};
+ReuseTabContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabContextDirective, deps: [{ token: ReuseTabContextService }], target: i0.ɵɵFactoryTarget.Directive });
+ReuseTabContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", 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: "13.1.1", 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
+            }] } });
 
 /**
  * 复用匹配模式
@@ -241,6 +244,7 @@ class ReuseTabService {
         this._cached = [];
         this._titleCached = {};
         this._closableCached = {};
+        this.removeUrlBuffer = null;
         this.positionBuffer = {};
         this.debug = false;
         this.routeParamMatchMode = 'strict';
@@ -548,9 +552,11 @@ class ReuseTabService {
             _handle.componentRef.destroy();
     }
     di(...args) {
-        if (!this.debug)
-            return;
-        console.warn(...args);
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            if (!this.debug)
+                return;
+            console.warn(...args);
+        }
     }
     init() {
         this.initScroll();
@@ -567,10 +573,10 @@ class ReuseTabService {
             const item = this._cached[comp];
             comp = item._handle.componentRef;
         }
-        const compThis = comp.instance;
-        if (comp == null || !compThis) {
+        if (comp == null || !comp.instance) {
             return;
         }
+        const compThis = comp.instance;
         const fn = compThis[method];
         if (typeof fn !== 'function') {
             return;
@@ -746,14 +752,12 @@ class ReuseTabService {
         }
     }
 }
-ReuseTabService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ReuseTabService_Factory() { return new ReuseTabService(i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1.MenuService)); }, token: ReuseTabService, providedIn: "root" });
-ReuseTabService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-ReuseTabService.ctorParameters = () => [
-    { type: Injector },
-    { type: MenuService }
-];
+ReuseTabService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabService, deps: [{ token: i0.Injector }, { token: i1.MenuService }], target: i0.ɵɵFactoryTarget.Injectable });
+ReuseTabService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.MenuService }]; } });
 
 class ReuseTabComponent {
     // #endregion
@@ -766,7 +770,6 @@ class ReuseTabComponent {
         this.doc = doc;
         this.platform = platform;
         this.destroy$ = new Subject();
-        this.updatePos$ = new Subject();
         this.list = [];
         this.pos = 0;
         // #region fields
@@ -775,6 +778,7 @@ class ReuseTabComponent {
         this.allowClose = true;
         this.keepingScroll = false;
         this.customContextMenu = [];
+        this.tabBarStyle = null;
         this.tabType = 'line';
         this.routeParamMatchMode = 'strict';
         this.disabled = false;
@@ -811,6 +815,7 @@ class ReuseTabComponent {
             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) {
@@ -836,7 +841,7 @@ class ReuseTabComponent {
         }
         this.list = ls;
         this.cdr.detectChanges();
-        this.updatePos$.next();
+        this.updatePos();
     }
     updateTitle(res) {
         const item = this.list.find(w => w.url === res.url);
@@ -908,29 +913,29 @@ class ReuseTabComponent {
     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();
+    }
     // #endregion
     ngOnInit() {
         if (!this.platform.isBrowser) {
             return;
         }
-        this.updatePos$.pipe(takeUntil(this.destroy$), debounceTime(50)).subscribe(() => {
-            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.srv.change.pipe(takeUntil(this.destroy$)).subscribe(res => {
             var _a;
             switch (res === null || res === void 0 ? void 0 : res.active) {
@@ -939,7 +944,7 @@ class ReuseTabComponent {
                     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$.next();
+                        this.updatePos();
                         return;
                     }
                     break;
@@ -971,59 +976,13 @@ class ReuseTabComponent {
         this.cdr.detectChanges();
     }
     ngOnDestroy() {
-        const { destroy$: unsubscribe$ } = this;
-        unsubscribe$.next();
-        unsubscribe$.complete();
+        const { destroy$ } = this;
+        destroy$.next();
+        destroy$.complete();
     }
 }
-ReuseTabComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'reuse-tab, [reuse-tab]',
-                exportAs: 'reuseTab',
-                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",
-                host: {
-                    '[class.reuse-tab]': 'true',
-                    '[class.reuse-tab__line]': `tabType === 'line'`,
-                    '[class.reuse-tab__card]': `tabType === 'card'`,
-                    '[class.reuse-tab__disabled]': `disabled`
-                },
-                providers: [ReuseTabContextService],
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-ReuseTabComponent.ctorParameters = () => [
-    { type: ReuseTabService },
-    { type: ChangeDetectorRef },
-    { type: Router },
-    { type: ActivatedRoute },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [ALAIN_I18N_TOKEN,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: Platform }
-];
-ReuseTabComponent.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 }],
-    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 }],
-    change: [{ type: Output }],
-    close: [{ type: Output }]
-};
+ReuseTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabComponent, deps: [{ token: ReuseTabService }, { token: i0.ChangeDetectorRef }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }, { token: ALAIN_I18N_TOKEN, optional: true }, { token: DOCUMENT }, { token: i3.Platform }], target: i0.ɵɵFactoryTarget.Component });
+ReuseTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: ReuseTabComponent, selector: "reuse-tab, [reuse-tab]", inputs: { mode: "mode", i18n: "i18n", debug: "debug", max: "max", tabMaxWidth: "tabMaxWidth", excludes: "excludes", allowClose: "allowClose", keepingScroll: "keepingScroll", keepingScrollContainer: "keepingScrollContainer", customContextMenu: "customContextMenu", tabBarExtraContent: "tabBarExtraContent", tabBarGutter: "tabBarGutter", tabBarStyle: "tabBarStyle", tabType: "tabType", routeParamMatchMode: "routeParamMatchMode", disabled: "disabled", titleRender: "titleRender" }, 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" } }, 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", components: [{ type: i4.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"] }, { type: i4.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { type: ReuseTabContextComponent, selector: "reuse-tab-context", inputs: ["i18n"], outputs: ["change"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: ReuseTabContextDirective, selector: "[reuse-tab-context-menu]", inputs: ["reuse-tab-context-menu", "customContextMenu"], exportAs: ["reuseTabContextMenu"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     InputBoolean()
 ], ReuseTabComponent.prototype, "debug", void 0);
@@ -1042,6 +1001,66 @@ __decorate([
 __decorate([
     InputBoolean()
 ], ReuseTabComponent.prototype, "disabled", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", 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`
+                    }, 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$1.Router }, { type: i2$1.ActivatedRoute }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [ALAIN_I18N_TOKEN]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i3.Platform }];
+    }, 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
+            }], 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
+            }], change: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }] } });
 
 class ReuseTabStrategy {
     constructor(srv) {
@@ -1068,17 +1087,21 @@ const COMPONENTS = [ReuseTabComponent];
 const NOEXPORTS = [ReuseTabContextMenuComponent, ReuseTabContextComponent, ReuseTabContextDirective];
 class ReuseTabModule {
 }
-ReuseTabModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, RouterModule, DelonLocaleModule, NzMenuModule, NzTabsModule, NzIconModule, OverlayModule],
-                declarations: [...COMPONENTS, ...NOEXPORTS],
-                exports: COMPONENTS
-            },] }
-];
+ReuseTabModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ReuseTabModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", 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: "13.1.1", ngImport: i0, type: ReuseTabModule, imports: [[CommonModule, RouterModule, DelonLocaleModule, NzMenuModule, NzTabsModule, NzIconModule, OverlayModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ReuseTabModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule, DelonLocaleModule, NzMenuModule, NzTabsModule, NzIconModule, OverlayModule],
+                    declarations: [...COMPONENTS, ...NOEXPORTS],
+                    exports: COMPONENTS
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
 export { ReuseTabComponent, ReuseTabContextComponent, ReuseTabContextDirective, ReuseTabContextMenuComponent, ReuseTabContextService, ReuseTabMatchMode, ReuseTabModule, ReuseTabService, ReuseTabStrategy };
-//# sourceMappingURL=reuseTab.js.map
+//# sourceMappingURL=reuse-tab.mjs.map