@delon/abc 18.2.0 → 19.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/auto-focus/auto-focus.directive.d.ts +3 -5
- package/avatar-list/avatar-list.component.d.ts +3 -0
- package/avatar-list/avatar-list.module.d.ts +3 -0
- package/exception/exception.component.d.ts +1 -1
- package/fesm2022/auto-focus.mjs +19 -28
- package/fesm2022/auto-focus.mjs.map +1 -1
- package/fesm2022/avatar-list.mjs +35 -27
- package/fesm2022/avatar-list.mjs.map +1 -1
- package/fesm2022/cell.mjs +104 -107
- package/fesm2022/cell.mjs.map +1 -1
- package/fesm2022/chart-observer-size.mjs +17 -22
- package/fesm2022/chart-observer-size.mjs.map +1 -1
- package/fesm2022/count-down.mjs +11 -12
- package/fesm2022/count-down.mjs.map +1 -1
- package/fesm2022/date-picker.mjs +26 -26
- package/fesm2022/date-picker.mjs.map +1 -1
- package/fesm2022/down-file.mjs +19 -15
- package/fesm2022/down-file.mjs.map +1 -1
- package/fesm2022/ellipsis.mjs +29 -25
- package/fesm2022/ellipsis.mjs.map +1 -1
- package/fesm2022/error-collect.mjs +22 -21
- package/fesm2022/error-collect.mjs.map +1 -1
- package/fesm2022/exception.mjs +24 -20
- package/fesm2022/exception.mjs.map +1 -1
- package/fesm2022/footer-toolbar.mjs +13 -14
- package/fesm2022/footer-toolbar.mjs.map +1 -1
- package/fesm2022/full-content.mjs +31 -38
- package/fesm2022/full-content.mjs.map +1 -1
- package/fesm2022/global-footer.mjs +24 -23
- package/fesm2022/global-footer.mjs.map +1 -1
- package/fesm2022/hotkey.mjs +13 -15
- package/fesm2022/hotkey.mjs.map +1 -1
- package/fesm2022/loading.mjs +23 -21
- package/fesm2022/loading.mjs.map +1 -1
- package/fesm2022/lodop.mjs +15 -13
- package/fesm2022/lodop.mjs.map +1 -1
- package/fesm2022/media.mjs +30 -30
- package/fesm2022/media.mjs.map +1 -1
- package/fesm2022/notice-icon.mjs +48 -84
- package/fesm2022/notice-icon.mjs.map +1 -1
- package/fesm2022/onboarding.mjs +41 -37
- package/fesm2022/onboarding.mjs.map +1 -1
- package/fesm2022/page-header.mjs +48 -36
- package/fesm2022/page-header.mjs.map +1 -1
- package/fesm2022/pdf.mjs +45 -34
- package/fesm2022/pdf.mjs.map +1 -1
- package/fesm2022/quick-menu.mjs +22 -22
- package/fesm2022/quick-menu.mjs.map +1 -1
- package/fesm2022/result.mjs +17 -16
- package/fesm2022/result.mjs.map +1 -1
- package/fesm2022/reuse-tab.mjs +124 -122
- package/fesm2022/reuse-tab.mjs.map +1 -1
- package/fesm2022/se.mjs +68 -50
- package/fesm2022/se.mjs.map +1 -1
- package/fesm2022/sg.mjs +22 -21
- package/fesm2022/sg.mjs.map +1 -1
- package/fesm2022/st.mjs +445 -419
- package/fesm2022/st.mjs.map +1 -1
- package/fesm2022/sv.mjs +62 -43
- package/fesm2022/sv.mjs.map +1 -1
- package/fesm2022/tag-select.mjs +18 -20
- package/fesm2022/tag-select.mjs.map +1 -1
- package/fesm2022/xlsx.mjs +17 -18
- package/fesm2022/xlsx.mjs.map +1 -1
- package/fesm2022/zip.mjs +7 -6
- package/fesm2022/zip.mjs.map +1 -1
- package/hotkey/hotkey.directive.d.ts +2 -2
- package/notice-icon/notice-icon-tab.component.d.ts +5 -6
- package/notice-icon/notice-icon.component.d.ts +17 -22
- package/package.json +5 -75
- package/reuse-tab/public_api.d.ts +2 -1
- package/st/st-column-source.d.ts +1 -0
- package/st/st-filter.component.d.ts +4 -4
- package/st/st-row.directive.d.ts +1 -1
- package/st/st-widget-host.directive.d.ts +1 -1
- package/st/st.component.d.ts +38 -26
- package/st/st.interfaces.d.ts +26 -4
- package/st/st.module.d.ts +1 -22
- package/st/st.types.d.ts +2 -3
- package/sv/sv-container.component.d.ts +1 -1
- package/esm2022/abc.mjs +0 -5
- package/esm2022/auto-focus/auto-focus.directive.mjs +0 -40
- package/esm2022/auto-focus/auto-focus.mjs +0 -5
- package/esm2022/auto-focus/auto-focus.module.mjs +0 -17
- package/esm2022/auto-focus/index.mjs +0 -3
- package/esm2022/avatar-list/avatar-list-item.component.mjs +0 -27
- package/esm2022/avatar-list/avatar-list.component.mjs +0 -79
- package/esm2022/avatar-list/avatar-list.mjs +0 -5
- package/esm2022/avatar-list/avatar-list.module.mjs +0 -21
- package/esm2022/avatar-list/public_api.mjs +0 -4
- package/esm2022/cell/cell-host.directive.mjs +0 -35
- package/esm2022/cell/cell.component.mjs +0 -289
- package/esm2022/cell/cell.mjs +0 -5
- package/esm2022/cell/cell.module.mjs +0 -55
- package/esm2022/cell/cell.service.mjs +0 -173
- package/esm2022/cell/cell.types.mjs +0 -2
- package/esm2022/cell/index.mjs +0 -7
- package/esm2022/cell/provide.mjs +0 -18
- package/esm2022/count-down/count-down.component.mjs +0 -50
- package/esm2022/count-down/count-down.mjs +0 -5
- package/esm2022/count-down/count-down.module.mjs +0 -19
- package/esm2022/count-down/public_api.mjs +0 -3
- package/esm2022/date-picker/date-picker.mjs +0 -5
- package/esm2022/date-picker/date-picker.module.mjs +0 -21
- package/esm2022/date-picker/public_api.mjs +0 -4
- package/esm2022/date-picker/range-shortcut.component.mjs +0 -34
- package/esm2022/date-picker/range.directive.mjs +0 -168
- package/esm2022/down-file/down-file.directive.mjs +0 -113
- package/esm2022/down-file/down-file.mjs +0 -5
- package/esm2022/down-file/down-file.module.mjs +0 -19
- package/esm2022/down-file/public_api.mjs +0 -3
- package/esm2022/ellipsis/ellipsis.component.mjs +0 -219
- package/esm2022/ellipsis/ellipsis.mjs +0 -5
- package/esm2022/ellipsis/ellipsis.module.mjs +0 -20
- package/esm2022/ellipsis/public_api.mjs +0 -3
- package/esm2022/error-collect/error-collect.component.mjs +0 -110
- package/esm2022/error-collect/error-collect.mjs +0 -5
- package/esm2022/error-collect/error-collect.module.mjs +0 -19
- package/esm2022/error-collect/public_api.mjs +0 -3
- package/esm2022/exception/exception.component.mjs +0 -103
- package/esm2022/exception/exception.mjs +0 -5
- package/esm2022/exception/exception.module.mjs +0 -22
- package/esm2022/exception/public_api.mjs +0 -3
- package/esm2022/footer-toolbar/footer-toolbar.component.mjs +0 -33
- package/esm2022/footer-toolbar/footer-toolbar.mjs +0 -5
- package/esm2022/footer-toolbar/footer-toolbar.module.mjs +0 -20
- package/esm2022/footer-toolbar/public_api.mjs +0 -3
- package/esm2022/full-content/full-content-toggle.directive.mjs +0 -25
- package/esm2022/full-content/full-content.component.mjs +0 -125
- package/esm2022/full-content/full-content.mjs +0 -5
- package/esm2022/full-content/full-content.module.mjs +0 -19
- package/esm2022/full-content/full-content.service.mjs +0 -22
- package/esm2022/full-content/public_api.mjs +0 -5
- package/esm2022/global-footer/global-footer-item.component.mjs +0 -27
- package/esm2022/global-footer/global-footer.component.mjs +0 -65
- package/esm2022/global-footer/global-footer.mjs +0 -5
- package/esm2022/global-footer/global-footer.module.mjs +0 -20
- package/esm2022/global-footer/global-footer.types.mjs +0 -2
- package/esm2022/global-footer/public_api.mjs +0 -5
- package/esm2022/hotkey/hotkey.directive.mjs +0 -36
- package/esm2022/hotkey/hotkey.mjs +0 -5
- package/esm2022/hotkey/hotkey.module.mjs +0 -17
- package/esm2022/hotkey/public_api.mjs +0 -3
- package/esm2022/let/index.mjs +0 -3
- package/esm2022/let/let.directive.mjs +0 -40
- package/esm2022/let/let.mjs +0 -5
- package/esm2022/let/let.module.mjs +0 -20
- package/esm2022/loading/loading.component.mjs +0 -26
- package/esm2022/loading/loading.mjs +0 -5
- package/esm2022/loading/loading.module.mjs +0 -22
- package/esm2022/loading/loading.service.mjs +0 -88
- package/esm2022/loading/loading.types.mjs +0 -2
- package/esm2022/loading/public_api.mjs +0 -5
- package/esm2022/lodop/lodop.mjs +0 -5
- package/esm2022/lodop/lodop.module.mjs +0 -12
- package/esm2022/lodop/lodop.service.mjs +0 -224
- package/esm2022/lodop/lodop.types.mjs +0 -2
- package/esm2022/lodop/public_api.mjs +0 -4
- package/esm2022/media/media.component.mjs +0 -114
- package/esm2022/media/media.mjs +0 -5
- package/esm2022/media/media.module.mjs +0 -18
- package/esm2022/media/media.service.mjs +0 -46
- package/esm2022/media/public_api.mjs +0 -4
- package/esm2022/notice-icon/notice-icon-tab.component.mjs +0 -41
- package/esm2022/notice-icon/notice-icon.component.mjs +0 -96
- package/esm2022/notice-icon/notice-icon.mjs +0 -5
- package/esm2022/notice-icon/notice-icon.module.mjs +0 -59
- package/esm2022/notice-icon/notice-icon.types.mjs +0 -2
- package/esm2022/notice-icon/public_api.mjs +0 -5
- package/esm2022/observers/chart-observer-size.mjs +0 -5
- package/esm2022/observers/observer-size.mjs +0 -117
- package/esm2022/observers/public-api.mjs +0 -2
- package/esm2022/onboarding/onboarding.component.mjs +0 -127
- package/esm2022/onboarding/onboarding.mjs +0 -5
- package/esm2022/onboarding/onboarding.module.mjs +0 -42
- package/esm2022/onboarding/onboarding.service.mjs +0 -192
- package/esm2022/onboarding/onboarding.storage.mjs +0 -17
- package/esm2022/onboarding/onboarding.types.mjs +0 -2
- package/esm2022/onboarding/public_api.mjs +0 -6
- package/esm2022/page-header/page-header.component.mjs +0 -220
- package/esm2022/page-header/page-header.mjs +0 -5
- package/esm2022/page-header/page-header.module.mjs +0 -45
- package/esm2022/page-header/public_api.mjs +0 -3
- package/esm2022/pdf/pdf.component.mjs +0 -449
- package/esm2022/pdf/pdf.config.mjs +0 -10
- package/esm2022/pdf/pdf.mjs +0 -5
- package/esm2022/pdf/pdf.module.mjs +0 -19
- package/esm2022/pdf/pdf.types.mjs +0 -16
- package/esm2022/pdf/public_api.mjs +0 -5
- package/esm2022/public_api.mjs +0 -3
- package/esm2022/quick-menu/public_api.mjs +0 -3
- package/esm2022/quick-menu/quick-menu.component.mjs +0 -81
- package/esm2022/quick-menu/quick-menu.mjs +0 -5
- package/esm2022/quick-menu/quick-menu.module.mjs +0 -20
- package/esm2022/result/public_api.mjs +0 -3
- package/esm2022/result/result.component.mjs +0 -58
- package/esm2022/result/result.mjs +0 -5
- package/esm2022/result/result.module.mjs +0 -23
- package/esm2022/reuse-tab/lifecycle_hooks.mjs +0 -2
- package/esm2022/reuse-tab/provide.mjs +0 -74
- package/esm2022/reuse-tab/public_api.mjs +0 -14
- package/esm2022/reuse-tab/reuse-tab-context-menu.component.mjs +0 -75
- package/esm2022/reuse-tab/reuse-tab-context.component.mjs +0 -30
- package/esm2022/reuse-tab/reuse-tab-context.directive.mjs +0 -36
- package/esm2022/reuse-tab/reuse-tab-context.service.mjs +0 -54
- package/esm2022/reuse-tab/reuse-tab.cache.mjs +0 -13
- package/esm2022/reuse-tab/reuse-tab.component.mjs +0 -337
- package/esm2022/reuse-tab/reuse-tab.interfaces.mjs +0 -33
- package/esm2022/reuse-tab/reuse-tab.mjs +0 -5
- package/esm2022/reuse-tab/reuse-tab.module.mjs +0 -79
- package/esm2022/reuse-tab/reuse-tab.service.mjs +0 -574
- package/esm2022/reuse-tab/reuse-tab.state.mjs +0 -16
- package/esm2022/reuse-tab/reuse-tab.strategy.mjs +0 -23
- package/esm2022/se/public_api.mjs +0 -5
- package/esm2022/se/se-container.component.mjs +0 -158
- package/esm2022/se/se.component.mjs +0 -220
- package/esm2022/se/se.mjs +0 -5
- package/esm2022/se/se.module.mjs +0 -22
- package/esm2022/se/se.types.mjs +0 -14
- package/esm2022/sg/public_api.mjs +0 -4
- package/esm2022/sg/sg-container.component.mjs +0 -44
- package/esm2022/sg/sg.component.mjs +0 -62
- package/esm2022/sg/sg.mjs +0 -5
- package/esm2022/sg/sg.module.mjs +0 -19
- package/esm2022/st/provide.mjs +0 -18
- package/esm2022/st/public_api.mjs +0 -13
- package/esm2022/st/st-column-source.mjs +0 -496
- package/esm2022/st/st-data-source.mjs +0 -507
- package/esm2022/st/st-export.mjs +0 -87
- package/esm2022/st/st-filter.component.mjs +0 -293
- package/esm2022/st/st-row.directive.mjs +0 -43
- package/esm2022/st/st-widget-host.directive.mjs +0 -31
- package/esm2022/st/st-widget.mjs +0 -26
- package/esm2022/st/st.component.mjs +0 -966
- package/esm2022/st/st.config.mjs +0 -79
- package/esm2022/st/st.interfaces.mjs +0 -2
- package/esm2022/st/st.mjs +0 -5
- package/esm2022/st/st.module.mjs +0 -100
- package/esm2022/st/st.types.mjs +0 -2
- package/esm2022/sv/public_api.mjs +0 -5
- package/esm2022/sv/sv-container.component.mjs +0 -127
- package/esm2022/sv/sv-value.component.mjs +0 -53
- package/esm2022/sv/sv.component.mjs +0 -109
- package/esm2022/sv/sv.mjs +0 -5
- package/esm2022/sv/sv.module.mjs +0 -24
- package/esm2022/tag-select/public_api.mjs +0 -3
- package/esm2022/tag-select/tag-select.component.mjs +0 -53
- package/esm2022/tag-select/tag-select.mjs +0 -5
- package/esm2022/tag-select/tag-select.module.mjs +0 -20
- package/esm2022/xlsx/public_api.mjs +0 -5
- package/esm2022/xlsx/xlsx.directive.mjs +0 -28
- package/esm2022/xlsx/xlsx.mjs +0 -5
- package/esm2022/xlsx/xlsx.module.mjs +0 -17
- package/esm2022/xlsx/xlsx.service.mjs +0 -128
- package/esm2022/xlsx/xlsx.types.mjs +0 -2
- package/esm2022/zip/public_api.mjs +0 -3
- package/esm2022/zip/zip.mjs +0 -5
- package/esm2022/zip/zip.service.mjs +0 -116
- package/esm2022/zip/zip.types.mjs +0 -2
- package/fesm2022/let.mjs +0 -64
- package/fesm2022/let.mjs.map +0 -1
- package/let/index.d.ts +0 -2
- package/let/let.directive.d.ts +0 -19
- package/let/let.module.d.ts +0 -10
package/fesm2022/result.mjs
CHANGED
|
@@ -10,14 +10,11 @@ import { CommonModule } from '@angular/common';
|
|
|
10
10
|
* @deprecated Will be removed in v20, Please use `nz-result` instead.
|
|
11
11
|
*/
|
|
12
12
|
class ResultComponent {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
this._icon = '';
|
|
19
|
-
this.dir = 'ltr';
|
|
20
|
-
}
|
|
13
|
+
cdr = inject(ChangeDetectorRef);
|
|
14
|
+
directionality = inject(Directionality);
|
|
15
|
+
destroy$ = inject(DestroyRef);
|
|
16
|
+
_type = '';
|
|
17
|
+
_icon = '';
|
|
21
18
|
set type(value) {
|
|
22
19
|
this._type = value;
|
|
23
20
|
switch (value) {
|
|
@@ -32,6 +29,10 @@ class ResultComponent {
|
|
|
32
29
|
break;
|
|
33
30
|
}
|
|
34
31
|
}
|
|
32
|
+
title;
|
|
33
|
+
description;
|
|
34
|
+
extra;
|
|
35
|
+
dir = 'ltr';
|
|
35
36
|
ngOnInit() {
|
|
36
37
|
this.dir = this.directionality.value;
|
|
37
38
|
this.directionality.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(direction => {
|
|
@@ -39,15 +40,15 @@ class ResultComponent {
|
|
|
39
40
|
this.cdr.detectChanges();
|
|
40
41
|
});
|
|
41
42
|
}
|
|
42
|
-
static
|
|
43
|
-
static
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: ResultComponent, isStandalone: true, selector: "result", inputs: { type: "type", title: "title", description: "description", extra: "extra" }, host: { properties: { "class.result": "true", "class.result-rtl": "dir === 'rtl'" } }, exportAs: ["result"], ngImport: i0, template: "<div class=\"result__icon\">\n <nz-icon [nzType]=\"_icon\" class=\"result__icon-{{ _type }}\" />\n</div>\n<div class=\"result__title\">\n <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n</div>\n@if (description) {\n <div class=\"result__desc\">\n <ng-container *nzStringTemplateOutlet=\"description\">{{ description }}</ng-container>\n </div>\n}\n@if (extra) {\n <div class=\"result__extra\">\n <ng-container *nzStringTemplateOutlet=\"extra\">{{ extra }}</ng-container>\n </div>\n}\n<div class=\"result__actions\">\n <ng-content />\n</div>\n", dependencies: [{ kind: "directive", type: NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
44
45
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ResultComponent, decorators: [{
|
|
46
47
|
type: Component,
|
|
47
48
|
args: [{ selector: 'result', exportAs: 'result', host: {
|
|
48
49
|
'[class.result]': 'true',
|
|
49
50
|
'[class.result-rtl]': `dir === 'rtl'`
|
|
50
|
-
}, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
51
|
+
}, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NzIconDirective, NzStringTemplateOutletDirective], template: "<div class=\"result__icon\">\n <nz-icon [nzType]=\"_icon\" class=\"result__icon-{{ _type }}\" />\n</div>\n<div class=\"result__title\">\n <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n</div>\n@if (description) {\n <div class=\"result__desc\">\n <ng-container *nzStringTemplateOutlet=\"description\">{{ description }}</ng-container>\n </div>\n}\n@if (extra) {\n <div class=\"result__extra\">\n <ng-container *nzStringTemplateOutlet=\"extra\">{{ extra }}</ng-container>\n </div>\n}\n<div class=\"result__actions\">\n <ng-content />\n</div>\n" }]
|
|
51
52
|
}], propDecorators: { type: [{
|
|
52
53
|
type: Input
|
|
53
54
|
}], title: [{
|
|
@@ -63,11 +64,11 @@ const COMPONENTS = [ResultComponent];
|
|
|
63
64
|
* @deprecated Will be removed in v20, Please use `nz-result` instead.
|
|
64
65
|
*/
|
|
65
66
|
class ResultModule {
|
|
66
|
-
static
|
|
67
|
-
static
|
|
68
|
-
static
|
|
67
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ResultModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
68
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.1", ngImport: i0, type: ResultModule, imports: [CommonModule, NzIconModule, NzOutletModule, ResultComponent], exports: [ResultComponent] });
|
|
69
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ResultModule, imports: [CommonModule, NzIconModule, NzOutletModule] });
|
|
69
70
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ResultModule, decorators: [{
|
|
71
72
|
type: NgModule,
|
|
72
73
|
args: [{
|
|
73
74
|
imports: [CommonModule, NzIconModule, NzOutletModule, ...COMPONENTS],
|
package/fesm2022/result.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result.mjs","sources":["../../../../packages/abc/result/result.component.ts","../../../../packages/abc/result/result.component.html","../../../../packages/abc/result/result.module.ts","../../../../packages/abc/result/result.ts"],"sourcesContent":["import { Direction, Directionality } from '@angular/cdk/bidi';\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n DestroyRef,\n Input,\n OnInit,\n TemplateRef,\n ViewEncapsulation,\n inject\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet';\nimport { NzIconDirective } from 'ng-zorro-antd/icon';\n\n/**\n * @deprecated Will be removed in v20, Please use `nz-result` instead.\n */\n@Component({\n selector: 'result',\n exportAs: 'result',\n templateUrl: './result.component.html',\n host: {\n '[class.result]': 'true',\n '[class.result-rtl]': `dir === 'rtl'`\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n
|
|
1
|
+
{"version":3,"file":"result.mjs","sources":["../../../../packages/abc/result/result.component.ts","../../../../packages/abc/result/result.component.html","../../../../packages/abc/result/result.module.ts","../../../../packages/abc/result/result.ts"],"sourcesContent":["import { Direction, Directionality } from '@angular/cdk/bidi';\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n DestroyRef,\n Input,\n OnInit,\n TemplateRef,\n ViewEncapsulation,\n inject\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet';\nimport { NzIconDirective } from 'ng-zorro-antd/icon';\n\n/**\n * @deprecated Will be removed in v20, Please use `nz-result` instead.\n */\n@Component({\n selector: 'result',\n exportAs: 'result',\n templateUrl: './result.component.html',\n host: {\n '[class.result]': 'true',\n '[class.result-rtl]': `dir === 'rtl'`\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [NzIconDirective, NzStringTemplateOutletDirective]\n})\nexport class ResultComponent implements OnInit {\n private readonly cdr = inject(ChangeDetectorRef);\n private readonly directionality = inject(Directionality);\n private readonly destroy$ = inject(DestroyRef);\n\n _type = '';\n _icon = '';\n @Input()\n set type(value: string) {\n this._type = value;\n switch (value) {\n case 'success':\n this._icon = 'check-circle';\n break;\n case 'error':\n this._icon = 'close-circle';\n break;\n default:\n this._icon = value;\n break;\n }\n }\n\n @Input() title?: string | TemplateRef<void>;\n @Input() description?: string | TemplateRef<void>;\n @Input() extra?: string | TemplateRef<void>;\n dir?: Direction = 'ltr';\n\n ngOnInit(): void {\n this.dir = this.directionality.value;\n this.directionality.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(direction => {\n this.dir = direction;\n this.cdr.detectChanges();\n });\n }\n}\n","<div class=\"result__icon\">\n <nz-icon [nzType]=\"_icon\" class=\"result__icon-{{ _type }}\" />\n</div>\n<div class=\"result__title\">\n <ng-container *nzStringTemplateOutlet=\"title\">{{ title }}</ng-container>\n</div>\n@if (description) {\n <div class=\"result__desc\">\n <ng-container *nzStringTemplateOutlet=\"description\">{{ description }}</ng-container>\n </div>\n}\n@if (extra) {\n <div class=\"result__extra\">\n <ng-container *nzStringTemplateOutlet=\"extra\">{{ extra }}</ng-container>\n </div>\n}\n<div class=\"result__actions\">\n <ng-content />\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\nimport { NzIconModule } from 'ng-zorro-antd/icon';\n\nimport { ResultComponent } from './result.component';\n\nconst COMPONENTS = [ResultComponent];\n\n/**\n * @deprecated Will be removed in v20, Please use `nz-result` instead.\n */\n@NgModule({\n imports: [CommonModule, NzIconModule, NzOutletModule, ...COMPONENTS],\n exports: COMPONENTS\n})\nexport class ResultModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
package/fesm2022/reuse-tab.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, Injectable, Directive, InjectionToken, Injector, ChangeDetectorRef, DestroyRef, booleanAttribute, numberAttribute, ViewChild, NgModule,
|
|
2
|
+
import { inject, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, Injectable, Directive, InjectionToken, Injector, ChangeDetectorRef, DestroyRef, booleanAttribute, numberAttribute, ViewChild, NgModule, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
|
|
3
3
|
import { DelonLocaleService, MenuService, ALAIN_I18N_TOKEN, DelonLocaleModule } from '@delon/theme';
|
|
4
4
|
import { NzMenuDirective, NzMenuItemComponent, NzMenuModule } from 'ng-zorro-antd/menu';
|
|
5
5
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
@@ -15,10 +15,8 @@ import { NzTabSetComponent, NzTabComponent, NzTabsModule } from 'ng-zorro-antd/t
|
|
|
15
15
|
import { ScrollService } from '@delon/util/browser';
|
|
16
16
|
|
|
17
17
|
class ReuseTabContextMenuComponent {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
this.close = new EventEmitter();
|
|
21
|
-
}
|
|
18
|
+
i18nSrv = inject(DelonLocaleService);
|
|
19
|
+
_i18n;
|
|
22
20
|
set i18n(value) {
|
|
23
21
|
this._i18n = {
|
|
24
22
|
...this.i18nSrv.getData('reuseTab'),
|
|
@@ -28,6 +26,10 @@ class ReuseTabContextMenuComponent {
|
|
|
28
26
|
get i18n() {
|
|
29
27
|
return this._i18n;
|
|
30
28
|
}
|
|
29
|
+
item;
|
|
30
|
+
event;
|
|
31
|
+
customContextMenu;
|
|
32
|
+
close = new EventEmitter();
|
|
31
33
|
get includeNonCloseable() {
|
|
32
34
|
return this.event.ctrlKey;
|
|
33
35
|
}
|
|
@@ -64,15 +66,15 @@ class ReuseTabContextMenuComponent {
|
|
|
64
66
|
return;
|
|
65
67
|
this.notify(null);
|
|
66
68
|
}
|
|
67
|
-
static
|
|
68
|
-
static
|
|
69
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
70
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: ReuseTabContextMenuComponent, isStandalone: true, 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 @if (item.active) {\n <li nz-menu-item (click)=\"click($event, 'refresh')\" data-type=\"refresh\" [innerHTML]=\"i18n.refresh\"></li>\n }\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 @if (customContextMenu!.length > 0) {\n <li nz-menu-divider></li>\n @for (i of customContextMenu; track $index) {\n <li\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 }\n }\n</ul>\n", dependencies: [{ kind: "directive", type: NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
69
71
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabContextMenuComponent, decorators: [{
|
|
71
73
|
type: Component,
|
|
72
74
|
args: [{ selector: 'reuse-tab-context-menu', host: {
|
|
73
75
|
'(document:click)': 'closeMenu($event)',
|
|
74
76
|
'(document:contextmenu)': 'closeMenu($event)'
|
|
75
|
-
}, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
77
|
+
}, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NzMenuDirective, NzMenuItemComponent], template: "<ul nz-menu>\n @if (item.active) {\n <li nz-menu-item (click)=\"click($event, 'refresh')\" data-type=\"refresh\" [innerHTML]=\"i18n.refresh\"></li>\n }\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 @if (customContextMenu!.length > 0) {\n <li nz-menu-divider></li>\n @for (i of customContextMenu; track $index) {\n <li\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 }\n }\n</ul>\n" }]
|
|
76
78
|
}], propDecorators: { i18n: [{
|
|
77
79
|
type: Input
|
|
78
80
|
}], item: [{
|
|
@@ -86,12 +88,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
|
|
|
86
88
|
}] } });
|
|
87
89
|
|
|
88
90
|
class ReuseTabContextService {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
}
|
|
91
|
+
overlay = inject(Overlay);
|
|
92
|
+
ref = null;
|
|
93
|
+
i18n;
|
|
94
|
+
show = new Subject();
|
|
95
|
+
close = new Subject();
|
|
95
96
|
remove() {
|
|
96
97
|
if (!this.ref)
|
|
97
98
|
return;
|
|
@@ -126,32 +127,31 @@ class ReuseTabContextService {
|
|
|
126
127
|
}));
|
|
127
128
|
comp.onDestroy(() => sub$.unsubscribe());
|
|
128
129
|
}
|
|
129
|
-
static
|
|
130
|
-
static
|
|
130
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
131
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabContextService });
|
|
131
132
|
}
|
|
132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabContextService, decorators: [{
|
|
133
134
|
type: Injectable
|
|
134
135
|
}] });
|
|
135
136
|
|
|
136
137
|
class ReuseTabContextComponent {
|
|
138
|
+
srv = inject(ReuseTabContextService);
|
|
137
139
|
set i18n(value) {
|
|
138
140
|
this.srv.i18n = value;
|
|
139
141
|
}
|
|
142
|
+
change = new EventEmitter();
|
|
140
143
|
constructor() {
|
|
141
|
-
this.srv = inject(ReuseTabContextService);
|
|
142
|
-
this.change = new EventEmitter();
|
|
143
144
|
this.srv.show.pipe(takeUntilDestroyed()).subscribe(context => this.srv.open(context));
|
|
144
145
|
this.srv.close.pipe(takeUntilDestroyed()).subscribe(res => this.change.emit(res));
|
|
145
146
|
}
|
|
146
|
-
static
|
|
147
|
-
static
|
|
147
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabContextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
148
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: ReuseTabContextComponent, isStandalone: true, selector: "reuse-tab-context", inputs: { i18n: "i18n" }, outputs: { change: "change" }, ngImport: i0, template: ``, isInline: true });
|
|
148
149
|
}
|
|
149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabContextComponent, decorators: [{
|
|
150
151
|
type: Component,
|
|
151
152
|
args: [{
|
|
152
153
|
selector: 'reuse-tab-context',
|
|
153
|
-
template:
|
|
154
|
-
standalone: true
|
|
154
|
+
template: ``
|
|
155
155
|
}]
|
|
156
156
|
}], ctorParameters: () => [], propDecorators: { i18n: [{
|
|
157
157
|
type: Input
|
|
@@ -160,9 +160,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
|
|
|
160
160
|
}] } });
|
|
161
161
|
|
|
162
162
|
class ReuseTabContextDirective {
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
163
|
+
srv = inject(ReuseTabContextService);
|
|
164
|
+
item;
|
|
165
|
+
customContextMenu;
|
|
166
166
|
_onContextMenu(event) {
|
|
167
167
|
this.srv.show.next({
|
|
168
168
|
event,
|
|
@@ -172,18 +172,17 @@ class ReuseTabContextDirective {
|
|
|
172
172
|
event.preventDefault();
|
|
173
173
|
event.stopPropagation();
|
|
174
174
|
}
|
|
175
|
-
static
|
|
176
|
-
static
|
|
175
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
176
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.1", type: ReuseTabContextDirective, isStandalone: true, selector: "[reuse-tab-context-menu]", inputs: { item: ["reuse-tab-context-menu", "item"], customContextMenu: "customContextMenu" }, host: { listeners: { "contextmenu": "_onContextMenu($event)" } }, exportAs: ["reuseTabContextMenu"], ngImport: i0 });
|
|
177
177
|
}
|
|
178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabContextDirective, decorators: [{
|
|
179
179
|
type: Directive,
|
|
180
180
|
args: [{
|
|
181
181
|
selector: '[reuse-tab-context-menu]',
|
|
182
182
|
exportAs: 'reuseTabContextMenu',
|
|
183
183
|
host: {
|
|
184
184
|
'(contextmenu)': '_onContextMenu($event)'
|
|
185
|
-
}
|
|
186
|
-
standalone: true
|
|
185
|
+
}
|
|
187
186
|
}]
|
|
188
187
|
}], propDecorators: { item: [{
|
|
189
188
|
type: Input,
|
|
@@ -230,11 +229,9 @@ var ReuseTabMatchMode;
|
|
|
230
229
|
*/
|
|
231
230
|
const REUSE_TAB_CACHED_MANAGER = new InjectionToken('REUSE_TAB_CACHED_MANAGER');
|
|
232
231
|
class ReuseTabCachedManagerFactory {
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
this.closable = {};
|
|
237
|
-
}
|
|
232
|
+
list = [];
|
|
233
|
+
title = {};
|
|
234
|
+
closable = {};
|
|
238
235
|
}
|
|
239
236
|
|
|
240
237
|
const REUSE_TAB_STORAGE_KEY = new InjectionToken('REUSE_TAB_STORAGE_KEY');
|
|
@@ -253,6 +250,25 @@ class ReuseTabLocalStorageState {
|
|
|
253
250
|
}
|
|
254
251
|
|
|
255
252
|
class ReuseTabService {
|
|
253
|
+
injector = inject(Injector);
|
|
254
|
+
menuService = inject(MenuService);
|
|
255
|
+
cached = inject(REUSE_TAB_CACHED_MANAGER);
|
|
256
|
+
stateKey = inject(REUSE_TAB_STORAGE_KEY);
|
|
257
|
+
stateSrv = inject(REUSE_TAB_STORAGE_STATE);
|
|
258
|
+
_inited = false;
|
|
259
|
+
_max = 10;
|
|
260
|
+
_keepingScroll = false;
|
|
261
|
+
_cachedChange = new BehaviorSubject(null);
|
|
262
|
+
_router$;
|
|
263
|
+
removeUrlBuffer = null;
|
|
264
|
+
positionBuffer = {};
|
|
265
|
+
componentRef;
|
|
266
|
+
debug = false;
|
|
267
|
+
routeParamMatchMode = 'strict';
|
|
268
|
+
mode = ReuseTabMatchMode.Menu;
|
|
269
|
+
/** 排除规则,限 `mode=URL` */
|
|
270
|
+
excludes = [];
|
|
271
|
+
storageState = false;
|
|
256
272
|
get snapshot() {
|
|
257
273
|
return this.injector.get(ActivatedRoute).snapshot;
|
|
258
274
|
}
|
|
@@ -289,6 +305,7 @@ class ReuseTabService {
|
|
|
289
305
|
get keepingScroll() {
|
|
290
306
|
return this._keepingScroll;
|
|
291
307
|
}
|
|
308
|
+
keepingScrollContainer;
|
|
292
309
|
/** 获取已缓存的路由 */
|
|
293
310
|
get items() {
|
|
294
311
|
return this.cached.list;
|
|
@@ -565,23 +582,6 @@ class ReuseTabService {
|
|
|
565
582
|
}
|
|
566
583
|
// #endregion
|
|
567
584
|
constructor() {
|
|
568
|
-
this.injector = inject(Injector);
|
|
569
|
-
this.menuService = inject(MenuService);
|
|
570
|
-
this.cached = inject(REUSE_TAB_CACHED_MANAGER);
|
|
571
|
-
this.stateKey = inject(REUSE_TAB_STORAGE_KEY);
|
|
572
|
-
this.stateSrv = inject(REUSE_TAB_STORAGE_STATE);
|
|
573
|
-
this._inited = false;
|
|
574
|
-
this._max = 10;
|
|
575
|
-
this._keepingScroll = false;
|
|
576
|
-
this._cachedChange = new BehaviorSubject(null);
|
|
577
|
-
this.removeUrlBuffer = null;
|
|
578
|
-
this.positionBuffer = {};
|
|
579
|
-
this.debug = false;
|
|
580
|
-
this.routeParamMatchMode = 'strict';
|
|
581
|
-
this.mode = ReuseTabMatchMode.Menu;
|
|
582
|
-
/** 排除规则,限 `mode=URL` */
|
|
583
|
-
this.excludes = [];
|
|
584
|
-
this.storageState = false;
|
|
585
585
|
if (this.cached == null) {
|
|
586
586
|
this.cached = { list: [], title: {}, closable: {} };
|
|
587
587
|
}
|
|
@@ -595,6 +595,7 @@ class ReuseTabService {
|
|
|
595
595
|
if (!this.storageState)
|
|
596
596
|
return;
|
|
597
597
|
this.cached.list = this.stateSrv.get(this.stateKey).map(v => ({
|
|
598
|
+
...v,
|
|
598
599
|
title: { text: v.title },
|
|
599
600
|
url: v.url,
|
|
600
601
|
position: v.position
|
|
@@ -810,46 +811,55 @@ class ReuseTabService {
|
|
|
810
811
|
_router$.unsubscribe();
|
|
811
812
|
}
|
|
812
813
|
}
|
|
813
|
-
static
|
|
814
|
-
static
|
|
814
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
815
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabService });
|
|
815
816
|
}
|
|
816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabService, decorators: [{
|
|
817
818
|
type: Injectable
|
|
818
819
|
}], ctorParameters: () => [] });
|
|
819
820
|
|
|
820
821
|
class ReuseTabComponent {
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
this.close = new EventEmitter();
|
|
849
|
-
}
|
|
822
|
+
srv = inject(ReuseTabService, { optional: true });
|
|
823
|
+
cdr = inject(ChangeDetectorRef);
|
|
824
|
+
router = inject(Router);
|
|
825
|
+
route = inject(ActivatedRoute);
|
|
826
|
+
i18nSrv = inject(ALAIN_I18N_TOKEN);
|
|
827
|
+
doc = inject(DOCUMENT);
|
|
828
|
+
platform = inject(Platform);
|
|
829
|
+
directionality = inject(Directionality);
|
|
830
|
+
stateKey = inject(REUSE_TAB_STORAGE_KEY);
|
|
831
|
+
stateSrv = inject(REUSE_TAB_STORAGE_STATE);
|
|
832
|
+
tabset;
|
|
833
|
+
destroy$ = inject(DestroyRef);
|
|
834
|
+
_keepingScrollContainer;
|
|
835
|
+
list = [];
|
|
836
|
+
item;
|
|
837
|
+
pos = 0;
|
|
838
|
+
dir = 'ltr';
|
|
839
|
+
// #region fields
|
|
840
|
+
mode = ReuseTabMatchMode.Menu;
|
|
841
|
+
i18n;
|
|
842
|
+
debug = false;
|
|
843
|
+
max;
|
|
844
|
+
tabMaxWidth;
|
|
845
|
+
excludes;
|
|
846
|
+
allowClose = true;
|
|
847
|
+
keepingScroll = false;
|
|
848
|
+
storageState = false;
|
|
850
849
|
set keepingScrollContainer(value) {
|
|
851
850
|
this._keepingScrollContainer = typeof value === 'string' ? this.doc.querySelector(value) : value;
|
|
852
851
|
}
|
|
852
|
+
customContextMenu = [];
|
|
853
|
+
tabBarExtraContent;
|
|
854
|
+
tabBarGutter;
|
|
855
|
+
tabBarStyle = null;
|
|
856
|
+
tabType = 'line';
|
|
857
|
+
routeParamMatchMode = 'strict';
|
|
858
|
+
disabled = false;
|
|
859
|
+
titleRender;
|
|
860
|
+
canClose;
|
|
861
|
+
change = new EventEmitter();
|
|
862
|
+
close = new EventEmitter();
|
|
853
863
|
// #endregion
|
|
854
864
|
genTit(title) {
|
|
855
865
|
return title.i18n ? this.i18nSrv.fanyi(title.i18n) : title.text;
|
|
@@ -1062,10 +1072,10 @@ class ReuseTabComponent {
|
|
|
1062
1072
|
this.srv.debug = this.debug;
|
|
1063
1073
|
this.cdr.detectChanges();
|
|
1064
1074
|
}
|
|
1065
|
-
static
|
|
1066
|
-
static
|
|
1075
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1076
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: ReuseTabComponent, isStandalone: true, selector: "reuse-tab, [reuse-tab]", inputs: { mode: "mode", i18n: "i18n", debug: ["debug", "debug", booleanAttribute], max: ["max", "max", numberAttribute], tabMaxWidth: ["tabMaxWidth", "tabMaxWidth", numberAttribute], excludes: "excludes", allowClose: ["allowClose", "allowClose", booleanAttribute], keepingScroll: ["keepingScroll", "keepingScroll", booleanAttribute], storageState: ["storageState", "storageState", booleanAttribute], keepingScrollContainer: "keepingScrollContainer", customContextMenu: "customContextMenu", tabBarExtraContent: "tabBarExtraContent", tabBarGutter: "tabBarGutter", tabBarStyle: "tabBarStyle", tabType: "tabType", routeParamMatchMode: "routeParamMatchMode", disabled: ["disabled", "disabled", booleanAttribute], 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 @for (i of list; track $index) {\n <nz-tab [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 @if (titleRender) {\n <ng-template [ngTemplateOutlet]=\"titleRender\" [ngTemplateOutletContext]=\"{ $implicit: i }\" />\n } @else {\n {{ i.title }}\n }\n </span>\n </div>\n @if (i.closable) {\n <nz-icon nzType=\"close\" class=\"reuse-tab__op\" (click)=\"_close($event, $index, false)\" />\n }\n </ng-template>\n </nz-tab>\n }\n</nz-tabset>\n<reuse-tab-context [i18n]=\"i18n\" (change)=\"contextMenuChange($event)\" />\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "directive", type: ReuseTabContextDirective, selector: "[reuse-tab-context-menu]", inputs: ["reuse-tab-context-menu", "customContextMenu"], exportAs: ["reuseTabContextMenu"] }, { kind: "component", type: ReuseTabContextComponent, selector: "reuse-tab-context", inputs: ["i18n"], outputs: ["change"] }, { kind: "directive", type: NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1067
1077
|
}
|
|
1068
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1078
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabComponent, decorators: [{
|
|
1069
1079
|
type: Component,
|
|
1070
1080
|
args: [{ selector: 'reuse-tab, [reuse-tab]', exportAs: 'reuseTab', host: {
|
|
1071
1081
|
'[class.reuse-tab]': 'true',
|
|
@@ -1073,15 +1083,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
|
|
|
1073
1083
|
'[class.reuse-tab__card]': `tabType === 'card'`,
|
|
1074
1084
|
'[class.reuse-tab__disabled]': `disabled`,
|
|
1075
1085
|
'[class.reuse-tab-rtl]': `dir === 'rtl'`
|
|
1076
|
-
}, providers: [ReuseTabContextService], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
1086
|
+
}, providers: [ReuseTabContextService], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
|
|
1077
1087
|
NgTemplateOutlet,
|
|
1078
1088
|
NzTabSetComponent,
|
|
1079
1089
|
NzTabComponent,
|
|
1080
|
-
ReuseTabContextMenuComponent,
|
|
1081
1090
|
ReuseTabContextDirective,
|
|
1082
1091
|
ReuseTabContextComponent,
|
|
1083
1092
|
NzIconDirective
|
|
1084
|
-
], 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 @for (i of list; track $index) {\n <nz-tab [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 @if (titleRender) {\n <ng-template [ngTemplateOutlet]=\"titleRender\" [ngTemplateOutletContext]=\"{ $implicit: i }\" />\n } @else {\n {{ i.title }}\n }\n </span>\n </div>\n @if (i.closable) {\n <
|
|
1093
|
+
], 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 @for (i of list; track $index) {\n <nz-tab [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 @if (titleRender) {\n <ng-template [ngTemplateOutlet]=\"titleRender\" [ngTemplateOutletContext]=\"{ $implicit: i }\" />\n } @else {\n {{ i.title }}\n }\n </span>\n </div>\n @if (i.closable) {\n <nz-icon nzType=\"close\" class=\"reuse-tab__op\" (click)=\"_close($event, $index, false)\" />\n }\n </ng-template>\n </nz-tab>\n }\n</nz-tabset>\n<reuse-tab-context [i18n]=\"i18n\" (change)=\"contextMenuChange($event)\" />\n" }]
|
|
1085
1094
|
}], propDecorators: { tabset: [{
|
|
1086
1095
|
type: ViewChild,
|
|
1087
1096
|
args: ['tabset']
|
|
@@ -1137,9 +1146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
|
|
|
1137
1146
|
}] } });
|
|
1138
1147
|
|
|
1139
1148
|
class ReuseTabStrategy {
|
|
1140
|
-
|
|
1141
|
-
this.srv = inject(ReuseTabService);
|
|
1142
|
-
}
|
|
1149
|
+
srv = inject(ReuseTabService);
|
|
1143
1150
|
shouldDetach(route) {
|
|
1144
1151
|
return this.srv.shouldDetach(route);
|
|
1145
1152
|
}
|
|
@@ -1160,15 +1167,15 @@ class ReuseTabStrategy {
|
|
|
1160
1167
|
const COMPONENTS = [ReuseTabComponent];
|
|
1161
1168
|
const NOEXPORTS = [ReuseTabContextMenuComponent, ReuseTabContextComponent, ReuseTabContextDirective];
|
|
1162
1169
|
class ReuseTabModule {
|
|
1163
|
-
static
|
|
1164
|
-
static
|
|
1170
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1171
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabModule, imports: [CommonModule,
|
|
1165
1172
|
RouterModule,
|
|
1166
1173
|
DelonLocaleModule,
|
|
1167
1174
|
NzMenuModule,
|
|
1168
1175
|
NzTabsModule,
|
|
1169
1176
|
NzIconModule,
|
|
1170
|
-
OverlayModule, ReuseTabComponent, ReuseTabContextMenuComponent, ReuseTabContextComponent, ReuseTabContextDirective], exports: [ReuseTabComponent] });
|
|
1171
|
-
static
|
|
1177
|
+
OverlayModule, ReuseTabComponent, ReuseTabContextMenuComponent, ReuseTabContextComponent, ReuseTabContextDirective], exports: [ReuseTabComponent] });
|
|
1178
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabModule, providers: [
|
|
1172
1179
|
{
|
|
1173
1180
|
provide: REUSE_TAB_STORAGE_KEY,
|
|
1174
1181
|
useValue: '_reuse-tab-state'
|
|
@@ -1187,9 +1194,9 @@ class ReuseTabModule {
|
|
|
1187
1194
|
NzMenuModule,
|
|
1188
1195
|
NzTabsModule,
|
|
1189
1196
|
NzIconModule,
|
|
1190
|
-
OverlayModule, COMPONENTS, ReuseTabContextMenuComponent] });
|
|
1197
|
+
OverlayModule, COMPONENTS, ReuseTabContextMenuComponent] });
|
|
1191
1198
|
}
|
|
1192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ReuseTabModule, decorators: [{
|
|
1193
1200
|
type: NgModule,
|
|
1194
1201
|
args: [{
|
|
1195
1202
|
imports: [
|
|
@@ -1239,7 +1246,7 @@ function makeFeature(kind, providers) {
|
|
|
1239
1246
|
* @see {@link withCacheManager}
|
|
1240
1247
|
*/
|
|
1241
1248
|
function provideReuseTabConfig(options) {
|
|
1242
|
-
|
|
1249
|
+
return makeEnvironmentProviders([
|
|
1243
1250
|
ReuseTabService,
|
|
1244
1251
|
{
|
|
1245
1252
|
provide: REUSE_TAB_STORAGE_KEY,
|
|
@@ -1252,25 +1259,20 @@ function provideReuseTabConfig(options) {
|
|
|
1252
1259
|
useClass: ReuseTabStrategy,
|
|
1253
1260
|
deps: [ReuseTabService]
|
|
1254
1261
|
},
|
|
1255
|
-
{
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
srv.excludes = options.excludes;
|
|
1270
|
-
}
|
|
1271
|
-
}
|
|
1272
|
-
];
|
|
1273
|
-
return makeEnvironmentProviders(providers);
|
|
1262
|
+
provideEnvironmentInitializer(() => {
|
|
1263
|
+
const srv = inject(ReuseTabService);
|
|
1264
|
+
if (options?.debug)
|
|
1265
|
+
srv.debug = options.debug;
|
|
1266
|
+
if (options?.mode)
|
|
1267
|
+
srv.mode = options.mode;
|
|
1268
|
+
if (options?.routeParamMatchMode)
|
|
1269
|
+
srv.routeParamMatchMode = options.routeParamMatchMode;
|
|
1270
|
+
if (options?.max)
|
|
1271
|
+
srv.max = options.max;
|
|
1272
|
+
if (options?.excludes)
|
|
1273
|
+
srv.excludes = options.excludes;
|
|
1274
|
+
})
|
|
1275
|
+
]);
|
|
1274
1276
|
}
|
|
1275
1277
|
function withCacheManager() {
|
|
1276
1278
|
return makeFeature(ReuseTabFeatureKind.CacheManager, [
|