ngx-axis-appforge 1.0.0 → 1.0.2
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 +34 -7
- package/fesm2022/ngx-axis-appforge-axis-components-badge.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-checkbox.mjs +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-checkbox.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-cytoscape.mjs +17 -17
- package/fesm2022/ngx-axis-appforge-axis-components-cytoscape.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs +2 -2
- package/fesm2022/ngx-axis-appforge-axis-components-design.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-select.mjs +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-select.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-core.mjs +4 -4
- 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 +10 -4
- package/types/ngx-axis-appforge-axis-components-cytoscape.d.ts +2 -1
- package/types/ngx-axis-appforge-core.d.ts +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { signal, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import { signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
3
|
import { DataOptions, 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';
|
|
@@ -21,19 +21,46 @@ class BadgeOptions extends DataOptions {
|
|
|
21
21
|
placement = signal("end", ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
class
|
|
24
|
+
class Badge extends Base {
|
|
25
25
|
options = new BadgeOptions();
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
color = computed(() => this.options.status() == 'default' ? this.options.color() : undefined, ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
27
|
+
;
|
|
28
|
+
badgeStyle = computed(() => {
|
|
29
|
+
if (this.color() && badgePresetColors.includes(this.color())) {
|
|
30
|
+
return {
|
|
31
|
+
backgroundColor: null,
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
return {};
|
|
36
|
+
}
|
|
37
|
+
}, ...(ngDevMode ? [{ debugName: "badgeStyle" }] : /* istanbul ignore next */ []));
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: Badge, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", 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 });
|
|
28
40
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type:
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: Badge, decorators: [{
|
|
30
42
|
type: Component,
|
|
31
|
-
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]=\"
|
|
43
|
+
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"] }]
|
|
32
44
|
}] });
|
|
45
|
+
const badgePresetColors = [
|
|
46
|
+
'pink',
|
|
47
|
+
'red',
|
|
48
|
+
'yellow',
|
|
49
|
+
'orange',
|
|
50
|
+
'cyan',
|
|
51
|
+
'green',
|
|
52
|
+
'blue',
|
|
53
|
+
'purple',
|
|
54
|
+
'geekblue',
|
|
55
|
+
'magenta',
|
|
56
|
+
'volcano',
|
|
57
|
+
'gold',
|
|
58
|
+
'lime'
|
|
59
|
+
];
|
|
33
60
|
|
|
34
61
|
/**
|
|
35
62
|
* Generated bundle index. Do not edit.
|
|
36
63
|
*/
|
|
37
64
|
|
|
38
|
-
export {
|
|
65
|
+
export { Badge };
|
|
39
66
|
//# sourceMappingURL=ngx-axis-appforge-axis-components-badge.mjs.map
|
|
@@ -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 { DataOptions } from \"ngx-axis-appforge/core\";\n\nexport class BadgeOptions extends DataOptions {\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 } 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
|
|
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 { DataOptions } from \"ngx-axis-appforge/core\";\n\nexport class BadgeOptions extends DataOptions {\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 <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;AAEhC,IAAA,IAAI,GAAG,MAAM,CAAgC,OAAO,2EAAC;AAErD,IAAA,OAAO,GAAG,MAAM,CAAC,IAAI,8EAAC;AACtB,IAAA,GAAG,GAAG,MAAM,CAAC,KAAK,0EAAC;AACnB,IAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,oFAAC;AACxC,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,+EAAC;AACxB,IAAA,KAAK,GAAG,MAAM,CAAqB,SAAS,4EAAC;AAC7C,IAAA,KAAK,GAAG,MAAM,CAAM,SAAS,4EAAC;AAC9B,IAAA,IAAI,GAAG,MAAM,CAAsB,SAAS,2EAAC;AAC7C,IAAA,MAAM,GAAG,MAAM,CAA+B,SAAS,6EAAC;AACxD,IAAA,KAAK,GAAG,MAAM,CAAC,EAAE,4EAAC;AAElB,IAAA,KAAK,GAAG,MAAM,CAAqB,SAAS,4EAAC;AAC7C,IAAA,MAAM,GAAG,MAAM,CAA6D,SAAS,6EAAC;AACtF,IAAA,IAAI,GAAG,MAAM,CAAC,EAAE,2EAAC;AAEjB,IAAA,SAAS,GAAG,MAAM,CAAkB,KAAK,gFAAC;AACtD;;ACVK,MAAO,KAAM,SAAQ,IAAkB,CAAA;AAElC,IAAA,OAAO,GAAiB,IAAI,YAAY,EAAE;AAE1C,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,SAAS,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;;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;AACF,IAAA,CAAC,iFAAC;wGAdS,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,SAAA,EAAA,IAAA,EAAA,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZlB,49BAmBC,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDZW,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;;4FAK9B,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,49BAAA,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;;;;"}
|
|
@@ -24,7 +24,7 @@ class Checkbox extends ValueAccess {
|
|
|
24
24
|
untracked(() => {
|
|
25
25
|
if (this.checkboxValue()?.length) {
|
|
26
26
|
const next = data.filter(d => this.checkboxValue().includes(d[this.options.valueField()]));
|
|
27
|
-
if (next.length != this.checkboxValue().length) {
|
|
27
|
+
if (next.length != this.checkboxValue().length || this.options.fullValue()) {
|
|
28
28
|
if (this.options.fullValue()) {
|
|
29
29
|
this.setInitValue(next);
|
|
30
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-axis-appforge-axis-components-checkbox.mjs","sources":["../../../axis-components/checkbox/checkbox.options.ts","../../../axis-components/checkbox/checkbox.ts","../../../axis-components/checkbox/checkbox.html","../../../axis-components/checkbox/ngx-axis-appforge-axis-components-checkbox.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class CheckboxOptions extends ValueAccessOptions {\n\n readonly labelField = signal(\"title\");\n readonly valueField = signal(\"key\");\n readonly disabledField = signal(\"disabled\");\n readonly fullValue = signal(false);\n readonly showAll = signal(false);\n readonly data = signal<any>(undefined);\n}","import { ChangeDetectionStrategy, Component, computed, effect, model, untracked } from '@angular/core';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { FormsModule } from '@angular/forms';\nimport { CheckboxOptions } from './checkbox.options';\nimport { NzCheckboxModule, NzCheckboxOption } from 'ng-zorro-antd/checkbox';\n\n@Component({\n selector: 'axis-checkbox',\n imports: [NzCheckboxModule, FormsModule],\n templateUrl: './checkbox.html',\n styleUrl: './checkbox.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Checkbox extends ValueAccess<CheckboxOptions> {\n\n constructor() {\n super();\n effect(() => {\n const data = this.options.data();\n if (Array.isArray(data) && data.length) {\n untracked(() => {\n if (this.checkboxValue()?.length) {\n const next = data.filter(d => this.checkboxValue()!.includes(d[this.options.valueField()]))\n if (next.length != this.checkboxValue()!.length) {\n if (this.options.fullValue()) {\n this.setInitValue(next);\n } else {\n this.setInitValue(next.map(r => r[this.options.valueField()]));\n }\n }\n }\n })\n } else {\n this.setInitValue(null);\n }\n });\n }\n\n override options: CheckboxOptions = new CheckboxOptions();\n readonly checkboxData = computed(() => this.buildCheckboxData());\n readonly displayValue = computed(() => this.buildDisplay());\n readonly checkboxValue = model<any[]>();\n readonly checkedAll = model<boolean>();\n\n override writeValue(value: any): void {\n super.writeValue(value);\n this.valueToSelectorValue();\n }\n\n override setInitValue(value: any): void {\n super.setInitValue(value);\n this.valueToSelectorValue();\n }\n\n private valueToSelectorValue() {\n if (this.value() != undefined) {\n if (this.options.fullValue()) {\n this.checkboxValue.set(this.value().map((r: any) => r[this.options.valueField()]));\n } else {\n this.checkboxValue.set(this.value());\n }\n return;\n }\n this.checkboxValue.set(this.value());\n }\n\n updateAllChecked(): void {\n this.checkboxValue.set(this.checkedAll() ? this.checkboxData().map((item: any) => item.value) : []);\n this.onCheckboxChange(this.checkboxValue());\n }\n\n onCheckboxChange(value: any) {\n if (this.options.fullValue()) {\n this.value.set(this.options.data().filter((item: any) => value.includes(item[this.options.valueField()])));\n } else {\n this.value.set(value);\n }\n if (this.checkboxValue()?.length && !this.checkedAll()) {\n this.checkedAll.set(true);\n } else if (!this.checkboxValue()?.length && this.checkedAll()) {\n this.checkedAll.set(false);\n }\n this.onChange?.(this.value());\n }\n\n private buildCheckboxData(): NzCheckboxOption[] {\n if (Array.isArray(this.options.data())) {\n return this.options.data().map((r: any) => ({ label: r[this.options.labelField()], value: r[this.options.valueField()], disabled: r[this.options.disabledField()] }))\n } else {\n return [];\n }\n }\n\n private buildDisplay(): string {\n if (Array.isArray(this.value())) {\n if (this.options.fullValue()) {\n return this.value().map((r: any) => r[this.options.labelField()]).join(\";\");\n } else {\n return this.options.data().filter((r: any) => this.value().includes(r[this.options.valueField()])).map((r: any) => r[this.options.labelField()]).join(\";\");\n }\n }\n return \"\";\n }\n\n}\n","@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if(options.showAll()){\n<label nz-checkbox [nzIndeterminate]=\"!!checkboxValue()?.length && checkboxValue()?.length !== checkboxData().length\"\n [(ngModel)]=\"checkedAll\" (ngModelChange)=\"updateAllChecked()\" style=\"margin-right: 8px;\">\n 全选\n</label>\n}\n<nz-checkbox-group [nzOptions]=\"checkboxData()\" [(ngModel)]=\"checkboxValue\" (ngModelChange)=\"onCheckboxChange($event)\"\n [nzDisabled]=\"options.disabled()\" />\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './checkbox';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngx-axis-appforge-axis-components-checkbox.mjs","sources":["../../../axis-components/checkbox/checkbox.options.ts","../../../axis-components/checkbox/checkbox.ts","../../../axis-components/checkbox/checkbox.html","../../../axis-components/checkbox/ngx-axis-appforge-axis-components-checkbox.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class CheckboxOptions extends ValueAccessOptions {\n\n readonly labelField = signal(\"title\");\n readonly valueField = signal(\"key\");\n readonly disabledField = signal(\"disabled\");\n readonly fullValue = signal(false);\n readonly showAll = signal(false);\n readonly data = signal<any>(undefined);\n}","import { ChangeDetectionStrategy, Component, computed, effect, model, untracked } from '@angular/core';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { FormsModule } from '@angular/forms';\nimport { CheckboxOptions } from './checkbox.options';\nimport { NzCheckboxModule, NzCheckboxOption } from 'ng-zorro-antd/checkbox';\n\n@Component({\n selector: 'axis-checkbox',\n imports: [NzCheckboxModule, FormsModule],\n templateUrl: './checkbox.html',\n styleUrl: './checkbox.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Checkbox extends ValueAccess<CheckboxOptions> {\n\n constructor() {\n super();\n effect(() => {\n const data = this.options.data();\n if (Array.isArray(data) && data.length) {\n untracked(() => {\n if (this.checkboxValue()?.length) {\n const next = data.filter(d => this.checkboxValue()!.includes(d[this.options.valueField()]))\n if (next.length != this.checkboxValue()!.length || this.options.fullValue()) {\n if (this.options.fullValue()) {\n this.setInitValue(next);\n } else {\n this.setInitValue(next.map(r => r[this.options.valueField()]));\n }\n }\n }\n })\n } else {\n this.setInitValue(null);\n }\n });\n }\n\n override options: CheckboxOptions = new CheckboxOptions();\n readonly checkboxData = computed(() => this.buildCheckboxData());\n readonly displayValue = computed(() => this.buildDisplay());\n readonly checkboxValue = model<any[]>();\n readonly checkedAll = model<boolean>();\n\n override writeValue(value: any): void {\n super.writeValue(value);\n this.valueToSelectorValue();\n }\n\n override setInitValue(value: any): void {\n super.setInitValue(value);\n this.valueToSelectorValue();\n }\n\n private valueToSelectorValue() {\n if (this.value() != undefined) {\n if (this.options.fullValue()) {\n this.checkboxValue.set(this.value().map((r: any) => r[this.options.valueField()]));\n } else {\n this.checkboxValue.set(this.value());\n }\n return;\n }\n this.checkboxValue.set(this.value());\n }\n\n updateAllChecked(): void {\n this.checkboxValue.set(this.checkedAll() ? this.checkboxData().map((item: any) => item.value) : []);\n this.onCheckboxChange(this.checkboxValue());\n }\n\n onCheckboxChange(value: any) {\n if (this.options.fullValue()) {\n this.value.set(this.options.data().filter((item: any) => value.includes(item[this.options.valueField()])));\n } else {\n this.value.set(value);\n }\n if (this.checkboxValue()?.length && !this.checkedAll()) {\n this.checkedAll.set(true);\n } else if (!this.checkboxValue()?.length && this.checkedAll()) {\n this.checkedAll.set(false);\n }\n this.onChange?.(this.value());\n }\n\n private buildCheckboxData(): NzCheckboxOption[] {\n if (Array.isArray(this.options.data())) {\n return this.options.data().map((r: any) => ({ label: r[this.options.labelField()], value: r[this.options.valueField()], disabled: r[this.options.disabledField()] }))\n } else {\n return [];\n }\n }\n\n private buildDisplay(): string {\n if (Array.isArray(this.value())) {\n if (this.options.fullValue()) {\n return this.value().map((r: any) => r[this.options.labelField()]).join(\";\");\n } else {\n return this.options.data().filter((r: any) => this.value().includes(r[this.options.valueField()])).map((r: any) => r[this.options.labelField()]).join(\";\");\n }\n }\n return \"\";\n }\n\n}\n","@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n@if(options.showAll()){\n<label nz-checkbox [nzIndeterminate]=\"!!checkboxValue()?.length && checkboxValue()?.length !== checkboxData().length\"\n [(ngModel)]=\"checkedAll\" (ngModelChange)=\"updateAllChecked()\" style=\"margin-right: 8px;\">\n 全选\n</label>\n}\n<nz-checkbox-group [nzOptions]=\"checkboxData()\" [(ngModel)]=\"checkboxValue\" (ngModelChange)=\"onCheckboxChange($event)\"\n [nzDisabled]=\"options.disabled()\" />\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './checkbox';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { effect,
|
|
2
|
+
import { effect, inject, ElementRef, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
3
|
import { DataOptions, Base } from 'ngx-axis-appforge/core';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import cytoscape from 'cytoscape';
|
|
@@ -11,22 +11,25 @@ class Cytoscape extends Base {
|
|
|
11
11
|
constructor() {
|
|
12
12
|
super();
|
|
13
13
|
effect(() => {
|
|
14
|
-
|
|
15
|
-
this.cy?.destroy();
|
|
16
|
-
this.cy = cytoscape({
|
|
17
|
-
container: this.container.nativeElement,
|
|
18
|
-
...this.options.data()
|
|
19
|
-
});
|
|
20
|
-
}
|
|
14
|
+
this.render();
|
|
21
15
|
});
|
|
22
16
|
}
|
|
23
17
|
options = new CytoscapeOptions();
|
|
24
|
-
container;
|
|
18
|
+
container = inject(ElementRef);
|
|
25
19
|
cy;
|
|
26
20
|
ngAfterContentInit() {
|
|
27
|
-
|
|
21
|
+
this.render();
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
if (this.options.data()) {
|
|
25
|
+
this.cy?.destroy();
|
|
26
|
+
this.container.nativeElement.innerHTML = "";
|
|
27
|
+
const c = document.createElement("div");
|
|
28
|
+
c.style.width = "100%";
|
|
29
|
+
c.style.height = "100%";
|
|
30
|
+
this.container.nativeElement.appendChild(c);
|
|
28
31
|
this.cy = cytoscape({
|
|
29
|
-
container:
|
|
32
|
+
container: c,
|
|
30
33
|
...this.options.data()
|
|
31
34
|
});
|
|
32
35
|
}
|
|
@@ -36,15 +39,12 @@ class Cytoscape extends Base {
|
|
|
36
39
|
this.cy?.destroy();
|
|
37
40
|
}
|
|
38
41
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: Cytoscape, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: Cytoscape, isStandalone: true, selector: "axis-cytoscape",
|
|
42
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: Cytoscape, isStandalone: true, selector: "axis-cytoscape", usesInheritance: true, ngImport: i0, template: "", styles: [":host{display:block;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
40
43
|
}
|
|
41
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: Cytoscape, decorators: [{
|
|
42
45
|
type: Component,
|
|
43
|
-
args: [{ selector: 'axis-cytoscape', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "
|
|
44
|
-
}], ctorParameters: () => []
|
|
45
|
-
type: ViewChild,
|
|
46
|
-
args: ["container", { static: true }]
|
|
47
|
-
}] } });
|
|
46
|
+
args: [{ selector: 'axis-cytoscape', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: [":host{display:block;height:100%;width:100%}\n"] }]
|
|
47
|
+
}], ctorParameters: () => [] });
|
|
48
48
|
|
|
49
49
|
/**
|
|
50
50
|
* Generated bundle index. Do not edit.
|
|
@@ -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 { DataOptions } from \"ngx-axis-appforge/core\";\n\nexport class CytoscapeOptions extends DataOptions {\n}","import { AfterContentInit, ChangeDetectionStrategy, Component, effect, ElementRef, OnDestroy, ViewChild } from '@angular/core';\nimport { CytoscapeOptions } from './cytoscape.options';\nimport { Base } from 'ngx-axis-appforge/core';\nimport { CommonModule } from '@angular/common';\nimport cytoscape from 'cytoscape';\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
|
|
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 { DataOptions } from \"ngx-axis-appforge/core\";\n\nexport class CytoscapeOptions extends DataOptions {\n}","import { AfterContentInit, ChangeDetectionStrategy, Component, effect, ElementRef, inject, OnDestroy, ViewChild } from '@angular/core';\nimport { CytoscapeOptions } from './cytoscape.options';\nimport { Base } from 'ngx-axis-appforge/core';\nimport { CommonModule } from '@angular/common';\nimport cytoscape from 'cytoscape';\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 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 }\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":";;;;;;AAEM,MAAO,gBAAiB,SAAQ,WAAW,CAAA;AAChD;;ACUK,MAAO,SAAU,SAAQ,IAAsB,CAAA;AAEnD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,MAAM,EAAE;AACf,QAAA,CAAC,CAAC;IACJ;AAES,IAAA,OAAO,GAAqB,IAAI,gBAAgB,EAAE;AAElD,IAAA,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;AAEvC,IAAA,EAAE;IAEF,kBAAkB,GAAA;QAChB,IAAI,CAAC,MAAM,EAAE;IACf;IAEQ,MAAM,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE;AACvB,YAAA,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,SAAS,GAAG,EAAE;YAC3C,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACvC,YAAA,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;AACtB,YAAA,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;YACvB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3C,YAAA,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC;AAClB,gBAAA,SAAS,EAAE,CAAC;AACZ,gBAAA,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI;AACrB,aAAA,CAAC;QACJ;IACF;IAES,WAAW,GAAA;QAClB,KAAK,CAAC,WAAW,EAAE;AACnB,QAAA,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE;IACpB;wGArCW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbtB,EAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDQY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKX,SAAS,EAAA,UAAA,EAAA,CAAA;kBAPrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,WACjB,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,EAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA;;;AEXjD;;AAEG;;;;"}
|
|
@@ -396,11 +396,11 @@ class Tree {
|
|
|
396
396
|
}
|
|
397
397
|
}
|
|
398
398
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: Tree, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
399
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: Tree, isStandalone: true, selector: "axis-design-tree", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, optionsNodes: { classPropertyName: "optionsNodes", publicName: "optionsNodes", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onChange: "onChange", onSelect: "onSelect", onContextMenu: "onContextMenu" }, viewQueries: [{ propertyName: "tree", first: true, predicate: NzTreeComponent, descendants: true }], ngImport: i0, template: "<div nz-flex [nzVertical]=\"true\" style=\"height: 100%;\">\n <div nz-flex style=\"padding-right: 8px;\" nzGap=\"4px\" nzAlign=\"center\">\n <input style=\"flex:1;\" type=\"text\" nz-input placeholder=\"\u641C\u7D22\" nzVariant=\"borderless\" ngModel\n (ngModelChange)=\"searchValue$.next($event)\" />\n <button nz-button nzSize=\"small\" nzType=\"text\" nzShape=\"circle\" (click)=\"toggleExpanded()\">\n <nz-icon [nzType]=\"hasExpanded?'shrink':'arrows-alt'\" nzTheme=\"outline\" />\n </button>\n </div>\n @if (node() === null) {\n <nz-empty [nzNotFoundContent]=\"contentTpl\" [nzNotFoundFooter]=\"footerTpl\">\n <ng-template #contentTpl>\n \u6CA1\u6709\u7EC4\u4EF6\n </ng-template>\n <ng-template #footerTpl>\n <button nz-button nzType=\"dashed\" (click)=\"addRootComponent()\">\n <nz-icon nzType=\"plus\"></nz-icon>\n \u6DFB\u52A0\u7EC4\u4EF6\n </button>\n </ng-template>\n </nz-empty>\n }@else {\n <nz-tree nzMultiple nzDraggable [nzSearchValue]=\"searchValue()??''\" [nzData]=\"treeNode()\"\n [(nzExpandedKeys)]=\"expandedNodeids\" (nzExpandChange)=\"expandChange($event)\"\n [(nzSelectedKeys)]=\"selectedNodeids\" nzBlockNode nzShowIcon (nzClick)=\"onNodeClick($event)\"\n (nzContextMenu)=\"contextMenu($event)\" [nzBeforeDrop]=\"dragdrop().beforeDrop\"\n (nzOnDragStart)=\"dragdrop().onDragStart($event)\" (nzOnDragOver)=\"dragdrop().onDragOver($event)\"\n (nzOnDragEnd)=\"dragdrop().onDragEnd($event)\" />\n <!-- <nz-tree-view nzDirectoryTree [nzTreeControl]=\"treeControl\" [nzDataSource]=\"dataSource\">\n <nz-tree-node *nzTreeNodeDef=\"let node\" nzTreeNodePadding [nzTreeNodePaddingIndent]=\"8\"\n (contextmenu)=\"contextMenu($event, node.id)\" [draggable]=\"dragdrop().canDrag(node.id)\"\n (dragstart)=\"dragdrop().onDragStart($event, node.id)\" (dragover)=\"dragdrop().onDragOver($event, node.id)\"\n (dragend)=\"dragdrop().onDragEnd($event,node.id)\">\n <nz-tree-node-toggle nzTreeNodeNoopToggle></nz-tree-node-toggle>\n <nz-tree-node-option [nzDisabled]=\"node.disabled\" [nzSelected]=\"selectListSelection.isSelected(node.id)\"\n (nzClick)=\"onNodeClick($event,node.id)\" [nz-tooltip]=\"node.id\" [nzTooltipMouseEnterDelay]=\"0.6\">\n <i nz-icon [nzType]=\"node.icon\" style=\"margin: 4px;\"></i>\n <span [innerHTML]=\"node.title | nzHighlight: searchValue() : 'i' : 'highlight'\"></span>\n </nz-tree-node-option>\n </nz-tree-node>\n <nz-tree-node *nzTreeNodeDef=\"let node; when: hasChild\" nzTreeNodePadding [nzTreeNodePaddingIndent]=\"8\"\n (contextmenu)=\"contextMenu($event, node.id)\" [draggable]=\"dragdrop().canDrag(node.id)\"\n (dragstart)=\"dragdrop().onDragStart($event, node.id)\" (dragover)=\"dragdrop().onDragOver($event, node.id)\"\n (dragend)=\"dragdrop().onDragEnd($event,node.id)\">\n <nz-tree-node-toggle>\n <nz-icon nzType=\"caret-down\" nzTreeNodeToggleRotateIcon />\n </nz-tree-node-toggle>\n <nz-tree-node-option [nzDisabled]=\"node.disabled\" [nzSelected]=\"selectListSelection.isSelected(node.id)\"\n (nzClick)=\"onNodeClick($event,node.id)\" [nz-tooltip]=\"node.id\" [nzTooltipMouseEnterDelay]=\"0.6\">\n <i nz-icon [nzType]=\"node.icon\" style=\"margin: 4px;\"></i>\n <span [innerHTML]=\"node.title | nzHighlight: searchValue() : 'i' : 'highlight'\"></span>\n </nz-tree-node-option>\n </nz-tree-node>\n </nz-tree-view> -->\n }\n</div>", styles: ["nz-tree{overflow:auto;flex:1}nz-tree ::ng-deep nz-tree-node{position:relative}nz-tree ::ng-deep .drop_in{outline:1px solid var(--ant-primary-color)}nz-tree ::ng-deep .drop_up:after{content:\"\";position:absolute;top:-1px;width:100%;height:2px;background-color:var(--ant-primary-color)}nz-tree ::ng-deep .drop_down:after{content:\"\";position:absolute;bottom:-1px;width:100%;height:2px;background-color:var(--ant-primary-color)}nz-tree ::ng-deep .ant-tree-list-holder{margin-bottom:300px}nz-tree ::ng-deep nz-tree-drop-indicator{display:none}nz-tree ::ng-deep .dragging{opacity:.4!important}nz-tree ::ng-deep .dragging:after{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: NzInputModule }, { kind: "directive", type: i2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzTreeModule }, { kind: "component", type: i4.NzTreeComponent, selector: "nz-tree", inputs: ["nzShowIcon", "nzHideUnMatched", "nzBlockNode", "nzExpandAll", "nzSelectMode", "nzCheckStrictly", "nzShowExpand", "nzShowLine", "nzCheckable", "nzAsyncData", "nzDraggable", "nzMultiple", "nzExpandedIcon", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzTreeTemplate", "nzBeforeDrop", "nzData", "nzExpandedKeys", "nzSelectedKeys", "nzCheckedKeys", "nzSearchValue", "nzSearchFunc"], outputs: ["nzExpandedKeysChange", "nzSelectedKeysChange", "nzCheckedKeysChange", "nzSearchValueChange", "nzClick", "nzDblClick", "nzContextMenu", "nzCheckboxChange", "nzExpandChange", "nzOnDragStart", "nzOnDragEnter", "nzOnDragOver", "nzOnDragLeave", "nzOnDrop", "nzOnDragEnd"], exportAs: ["nzTree"] }, { 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: "ngmodule", type: NzButtonModule }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i8.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzTooltipModule }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i9.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
399
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: Tree, isStandalone: true, selector: "axis-design-tree", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, optionsNodes: { classPropertyName: "optionsNodes", publicName: "optionsNodes", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onChange: "onChange", onSelect: "onSelect", onContextMenu: "onContextMenu" }, viewQueries: [{ propertyName: "tree", first: true, predicate: NzTreeComponent, descendants: true }], ngImport: i0, template: "<div nz-flex [nzVertical]=\"true\" style=\"height: 100%;\">\n <div nz-flex style=\"padding-right: 8px;\" nzGap=\"4px\" nzAlign=\"center\">\n <input style=\"flex:1;\" type=\"text\" nz-input placeholder=\"\u641C\u7D22\" nzVariant=\"borderless\" ngModel\n (ngModelChange)=\"searchValue$.next($event)\" />\n <button nz-button nzSize=\"small\" nzType=\"text\" nzShape=\"circle\" (click)=\"toggleExpanded()\">\n <nz-icon [nzType]=\"hasExpanded?'shrink':'arrows-alt'\" nzTheme=\"outline\" />\n </button>\n </div>\n @if (node() === null) {\n <nz-empty [nzNotFoundContent]=\"contentTpl\" [nzNotFoundFooter]=\"footerTpl\">\n <ng-template #contentTpl>\n \u6CA1\u6709\u7EC4\u4EF6\n </ng-template>\n <ng-template #footerTpl>\n <button nz-button nzType=\"dashed\" (click)=\"addRootComponent()\">\n <nz-icon nzType=\"plus\"></nz-icon>\n \u6DFB\u52A0\u7EC4\u4EF6\n </button>\n </ng-template>\n </nz-empty>\n }@else {\n <nz-tree nzMultiple nzDraggable [nzSearchValue]=\"searchValue()??''\" [nzData]=\"treeNode()\"\n [(nzExpandedKeys)]=\"expandedNodeids\" (nzExpandChange)=\"expandChange($event)\"\n [(nzSelectedKeys)]=\"selectedNodeids\" nzBlockNode nzShowIcon (nzClick)=\"onNodeClick($event)\"\n (nzContextMenu)=\"contextMenu($event)\" [nzBeforeDrop]=\"dragdrop().beforeDrop\"\n (nzOnDragStart)=\"dragdrop().onDragStart($event)\" (nzOnDragOver)=\"dragdrop().onDragOver($event)\"\n (nzOnDragEnd)=\"dragdrop().onDragEnd($event)\" />\n <!-- <nz-tree-view nzDirectoryTree [nzTreeControl]=\"treeControl\" [nzDataSource]=\"dataSource\">\n <nz-tree-node *nzTreeNodeDef=\"let node\" nzTreeNodePadding [nzTreeNodePaddingIndent]=\"8\"\n (contextmenu)=\"contextMenu($event, node.id)\" [draggable]=\"dragdrop().canDrag(node.id)\"\n (dragstart)=\"dragdrop().onDragStart($event, node.id)\" (dragover)=\"dragdrop().onDragOver($event, node.id)\"\n (dragend)=\"dragdrop().onDragEnd($event,node.id)\">\n <nz-tree-node-toggle nzTreeNodeNoopToggle></nz-tree-node-toggle>\n <nz-tree-node-option [nzDisabled]=\"node.disabled\" [nzSelected]=\"selectListSelection.isSelected(node.id)\"\n (nzClick)=\"onNodeClick($event,node.id)\" [nz-tooltip]=\"node.id\" [nzTooltipMouseEnterDelay]=\"0.6\">\n <i nz-icon [nzType]=\"node.icon\" style=\"margin: 4px;\"></i>\n <span [innerHTML]=\"node.title | nzHighlight: searchValue() : 'i' : 'highlight'\"></span>\n </nz-tree-node-option>\n </nz-tree-node>\n <nz-tree-node *nzTreeNodeDef=\"let node; when: hasChild\" nzTreeNodePadding [nzTreeNodePaddingIndent]=\"8\"\n (contextmenu)=\"contextMenu($event, node.id)\" [draggable]=\"dragdrop().canDrag(node.id)\"\n (dragstart)=\"dragdrop().onDragStart($event, node.id)\" (dragover)=\"dragdrop().onDragOver($event, node.id)\"\n (dragend)=\"dragdrop().onDragEnd($event,node.id)\">\n <nz-tree-node-toggle>\n <nz-icon nzType=\"caret-down\" nzTreeNodeToggleRotateIcon />\n </nz-tree-node-toggle>\n <nz-tree-node-option [nzDisabled]=\"node.disabled\" [nzSelected]=\"selectListSelection.isSelected(node.id)\"\n (nzClick)=\"onNodeClick($event,node.id)\" [nz-tooltip]=\"node.id\" [nzTooltipMouseEnterDelay]=\"0.6\">\n <i nz-icon [nzType]=\"node.icon\" style=\"margin: 4px;\"></i>\n <span [innerHTML]=\"node.title | nzHighlight: searchValue() : 'i' : 'highlight'\"></span>\n </nz-tree-node-option>\n </nz-tree-node>\n </nz-tree-view> -->\n }\n</div>", styles: ["nz-tree{overflow:auto;flex:1}nz-tree ::ng-deep nz-tree-node{position:relative}nz-tree ::ng-deep .drop_in{outline:1px solid var(--ant-primary-color)}nz-tree ::ng-deep .drop_up:after{content:\"\";position:absolute;top:-1px;width:100%;height:2px;background-color:var(--ant-primary-color)}nz-tree ::ng-deep .drop_down:after{content:\"\";position:absolute;bottom:-1px;width:100%;height:2px;background-color:var(--ant-primary-color)}nz-tree ::ng-deep .ant-tree-list-holder{margin-bottom:300px}nz-tree ::ng-deep nz-tree-drop-indicator{display:none}nz-tree ::ng-deep .dragging{opacity:.4!important}nz-tree ::ng-deep .dragging:after{display:none!important}nz-tree ::ng-deep nz-tree-node-title{white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: NzInputModule }, { kind: "directive", type: i2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzTreeModule }, { kind: "component", type: i4.NzTreeComponent, selector: "nz-tree", inputs: ["nzShowIcon", "nzHideUnMatched", "nzBlockNode", "nzExpandAll", "nzSelectMode", "nzCheckStrictly", "nzShowExpand", "nzShowLine", "nzCheckable", "nzAsyncData", "nzDraggable", "nzMultiple", "nzExpandedIcon", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzTreeTemplate", "nzBeforeDrop", "nzData", "nzExpandedKeys", "nzSelectedKeys", "nzCheckedKeys", "nzSearchValue", "nzSearchFunc"], outputs: ["nzExpandedKeysChange", "nzSelectedKeysChange", "nzCheckedKeysChange", "nzSearchValueChange", "nzClick", "nzDblClick", "nzContextMenu", "nzCheckboxChange", "nzExpandChange", "nzOnDragStart", "nzOnDragEnter", "nzOnDragOver", "nzOnDragLeave", "nzOnDrop", "nzOnDragEnd"], exportAs: ["nzTree"] }, { 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: "ngmodule", type: NzButtonModule }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i8.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzTooltipModule }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i9.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
400
400
|
}
|
|
401
401
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: Tree, decorators: [{
|
|
402
402
|
type: Component,
|
|
403
|
-
args: [{ selector: 'axis-design-tree', imports: [FormsModule, NzInputModule, NzIconModule, NzTreeModule, NzFlexModule, NzButtonModule, NzTooltipModule, NzEmptyModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div nz-flex [nzVertical]=\"true\" style=\"height: 100%;\">\n <div nz-flex style=\"padding-right: 8px;\" nzGap=\"4px\" nzAlign=\"center\">\n <input style=\"flex:1;\" type=\"text\" nz-input placeholder=\"\u641C\u7D22\" nzVariant=\"borderless\" ngModel\n (ngModelChange)=\"searchValue$.next($event)\" />\n <button nz-button nzSize=\"small\" nzType=\"text\" nzShape=\"circle\" (click)=\"toggleExpanded()\">\n <nz-icon [nzType]=\"hasExpanded?'shrink':'arrows-alt'\" nzTheme=\"outline\" />\n </button>\n </div>\n @if (node() === null) {\n <nz-empty [nzNotFoundContent]=\"contentTpl\" [nzNotFoundFooter]=\"footerTpl\">\n <ng-template #contentTpl>\n \u6CA1\u6709\u7EC4\u4EF6\n </ng-template>\n <ng-template #footerTpl>\n <button nz-button nzType=\"dashed\" (click)=\"addRootComponent()\">\n <nz-icon nzType=\"plus\"></nz-icon>\n \u6DFB\u52A0\u7EC4\u4EF6\n </button>\n </ng-template>\n </nz-empty>\n }@else {\n <nz-tree nzMultiple nzDraggable [nzSearchValue]=\"searchValue()??''\" [nzData]=\"treeNode()\"\n [(nzExpandedKeys)]=\"expandedNodeids\" (nzExpandChange)=\"expandChange($event)\"\n [(nzSelectedKeys)]=\"selectedNodeids\" nzBlockNode nzShowIcon (nzClick)=\"onNodeClick($event)\"\n (nzContextMenu)=\"contextMenu($event)\" [nzBeforeDrop]=\"dragdrop().beforeDrop\"\n (nzOnDragStart)=\"dragdrop().onDragStart($event)\" (nzOnDragOver)=\"dragdrop().onDragOver($event)\"\n (nzOnDragEnd)=\"dragdrop().onDragEnd($event)\" />\n <!-- <nz-tree-view nzDirectoryTree [nzTreeControl]=\"treeControl\" [nzDataSource]=\"dataSource\">\n <nz-tree-node *nzTreeNodeDef=\"let node\" nzTreeNodePadding [nzTreeNodePaddingIndent]=\"8\"\n (contextmenu)=\"contextMenu($event, node.id)\" [draggable]=\"dragdrop().canDrag(node.id)\"\n (dragstart)=\"dragdrop().onDragStart($event, node.id)\" (dragover)=\"dragdrop().onDragOver($event, node.id)\"\n (dragend)=\"dragdrop().onDragEnd($event,node.id)\">\n <nz-tree-node-toggle nzTreeNodeNoopToggle></nz-tree-node-toggle>\n <nz-tree-node-option [nzDisabled]=\"node.disabled\" [nzSelected]=\"selectListSelection.isSelected(node.id)\"\n (nzClick)=\"onNodeClick($event,node.id)\" [nz-tooltip]=\"node.id\" [nzTooltipMouseEnterDelay]=\"0.6\">\n <i nz-icon [nzType]=\"node.icon\" style=\"margin: 4px;\"></i>\n <span [innerHTML]=\"node.title | nzHighlight: searchValue() : 'i' : 'highlight'\"></span>\n </nz-tree-node-option>\n </nz-tree-node>\n <nz-tree-node *nzTreeNodeDef=\"let node; when: hasChild\" nzTreeNodePadding [nzTreeNodePaddingIndent]=\"8\"\n (contextmenu)=\"contextMenu($event, node.id)\" [draggable]=\"dragdrop().canDrag(node.id)\"\n (dragstart)=\"dragdrop().onDragStart($event, node.id)\" (dragover)=\"dragdrop().onDragOver($event, node.id)\"\n (dragend)=\"dragdrop().onDragEnd($event,node.id)\">\n <nz-tree-node-toggle>\n <nz-icon nzType=\"caret-down\" nzTreeNodeToggleRotateIcon />\n </nz-tree-node-toggle>\n <nz-tree-node-option [nzDisabled]=\"node.disabled\" [nzSelected]=\"selectListSelection.isSelected(node.id)\"\n (nzClick)=\"onNodeClick($event,node.id)\" [nz-tooltip]=\"node.id\" [nzTooltipMouseEnterDelay]=\"0.6\">\n <i nz-icon [nzType]=\"node.icon\" style=\"margin: 4px;\"></i>\n <span [innerHTML]=\"node.title | nzHighlight: searchValue() : 'i' : 'highlight'\"></span>\n </nz-tree-node-option>\n </nz-tree-node>\n </nz-tree-view> -->\n }\n</div>", styles: ["nz-tree{overflow:auto;flex:1}nz-tree ::ng-deep nz-tree-node{position:relative}nz-tree ::ng-deep .drop_in{outline:1px solid var(--ant-primary-color)}nz-tree ::ng-deep .drop_up:after{content:\"\";position:absolute;top:-1px;width:100%;height:2px;background-color:var(--ant-primary-color)}nz-tree ::ng-deep .drop_down:after{content:\"\";position:absolute;bottom:-1px;width:100%;height:2px;background-color:var(--ant-primary-color)}nz-tree ::ng-deep .ant-tree-list-holder{margin-bottom:300px}nz-tree ::ng-deep nz-tree-drop-indicator{display:none}nz-tree ::ng-deep .dragging{opacity:.4!important}nz-tree ::ng-deep .dragging:after{display:none!important}\n"] }]
|
|
403
|
+
args: [{ selector: 'axis-design-tree', imports: [FormsModule, NzInputModule, NzIconModule, NzTreeModule, NzFlexModule, NzButtonModule, NzTooltipModule, NzEmptyModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div nz-flex [nzVertical]=\"true\" style=\"height: 100%;\">\n <div nz-flex style=\"padding-right: 8px;\" nzGap=\"4px\" nzAlign=\"center\">\n <input style=\"flex:1;\" type=\"text\" nz-input placeholder=\"\u641C\u7D22\" nzVariant=\"borderless\" ngModel\n (ngModelChange)=\"searchValue$.next($event)\" />\n <button nz-button nzSize=\"small\" nzType=\"text\" nzShape=\"circle\" (click)=\"toggleExpanded()\">\n <nz-icon [nzType]=\"hasExpanded?'shrink':'arrows-alt'\" nzTheme=\"outline\" />\n </button>\n </div>\n @if (node() === null) {\n <nz-empty [nzNotFoundContent]=\"contentTpl\" [nzNotFoundFooter]=\"footerTpl\">\n <ng-template #contentTpl>\n \u6CA1\u6709\u7EC4\u4EF6\n </ng-template>\n <ng-template #footerTpl>\n <button nz-button nzType=\"dashed\" (click)=\"addRootComponent()\">\n <nz-icon nzType=\"plus\"></nz-icon>\n \u6DFB\u52A0\u7EC4\u4EF6\n </button>\n </ng-template>\n </nz-empty>\n }@else {\n <nz-tree nzMultiple nzDraggable [nzSearchValue]=\"searchValue()??''\" [nzData]=\"treeNode()\"\n [(nzExpandedKeys)]=\"expandedNodeids\" (nzExpandChange)=\"expandChange($event)\"\n [(nzSelectedKeys)]=\"selectedNodeids\" nzBlockNode nzShowIcon (nzClick)=\"onNodeClick($event)\"\n (nzContextMenu)=\"contextMenu($event)\" [nzBeforeDrop]=\"dragdrop().beforeDrop\"\n (nzOnDragStart)=\"dragdrop().onDragStart($event)\" (nzOnDragOver)=\"dragdrop().onDragOver($event)\"\n (nzOnDragEnd)=\"dragdrop().onDragEnd($event)\" />\n <!-- <nz-tree-view nzDirectoryTree [nzTreeControl]=\"treeControl\" [nzDataSource]=\"dataSource\">\n <nz-tree-node *nzTreeNodeDef=\"let node\" nzTreeNodePadding [nzTreeNodePaddingIndent]=\"8\"\n (contextmenu)=\"contextMenu($event, node.id)\" [draggable]=\"dragdrop().canDrag(node.id)\"\n (dragstart)=\"dragdrop().onDragStart($event, node.id)\" (dragover)=\"dragdrop().onDragOver($event, node.id)\"\n (dragend)=\"dragdrop().onDragEnd($event,node.id)\">\n <nz-tree-node-toggle nzTreeNodeNoopToggle></nz-tree-node-toggle>\n <nz-tree-node-option [nzDisabled]=\"node.disabled\" [nzSelected]=\"selectListSelection.isSelected(node.id)\"\n (nzClick)=\"onNodeClick($event,node.id)\" [nz-tooltip]=\"node.id\" [nzTooltipMouseEnterDelay]=\"0.6\">\n <i nz-icon [nzType]=\"node.icon\" style=\"margin: 4px;\"></i>\n <span [innerHTML]=\"node.title | nzHighlight: searchValue() : 'i' : 'highlight'\"></span>\n </nz-tree-node-option>\n </nz-tree-node>\n <nz-tree-node *nzTreeNodeDef=\"let node; when: hasChild\" nzTreeNodePadding [nzTreeNodePaddingIndent]=\"8\"\n (contextmenu)=\"contextMenu($event, node.id)\" [draggable]=\"dragdrop().canDrag(node.id)\"\n (dragstart)=\"dragdrop().onDragStart($event, node.id)\" (dragover)=\"dragdrop().onDragOver($event, node.id)\"\n (dragend)=\"dragdrop().onDragEnd($event,node.id)\">\n <nz-tree-node-toggle>\n <nz-icon nzType=\"caret-down\" nzTreeNodeToggleRotateIcon />\n </nz-tree-node-toggle>\n <nz-tree-node-option [nzDisabled]=\"node.disabled\" [nzSelected]=\"selectListSelection.isSelected(node.id)\"\n (nzClick)=\"onNodeClick($event,node.id)\" [nz-tooltip]=\"node.id\" [nzTooltipMouseEnterDelay]=\"0.6\">\n <i nz-icon [nzType]=\"node.icon\" style=\"margin: 4px;\"></i>\n <span [innerHTML]=\"node.title | nzHighlight: searchValue() : 'i' : 'highlight'\"></span>\n </nz-tree-node-option>\n </nz-tree-node>\n </nz-tree-view> -->\n }\n</div>", styles: ["nz-tree{overflow:auto;flex:1}nz-tree ::ng-deep nz-tree-node{position:relative}nz-tree ::ng-deep .drop_in{outline:1px solid var(--ant-primary-color)}nz-tree ::ng-deep .drop_up:after{content:\"\";position:absolute;top:-1px;width:100%;height:2px;background-color:var(--ant-primary-color)}nz-tree ::ng-deep .drop_down:after{content:\"\";position:absolute;bottom:-1px;width:100%;height:2px;background-color:var(--ant-primary-color)}nz-tree ::ng-deep .ant-tree-list-holder{margin-bottom:300px}nz-tree ::ng-deep nz-tree-drop-indicator{display:none}nz-tree ::ng-deep .dragging{opacity:.4!important}nz-tree ::ng-deep .dragging:after{display:none!important}nz-tree ::ng-deep nz-tree-node-title{white-space:nowrap}\n"] }]
|
|
404
404
|
}], ctorParameters: () => [], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], optionsNodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsNodes", required: true }] }], onChange: [{ type: i0.Output, args: ["onChange"] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onContextMenu: [{ type: i0.Output, args: ["onContextMenu"] }], tree: [{
|
|
405
405
|
type: ViewChild,
|
|
406
406
|
args: [NzTreeComponent]
|