ngx-axis-appforge 1.0.17 → 1.0.18
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/fesm2022/ngx-axis-appforge-axis-components-badge.mjs +4 -4
- package/fesm2022/ngx-axis-appforge-axis-components-badge.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-cytoscape.mjs +5 -3
- package/fesm2022/ngx-axis-appforge-axis-components-cytoscape.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-desc.mjs +4 -2
- package/fesm2022/ngx-axis-appforge-axis-components-desc.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs +4 -2
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-image.mjs +4 -2
- package/fesm2022/ngx-axis-appforge-axis-components-image.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-loop-task.mjs +2 -2
- package/fesm2022/ngx-axis-appforge-axis-components-loop-task.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-table.mjs +4 -2
- package/fesm2022/ngx-axis-appforge-axis-components-table.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-text-design.mjs +5 -1
- package/fesm2022/ngx-axis-appforge-axis-components-text-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-text.mjs +4 -2
- package/fesm2022/ngx-axis-appforge-axis-components-text.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-video-design.mjs +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-video-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-video.mjs +5 -3
- package/fesm2022/ngx-axis-appforge-axis-components-video.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-core.mjs +1 -6
- package/fesm2022/ngx-axis-appforge-core.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ngx-axis-appforge-axis-components-badge.d.ts +2 -2
- package/types/ngx-axis-appforge-axis-components-cytoscape.d.ts +3 -2
- package/types/ngx-axis-appforge-axis-components-desc.d.ts +3 -2
- package/types/ngx-axis-appforge-axis-components-image.d.ts +6 -5
- package/types/ngx-axis-appforge-axis-components-loop-task.d.ts +2 -2
- package/types/ngx-axis-appforge-axis-components-table.d.ts +3 -2
- package/types/ngx-axis-appforge-axis-components-text.d.ts +3 -2
- package/types/ngx-axis-appforge-axis-components-video.d.ts +3 -2
- package/types/ngx-axis-appforge-core.d.ts +1 -5
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import {
|
|
3
|
+
import { BaseOptions, Base, DynamicDirective } from 'ngx-axis-appforge/core';
|
|
4
4
|
import * as i1 from 'ng-zorro-antd/badge';
|
|
5
5
|
import { NzBadgeModule } from 'ng-zorro-antd/badge';
|
|
6
6
|
|
|
7
|
-
class BadgeOptions extends
|
|
7
|
+
class BadgeOptions extends BaseOptions {
|
|
8
8
|
type = signal("badge", /* @ts-ignore */
|
|
9
9
|
...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
10
10
|
showDot = signal(true, /* @ts-ignore */
|
|
@@ -52,11 +52,11 @@ class Badge extends Base {
|
|
|
52
52
|
}, /* @ts-ignore */
|
|
53
53
|
...(ngDevMode ? [{ debugName: "badgeStyle" }] : /* istanbul ignore next */ []));
|
|
54
54
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Badge, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: Badge, isStandalone: true, selector: "axis-badge", usesInheritance: true, ngImport: i0, template: "@switch (options.type()) {\n@case (\"badge\") {\n<nz-badge [nzStandalone]=\"!options.child()\" [nzCount]=\"options.dot()?0:options.count()\"\n [nzDot]=\"options.dot() && options.count()!=null && (options.showZero() || options.count()! > 0)\"\n [nzOverflowCount]=\"options.overflowCount()\" [nzShowZero]=\"options.showZero()\" [nzSize]=\"options.size()\"\n [nzOffset]=\"options.offset()\" [nzStyle]=\"{backgroundColor:options.color()??''}\" [nzTitle]=\"options.title()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-badge>\n}\n@case (\"status\") {\n<nz-badge [nzColor]=\"color()\" [nzStyle]=\"badgeStyle()\"\n [nzStatus]=\"options.status()=='default'?undefined:options.status()\" [nzText]=\"options.text()\">\n</nz-badge>\n}\n@case (\"ribbon\") {\n<nz-ribbon [nzColor]=\"options.color()\" [nzPlacement]=\"options.placement()\" [nzText]=\"options.text()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-ribbon>\n}\n}", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: NzBadgeModule }, { kind: "component", type: i1.NzBadgeComponent, selector: "nz-badge", inputs: ["nzShowZero", "nzShowDot", "nzStandalone", "nzDot", "nzOverflowCount", "nzColor", "nzStyle", "nzText", "nzTitle", "nzStatus", "nzCount", "nzOffset", "nzSize"], exportAs: ["nzBadge"] }, { kind: "component", type: i1.NzRibbonComponent, selector: "nz-ribbon", inputs: ["nzColor", "nzPlacement", "nzText"], exportAs: ["nzRibbon"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
55
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: Badge, isStandalone: true, selector: "axis-badge", usesInheritance: true, ngImport: i0, template: "@switch (options.type()) {\n@case (\"badge\") {\n<nz-badge [nzStandalone]=\"!options.child()\" [nzCount]=\"options.dot()?0:options.count()\"\n [nzDot]=\"options.dot() && options.count()!=null && (options.showZero() || options.count()! > 0)\"\n [nzOverflowCount]=\"options.overflowCount()\" [nzShowZero]=\"options.showZero()\" [nzSize]=\"options.size()\"\n [nzOffset]=\"options.offset()\" [nzStyle]=\"{backgroundColor:options.color()??''}\" [nzTitle]=\"options.title()\"\n [nzShowDot]=\"options.showDot()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-badge>\n}\n@case (\"status\") {\n<nz-badge [nzColor]=\"color()\" [nzStyle]=\"badgeStyle()\"\n [nzStatus]=\"options.status()=='default'?undefined:options.status()\" [nzText]=\"options.text()\">\n</nz-badge>\n}\n@case (\"ribbon\") {\n<nz-ribbon [nzColor]=\"options.color()\" [nzPlacement]=\"options.placement()\" [nzText]=\"options.text()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-ribbon>\n}\n}", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: NzBadgeModule }, { kind: "component", type: i1.NzBadgeComponent, selector: "nz-badge", inputs: ["nzShowZero", "nzShowDot", "nzStandalone", "nzDot", "nzOverflowCount", "nzColor", "nzStyle", "nzText", "nzTitle", "nzStatus", "nzCount", "nzOffset", "nzSize"], exportAs: ["nzBadge"] }, { kind: "component", type: i1.NzRibbonComponent, selector: "nz-ribbon", inputs: ["nzColor", "nzPlacement", "nzText"], exportAs: ["nzRibbon"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
56
56
|
}
|
|
57
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Badge, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
|
-
args: [{ selector: 'axis-badge', imports: [NzBadgeModule, DynamicDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (options.type()) {\n@case (\"badge\") {\n<nz-badge [nzStandalone]=\"!options.child()\" [nzCount]=\"options.dot()?0:options.count()\"\n [nzDot]=\"options.dot() && options.count()!=null && (options.showZero() || options.count()! > 0)\"\n [nzOverflowCount]=\"options.overflowCount()\" [nzShowZero]=\"options.showZero()\" [nzSize]=\"options.size()\"\n [nzOffset]=\"options.offset()\" [nzStyle]=\"{backgroundColor:options.color()??''}\" [nzTitle]=\"options.title()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-badge>\n}\n@case (\"status\") {\n<nz-badge [nzColor]=\"color()\" [nzStyle]=\"badgeStyle()\"\n [nzStatus]=\"options.status()=='default'?undefined:options.status()\" [nzText]=\"options.text()\">\n</nz-badge>\n}\n@case (\"ribbon\") {\n<nz-ribbon [nzColor]=\"options.color()\" [nzPlacement]=\"options.placement()\" [nzText]=\"options.text()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-ribbon>\n}\n}", styles: [":host{display:block}\n"] }]
|
|
59
|
+
args: [{ selector: 'axis-badge', imports: [NzBadgeModule, DynamicDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (options.type()) {\n@case (\"badge\") {\n<nz-badge [nzStandalone]=\"!options.child()\" [nzCount]=\"options.dot()?0:options.count()\"\n [nzDot]=\"options.dot() && options.count()!=null && (options.showZero() || options.count()! > 0)\"\n [nzOverflowCount]=\"options.overflowCount()\" [nzShowZero]=\"options.showZero()\" [nzSize]=\"options.size()\"\n [nzOffset]=\"options.offset()\" [nzStyle]=\"{backgroundColor:options.color()??''}\" [nzTitle]=\"options.title()\"\n [nzShowDot]=\"options.showDot()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-badge>\n}\n@case (\"status\") {\n<nz-badge [nzColor]=\"color()\" [nzStyle]=\"badgeStyle()\"\n [nzStatus]=\"options.status()=='default'?undefined:options.status()\" [nzText]=\"options.text()\">\n</nz-badge>\n}\n@case (\"ribbon\") {\n<nz-ribbon [nzColor]=\"options.color()\" [nzPlacement]=\"options.placement()\" [nzText]=\"options.text()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-ribbon>\n}\n}", styles: [":host{display:block}\n"] }]
|
|
60
60
|
}] });
|
|
61
61
|
const badgePresetColors = [
|
|
62
62
|
'pink',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-axis-appforge-axis-components-badge.mjs","sources":["../../../axis-components/badge/badge.options.ts","../../../axis-components/badge/badge.ts","../../../axis-components/badge/badge.html","../../../axis-components/badge/ngx-axis-appforge-axis-components-badge.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport {
|
|
1
|
+
{"version":3,"file":"ngx-axis-appforge-axis-components-badge.mjs","sources":["../../../axis-components/badge/badge.options.ts","../../../axis-components/badge/badge.ts","../../../axis-components/badge/badge.html","../../../axis-components/badge/ngx-axis-appforge-axis-components-badge.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class BadgeOptions extends BaseOptions {\n\n readonly type = signal<\"badge\" | \"status\" | \"ribbon\">(\"badge\");\n\n readonly showDot = signal(true);\n readonly dot = signal(false);\n readonly overflowCount = signal(Number.MAX_VALUE);\n readonly showZero = signal(false);\n readonly count = signal<number | undefined>(undefined);\n readonly child = signal<any>(undefined);\n readonly size = signal<\"default\" | \"small\">(\"default\");\n readonly offset = signal<[number, number] | undefined>(undefined);\n readonly title = signal(\"\");\n\n readonly color = signal<string | undefined>(undefined);\n readonly status = signal<'success' | 'processing' | 'default' | 'error' | 'warning'>(\"default\");\n readonly text = signal(\"\");\n\n readonly placement = signal<\"start\" | \"end\">(\"end\");\n}","import { ChangeDetectionStrategy, Component, computed } from '@angular/core';\nimport { BadgeOptions } from './badge.options';\nimport { Base, DynamicDirective } from 'ngx-axis-appforge/core';\nimport { NzBadgeModule } from 'ng-zorro-antd/badge';\n\n@Component({\n selector: 'axis-badge',\n imports: [NzBadgeModule, DynamicDirective],\n templateUrl: './badge.html',\n styleUrl: './badge.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Badge extends Base<BadgeOptions> {\n\n override options: BadgeOptions = new BadgeOptions();\n\n readonly color = computed(() => this.options.status() == 'default' ? this.options.color() : undefined);;\n\n readonly badgeStyle = computed(() => {\n if (this.color() && badgePresetColors.includes(this.color()!)) {\n return {\n backgroundColor: null,\n }\n } else {\n return {}\n }\n });\n\n}\n\nconst badgePresetColors: readonly string[] = [\n 'pink',\n 'red',\n 'yellow',\n 'orange',\n 'cyan',\n 'green',\n 'blue',\n 'purple',\n 'geekblue',\n 'magenta',\n 'volcano',\n 'gold',\n 'lime'\n];","@switch (options.type()) {\n@case (\"badge\") {\n<nz-badge [nzStandalone]=\"!options.child()\" [nzCount]=\"options.dot()?0:options.count()\"\n [nzDot]=\"options.dot() && options.count()!=null && (options.showZero() || options.count()! > 0)\"\n [nzOverflowCount]=\"options.overflowCount()\" [nzShowZero]=\"options.showZero()\" [nzSize]=\"options.size()\"\n [nzOffset]=\"options.offset()\" [nzStyle]=\"{backgroundColor:options.color()??''}\" [nzTitle]=\"options.title()\"\n [nzShowDot]=\"options.showDot()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-badge>\n}\n@case (\"status\") {\n<nz-badge [nzColor]=\"color()\" [nzStyle]=\"badgeStyle()\"\n [nzStatus]=\"options.status()=='default'?undefined:options.status()\" [nzText]=\"options.text()\">\n</nz-badge>\n}\n@case (\"ribbon\") {\n<nz-ribbon [nzColor]=\"options.color()\" [nzPlacement]=\"options.placement()\" [nzText]=\"options.text()\">\n <ng-container [axisDynamic]=\"options.child()\"></ng-container>\n</nz-ribbon>\n}\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './badge';\n"],"names":[],"mappings":";;;;;;AAGM,MAAO,YAAa,SAAQ,WAAW,CAAA;IAEhC,IAAI,GAAG,MAAM,CAAgC,OAAO;6EAAC;IAErD,OAAO,GAAG,MAAM,CAAC,IAAI;gFAAC;IACtB,GAAG,GAAG,MAAM,CAAC,KAAK;4EAAC;AACnB,IAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS;sFAAC;IACxC,QAAQ,GAAG,MAAM,CAAC,KAAK;iFAAC;IACxB,KAAK,GAAG,MAAM,CAAqB,SAAS;8EAAC;IAC7C,KAAK,GAAG,MAAM,CAAM,SAAS;8EAAC;IAC9B,IAAI,GAAG,MAAM,CAAsB,SAAS;6EAAC;IAC7C,MAAM,GAAG,MAAM,CAA+B,SAAS;+EAAC;IACxD,KAAK,GAAG,MAAM,CAAC,EAAE;8EAAC;IAElB,KAAK,GAAG,MAAM,CAAqB,SAAS;8EAAC;IAC7C,MAAM,GAAG,MAAM,CAA6D,SAAS;+EAAC;IACtF,IAAI,GAAG,MAAM,CAAC,EAAE;6EAAC;IAEjB,SAAS,GAAG,MAAM,CAAkB,KAAK;kFAAC;AACtD;;ACVK,MAAO,KAAM,SAAQ,IAAkB,CAAA;AAElC,IAAA,OAAO,GAAiB,IAAI,YAAY,EAAE;IAE1C,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,SAAS;8EAAC;;AAE7F,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAClC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAG,CAAC,EAAE;YAC7D,OAAO;AACL,gBAAA,eAAe,EAAE,IAAI;aACtB;QACH;aAAO;AACL,YAAA,OAAO,EAAE;QACX;IACF,CAAC;mFAAC;uGAdS,KAAK,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAL,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZlB,mgCAoBC,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDbW,aAAa,ubAAE,gBAAgB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,YAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAK9B,KAAK,EAAA,UAAA,EAAA,CAAA;kBAPjB,SAAS;+BACE,YAAY,EAAA,OAAA,EACb,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAGzB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mgCAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;AAoBjD,MAAM,iBAAiB,GAAsB;IAC3C,MAAM;IACN,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,OAAO;IACP,MAAM;IACN,QAAQ;IACR,UAAU;IACV,SAAS;IACT,SAAS;IACT,MAAM;IACN;CACD;;AE5CD;;AAEG;;;;"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { effect, inject, ElementRef, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import {
|
|
2
|
+
import { signal, effect, inject, ElementRef, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { BaseOptions, Base } from 'ngx-axis-appforge/core';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import cytoscape from 'cytoscape';
|
|
6
6
|
import { of } from 'rxjs';
|
|
7
7
|
|
|
8
|
-
class CytoscapeOptions extends
|
|
8
|
+
class CytoscapeOptions extends BaseOptions {
|
|
9
|
+
data = signal(undefined, /* @ts-ignore */
|
|
10
|
+
...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
9
11
|
}
|
|
10
12
|
|
|
11
13
|
class Cytoscape extends Base {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-axis-appforge-axis-components-cytoscape.mjs","sources":["../../../axis-components/cytoscape/cytoscape.options.ts","../../../axis-components/cytoscape/cytoscape.ts","../../../axis-components/cytoscape/cytoscape.html","../../../axis-components/cytoscape/ngx-axis-appforge-axis-components-cytoscape.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"ngx-axis-appforge-axis-components-cytoscape.mjs","sources":["../../../axis-components/cytoscape/cytoscape.options.ts","../../../axis-components/cytoscape/cytoscape.ts","../../../axis-components/cytoscape/cytoscape.html","../../../axis-components/cytoscape/ngx-axis-appforge-axis-components-cytoscape.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class CytoscapeOptions extends BaseOptions {\n readonly data = signal<any>(undefined);\n}","import { AfterContentInit, ChangeDetectionStrategy, Component, effect, ElementRef, inject, OnDestroy } from '@angular/core';\nimport { CytoscapeOptions } from './cytoscape.options';\nimport { Base, EventHandlerOptions } from 'ngx-axis-appforge/core';\nimport { CommonModule } from '@angular/common';\nimport cytoscape from 'cytoscape';\nimport { Observable, of } from 'rxjs';\n\n@Component({\n selector: 'axis-cytoscape',\n imports: [CommonModule],\n templateUrl: './cytoscape.html',\n styleUrl: './cytoscape.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Cytoscape extends Base<CytoscapeOptions> implements AfterContentInit, OnDestroy {\n\n constructor() {\n super();\n effect(() => {\n this.render();\n })\n }\n\n override options: CytoscapeOptions = new CytoscapeOptions();\n\n readonly container = inject(ElementRef);\n\n cy?: cytoscape.Core;\n\n overtNodeids?: string[];\n\n ngAfterContentInit(): void {\n this.render();\n }\n\n private render() {\n if (this.options.data()) {\n this.cy?.destroy();\n this.container.nativeElement.innerHTML = \"\";\n const c = document.createElement(\"div\");\n c.style.width = \"100%\";\n c.style.height = \"100%\";\n this.container.nativeElement.appendChild(c);\n this.cy = cytoscape({\n container: c,\n ...this.options.data()\n });\n this.setOvertNodes(this.overtNodeids);\n }\n }\n\n override onEvents(e: EventHandlerOptions<any>): Observable<boolean> | undefined {\n const obs = super.onEvents?.(e);\n if (obs) {\n return;\n }\n switch (e.name) {\n case \"setOvertNodes\":\n this.setOvertNodes(e.data?.ids);\n return of(true);\n }\n return undefined;\n }\n\n private setOvertNodes(ids: string[] | undefined) {\n if (!this.cy) {\n return;\n }\n this.overtNodeids = ids;\n if (ids) {\n this.cy.elements().style(\"opacity\", 0.5);\n if (ids.length) {\n const nodes = this.cy.nodes(ids.map(id => `#${id}`).join(\",\"));\n nodes.style(\"opacity\", 1);\n this.cy.animate({\n zoom: 2,\n center: { eles: nodes },\n fit: nodes.length > 1 ? { eles: nodes, padding: 50 } : undefined,\n duration: 300,\n easing: \"ease-in-out\"\n });\n }\n } else {\n this.cy?.elements().style(\"opacity\", 1);\n }\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.cy?.destroy();\n }\n}\n","","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './cytoscape';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { signal, effect, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import {
|
|
3
|
+
import { BaseOptions, Base, DynamicDirective } from 'ngx-axis-appforge/core';
|
|
4
4
|
import * as i1 from 'ng-zorro-antd/descriptions';
|
|
5
5
|
import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';
|
|
6
6
|
|
|
7
|
-
class DescOptions extends
|
|
7
|
+
class DescOptions extends BaseOptions {
|
|
8
|
+
data = signal(undefined, /* @ts-ignore */
|
|
9
|
+
...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
8
10
|
title = signal("", /* @ts-ignore */
|
|
9
11
|
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
10
12
|
column = signal(3, /* @ts-ignore */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-axis-appforge-axis-components-desc.mjs","sources":["../../../axis-components/desc/desc.options.ts","../../../axis-components/desc/desc.ts","../../../axis-components/desc/desc.html","../../../axis-components/desc/ngx-axis-appforge-axis-components-desc.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport {
|
|
1
|
+
{"version":3,"file":"ngx-axis-appforge-axis-components-desc.mjs","sources":["../../../axis-components/desc/desc.options.ts","../../../axis-components/desc/desc.ts","../../../axis-components/desc/desc.html","../../../axis-components/desc/ngx-axis-appforge-axis-components-desc.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { BaseOptions } from \"ngx-axis-appforge/core\";\n\nexport class DescOptions extends BaseOptions {\n\n readonly data = signal<any>(undefined);\n readonly title = signal(\"\");\n readonly column = signal(3);\n readonly bordered = signal(false);\n readonly size = signal<'default' | 'middle' | 'small'>(\"default\");\n readonly colon = signal(true);\n readonly extra = signal<any>(undefined);\n readonly items = signal<DescItemOptions[]>([]);\n\n}\n\nexport class DescItemOptions {\n\n readonly inuse = signal(true);\n readonly title = signal(\"未命名\");\n readonly field = signal(\"\");\n readonly span = signal(1);\n readonly child = signal<any>(undefined);\n\n}","import { ChangeDetectionStrategy, Component, computed, effect } from '@angular/core';\nimport { DescItemOptions, DescOptions } from './desc.options';\nimport { Base, DynamicDirective } from 'ngx-axis-appforge/core';\nimport { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';\n\n@Component({\n selector: 'axis-desc',\n imports: [NzDescriptionsModule, DynamicDirective],\n templateUrl: './desc.html',\n styleUrl: './desc.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Desc extends Base<DescOptions> {\n\n constructor() {\n super();\n effect(() => {\n this.items().forEach((p, i) => {\n p.inuse.set(false);\n this.bindWithConfig(this.options.items()[i], { options: p, tag: `bindItems.${i}` });\n });\n });\n }\n override options: DescOptions = new DescOptions();\n readonly items = computed(() => this.buildItems());\n\n private buildItems(): DescItemOptions[] {\n return this.options.items().map(_ => new DescItemOptions());\n }\n}\n","<nz-descriptions [nzTitle]=\"options.title()\" [nzColumn]=\"options.column()\" [nzBordered]=\"options.bordered()\"\n [nzSize]=\"options.size()\" [nzColon]=\"options.colon()\" [nzExtra]=\"extraTpl\">\n @for (item of items(); track item;let i=$index) {\n @if (item.inuse()) {\n <nz-descriptions-item [nzTitle]=\"item.title()\" [nzSpan]=\"item.span()\">\n <div style=\"display:contents;\" [attr.data-index]=\"i\">\n @if (item.child()) {\n <ng-container [axisDynamic]=\"item.child()\"></ng-container>\n }@else if(item.field()){\n {{options.data()?.[item.field()]}}\n }\n </div>\n </nz-descriptions-item>\n }\n }\n</nz-descriptions>\n<ng-template #extraTpl>\n <ng-container [axisDynamic]=\"options.extra()\"></ng-container>\n</ng-template>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './desc';\n"],"names":[],"mappings":";;;;;;AAGM,MAAO,WAAY,SAAQ,WAAW,CAAA;IAE/B,IAAI,GAAG,MAAM,CAAM,SAAS;6EAAC;IAC7B,KAAK,GAAG,MAAM,CAAC,EAAE;8EAAC;IAClB,MAAM,GAAG,MAAM,CAAC,CAAC;+EAAC;IAClB,QAAQ,GAAG,MAAM,CAAC,KAAK;iFAAC;IACxB,IAAI,GAAG,MAAM,CAAiC,SAAS;6EAAC;IACxD,KAAK,GAAG,MAAM,CAAC,IAAI;8EAAC;IACpB,KAAK,GAAG,MAAM,CAAM,SAAS;8EAAC;IAC9B,KAAK,GAAG,MAAM,CAAoB,EAAE;8EAAC;AAEjD;MAEY,eAAe,CAAA;IAEf,KAAK,GAAG,MAAM,CAAC,IAAI;8EAAC;IACpB,KAAK,GAAG,MAAM,CAAC,KAAK;8EAAC;IACrB,KAAK,GAAG,MAAM,CAAC,EAAE;8EAAC;IAClB,IAAI,GAAG,MAAM,CAAC,CAAC;6EAAC;IAChB,KAAK,GAAG,MAAM,CAAM,SAAS;8EAAC;AAE1C;;ACZK,MAAO,IAAK,SAAQ,IAAiB,CAAA;AAEzC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AAC5B,gBAAA,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;gBAClB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,CAAA,UAAA,EAAa,CAAC,CAAA,CAAE,EAAE,CAAC;AACrF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;AACS,IAAA,OAAO,GAAgB,IAAI,WAAW,EAAE;IACxC,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE;8EAAC;IAE1C,UAAU,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,eAAe,EAAE,CAAC;IAC7D;uGAhBW,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZjB,6zBAkBc,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDXF,oBAAoB,8YAAE,gBAAgB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,YAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKrC,IAAI,EAAA,UAAA,EAAA,CAAA;kBAPhB,SAAS;+BACE,WAAW,EAAA,OAAA,EACZ,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,EAAA,eAAA,EAGhC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6zBAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA;;;AEVjD;;AAEG;;;;"}
|
|
@@ -1545,6 +1545,8 @@ class Design extends ValueAccess {
|
|
|
1545
1545
|
}
|
|
1546
1546
|
if (e.nextNodeId) {
|
|
1547
1547
|
this.tree.selectByNodeIds([e.nextNodeId]);
|
|
1548
|
+
const expandIds = this.getAllParentNodes(e.nextNodeId).map(n => n.id);
|
|
1549
|
+
this.tree.expandByNodeIds(expandIds);
|
|
1548
1550
|
this.preview.selectByNodeIds([e.nextNodeId]);
|
|
1549
1551
|
if (e.sameSetting) {
|
|
1550
1552
|
this.settingOptionsNodeId = e.nextNodeId;
|
|
@@ -1949,14 +1951,14 @@ class Design extends ValueAccess {
|
|
|
1949
1951
|
}
|
|
1950
1952
|
}
|
|
1951
1953
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Design, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1952
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: Design, isStandalone: true, selector: "axis-design", inputs: { chooseComponentVisible: { classPropertyName: "chooseComponentVisible", publicName: "chooseComponentVisible", isSignal: true, isRequired: false, transformFunction: null }, settingOptionsStr: { classPropertyName: "settingOptionsStr", publicName: "settingOptionsStr", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chooseComponentVisible: "chooseComponentVisibleChange", settingOptionsStr: "settingOptionsStrChange" }, host: { attributes: { "tabindex": "-1", "autofocus": "true" }, listeners: { "keydown": "onKeyPress($event)" } }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "setting", first: true, predicate: ["setting"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "preview", first: true, predicate: ["preview"], descendants: true, static: true }, { propertyName: "tree", first: true, predicate: ["tree"], descendants: true, static: true }, { propertyName: "codeEditor", first: true, predicate: ["codeEditor"], descendants: true }, { propertyName: "tools", first: true, predicate: ["tools"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\">\n <nz-tabs nzCentered>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n <axis-design-tree style=\"margin-bottom: 300px;\" #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onChangeOptionsConfig($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n </nz-tab>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n </nz-tab>\n </nz-tabs>\n </nz-splitter-panel>\n <nz-splitter-panel>\n <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n <axis-toolbar #tools></axis-toolbar>\n <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" [injectFunc]=\"injectFunc()\"\n [httpContextData]=\"options.httpContextData()\" [fileBaseUrl]=\"options.fileBaseUrl()\"\n (onChange)=\"onChangeOptionsConfig($event)\" (onSelect)=\"onPreviewSelect($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"\n (onForceRender)=\"triggeEvents('forceRender').subscribe()\"></axis-design-preview>\n </div>\n </nz-splitter-panel>\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n <nz-tabs class=\"design-right-tabs\" nzCentered style=\"height: 100%;\">\n <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n <ng-container #setting></ng-container>\n <div style=\"height: 300px;\"></div>\n @if (!settingOptionsStr()){\n <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n }\n </nz-tab>\n <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n <ng-container #codeEditor=\"axisDynamic\"\n [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr() && treeNode()!=null,otherOptions:{tabSize:2}}\"\n [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n </nz-tab>\n @for (tab of tabs(); track $index; let i = $index) {\n <nz-tab [nzTitle]=\"title\" [nzForceRender]=\"tab.forceRender()\">\n <ng-template #title>\n <span [attr.data-index]=\"i\">{{tab.title()}}</span>\n </ng-template>\n <div [attr.data-index]=\"i\">\n <ng-container [axisDynamic]=\"tab.child()\"></ng-container>\n </div>\n </nz-tab>\n }\n </nz-tabs>\n </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n <ng-container *nzDrawerContent>\n <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzSplitterModule }, { kind: "component", type: i1$3.NzSplitterComponent, selector: "nz-splitter", inputs: ["nzLayout", "nzLazy"], outputs: ["nzResizeStart", "nzResize", "nzResizeEnd"], exportAs: ["nzSplitter"] }, { kind: "component", type: i1$3.NzSplitterPanelComponent, selector: "nz-splitter-panel", inputs: ["nzDefaultSize", "nzMin", "nzMax", "nzSize", "nzCollapsible", "nzResizable"], exportAs: ["nzSplitterPanel"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i2$3.NzTabsComponent, selector: "nz-tabs", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane", "nzIndicator"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabs"] }, { kind: "component", type: i2$3.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "component", type: Preview, selector: "axis-design-preview", inputs: ["loadAndOptions", "optionsNodes", "injectData", "httpContextData", "fileBaseUrl", "injectFunc"], outputs: ["onChange", "onSelect", "onContextMenu", "onForceRender"] }, { kind: "component", type: Tree, selector: "axis-design-tree", inputs: ["node", "optionsNodes"], outputs: ["onChange", "onSelect", "onContextMenu"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "component", type: Cmplib, selector: "axis-cmplib", inputs: ["cmplib", "selectMode", "tags"], outputs: ["cmplibChange", "clickExample", "dragStart", "dragEnd"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i9.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzDrawerModule }, { kind: "component", type: i6$2.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i6$2.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "component", type: Toolbar, selector: "axis-toolbar", inputs: ["shortcutKeysModal"], outputs: ["shortcutKeysModalChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1954
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: Design, isStandalone: true, selector: "axis-design", inputs: { chooseComponentVisible: { classPropertyName: "chooseComponentVisible", publicName: "chooseComponentVisible", isSignal: true, isRequired: false, transformFunction: null }, settingOptionsStr: { classPropertyName: "settingOptionsStr", publicName: "settingOptionsStr", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chooseComponentVisible: "chooseComponentVisibleChange", settingOptionsStr: "settingOptionsStrChange" }, host: { attributes: { "tabindex": "-1", "autofocus": "true" }, listeners: { "keydown": "onKeyPress($event)" } }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "setting", first: true, predicate: ["setting"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "preview", first: true, predicate: ["preview"], descendants: true, static: true }, { propertyName: "tree", first: true, predicate: ["tree"], descendants: true, static: true }, { propertyName: "codeEditor", first: true, predicate: ["codeEditor"], descendants: true }, { propertyName: "tools", first: true, predicate: ["tools"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\">\n <nz-tabs nzCentered>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n <axis-design-tree style=\"margin-bottom: 300px;\" #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onChangeOptionsConfig($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n </nz-tab>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n </nz-tab>\n </nz-tabs>\n </nz-splitter-panel>\n <nz-splitter-panel>\n <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n <axis-toolbar #tools></axis-toolbar>\n <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" [injectFunc]=\"injectFunc()\"\n [httpContextData]=\"options.httpContextData()\" [fileBaseUrl]=\"options.fileBaseUrl()\"\n (onChange)=\"onChangeOptionsConfig($event)\" (onSelect)=\"onPreviewSelect($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"\n (onForceRender)=\"triggeEvents('forceRender').subscribe()\"></axis-design-preview>\n </div>\n </nz-splitter-panel>\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n <nz-tabs class=\"design-right-tabs\" nzCentered style=\"height: 100%;\">\n <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n <ng-container #setting></ng-container>\n <div style=\"height: 300px;\"></div>\n @if (!settingOptionsStr()){\n <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n }\n </nz-tab>\n <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n <ng-container #codeEditor=\"axisDynamic\"\n [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr() && treeNode()!=null,otherOptions:{tabSize:2}}\"\n [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n </nz-tab>\n @for (tab of tabs(); track $index; let i = $index) {\n <nz-tab [nzTitle]=\"title\" [nzForceRender]=\"tab.forceRender()\">\n <ng-template #title>\n <span [attr.data-index]=\"i\">{{tab.title()}}</span>\n </ng-template>\n <div [attr.data-index]=\"i\" style=\"height: 100%;\">\n <ng-container [axisDynamic]=\"tab.child()\"></ng-container>\n </div>\n </nz-tab>\n }\n </nz-tabs>\n </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n <ng-container *nzDrawerContent>\n <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzSplitterModule }, { kind: "component", type: i1$3.NzSplitterComponent, selector: "nz-splitter", inputs: ["nzLayout", "nzLazy"], outputs: ["nzResizeStart", "nzResize", "nzResizeEnd"], exportAs: ["nzSplitter"] }, { kind: "component", type: i1$3.NzSplitterPanelComponent, selector: "nz-splitter-panel", inputs: ["nzDefaultSize", "nzMin", "nzMax", "nzSize", "nzCollapsible", "nzResizable"], exportAs: ["nzSplitterPanel"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i2$3.NzTabsComponent, selector: "nz-tabs", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane", "nzIndicator"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabs"] }, { kind: "component", type: i2$3.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "component", type: Preview, selector: "axis-design-preview", inputs: ["loadAndOptions", "optionsNodes", "injectData", "httpContextData", "fileBaseUrl", "injectFunc"], outputs: ["onChange", "onSelect", "onContextMenu", "onForceRender"] }, { kind: "component", type: Tree, selector: "axis-design-tree", inputs: ["node", "optionsNodes"], outputs: ["onChange", "onSelect", "onContextMenu"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "component", type: Cmplib, selector: "axis-cmplib", inputs: ["cmplib", "selectMode", "tags"], outputs: ["cmplibChange", "clickExample", "dragStart", "dragEnd"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i9.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: NzDrawerModule }, { kind: "component", type: i6$2.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i6$2.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "component", type: Toolbar, selector: "axis-toolbar", inputs: ["shortcutKeysModal"], outputs: ["shortcutKeysModalChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1953
1955
|
}
|
|
1954
1956
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Design, decorators: [{
|
|
1955
1957
|
type: Component,
|
|
1956
1958
|
args: [{ selector: 'axis-design', imports: [NzSplitterModule, NzTabsModule, Preview, Tree, NzFlexModule, Cmplib, FormsModule, NzEmptyModule, DynamicDirective, NzDrawerModule, Toolbar], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1957
1959
|
tabindex: "-1",
|
|
1958
1960
|
autofocus: "true",
|
|
1959
|
-
}, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\">\n <nz-tabs nzCentered>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n <axis-design-tree style=\"margin-bottom: 300px;\" #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onChangeOptionsConfig($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n </nz-tab>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n </nz-tab>\n </nz-tabs>\n </nz-splitter-panel>\n <nz-splitter-panel>\n <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n <axis-toolbar #tools></axis-toolbar>\n <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" [injectFunc]=\"injectFunc()\"\n [httpContextData]=\"options.httpContextData()\" [fileBaseUrl]=\"options.fileBaseUrl()\"\n (onChange)=\"onChangeOptionsConfig($event)\" (onSelect)=\"onPreviewSelect($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"\n (onForceRender)=\"triggeEvents('forceRender').subscribe()\"></axis-design-preview>\n </div>\n </nz-splitter-panel>\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n <nz-tabs class=\"design-right-tabs\" nzCentered style=\"height: 100%;\">\n <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n <ng-container #setting></ng-container>\n <div style=\"height: 300px;\"></div>\n @if (!settingOptionsStr()){\n <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n }\n </nz-tab>\n <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n <ng-container #codeEditor=\"axisDynamic\"\n [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr() && treeNode()!=null,otherOptions:{tabSize:2}}\"\n [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n </nz-tab>\n @for (tab of tabs(); track $index; let i = $index) {\n <nz-tab [nzTitle]=\"title\" [nzForceRender]=\"tab.forceRender()\">\n <ng-template #title>\n <span [attr.data-index]=\"i\">{{tab.title()}}</span>\n </ng-template>\n <div [attr.data-index]=\"i\">\n <ng-container [axisDynamic]=\"tab.child()\"></ng-container>\n </div>\n </nz-tab>\n }\n </nz-tabs>\n </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n <ng-container *nzDrawerContent>\n <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"] }]
|
|
1961
|
+
}, template: "<nz-splitter (nzResize)=\"layoutEditor($event)\">\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[0]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\">\n <nz-tabs nzCentered>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u6811\">\n <axis-design-tree style=\"margin-bottom: 300px;\" #tree [node]=\"treeNode()\" [optionsNodes]=\"optionsNodes\"\n (onSelect)=\"onTreeSelect($event)\" (onChange)=\"onChangeOptionsConfig($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"></axis-design-tree>\n </nz-tab>\n <nz-tab nzTitle=\"\u7EC4\u4EF6\u5E93\">\n <axis-cmplib selectMode=\"drag\" (dragStart)=\"onCmplibDragStart($event.example,$event.element)\"\n (dragEnd)=\"onCmplibDragEnd()\"></axis-cmplib>\n </nz-tab>\n </nz-tabs>\n </nz-splitter-panel>\n <nz-splitter-panel>\n <div nz-flex nzVertical style=\"height: 100%;width: 100%;position: relative;\">\n <h2 style=\"text-align: center;margin-top: 4px;\">\u9884\u89C8</h2>\n <axis-toolbar #tools></axis-toolbar>\n <axis-design-preview #preview style=\"flex:1;overflow: auto;\" [loadAndOptions]=\"loadAndOptions()\"\n [optionsNodes]=\"optionsNodes\" [injectData]=\"injectDataObs\" [injectFunc]=\"injectFunc()\"\n [httpContextData]=\"options.httpContextData()\" [fileBaseUrl]=\"options.fileBaseUrl()\"\n (onChange)=\"onChangeOptionsConfig($event)\" (onSelect)=\"onPreviewSelect($event)\"\n (onContextMenu)=\"onContextMenu($event.event,$event.nodeId)\"\n (onForceRender)=\"triggeEvents('forceRender').subscribe()\"></axis-design-preview>\n </div>\n </nz-splitter-panel>\n <nz-splitter-panel [nzCollapsible]=\"!tools.onlyPreview()\" [nzDefaultSize]=\"cacheSized[1]\" nzMin=\"15%\" nzMax=\"40%\"\n [nzSize]=\"tools.onlyPreview()?0:undefined\" style=\"position: relative;\">\n <nz-tabs class=\"design-right-tabs\" nzCentered style=\"height: 100%;\">\n <nz-tab nzTitle=\"\u5C5E\u6027\u8BBE\u7F6E\" (nzClick)=\"syncToSetting()\">\n <ng-container #setting></ng-container>\n <div style=\"height: 300px;\"></div>\n @if (!settingOptionsStr()){\n <nz-empty style=\"height: 300px;\" nzNotFoundContent=\"\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\"></nz-empty>\n }\n </nz-tab>\n <nz-tab nzTitle=\"\u4EE3\u7801\" nzForceRender (nzSelect)=\"syncToCode();\">\n <ng-container #codeEditor=\"axisDynamic\"\n [axisDynamic]=\"{component:'axis-components/editor',inuse:true,mode:'json',readonly:!settingOptionsStr() && treeNode()!=null,otherOptions:{tabSize:2}}\"\n [standalone]=\"true\" [(ngModel)]=\"settingOptionsStr\"\n (ngModelChange)=\"onEditorChange($event)\"></ng-container>\n </nz-tab>\n @for (tab of tabs(); track $index; let i = $index) {\n <nz-tab [nzTitle]=\"title\" [nzForceRender]=\"tab.forceRender()\">\n <ng-template #title>\n <span [attr.data-index]=\"i\">{{tab.title()}}</span>\n </ng-template>\n <div [attr.data-index]=\"i\" style=\"height: 100%;\">\n <ng-container [axisDynamic]=\"tab.child()\"></ng-container>\n </div>\n </nz-tab>\n }\n </nz-tabs>\n </nz-splitter-panel>\n</nz-splitter>\n<ng-container #menu></ng-container>\n<nz-drawer [(nzVisible)]=\"chooseComponentVisible\" nzTitle=\"\u9009\u62E9\u7EC4\u4EF6\" [nzBodyStyle]=\"{padding:0}\"\n (nzOnClose)=\"chooseComponentVisible.set(false);chooseComponentSubject.next(undefined)\">\n <ng-container *nzDrawerContent>\n <axis-cmplib selectMode=\"click\" [tags]=\"chooseComponentTags()\"\n (clickExample)=\"chooseComponentVisible.set(false);chooseComponentSubject.next($event)\"></axis-cmplib>\n </ng-container>\n</nz-drawer>", styles: ["nz-tabs,::ng-deep .ant-tabs-content,::ng-deep .ant-tabs-tabpane{height:100%}::ng-deep .ant-tabs-content{overflow:auto}:host{display:block;width:100%;height:100%}\n"] }]
|
|
1960
1962
|
}], ctorParameters: () => [], propDecorators: { menu: [{
|
|
1961
1963
|
type: ViewChild,
|
|
1962
1964
|
args: ["menu", { static: true, read: ViewContainerRef }]
|