ngx-axis-appforge 1.0.1 → 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-design.mjs +2 -2
- package/fesm2022/ngx-axis-appforge-axis-components-design.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-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":"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"}
|
|
@@ -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]
|