@abp/ng.components 4.4.0 → 5.0.0-beta.1
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/abp-ng.components.d.ts +1 -0
- package/bundles/abp-ng.components-chart.js.umd.js +185 -0
- package/bundles/abp-ng.components-chart.js.umd.js.map +1 -0
- package/bundles/abp-ng.components-page.umd.js +183 -120
- package/bundles/abp-ng.components-page.umd.js.map +1 -1
- package/bundles/abp-ng.components-tree.umd.js +117 -62
- package/bundles/abp-ng.components-tree.umd.js.map +1 -1
- package/bundles/abp-ng.components.umd.js.map +1 -1
- package/chart.js/abp-ng.components-chart.js.d.ts +5 -0
- package/chart.js/chart.component.d.ts +30 -0
- package/chart.js/chart.module.d.ts +8 -0
- package/chart.js/package.json +10 -0
- package/chart.js/public-api.d.ts +3 -0
- package/chart.js/widget-utils.d.ts +1 -0
- package/esm2015/abp-ng.components.js +1 -1
- package/esm2015/abp-ng.components.js.map +1 -0
- package/esm2015/chart.js/abp-ng.components-chart.js.js +5 -0
- package/esm2015/chart.js/abp-ng.components-chart.js.js.map +1 -0
- package/esm2015/chart.js/chart.component.js +141 -0
- package/esm2015/chart.js/chart.component.js.map +1 -0
- package/esm2015/chart.js/chart.module.js +19 -0
- package/esm2015/chart.js/chart.module.js.map +1 -0
- package/esm2015/chart.js/public-api.js +4 -0
- package/esm2015/chart.js/public-api.js.map +1 -0
- package/esm2015/chart.js/widget-utils.js +11 -0
- package/esm2015/chart.js/widget-utils.js.map +1 -0
- package/esm2015/page/abp-ng.components-page.js +1 -1
- package/esm2015/page/abp-ng.components-page.js.map +1 -0
- package/esm2015/page/page-part.directive.js +18 -14
- package/esm2015/page/page-part.directive.js.map +1 -0
- package/esm2015/page/page-parts.component.js +32 -28
- package/esm2015/page/page-parts.component.js.map +1 -0
- package/esm2015/page/page.component.js +33 -16
- package/esm2015/page/page.component.js.map +1 -0
- package/esm2015/page/page.module.js +27 -14
- package/esm2015/page/page.module.js.map +1 -0
- package/esm2015/page/public-api.js +1 -1
- package/esm2015/page/public-api.js.map +1 -0
- package/esm2015/public-api.js +1 -1
- package/esm2015/public-api.js.map +1 -0
- package/esm2015/tree/abp-ng.components-tree.js +1 -1
- package/esm2015/tree/abp-ng.components-tree.js.map +1 -0
- package/esm2015/tree/lib/components/tree.component.js +59 -29
- package/esm2015/tree/lib/components/tree.component.js.map +1 -0
- package/esm2015/tree/lib/templates/expanded-icon-template.directive.js +10 -9
- package/esm2015/tree/lib/templates/expanded-icon-template.directive.js.map +1 -0
- package/esm2015/tree/lib/templates/tree-node-template.directive.js +10 -9
- package/esm2015/tree/lib/templates/tree-node-template.directive.js.map +1 -0
- package/esm2015/tree/lib/tree.module.js +13 -8
- package/esm2015/tree/lib/tree.module.js.map +1 -0
- package/esm2015/tree/lib/utils/nz-tree-adapter.js +1 -1
- package/esm2015/tree/lib/utils/nz-tree-adapter.js.map +1 -0
- package/esm2015/tree/public-api.js +1 -1
- package/esm2015/tree/public-api.js.map +1 -0
- package/fesm2015/abp-ng.components-chart.js.js +175 -0
- package/fesm2015/abp-ng.components-chart.js.js.map +1 -0
- package/fesm2015/abp-ng.components-page.js +140 -106
- package/fesm2015/abp-ng.components-page.js.map +1 -1
- package/fesm2015/abp-ng.components-tree.js +85 -51
- package/fesm2015/abp-ng.components-tree.js.map +1 -1
- package/fesm2015/abp-ng.components.js.map +1 -1
- package/package.json +5 -5
- package/page/abp-ng.components-page.d.ts +1 -0
- package/page/package.json +0 -1
- package/page/page-part.directive.d.ts +3 -0
- package/page/page-parts.component.d.ts +7 -0
- package/page/page.component.d.ts +3 -0
- package/page/page.module.d.ts +11 -0
- package/tree/abp-ng.components-tree.d.ts +1 -0
- package/tree/lib/components/tree.component.d.ts +3 -0
- package/tree/lib/templates/expanded-icon-template.directive.d.ts +3 -0
- package/tree/lib/templates/tree-node-template.directive.d.ts +3 -0
- package/tree/lib/tree.module.d.ts +11 -0
- package/tree/package.json +0 -1
- package/abp-ng.components.metadata.json +0 -1
- package/bundles/abp-ng.components-page.umd.min.js +0 -16
- package/bundles/abp-ng.components-page.umd.min.js.map +0 -1
- package/bundles/abp-ng.components-tree.umd.min.js +0 -16
- package/bundles/abp-ng.components-tree.umd.min.js.map +0 -1
- package/bundles/abp-ng.components.umd.min.js +0 -2
- package/bundles/abp-ng.components.umd.min.js.map +0 -1
- package/page/abp-ng.components-page.metadata.json +0 -1
- package/tree/abp-ng.components-tree.metadata.json +0 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Component, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
2
3
|
export var PageParts;
|
|
3
4
|
(function (PageParts) {
|
|
4
5
|
PageParts["title"] = "PageTitleContainerComponent";
|
|
@@ -7,35 +8,38 @@ export var PageParts;
|
|
|
7
8
|
})(PageParts || (PageParts = {}));
|
|
8
9
|
export class PageTitleContainerComponent {
|
|
9
10
|
}
|
|
10
|
-
PageTitleContainerComponent
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
]
|
|
11
|
+
PageTitleContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageTitleContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
PageTitleContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: PageTitleContainerComponent, selector: "abp-page-title-container", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageTitleContainerComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{
|
|
16
|
+
selector: 'abp-page-title-container',
|
|
17
|
+
template: ` <ng-content></ng-content> `,
|
|
18
|
+
encapsulation: ViewEncapsulation.None,
|
|
19
|
+
}]
|
|
20
|
+
}] });
|
|
19
21
|
export class PageBreadcrumbContainerComponent {
|
|
20
22
|
}
|
|
21
|
-
PageBreadcrumbContainerComponent
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
]
|
|
23
|
+
PageBreadcrumbContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageBreadcrumbContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
PageBreadcrumbContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: PageBreadcrumbContainerComponent, selector: "abp-page-breadcrumb-container", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageBreadcrumbContainerComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{
|
|
28
|
+
selector: 'abp-page-breadcrumb-container',
|
|
29
|
+
template: ` <ng-content></ng-content> `,
|
|
30
|
+
encapsulation: ViewEncapsulation.None,
|
|
31
|
+
}]
|
|
32
|
+
}] });
|
|
30
33
|
export class PageToolbarContainerComponent {
|
|
31
34
|
}
|
|
32
|
-
PageToolbarContainerComponent
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
]
|
|
41
|
-
|
|
35
|
+
PageToolbarContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
PageToolbarContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: PageToolbarContainerComponent, selector: "abp-page-toolbar-container", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageToolbarContainerComponent, decorators: [{
|
|
38
|
+
type: Component,
|
|
39
|
+
args: [{
|
|
40
|
+
selector: 'abp-page-toolbar-container',
|
|
41
|
+
template: ` <ng-content></ng-content> `,
|
|
42
|
+
encapsulation: ViewEncapsulation.None,
|
|
43
|
+
}]
|
|
44
|
+
}] });
|
|
45
|
+
//# sourceMappingURL=page-parts.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page-parts.component.js","sourceRoot":"","sources":["../../../../../packages/components/page/src/page-parts.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAE7D,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,kDAAqC,CAAA;IACrC,4DAA+C,CAAA;IAC/C,sDAAyC,CAAA;AAC3C,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAOD,MAAM,OAAO,2BAA2B;;wHAA3B,2BAA2B;4GAA3B,2BAA2B,gEAH5B,6BAA6B;2FAG5B,2BAA2B;kBALvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,QAAQ,EAAE,6BAA6B;oBACvC,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;;AAQD,MAAM,OAAO,gCAAgC;;6HAAhC,gCAAgC;iHAAhC,gCAAgC,qEAHjC,6BAA6B;2FAG5B,gCAAgC;kBAL5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,+BAA+B;oBACzC,QAAQ,EAAE,6BAA6B;oBACvC,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;;AAQD,MAAM,OAAO,6BAA6B;;0HAA7B,6BAA6B;8GAA7B,6BAA6B,kEAH9B,6BAA6B;2FAG5B,6BAA6B;kBALzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,QAAQ,EAAE,6BAA6B;oBACvC,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC","sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\nexport enum PageParts {\n title = 'PageTitleContainerComponent',\n breadcrumb = 'PageBreadcrumbContainerComponent',\n toolbar = 'PageToolbarContainerComponent',\n}\n\n@Component({\n selector: 'abp-page-title-container',\n template: ` <ng-content></ng-content> `,\n encapsulation: ViewEncapsulation.None,\n})\nexport class PageTitleContainerComponent {}\n\n@Component({\n selector: 'abp-page-breadcrumb-container',\n template: ` <ng-content></ng-content> `,\n encapsulation: ViewEncapsulation.None,\n})\nexport class PageBreadcrumbContainerComponent {}\n\n@Component({\n selector: 'abp-page-toolbar-container',\n template: ` <ng-content></ng-content> `,\n encapsulation: ViewEncapsulation.None,\n})\nexport class PageToolbarContainerComponent {}\n"]}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import { Component, Input, ViewEncapsulation, ContentChild } from '@angular/core';
|
|
2
2
|
import { PageTitleContainerComponent, PageBreadcrumbContainerComponent, PageToolbarContainerComponent, PageParts, } from './page-parts.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@abp/ng.theme.shared";
|
|
5
|
+
import * as i2 from "@abp/ng.theme.shared/extensions";
|
|
6
|
+
import * as i3 from "@angular/common";
|
|
7
|
+
import * as i4 from "./page-part.directive";
|
|
3
8
|
export class PageComponent {
|
|
4
9
|
constructor() {
|
|
5
10
|
this.toolbarVisible = false;
|
|
@@ -26,19 +31,31 @@ export class PageComponent {
|
|
|
26
31
|
this.customToolbar);
|
|
27
32
|
}
|
|
28
33
|
}
|
|
29
|
-
PageComponent
|
|
30
|
-
{ type:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
34
|
+
PageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
PageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: PageComponent, selector: "abp-page", inputs: { title: "title", toolbarData: ["toolbar", "toolbarData"], breadcrumbVisible: ["breadcrumb", "breadcrumbVisible"] }, queries: [{ propertyName: "customTitle", first: true, predicate: PageTitleContainerComponent, descendants: true }, { propertyName: "customBreadcrumb", first: true, predicate: PageBreadcrumbContainerComponent, descendants: true }, { propertyName: "customToolbar", first: true, predicate: PageToolbarContainerComponent, descendants: true }], ngImport: i0, template: "<div class=\"row entry-row\" *ngIf=\"shouldRenderRow\">\n <ng-container *ngIf=\"customTitle; else defaultTitleTemplate\">\n <ng-content select=\"abp-page-title-container\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customBreadcrumb; else defaultBreadcrumbTemplate\">\n <ng-content select=\"abp-page-breadcrumb-container\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customToolbar; else defaultPageToolbarTemplate\">\n <ng-content select=\"abp-page-toolbar-container\"></ng-content>\n </ng-container>\n</div>\n\n<ng-content></ng-content>\n\n<ng-template #defaultTitleTemplate>\n <ng-container *ngIf=\"title\">\n <div class=\"col-auto\" *abpPagePart=\"pageParts.title\">\n <h1 class=\"content-header-title\">\n {{ title }}\n </h1>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultBreadcrumbTemplate>\n <ng-container *ngIf=\"breadcrumbVisible\">\n <div class=\"col-lg-auto pl-lg-0\" *abpPagePart=\"pageParts.breadcrumb\">\n <abp-breadcrumb></abp-breadcrumb>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultPageToolbarTemplate>\n <ng-container *ngIf=\"toolbarVisible\">\n <div class=\"col\" *abpPagePart=\"pageParts.toolbar; context: toolbarData\">\n <abp-page-toolbar [record]=\"toolbarData\"></abp-page-toolbar>\n </div>\n </ng-container>\n</ng-template>\n", components: [{ type: i1.BreadcrumbComponent, selector: "abp-breadcrumb" }, { type: i2.PageToolbarComponent, selector: "abp-page-toolbar", exportAs: ["abpPageToolbar"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.PagePartDirective, selector: "[abpPagePart]", inputs: ["abpPagePartContext", "abpPagePart"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{
|
|
39
|
+
selector: 'abp-page',
|
|
40
|
+
templateUrl: './page.component.html',
|
|
41
|
+
encapsulation: ViewEncapsulation.None,
|
|
42
|
+
}]
|
|
43
|
+
}], propDecorators: { title: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], toolbarData: [{
|
|
46
|
+
type: Input,
|
|
47
|
+
args: ['toolbar']
|
|
48
|
+
}], breadcrumbVisible: [{
|
|
49
|
+
type: Input,
|
|
50
|
+
args: ['breadcrumb']
|
|
51
|
+
}], customTitle: [{
|
|
52
|
+
type: ContentChild,
|
|
53
|
+
args: [PageTitleContainerComponent]
|
|
54
|
+
}], customBreadcrumb: [{
|
|
55
|
+
type: ContentChild,
|
|
56
|
+
args: [PageBreadcrumbContainerComponent]
|
|
57
|
+
}], customToolbar: [{
|
|
58
|
+
type: ContentChild,
|
|
59
|
+
args: [PageToolbarContainerComponent]
|
|
60
|
+
}] } });
|
|
61
|
+
//# sourceMappingURL=page.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page.component.js","sourceRoot":"","sources":["../../../../../packages/components/page/src/page.component.ts","../../../../../packages/components/page/src/page.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EACL,2BAA2B,EAC3B,gCAAgC,EAChC,6BAA6B,EAC7B,SAAS,GACV,MAAM,wBAAwB,CAAC;;;;;;AAOhC,MAAM,OAAO,aAAa;IAL1B;QAQE,mBAAc,GAAG,KAAK,CAAC;QAWF,sBAAiB,GAAG,IAAI,CAAC;QAE9C,cAAS,GAAG;YACV,KAAK,EAAE,SAAS,CAAC,KAAK;YACtB,UAAU,EAAE,SAAS,CAAC,UAAU;YAChC,OAAO,EAAE,SAAS,CAAC,OAAO;SAC3B,CAAC;KAiBH;IAhCC,IAAsB,WAAW,CAAC,GAAQ;QACxC,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAeD,IAAI,eAAe;QACjB,OAAO,CAAC,CAAC,CACP,IAAI,CAAC,KAAK;YACV,IAAI,CAAC,cAAc;YACnB,IAAI,CAAC,iBAAiB;YACtB,IAAI,CAAC,WAAW;YAChB,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,aAAa,CACnB,CAAC;IACJ,CAAC;;0GApCU,aAAa;8FAAb,aAAa,sNAsBV,2BAA2B,mFAC3B,gCAAgC,gFAEhC,6BAA6B,gDCtC7C,42CAyCA;2FD5Ba,aAAa;kBALzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,WAAW,EAAE,uBAAuB;oBACpC,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAEU,KAAK;sBAAb,KAAK;gBAIgB,WAAW;sBAAhC,KAAK;uBAAC,SAAS;gBASK,iBAAiB;sBAArC,KAAK;uBAAC,YAAY;gBAQwB,WAAW;sBAArD,YAAY;uBAAC,2BAA2B;gBAEzC,gBAAgB;sBADf,YAAY;uBAAC,gCAAgC;gBAED,aAAa;sBAAzD,YAAY;uBAAC,6BAA6B","sourcesContent":["import { Component, Input, ViewEncapsulation, ContentChild } from '@angular/core';\nimport {\n PageTitleContainerComponent,\n PageBreadcrumbContainerComponent,\n PageToolbarContainerComponent,\n PageParts,\n} from './page-parts.component';\n\n@Component({\n selector: 'abp-page',\n templateUrl: './page.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class PageComponent {\n @Input() title: string;\n\n toolbarVisible = false;\n _toolbarData: any;\n @Input('toolbar') set toolbarData(val: any) {\n this._toolbarData = val;\n this.toolbarVisible = true;\n }\n\n get toolbarData() {\n return this._toolbarData;\n }\n\n @Input('breadcrumb') breadcrumbVisible = true;\n\n pageParts = {\n title: PageParts.title,\n breadcrumb: PageParts.breadcrumb,\n toolbar: PageParts.toolbar,\n };\n\n @ContentChild(PageTitleContainerComponent) customTitle: PageTitleContainerComponent;\n @ContentChild(PageBreadcrumbContainerComponent)\n customBreadcrumb: PageBreadcrumbContainerComponent;\n @ContentChild(PageToolbarContainerComponent) customToolbar: PageToolbarContainerComponent;\n\n get shouldRenderRow() {\n return !!(\n this.title ||\n this.toolbarVisible ||\n this.breadcrumbVisible ||\n this.customTitle ||\n this.customBreadcrumb ||\n this.customToolbar\n );\n }\n}\n","<div class=\"row entry-row\" *ngIf=\"shouldRenderRow\">\n <ng-container *ngIf=\"customTitle; else defaultTitleTemplate\">\n <ng-content select=\"abp-page-title-container\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customBreadcrumb; else defaultBreadcrumbTemplate\">\n <ng-content select=\"abp-page-breadcrumb-container\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customToolbar; else defaultPageToolbarTemplate\">\n <ng-content select=\"abp-page-toolbar-container\"></ng-content>\n </ng-container>\n</div>\n\n<ng-content></ng-content>\n\n<ng-template #defaultTitleTemplate>\n <ng-container *ngIf=\"title\">\n <div class=\"col-auto\" *abpPagePart=\"pageParts.title\">\n <h1 class=\"content-header-title\">\n {{ title }}\n </h1>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultBreadcrumbTemplate>\n <ng-container *ngIf=\"breadcrumbVisible\">\n <div class=\"col-lg-auto pl-lg-0\" *abpPagePart=\"pageParts.breadcrumb\">\n <abp-breadcrumb></abp-breadcrumb>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultPageToolbarTemplate>\n <ng-container *ngIf=\"toolbarVisible\">\n <div class=\"col\" *abpPagePart=\"pageParts.toolbar; context: toolbarData\">\n <abp-page-toolbar [record]=\"toolbarData\"></abp-page-toolbar>\n </div>\n </ng-container>\n</ng-template>\n"]}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { UiExtensionsModule } from '@abp/ng.theme.shared/extensions';
|
|
4
|
-
import { ThemeSharedModule } from '@abp/ng.theme.shared';
|
|
5
1
|
import { CoreModule } from '@abp/ng.core';
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
2
|
+
import { ThemeSharedModule } from '@abp/ng.theme.shared';
|
|
3
|
+
import { UiExtensionsModule } from '@abp/ng.theme.shared/extensions';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { NgModule } from '@angular/core';
|
|
8
6
|
import { PagePartDirective } from './page-part.directive';
|
|
7
|
+
import { PageBreadcrumbContainerComponent, PageTitleContainerComponent, PageToolbarContainerComponent, } from './page-parts.component';
|
|
8
|
+
import { PageComponent } from './page.component';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
9
10
|
const exportedDeclarations = [
|
|
10
11
|
PageComponent,
|
|
11
12
|
PageTitleContainerComponent,
|
|
@@ -15,11 +16,23 @@ const exportedDeclarations = [
|
|
|
15
16
|
];
|
|
16
17
|
export class PageModule {
|
|
17
18
|
}
|
|
18
|
-
PageModule
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
PageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20
|
+
PageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageModule, declarations: [PageComponent,
|
|
21
|
+
PageTitleContainerComponent,
|
|
22
|
+
PageBreadcrumbContainerComponent,
|
|
23
|
+
PageToolbarContainerComponent,
|
|
24
|
+
PagePartDirective], imports: [CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule], exports: [PageComponent,
|
|
25
|
+
PageTitleContainerComponent,
|
|
26
|
+
PageBreadcrumbContainerComponent,
|
|
27
|
+
PageToolbarContainerComponent,
|
|
28
|
+
PagePartDirective, UiExtensionsModule] });
|
|
29
|
+
PageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageModule, imports: [[CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule], UiExtensionsModule] });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: PageModule, decorators: [{
|
|
31
|
+
type: NgModule,
|
|
32
|
+
args: [{
|
|
33
|
+
declarations: [...exportedDeclarations],
|
|
34
|
+
imports: [CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule],
|
|
35
|
+
exports: [...exportedDeclarations, UiExtensionsModule],
|
|
36
|
+
}]
|
|
37
|
+
}] });
|
|
38
|
+
//# sourceMappingURL=page.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page.module.js","sourceRoot":"","sources":["../../../../../packages/components/page/src/page.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EACL,gCAAgC,EAChC,2BAA2B,EAC3B,6BAA6B,GAC9B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAEjD,MAAM,oBAAoB,GAAG;IAC3B,aAAa;IACb,2BAA2B;IAC3B,gCAAgC;IAChC,6BAA6B;IAC7B,iBAAiB;CAClB,CAAC;AAOF,MAAM,OAAO,UAAU;;uGAAV,UAAU;wGAAV,UAAU,iBAZrB,aAAa;QACb,2BAA2B;QAC3B,gCAAgC;QAChC,6BAA6B;QAC7B,iBAAiB,aAKP,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,aATzE,aAAa;QACb,2BAA2B;QAC3B,gCAAgC;QAChC,6BAA6B;QAC7B,iBAAiB,EAMkB,kBAAkB;wGAE1C,UAAU,YAHZ,CAAC,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,CAAC,EACvC,kBAAkB;2FAE1C,UAAU;kBALtB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,GAAG,oBAAoB,CAAC;oBACvC,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,CAAC;oBAC1E,OAAO,EAAE,CAAC,GAAG,oBAAoB,EAAE,kBAAkB,CAAC;iBACvD","sourcesContent":["import { CoreModule } from '@abp/ng.core';\nimport { ThemeSharedModule } from '@abp/ng.theme.shared';\nimport { UiExtensionsModule } from '@abp/ng.theme.shared/extensions';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PagePartDirective } from './page-part.directive';\nimport {\n PageBreadcrumbContainerComponent,\n PageTitleContainerComponent,\n PageToolbarContainerComponent,\n} from './page-parts.component';\nimport { PageComponent } from './page.component';\n\nconst exportedDeclarations = [\n PageComponent,\n PageTitleContainerComponent,\n PageBreadcrumbContainerComponent,\n PageToolbarContainerComponent,\n PagePartDirective,\n];\n\n@NgModule({\n declarations: [...exportedDeclarations],\n imports: [CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule],\n exports: [...exportedDeclarations, UiExtensionsModule],\n})\nexport class PageModule {}\n"]}
|
|
@@ -2,4 +2,4 @@ export * from './page.module';
|
|
|
2
2
|
export * from './page-part.directive';
|
|
3
3
|
export * from './page-parts.component';
|
|
4
4
|
export * from './page.component';
|
|
5
|
-
//# sourceMappingURL=
|
|
5
|
+
//# sourceMappingURL=public-api.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../../../packages/components/page/src/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './page.module';\nexport * from './page-part.directive';\nexport * from './page-parts.component';\nexport * from './page.component';\n"]}
|
package/esm2015/public-api.js
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Public API Surface of components
|
|
3
3
|
*/
|
|
4
4
|
export {};
|
|
5
|
-
//# sourceMappingURL=
|
|
5
|
+
//# sourceMappingURL=public-api.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../../packages/components/src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\n * Public API Surface of components\n */\n\nexport {};\n"]}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Generated bundle index. Do not edit.
|
|
3
3
|
*/
|
|
4
4
|
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=
|
|
5
|
+
//# sourceMappingURL=abp-ng.components-tree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"abp-ng.components-tree.js","sourceRoot":"","sources":["../../../../../packages/components/tree/src/abp-ng.components-tree.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"]}
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import { Component, ContentChild, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { Component, ContentChild, EventEmitter, Input, Output, TemplateRef, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { of } from 'rxjs';
|
|
3
3
|
import { TreeNodeTemplateDirective } from '../templates/tree-node-template.directive';
|
|
4
4
|
import { ExpandedIconTemplateDirective } from '../templates/expanded-icon-template.directive';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "ng-zorro-antd/tree";
|
|
7
|
+
import * as i2 from "ng-zorro-antd/core/no-animation";
|
|
8
|
+
import * as i3 from "@angular/common";
|
|
9
|
+
import * as i4 from "@ng-bootstrap/ng-bootstrap";
|
|
10
|
+
import * as i5 from "@abp/ng.core";
|
|
5
11
|
export class TreeComponent {
|
|
6
12
|
constructor() {
|
|
7
13
|
this.dropdowns = {};
|
|
@@ -41,31 +47,55 @@ export class TreeComponent {
|
|
|
41
47
|
this.dropdowns[key] = dropdown;
|
|
42
48
|
}
|
|
43
49
|
}
|
|
44
|
-
TreeComponent
|
|
45
|
-
{ type: Component, args: [{
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
styles: [".ant-tree-checkbox,.ant-tree-checkbox-wrapper{box-sizing:border-box;font-variant:tabular-nums;list-style:none;font-feature-settings:\"tnum\"}@-webkit-keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}@keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line:before{top:auto!important;bottom:auto!important;height:14px!important}.ant-tree.ant-tree-directory .ant-tree-treenode{position:relative}.ant-tree.ant-tree-directory .ant-tree-treenode:before{position:absolute;top:0;right:0;bottom:4px;left:0;transition:background-color .3s;content:\"\";pointer-events:none}.ant-tree.ant-tree-directory .ant-tree-treenode:hover:before{background:#f5f5f5}.ant-tree.ant-tree-directory .ant-tree-treenode>*{z-index:1}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher{transition:color .3s}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper{border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected{color:#fff;background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode-selected:before,.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover:before{background:#1890ff}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher{color:#fff}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper{color:#fff;background:0 0}.ant-tree-checkbox{padding:0;color:rgba(0,0,0,.85);font-size:14px;position:relative;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,.ant-tree-checkbox:hover .ant-tree-checkbox-inner{border-color:#1890ff}.ant-tree-checkbox-checked:after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:2px;visibility:hidden;-webkit-animation:antCheckboxEffect .36s ease-in-out;animation:antCheckboxEffect .36s ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;content:\"\"}.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox:after,.ant-tree-checkbox:hover:after{visibility:visible}.ant-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-tree-checkbox-inner:after{position:absolute;top:50%;left:22%;display:table;width:5.71px;height:9.14px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:\" \"}.ant-tree-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-tree-checkbox-disabled,.ant-tree-checkbox-disabled+span,.ant-tree-checkbox-disabled .ant-tree-checkbox-input{cursor:not-allowed}.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:\" \"}.ant-tree-checkbox-checked .ant-tree-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after{border-color:rgba(0,0,0,.25);-webkit-animation-name:none;animation-name:none}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after{border-color:#f5f5f5;border-collapse:separate;-webkit-animation-name:none;animation-name:none}.ant-tree-checkbox-disabled+span{color:rgba(0,0,0,.25)}.ant-tree-checkbox-disabled:hover:after,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled:after{visibility:hidden}.ant-tree-checkbox-wrapper{margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled{cursor:not-allowed}.ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper{margin-left:8px}.ant-tree-checkbox+span{padding-right:8px;padding-left:8px}.ant-tree,.ant-tree-checkbox-group{box-sizing:border-box;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:\"tnum\"}.ant-tree-checkbox-group{margin:0;display:inline-block}.ant-tree-checkbox-group-item{margin-right:8px}.ant-tree-checkbox-group-item:last-child{margin-right:0}.ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item{margin-left:0}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after{top:50%;left:50%;width:8px;height:8px;background-color:#1890ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:\" \"}.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-tree{margin:0;background:#fff;border-radius:2px;transition:background-color .3s}.ant-tree-focused:not(:hover):not(.ant-tree-active-focused){background:#e6f7ff}.ant-tree-list-holder-inner{align-items:flex-start}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner{align-items:stretch}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper{flex:auto}.ant-tree .ant-tree-treenode{display:flex;align-items:flex-start;padding:0 0 4px;outline:0}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper{background:#f5f5f5}.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title{color:inherit;font-weight:500}.ant-tree-indent{align-self:stretch;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree-indent-unit{display:inline-block;width:24px}.ant-tree-switcher{position:relative;flex:none;align-self:stretch;width:24px;margin:0;line-height:24px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree-switcher .ant-select-tree-switcher-icon,.ant-tree-switcher .ant-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline}.ant-tree-switcher .ant-select-tree-switcher-icon svg,.ant-tree-switcher .ant-tree-switcher-icon svg{transition:transform .3s}.ant-tree-switcher-noop{cursor:default}.ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(-90deg)}.ant-tree-switcher-loading-icon{color:#1890ff}.ant-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.ant-tree-switcher-leaf-line:after,.ant-tree-switcher-leaf-line:before{position:absolute;margin-left:-1px;content:\" \"}.ant-tree-switcher-leaf-line:before{top:0;bottom:-4px;border-left:1px solid #d9d9d9}.ant-tree-switcher-leaf-line:after{width:10px;height:14px;border-bottom:1px solid #d9d9d9}.ant-tree-checkbox{top:auto;margin:4px 8px 0 0}.ant-tree .ant-tree-node-content-wrapper{position:relative;z-index:auto;min-height:24px;margin:0;padding:0 4px;color:inherit;line-height:24px;background:0 0;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.ant-tree .ant-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:#bae7ff}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;vertical-align:top}.ant-tree-show-line .ant-tree-indent-unit-end:before,.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty{display:none}.ant-tree-unselectable .ant-tree-node-content-wrapper:hover{background-color:transparent}.ant-tree-node-content-wrapper[draggable=true]{line-height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#1890ff;border-radius:1px;pointer-events:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator:after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #1890ff;border-radius:50%;content:\"\"}.ant-tree .ant-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #1890ff}.ant-tree-show-line .ant-tree-indent-unit{position:relative;height:100%}.ant-tree-show-line .ant-tree-indent-unit:before{position:absolute;top:0;right:12px;bottom:-4px;border-right:1px solid #d9d9d9;content:\"\"}.ant-tree-show-line .ant-tree-switcher{background:#fff}.ant-tree-show-line .ant-tree-switcher-line-icon{vertical-align:-.225em}.ant-tree-rtl{direction:rtl}.ant-tree-rtl .ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator:after{right:-6px;left:unset}.ant-tree .ant-tree-treenode-rtl{direction:rtl}.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(90deg)}.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit:before{right:auto;left:-13px;border-right:none;border-left:1px solid #d9d9d9}.ant-tree-rtl.ant-tree-checkbox,.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox{margin:4px 0 0 8px}.font-highlight{color:#ff4d4f}.ant-tree-child-tree{overflow:hidden}nz-tree{display:block}", ".ant-tree{color:inherit}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:transparent}.ant-tree .ant-tree-switcher{line-height:17px}.ant-tree .ant-tree-node-content-wrapper{width:100%;padding:0}.ant-tree .node-wrapper{width:100%;position:relative;display:inline-block;margin:0;line-height:24px;text-decoration:none;vertical-align:top;border-radius:2px;cursor:pointer;padding:0 5px 0 8px;border:1px solid transparent}.ant-tree .ellipsis{position:absolute;right:8px;top:1px;cursor:pointer}"]
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
71
|
-
|
|
50
|
+
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
TreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: TreeComponent, selector: "abp-tree", inputs: { noAnimation: "noAnimation", draggable: "draggable", checkable: "checkable", checkStrictly: "checkStrictly", checkedKeys: "checkedKeys", nodes: "nodes", expandedKeys: "expandedKeys", selectedNode: "selectedNode", isNodeSelected: "isNodeSelected", beforeDrop: "beforeDrop" }, outputs: { checkedKeysChange: "checkedKeysChange", expandedKeysChange: "expandedKeysChange", selectedNodeChange: "selectedNodeChange", dropOver: "dropOver" }, queries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true }, { propertyName: "customNodeTemplate", first: true, predicate: TreeNodeTemplateDirective, descendants: true }, { propertyName: "expandedIconTemplate", first: true, predicate: ExpandedIconTemplateDirective, descendants: true }], ngImport: i0, template: "<nz-tree\n [nzBeforeDrop]=\"beforeDrop\"\n [nzDraggable]=\"draggable\"\n [nzCheckStrictly]=\"checkStrictly\"\n [nzCheckable]=\"checkable\"\n [nzCheckedKeys]=\"checkedKeys\"\n [nzData]=\"nodes\"\n [nzTreeTemplate]=\"treeTemplate\"\n [nzExpandedKeys]=\"expandedKeys\"\n [nzExpandedIcon]=\"expandedIconTemplate?.template || defaultIconTemplate\"\n (nzExpandChange)=\"onExpandedKeysChange($event)\"\n (nzCheckBoxChange)=\"onCheckboxChange($event)\"\n (nzOnDrop)=\"onDrop($event)\"\n [nzNoAnimation]=\"noAnimation\"\n (nzContextMenu)=\"dropdowns[$event.node?.key]?.toggle()\"\n></nz-tree>\n<ng-template #treeTemplate let-node>\n <div\n class=\"node-wrapper\"\n [class.selected]=\"isNodeSelected(node)\"\n [title]=\"node.title\"\n (click)=\"onSelectedNodeChange(node)\"\n >\n <ng-container *ngTemplateOutlet=\"nodeTemplate; context: { $implicit: node }\"></ng-container>\n\n <ng-template #nodeTemplate let-node>\n <div class=\"d-inline-block\">\n <ng-container\n *ngTemplateOutlet=\"\n customNodeTemplate ? customNodeTemplate?.template : defaultNodeTemplate;\n context: { $implicit: node }\n \"\n ></ng-container>\n </div>\n\n <div\n #dropdown=\"ngbDropdown\"\n *ngIf=\"menu\"\n class=\"d-inline-block ml-1\"\n ngbDropdown\n placement=\"bottom\"\n container=\"body\"\n (abpInit)=\"initDropdown(node.key, dropdown)\"\n >\n <i\n class=\"fas fa-caret-down text-muted\"\n ngbDropdownToggle\n [class.dropdown-toggle]=\"false\"\n ></i>\n <div ngbDropdownMenu>\n <ng-template *ngTemplateOutlet=\"menu; context: { $implicit: node }\"></ng-template>\n </div>\n </div>\n </ng-template>\n\n <ng-template #defaultNodeTemplate let-node>\n <span>{{ node.title }}</span>\n </ng-template>\n </div>\n</ng-template>\n\n<ng-template #defaultIconTemplate let-node let-origin=\"origin\">\n <i style=\"line-height: 28px\" aria-hidden=\"true\">\n <ng-container *ngTemplateOutlet=\"node.isExpanded ? minusIcon : plusIcon\"></ng-container\n ></i>\n</ng-template>\n\n<ng-template #minusIcon>\n <svg\n width=\"15\"\n height=\"15\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n >\n <path\n d=\"M11.5 0c6.347 0 11.5 5.153 11.5 11.5s-5.153 11.5-11.5 11.5-11.5-5.153-11.5-11.5 5.153-11.5 11.5-11.5zm0 1c5.795 0 10.5 4.705 10.5 10.5s-4.705 10.5-10.5 10.5-10.5-4.705-10.5-10.5 4.705-10.5 10.5-10.5zm-6.5 10h13v1h-13v-1z\"\n />\n </svg>\n</ng-template>\n\n<ng-template #plusIcon>\n <svg\n width=\"15\"\n height=\"15\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n >\n <path\n d=\"M11.5 0c6.347 0 11.5 5.153 11.5 11.5s-5.153 11.5-11.5 11.5-11.5-5.153-11.5-11.5 5.153-11.5 11.5-11.5zm0 1c5.795 0 10.5 4.705 10.5 10.5s-4.705 10.5-10.5 10.5-10.5-4.705-10.5-10.5 4.705-10.5 10.5-10.5zm.5 10h6v1h-6v6h-1v-6h-6v-1h6v-6h1v6z\"\n />\n </svg>\n</ng-template>\n", styles: [".ant-tree-checkbox,.ant-tree-checkbox-wrapper{font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:\"tnum\",\"tnum\"}@-webkit-keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}@keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line:before{top:auto!important;bottom:auto!important;height:14px!important}.ant-tree.ant-tree-directory .ant-tree-treenode{position:relative}.ant-tree.ant-tree-directory .ant-tree-treenode:before{position:absolute;top:0;right:0;bottom:4px;left:0;transition:background-color .3s;content:\"\";pointer-events:none}.ant-tree.ant-tree-directory .ant-tree-treenode:hover:before{background:#f5f5f5}.ant-tree.ant-tree-directory .ant-tree-treenode>*{z-index:1}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher{transition:color .3s}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper{border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected{color:#fff;background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode-selected:before,.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover:before{background:#1890ff}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher{color:#fff}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper{color:#fff;background:0 0}.ant-tree-checkbox{box-sizing:border-box;padding:0;color:#000000d9;position:relative;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,.ant-tree-checkbox:hover .ant-tree-checkbox-inner{border-color:#1890ff}.ant-tree-checkbox-checked:after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:2px;visibility:hidden;-webkit-animation:antCheckboxEffect .36s ease-in-out;animation:antCheckboxEffect .36s ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;content:\"\"}.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox:after,.ant-tree-checkbox:hover:after{visibility:visible}.ant-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-tree-checkbox-inner:after{position:absolute;top:50%;left:22%;display:table;width:5.71px;height:9.14px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:\" \"}.ant-tree-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-tree-checkbox-disabled,.ant-tree-checkbox-disabled .ant-tree-checkbox-input,.ant-tree-checkbox-disabled+span{cursor:not-allowed}.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:\" \"}.ant-tree-checkbox-checked .ant-tree-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after{border-color:#00000040;-webkit-animation-name:none;animation-name:none}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after{border-color:#f5f5f5;border-collapse:separate;-webkit-animation-name:none;animation-name:none}.ant-tree-checkbox-disabled+span{color:#00000040}.ant-tree-checkbox-disabled:hover:after,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled:after{visibility:hidden}.ant-tree-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;color:#000000d9;display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-tree-checkbox-wrapper:after{display:inline-block;width:0;overflow:hidden;content:\"\\a0\"}.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled{cursor:not-allowed}.ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper{margin-left:8px}.ant-tree-checkbox+span{padding-right:8px;padding-left:8px}.ant-tree,.ant-tree-checkbox-group{box-sizing:border-box;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:\"tnum\",\"tnum\"}.ant-tree-checkbox-group{margin:0;display:inline-block}.ant-tree-checkbox-group-item{margin-right:8px}.ant-tree-checkbox-group-item:last-child{margin-right:0}.ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item{margin-left:0}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after{top:50%;left:50%;width:8px;height:8px;background-color:#1890ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:\" \"}.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after{background-color:#00000040;border-color:#00000040}.ant-tree{margin:0;background:#fff;border-radius:2px;transition:background-color .3s}.ant-tree-focused:not(:hover):not(.ant-tree-active-focused){background:#e6f7ff}.ant-tree-list-holder-inner{align-items:flex-start}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner{align-items:stretch}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper{flex:auto}.ant-tree .ant-tree-treenode{display:flex;align-items:flex-start;padding:0 0 4px;outline:0}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper{color:#00000040;cursor:not-allowed}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper{background:#f5f5f5}.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title{color:inherit;font-weight:500}.ant-tree-indent{align-self:stretch;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree-indent-unit{display:inline-block;width:24px}.ant-tree-switcher{position:relative;flex:none;align-self:stretch;width:24px;margin:0;line-height:24px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree-switcher .ant-select-tree-switcher-icon,.ant-tree-switcher .ant-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline}.ant-tree-switcher .ant-select-tree-switcher-icon svg,.ant-tree-switcher .ant-tree-switcher-icon svg{transition:transform .3s}.ant-tree-switcher-noop{cursor:default}.ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(-90deg)}.ant-tree-switcher-loading-icon{color:#1890ff}.ant-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.ant-tree-switcher-leaf-line:after,.ant-tree-switcher-leaf-line:before{position:absolute;margin-left:-1px;content:\" \"}.ant-tree-switcher-leaf-line:before{top:0;bottom:-4px;border-left:1px solid #d9d9d9}.ant-tree-switcher-leaf-line:after{width:10px;height:14px;border-bottom:1px solid #d9d9d9}.ant-tree-checkbox{top:auto;top:initial;margin:4px 8px 0 0}.ant-tree .ant-tree-node-content-wrapper{position:relative;z-index:auto;min-height:24px;margin:0;padding:0 4px;color:inherit;line-height:24px;background:0 0;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.ant-tree .ant-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:#bae7ff}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;vertical-align:top}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty,.ant-tree-show-line .ant-tree-indent-unit-end:before{display:none}.ant-tree-unselectable .ant-tree-node-content-wrapper:hover{background-color:transparent}.ant-tree-node-content-wrapper[draggable=true]{line-height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#1890ff;border-radius:1px;pointer-events:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator:after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #1890ff;border-radius:50%;content:\"\"}.ant-tree .ant-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #1890ff}.ant-tree-show-line .ant-tree-indent-unit{position:relative;height:100%}.ant-tree-show-line .ant-tree-indent-unit:before{position:absolute;top:0;right:12px;bottom:-4px;border-right:1px solid #d9d9d9;content:\"\"}.ant-tree-show-line .ant-tree-switcher{background:#fff}.ant-tree-show-line .ant-tree-switcher-line-icon{vertical-align:-.225em}.ant-tree-rtl{direction:rtl}.ant-tree-rtl .ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator:after{right:-6px;left:unset}.ant-tree .ant-tree-treenode-rtl{direction:rtl}.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(90deg)}.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit:before{right:auto;left:-13px;border-right:none;border-left:1px solid #d9d9d9}.ant-tree-rtl.ant-tree-checkbox,.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox{margin:4px 0 0 8px}.font-highlight{color:#ff4d4f}.ant-tree-child-tree{overflow:hidden}nz-tree{display:block}\n", ".ant-tree{color:inherit}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:transparent}.ant-tree .ant-tree-switcher{line-height:17px}.ant-tree .ant-tree-node-content-wrapper{width:100%;padding:0}.ant-tree .node-wrapper{width:100%;position:relative;display:inline-block;margin:0;line-height:24px;text-decoration:none;vertical-align:top;border-radius:2px;cursor:pointer;padding:0 5px 0 8px;border:1px solid transparent}.ant-tree .ellipsis{position:absolute;right:8px;top:1px;cursor:pointer}\n"], components: [{ type: i1.NzTreeComponent, selector: "nz-tree", inputs: ["nzShowIcon", "nzHideUnMatched", "nzBlockNode", "nzExpandAll", "nzSelectMode", "nzCheckStrictly", "nzShowExpand", "nzShowLine", "nzCheckable", "nzAsyncData", "nzDraggable", "nzMultiple", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzData", "nzExpandedKeys", "nzSelectedKeys", "nzCheckedKeys", "nzSearchValue", "nzExpandedIcon", "nzTreeTemplate", "nzBeforeDrop", "nzSearchFunc"], outputs: ["nzExpandedKeysChange", "nzSelectedKeysChange", "nzCheckedKeysChange", "nzSearchValueChange", "nzClick", "nzDblClick", "nzContextMenu", "nzCheckBoxChange", "nzExpandChange", "nzOnDragStart", "nzOnDragEnter", "nzOnDragOver", "nzOnDragLeave", "nzOnDrop", "nzOnDragEnd"], exportAs: ["nzTree"] }], directives: [{ type: i2.NzNoAnimationDirective, selector: "[nzNoAnimation]", inputs: ["nzNoAnimation"], exportAs: ["nzNoAnimation"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { type: i4.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i4.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: TreeComponent, decorators: [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{
|
|
55
|
+
selector: 'abp-tree',
|
|
56
|
+
templateUrl: 'tree.component.html',
|
|
57
|
+
styleUrls: [
|
|
58
|
+
'../../../../../../node_modules/ng-zorro-antd/tree/style/index.min.css',
|
|
59
|
+
'tree.component.scss',
|
|
60
|
+
],
|
|
61
|
+
encapsulation: ViewEncapsulation.None,
|
|
62
|
+
}]
|
|
63
|
+
}], propDecorators: { menu: [{
|
|
64
|
+
type: ContentChild,
|
|
65
|
+
args: ['menu']
|
|
66
|
+
}], customNodeTemplate: [{
|
|
67
|
+
type: ContentChild,
|
|
68
|
+
args: [TreeNodeTemplateDirective]
|
|
69
|
+
}], expandedIconTemplate: [{
|
|
70
|
+
type: ContentChild,
|
|
71
|
+
args: [ExpandedIconTemplateDirective]
|
|
72
|
+
}], checkedKeysChange: [{
|
|
73
|
+
type: Output
|
|
74
|
+
}], expandedKeysChange: [{
|
|
75
|
+
type: Output
|
|
76
|
+
}], selectedNodeChange: [{
|
|
77
|
+
type: Output
|
|
78
|
+
}], dropOver: [{
|
|
79
|
+
type: Output
|
|
80
|
+
}], noAnimation: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], draggable: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], checkable: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], checkStrictly: [{
|
|
87
|
+
type: Input
|
|
88
|
+
}], checkedKeys: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}], nodes: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], expandedKeys: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], selectedNode: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], isNodeSelected: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}], beforeDrop: [{
|
|
99
|
+
type: Input
|
|
100
|
+
}] } });
|
|
101
|
+
//# sourceMappingURL=tree.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.component.js","sourceRoot":"","sources":["../../../../../../../packages/components/tree/src/lib/components/tree.component.ts","../../../../../../../packages/components/tree/src/lib/components/tree.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,WAAW,EACX,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;;;;;;;AAc9F,MAAM,OAAO,aAAa;IAT1B;QAYE,cAAS,GAAG,EAAoC,CAAC;QAK9B,sBAAiB,GAAG,IAAI,YAAY,EAAE,CAAC;QACvC,uBAAkB,GAAG,IAAI,YAAY,EAAY,CAAC;QAClD,uBAAkB,GAAG,IAAI,YAAY,EAAE,CAAC;QACxC,aAAQ,GAAG,IAAI,YAAY,EAAa,CAAC;QACnD,gBAAW,GAAG,IAAI,CAAC;QAInB,gBAAW,GAAG,EAAE,CAAC;QACjB,UAAK,GAAG,EAAE,CAAC;QACX,iBAAY,GAAa,EAAE,CAAC;QAE5B,mBAAc,GAAG,IAAI,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,EAAE,MAAK,IAAI,CAAC,GAAG,CAAA,EAAA,CAAC;QAC5D,eAAU,GAAG,CAAC,KAA8B,EAAE,EAAE;YACvD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC;YAC9B,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,CAAC;KA4BH;IA1BC,oBAAoB,CAAC,IAAI;QACvB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QACvC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACnD,CAAC;IAED,gBAAgB,CAAC,KAAK;QACpB,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,oBAAoB,CAAC,KAAK;QACxB,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM,CAAC,KAAgB;QACrB,KAAK,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QAC9B,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAC7B,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC;QAE9B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,YAAY,CAAC,GAAW,EAAE,QAAqB;QAC7C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;IACjC,CAAC;;0GAnDU,aAAa;8FAAb,aAAa,0mBAMV,yBAAyB,uFACzB,6BAA6B,gDCjC7C,olGAgGA;2FDtEa,aAAa;kBATzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,WAAW,EAAE,qBAAqB;oBAClC,SAAS,EAAE;wBACT,uEAAuE;wBACvE,qBAAqB;qBACtB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAMuB,IAAI;sBAAzB,YAAY;uBAAC,MAAM;gBACqB,kBAAkB;sBAA1D,YAAY;uBAAC,yBAAyB;gBACM,oBAAoB;sBAAhE,YAAY;uBAAC,6BAA6B;gBACxB,iBAAiB;sBAAnC,MAAM;gBACY,kBAAkB;sBAApC,MAAM;gBACY,kBAAkB;sBAApC,MAAM;gBACY,QAAQ;sBAA1B,MAAM;gBACE,WAAW;sBAAnB,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,aAAa;sBAArB,KAAK;gBACG,WAAW;sBAAnB,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,YAAY;sBAApB,KAAK;gBACG,YAAY;sBAApB,KAAK;gBACG,cAAc;sBAAtB,KAAK;gBACG,UAAU;sBAAlB,KAAK","sourcesContent":["import {\n Component,\n ContentChild,\n EventEmitter,\n Input,\n Output,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { NzFormatEmitEvent, NzFormatBeforeDropEvent } from 'ng-zorro-antd/tree';\nimport { of } from 'rxjs';\nimport { TreeNodeTemplateDirective } from '../templates/tree-node-template.directive';\nimport { ExpandedIconTemplateDirective } from '../templates/expanded-icon-template.directive';\nimport { NgbDropdown } from '@ng-bootstrap/ng-bootstrap';\n\nexport type DropEvent = NzFormatEmitEvent & { pos: number };\n\n@Component({\n selector: 'abp-tree',\n templateUrl: 'tree.component.html',\n styleUrls: [\n '../../../../../../node_modules/ng-zorro-antd/tree/style/index.min.css',\n 'tree.component.scss',\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class TreeComponent {\n dropPosition: number;\n\n dropdowns = {} as { [key: string]: NgbDropdown };\n\n @ContentChild('menu') menu: TemplateRef<any>;\n @ContentChild(TreeNodeTemplateDirective) customNodeTemplate: TreeNodeTemplateDirective;\n @ContentChild(ExpandedIconTemplateDirective) expandedIconTemplate: ExpandedIconTemplateDirective;\n @Output() readonly checkedKeysChange = new EventEmitter();\n @Output() readonly expandedKeysChange = new EventEmitter<string[]>();\n @Output() readonly selectedNodeChange = new EventEmitter();\n @Output() readonly dropOver = new EventEmitter<DropEvent>();\n @Input() noAnimation = true;\n @Input() draggable: boolean;\n @Input() checkable: boolean;\n @Input() checkStrictly: boolean;\n @Input() checkedKeys = [];\n @Input() nodes = [];\n @Input() expandedKeys: string[] = [];\n @Input() selectedNode: any;\n @Input() isNodeSelected = node => this.selectedNode?.id === node.key;\n @Input() beforeDrop = (event: NzFormatBeforeDropEvent) => {\n this.dropPosition = event.pos;\n return of(false);\n };\n\n onSelectedNodeChange(node) {\n this.selectedNode = node.origin.entity;\n this.selectedNodeChange.emit(node.origin.entity);\n }\n\n onCheckboxChange(event) {\n this.checkedKeys = [...event.keys];\n this.checkedKeysChange.emit(event.keys);\n }\n\n onExpandedKeysChange(event) {\n this.expandedKeys = [...event.keys];\n this.expandedKeysChange.emit(event.keys);\n }\n\n onDrop(event: DropEvent) {\n event.event.stopPropagation();\n event.event.preventDefault();\n event.pos = this.dropPosition;\n\n this.dropOver.emit(event);\n }\n\n initDropdown(key: string, dropdown: NgbDropdown) {\n this.dropdowns[key] = dropdown;\n }\n}\n","<nz-tree\n [nzBeforeDrop]=\"beforeDrop\"\n [nzDraggable]=\"draggable\"\n [nzCheckStrictly]=\"checkStrictly\"\n [nzCheckable]=\"checkable\"\n [nzCheckedKeys]=\"checkedKeys\"\n [nzData]=\"nodes\"\n [nzTreeTemplate]=\"treeTemplate\"\n [nzExpandedKeys]=\"expandedKeys\"\n [nzExpandedIcon]=\"expandedIconTemplate?.template || defaultIconTemplate\"\n (nzExpandChange)=\"onExpandedKeysChange($event)\"\n (nzCheckBoxChange)=\"onCheckboxChange($event)\"\n (nzOnDrop)=\"onDrop($event)\"\n [nzNoAnimation]=\"noAnimation\"\n (nzContextMenu)=\"dropdowns[$event.node?.key]?.toggle()\"\n></nz-tree>\n<ng-template #treeTemplate let-node>\n <div\n class=\"node-wrapper\"\n [class.selected]=\"isNodeSelected(node)\"\n [title]=\"node.title\"\n (click)=\"onSelectedNodeChange(node)\"\n >\n <ng-container *ngTemplateOutlet=\"nodeTemplate; context: { $implicit: node }\"></ng-container>\n\n <ng-template #nodeTemplate let-node>\n <div class=\"d-inline-block\">\n <ng-container\n *ngTemplateOutlet=\"\n customNodeTemplate ? customNodeTemplate?.template : defaultNodeTemplate;\n context: { $implicit: node }\n \"\n ></ng-container>\n </div>\n\n <div\n #dropdown=\"ngbDropdown\"\n *ngIf=\"menu\"\n class=\"d-inline-block ml-1\"\n ngbDropdown\n placement=\"bottom\"\n container=\"body\"\n (abpInit)=\"initDropdown(node.key, dropdown)\"\n >\n <i\n class=\"fas fa-caret-down text-muted\"\n ngbDropdownToggle\n [class.dropdown-toggle]=\"false\"\n ></i>\n <div ngbDropdownMenu>\n <ng-template *ngTemplateOutlet=\"menu; context: { $implicit: node }\"></ng-template>\n </div>\n </div>\n </ng-template>\n\n <ng-template #defaultNodeTemplate let-node>\n <span>{{ node.title }}</span>\n </ng-template>\n </div>\n</ng-template>\n\n<ng-template #defaultIconTemplate let-node let-origin=\"origin\">\n <i style=\"line-height: 28px\" aria-hidden=\"true\">\n <ng-container *ngTemplateOutlet=\"node.isExpanded ? minusIcon : plusIcon\"></ng-container\n ></i>\n</ng-template>\n\n<ng-template #minusIcon>\n <svg\n width=\"15\"\n height=\"15\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n >\n <path\n d=\"M11.5 0c6.347 0 11.5 5.153 11.5 11.5s-5.153 11.5-11.5 11.5-11.5-5.153-11.5-11.5 5.153-11.5 11.5-11.5zm0 1c5.795 0 10.5 4.705 10.5 10.5s-4.705 10.5-10.5 10.5-10.5-4.705-10.5-10.5 4.705-10.5 10.5-10.5zm-6.5 10h13v1h-13v-1z\"\n />\n </svg>\n</ng-template>\n\n<ng-template #plusIcon>\n <svg\n width=\"15\"\n height=\"15\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n >\n <path\n d=\"M11.5 0c6.347 0 11.5 5.153 11.5 11.5s-5.153 11.5-11.5 11.5-11.5-5.153-11.5-11.5 5.153-11.5 11.5-11.5zm0 1c5.795 0 10.5 4.705 10.5 10.5s-4.705 10.5-10.5 10.5-10.5-4.705-10.5-10.5 4.705-10.5 10.5-10.5zm.5 10h6v1h-6v6h-1v-6h-6v-1h6v-6h1v6z\"\n />\n </svg>\n</ng-template>\n"]}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { Directive, TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
2
3
|
export class ExpandedIconTemplateDirective {
|
|
3
4
|
constructor(template) {
|
|
4
5
|
this.template = template;
|
|
5
6
|
}
|
|
6
7
|
}
|
|
7
|
-
ExpandedIconTemplateDirective
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
];
|
|
15
|
-
//# sourceMappingURL=
|
|
8
|
+
ExpandedIconTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ExpandedIconTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
9
|
+
ExpandedIconTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: ExpandedIconTemplateDirective, selector: "[abpTreeExpandedIconTemplate],[abp-tree-expanded-icon-template]", ngImport: i0 });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ExpandedIconTemplateDirective, decorators: [{
|
|
11
|
+
type: Directive,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: '[abpTreeExpandedIconTemplate],[abp-tree-expanded-icon-template]',
|
|
14
|
+
}]
|
|
15
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
|
|
16
|
+
//# sourceMappingURL=expanded-icon-template.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expanded-icon-template.directive.js","sourceRoot":"","sources":["../../../../../../../packages/components/tree/src/lib/templates/expanded-icon-template.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAKvD,MAAM,OAAO,6BAA6B;IACxC,YAAmB,QAA0B;QAA1B,aAAQ,GAAR,QAAQ,CAAkB;IAAG,CAAC;;0HADtC,6BAA6B;8GAA7B,6BAA6B;2FAA7B,6BAA6B;kBAHzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iEAAiE;iBAC5E","sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[abpTreeExpandedIconTemplate],[abp-tree-expanded-icon-template]',\n})\nexport class ExpandedIconTemplateDirective {\n constructor(public template: TemplateRef<any>) {}\n}\n"]}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { Directive, TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
2
3
|
export class TreeNodeTemplateDirective {
|
|
3
4
|
constructor(template) {
|
|
4
5
|
this.template = template;
|
|
5
6
|
}
|
|
6
7
|
}
|
|
7
|
-
TreeNodeTemplateDirective
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
];
|
|
15
|
-
//# sourceMappingURL=
|
|
8
|
+
TreeNodeTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: TreeNodeTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
9
|
+
TreeNodeTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: TreeNodeTemplateDirective, selector: "[abpTreeNodeTemplate],[abp-tree-node-template]", ngImport: i0 });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: TreeNodeTemplateDirective, decorators: [{
|
|
11
|
+
type: Directive,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: '[abpTreeNodeTemplate],[abp-tree-node-template]',
|
|
14
|
+
}]
|
|
15
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
|
|
16
|
+
//# sourceMappingURL=tree-node-template.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree-node-template.directive.js","sourceRoot":"","sources":["../../../../../../../packages/components/tree/src/lib/templates/tree-node-template.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAKvD,MAAM,OAAO,yBAAyB;IACpC,YAAmB,QAA0B;QAA1B,aAAQ,GAAR,QAAQ,CAAkB;IAAG,CAAC;;sHADtC,yBAAyB;0GAAzB,yBAAyB;2FAAzB,yBAAyB;kBAHrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gDAAgD;iBAC3D","sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[abpTreeNodeTemplate],[abp-tree-node-template]',\n})\nexport class TreeNodeTemplateDirective {\n constructor(public template: TemplateRef<any>) {}\n}\n"]}
|
|
@@ -6,15 +6,20 @@ import { NzTreeModule } from 'ng-zorro-antd/tree';
|
|
|
6
6
|
import { TreeComponent } from './components/tree.component';
|
|
7
7
|
import { ExpandedIconTemplateDirective } from './templates/expanded-icon-template.directive';
|
|
8
8
|
import { TreeNodeTemplateDirective } from './templates/tree-node-template.directive';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
9
10
|
const templates = [TreeNodeTemplateDirective, ExpandedIconTemplateDirective];
|
|
10
11
|
const exported = [...templates, TreeComponent];
|
|
11
12
|
export class TreeModule {
|
|
12
13
|
}
|
|
13
|
-
TreeModule
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
]
|
|
20
|
-
|
|
14
|
+
TreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: TreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
|
+
TreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: TreeModule, declarations: [TreeNodeTemplateDirective, ExpandedIconTemplateDirective, TreeComponent], imports: [CoreModule, NzTreeModule, NgbDropdownModule, NzNoAnimationModule], exports: [TreeNodeTemplateDirective, ExpandedIconTemplateDirective, TreeComponent] });
|
|
16
|
+
TreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: TreeModule, imports: [[CoreModule, NzTreeModule, NgbDropdownModule, NzNoAnimationModule]] });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: TreeModule, decorators: [{
|
|
18
|
+
type: NgModule,
|
|
19
|
+
args: [{
|
|
20
|
+
imports: [CoreModule, NzTreeModule, NgbDropdownModule, NzNoAnimationModule],
|
|
21
|
+
exports: [...exported],
|
|
22
|
+
declarations: [...exported],
|
|
23
|
+
}]
|
|
24
|
+
}] });
|
|
25
|
+
//# sourceMappingURL=tree.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.module.js","sourceRoot":"","sources":["../../../../../../packages/components/tree/src/lib/tree.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,8CAA8C,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;;AAErF,MAAM,SAAS,GAAG,CAAC,yBAAyB,EAAE,6BAA6B,CAAC,CAAC;AAE7E,MAAM,QAAQ,GAAG,CAAC,GAAG,SAAS,EAAE,aAAa,CAAC,CAAC;AAO/C,MAAM,OAAO,UAAU;;uGAAV,UAAU;wGAAV,UAAU,iBATJ,yBAAyB,EAAE,6BAA6B,EAE3C,aAAa,aAGjC,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,aALzD,yBAAyB,EAAE,6BAA6B,EAE3C,aAAa;wGAOhC,UAAU,YAJZ,CAAC,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC;2FAIhE,UAAU;kBALtB,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC;oBAC3E,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC;oBACtB,YAAY,EAAE,CAAC,GAAG,QAAQ,CAAC;iBAC5B","sourcesContent":["import { CoreModule } from '@abp/ng.core';\nimport { NgModule } from '@angular/core';\nimport { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';\nimport { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';\nimport { NzTreeModule } from 'ng-zorro-antd/tree';\nimport { TreeComponent } from './components/tree.component';\nimport { ExpandedIconTemplateDirective } from './templates/expanded-icon-template.directive';\nimport { TreeNodeTemplateDirective } from './templates/tree-node-template.directive';\n\nconst templates = [TreeNodeTemplateDirective, ExpandedIconTemplateDirective];\n\nconst exported = [...templates, TreeComponent];\n\n@NgModule({\n imports: [CoreModule, NzTreeModule, NgbDropdownModule, NzNoAnimationModule],\n exports: [...exported],\n declarations: [...exported],\n})\nexport class TreeModule {}\n"]}
|