@xmagic/nz-formly
Version:
基于ng-zorro-antd UI 扩展的ngx-formly组件库
131 lines • 13.4 kB
JavaScript
import { ChangeDetectionStrategy, Component, Optional } from '@angular/core';
import { FieldType } from '@ngx-formly/core';
import { resolveTplName } from '@xmagic/nz-formly/common';
import * as i0 from "@angular/core";
import * as i1 from "@xmagic/nz-formly/common";
import * as i2 from "ng-zorro-antd/tree";
import * as i3 from "@ngx-formly/core";
import * as i4 from "@angular/common";
import * as i5 from "@xmagic/nzx-antd/pipe";
export class FormlyFieldTreeComponent extends FieldType {
fieldTemplates;
defaultOptions = {
props: {
nzShowExpand: true,
nzData: [],
nzSelectedKeys: [],
nzCheckedKeys: [],
nzExpandedKeys: [],
nzVirtualItemSize: 28,
nzVirtualMaxBufferPx: 500,
nzVirtualMinBufferPx: 28
}
};
constructor(fieldTemplates) {
super();
this.fieldTemplates = fieldTemplates;
}
get nzTreeTemplate() {
return resolveTplName(this.props, this.fieldTemplates, 'nzTreeTemplate');
}
get nzExpandedIcon() {
return resolveTplName(this.props, this.fieldTemplates, 'nzExpandedIcon');
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormlyFieldTreeComponent, deps: [{ token: i1.FormlyBoxTemplates, optional: true }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormlyFieldTreeComponent, selector: "nz-formly-tree", usesInheritance: true, ngImport: i0, template: `
<nz-tree
[]="field"
[]="props.nzData | toAsync: $any(props) | async"
[]="props.nzBlockNode"
[]="props.nzCheckable"
[]="props.nzShowExpand"
[]="props.nzShowIcon"
[]="props.nzAsyncData"
[]="props.nzBeforeDrop"
[]="props.nzCheckedKeys"
[]="props.nzCheckStrictly"
[]="props.nzDraggable"
[]="props.nzExpandAll"
[]="nzExpandedIcon"
[]="props.nzExpandedKeys"
[]="props.nzHideUnMatched"
[]="props.nzMultiple"
[]="props.nzSearchFunc"
[]="props.nzSearchValue"
[]="props.nzSelectedKeys"
[]="props.nzSelectMode"
[]="props.nzShowLine"
[]="props.nzVirtualHeight"
[]="props.nzVirtualItemSize"
[]="props.nzVirtualMaxBufferPx"
[]="props.nzVirtualMinBufferPx"
[]="nzTreeTemplate"
(nzClick)="props.nzClick?.($event, field, instance)"
(nzDblClick)="props.nzDblClick?.($event, field, instance)"
(nzContextMenu)="props.nzContextMenu?.($event, field, instance)"
(nzCheckBoxChange)="props.nzCheckBoxChange?.($event, field, instance)"
(nzExpandChange)="props.nzExpandChange?.($event, field, instance)"
(nzSearchValueChange)="props.nzSearchValueChange?.($event, field, instance)"
(nzOnDragStart)="props.nzOnDragStart?.($event, field, instance)"
(nzOnDragEnter)="props.nzOnDragEnter?.($event, field, instance)"
(nzOnDragOver)="props.nzOnDragOver?.($event, field, instance)"
(nzOnDragLeave)="props.nzOnDragLeave?.($event, field, instance)"
(nzOnDrop)="props.nzOnDrop?.($event, field, instance)"
(nzOnDragEnd)="props.nzOnDragEnd?.($event, field, instance)"
></nz-tree>
`, isInline: true, dependencies: [{ kind: "component", type: i2.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: "directive", type: i3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.ToAsyncPipe, name: "toAsync" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormlyFieldTreeComponent, decorators: [{
type: Component,
args: [{
selector: 'nz-formly-tree',
template: `
<nz-tree
[]="field"
[]="props.nzData | toAsync: $any(props) | async"
[]="props.nzBlockNode"
[]="props.nzCheckable"
[]="props.nzShowExpand"
[]="props.nzShowIcon"
[]="props.nzAsyncData"
[]="props.nzBeforeDrop"
[]="props.nzCheckedKeys"
[]="props.nzCheckStrictly"
[]="props.nzDraggable"
[]="props.nzExpandAll"
[]="nzExpandedIcon"
[]="props.nzExpandedKeys"
[]="props.nzHideUnMatched"
[]="props.nzMultiple"
[]="props.nzSearchFunc"
[]="props.nzSearchValue"
[]="props.nzSelectedKeys"
[]="props.nzSelectMode"
[]="props.nzShowLine"
[]="props.nzVirtualHeight"
[]="props.nzVirtualItemSize"
[]="props.nzVirtualMaxBufferPx"
[]="props.nzVirtualMinBufferPx"
[]="nzTreeTemplate"
(nzClick)="props.nzClick?.($event, field, instance)"
(nzDblClick)="props.nzDblClick?.($event, field, instance)"
(nzContextMenu)="props.nzContextMenu?.($event, field, instance)"
(nzCheckBoxChange)="props.nzCheckBoxChange?.($event, field, instance)"
(nzExpandChange)="props.nzExpandChange?.($event, field, instance)"
(nzSearchValueChange)="props.nzSearchValueChange?.($event, field, instance)"
(nzOnDragStart)="props.nzOnDragStart?.($event, field, instance)"
(nzOnDragEnter)="props.nzOnDragEnter?.($event, field, instance)"
(nzOnDragOver)="props.nzOnDragOver?.($event, field, instance)"
(nzOnDragLeave)="props.nzOnDragLeave?.($event, field, instance)"
(nzOnDrop)="props.nzOnDrop?.($event, field, instance)"
(nzOnDragEnd)="props.nzOnDragEnd?.($event, field, instance)"
></nz-tree>
`,
changeDetection: ChangeDetectionStrategy.OnPush
}]
}], ctorParameters: () => [{ type: i1.FormlyBoxTemplates, decorators: [{
type: Optional
}] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWIvdHJlZS90cmVlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUEyQyxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQWtEbkcsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFNBQTJDO0lBY3hEO0lBYnRCLGNBQWMsR0FBRztRQUN4QixLQUFLLEVBQUU7WUFDTCxZQUFZLEVBQUUsSUFBSTtZQUNsQixNQUFNLEVBQUUsRUFBRTtZQUNWLGNBQWMsRUFBRSxFQUFFO1lBQ2xCLGFBQWEsRUFBRSxFQUFFO1lBQ2pCLGNBQWMsRUFBRSxFQUFFO1lBQ2xCLGlCQUFpQixFQUFFLEVBQUU7WUFDckIsb0JBQW9CLEVBQUUsR0FBRztZQUN6QixvQkFBb0IsRUFBRSxFQUFFO1NBQ3pCO0tBQ0YsQ0FBQztJQUVGLFlBQStCLGNBQWtDO1FBQy9ELEtBQUssRUFBRSxDQUFDO1FBRHFCLG1CQUFjLEdBQWQsY0FBYyxDQUFvQjtJQUVqRSxDQUFDO0lBRUQsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzNFLENBQUM7SUFDRCxJQUFJLGNBQWM7UUFDaEIsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLGdCQUFnQixDQUFDLENBQUM7SUFDM0UsQ0FBQzt3R0F2QlUsd0JBQXdCOzRGQUF4Qix3QkFBd0IsNkVBN0N6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMENUOzs0RkFHVSx3QkFBd0I7a0JBL0NwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMENUO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs7MEJBZWMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZpZWxkVHlwZSB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtbHlCb3hUZW1wbGF0ZXMsIE56Rm9ybWx5RmllbGRDb25maWcsIHJlc29sdmVUcGxOYW1lIH0gZnJvbSAnQHhtYWdpYy9uei1mb3JtbHkvY29tbW9uJztcclxuaW1wb3J0IHsgVHJlZU9wdGlvbnMgfSBmcm9tICcuL2Zvcm1seS50eXBlJ1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduei1mb3JtbHktdHJlZScsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxuei10cmVlXHJcbiAgICAgICNpbnN0YW5jZVxyXG4gICAgICBbZm9ybWx5QXR0cmlidXRlc109XCJmaWVsZFwiXHJcbiAgICAgIFtuekRhdGFdPVwicHJvcHMubnpEYXRhIHwgdG9Bc3luYzogJGFueShwcm9wcykgfCBhc3luY1wiXHJcbiAgICAgIFtuekJsb2NrTm9kZV09XCJwcm9wcy5uekJsb2NrTm9kZVwiXHJcbiAgICAgIFtuekNoZWNrYWJsZV09XCJwcm9wcy5uekNoZWNrYWJsZVwiXHJcbiAgICAgIFtuelNob3dFeHBhbmRdPVwicHJvcHMubnpTaG93RXhwYW5kXCJcclxuICAgICAgW256U2hvd0ljb25dPVwicHJvcHMubnpTaG93SWNvblwiXHJcbiAgICAgIFtuekFzeW5jRGF0YV09XCJwcm9wcy5uekFzeW5jRGF0YVwiXHJcbiAgICAgIFtuekJlZm9yZURyb3BdPVwicHJvcHMubnpCZWZvcmVEcm9wXCJcclxuICAgICAgW256Q2hlY2tlZEtleXNdPVwicHJvcHMubnpDaGVja2VkS2V5c1wiXHJcbiAgICAgIFtuekNoZWNrU3RyaWN0bHldPVwicHJvcHMubnpDaGVja1N0cmljdGx5XCJcclxuICAgICAgW256RHJhZ2dhYmxlXT1cInByb3BzLm56RHJhZ2dhYmxlXCJcclxuICAgICAgW256RXhwYW5kQWxsXT1cInByb3BzLm56RXhwYW5kQWxsXCJcclxuICAgICAgW256RXhwYW5kZWRJY29uXT1cIm56RXhwYW5kZWRJY29uXCJcclxuICAgICAgW256RXhwYW5kZWRLZXlzXT1cInByb3BzLm56RXhwYW5kZWRLZXlzXCJcclxuICAgICAgW256SGlkZVVuTWF0Y2hlZF09XCJwcm9wcy5uekhpZGVVbk1hdGNoZWRcIlxyXG4gICAgICBbbnpNdWx0aXBsZV09XCJwcm9wcy5uek11bHRpcGxlXCJcclxuICAgICAgW256U2VhcmNoRnVuY109XCJwcm9wcy5uelNlYXJjaEZ1bmNcIlxyXG4gICAgICBbbnpTZWFyY2hWYWx1ZV09XCJwcm9wcy5uelNlYXJjaFZhbHVlXCJcclxuICAgICAgW256U2VsZWN0ZWRLZXlzXT1cInByb3BzLm56U2VsZWN0ZWRLZXlzXCJcclxuICAgICAgW256U2VsZWN0TW9kZV09XCJwcm9wcy5uelNlbGVjdE1vZGVcIlxyXG4gICAgICBbbnpTaG93TGluZV09XCJwcm9wcy5uelNob3dMaW5lXCJcclxuICAgICAgW256VmlydHVhbEhlaWdodF09XCJwcm9wcy5uelZpcnR1YWxIZWlnaHRcIlxyXG4gICAgICBbbnpWaXJ0dWFsSXRlbVNpemVdPVwicHJvcHMubnpWaXJ0dWFsSXRlbVNpemVcIlxyXG4gICAgICBbbnpWaXJ0dWFsTWF4QnVmZmVyUHhdPVwicHJvcHMubnpWaXJ0dWFsTWF4QnVmZmVyUHhcIlxyXG4gICAgICBbbnpWaXJ0dWFsTWluQnVmZmVyUHhdPVwicHJvcHMubnpWaXJ0dWFsTWluQnVmZmVyUHhcIlxyXG4gICAgICBbbnpUcmVlVGVtcGxhdGVdPVwibnpUcmVlVGVtcGxhdGVcIlxyXG4gICAgICAobnpDbGljayk9XCJwcm9wcy5uekNsaWNrPy4oJGV2ZW50LCBmaWVsZCwgaW5zdGFuY2UpXCJcclxuICAgICAgKG56RGJsQ2xpY2spPVwicHJvcHMubnpEYmxDbGljaz8uKCRldmVudCwgZmllbGQsIGluc3RhbmNlKVwiXHJcbiAgICAgIChuekNvbnRleHRNZW51KT1cInByb3BzLm56Q29udGV4dE1lbnU/LigkZXZlbnQsIGZpZWxkLCBpbnN0YW5jZSlcIlxyXG4gICAgICAobnpDaGVja0JveENoYW5nZSk9XCJwcm9wcy5uekNoZWNrQm94Q2hhbmdlPy4oJGV2ZW50LCBmaWVsZCwgaW5zdGFuY2UpXCJcclxuICAgICAgKG56RXhwYW5kQ2hhbmdlKT1cInByb3BzLm56RXhwYW5kQ2hhbmdlPy4oJGV2ZW50LCBmaWVsZCwgaW5zdGFuY2UpXCJcclxuICAgICAgKG56U2VhcmNoVmFsdWVDaGFuZ2UpPVwicHJvcHMubnpTZWFyY2hWYWx1ZUNoYW5nZT8uKCRldmVudCwgZmllbGQsIGluc3RhbmNlKVwiXHJcbiAgICAgIChuek9uRHJhZ1N0YXJ0KT1cInByb3BzLm56T25EcmFnU3RhcnQ/LigkZXZlbnQsIGZpZWxkLCBpbnN0YW5jZSlcIlxyXG4gICAgICAobnpPbkRyYWdFbnRlcik9XCJwcm9wcy5uek9uRHJhZ0VudGVyPy4oJGV2ZW50LCBmaWVsZCwgaW5zdGFuY2UpXCJcclxuICAgICAgKG56T25EcmFnT3Zlcik9XCJwcm9wcy5uek9uRHJhZ092ZXI/LigkZXZlbnQsIGZpZWxkLCBpbnN0YW5jZSlcIlxyXG4gICAgICAobnpPbkRyYWdMZWF2ZSk9XCJwcm9wcy5uek9uRHJhZ0xlYXZlPy4oJGV2ZW50LCBmaWVsZCwgaW5zdGFuY2UpXCJcclxuICAgICAgKG56T25Ecm9wKT1cInByb3BzLm56T25Ecm9wPy4oJGV2ZW50LCBmaWVsZCwgaW5zdGFuY2UpXCJcclxuICAgICAgKG56T25EcmFnRW5kKT1cInByb3BzLm56T25EcmFnRW5kPy4oJGV2ZW50LCBmaWVsZCwgaW5zdGFuY2UpXCJcclxuICAgID48L256LXRyZWU+XHJcbiAgYCxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybWx5RmllbGRUcmVlQ29tcG9uZW50IGV4dGVuZHMgRmllbGRUeXBlPE56Rm9ybWx5RmllbGRDb25maWc8VHJlZU9wdGlvbnM+PiB7XHJcbiAgb3ZlcnJpZGUgZGVmYXVsdE9wdGlvbnMgPSB7XHJcbiAgICBwcm9wczoge1xyXG4gICAgICBuelNob3dFeHBhbmQ6IHRydWUsXHJcbiAgICAgIG56RGF0YTogW10sXHJcbiAgICAgIG56U2VsZWN0ZWRLZXlzOiBbXSxcclxuICAgICAgbnpDaGVja2VkS2V5czogW10sXHJcbiAgICAgIG56RXhwYW5kZWRLZXlzOiBbXSxcclxuICAgICAgbnpWaXJ0dWFsSXRlbVNpemU6IDI4LFxyXG4gICAgICBuelZpcnR1YWxNYXhCdWZmZXJQeDogNTAwLFxyXG4gICAgICBuelZpcnR1YWxNaW5CdWZmZXJQeDogMjhcclxuICAgIH1cclxuICB9O1xyXG5cclxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwdWJsaWMgZmllbGRUZW1wbGF0ZXM6IEZvcm1seUJveFRlbXBsYXRlcykge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIGdldCBuelRyZWVUZW1wbGF0ZSgpIHtcclxuICAgIHJldHVybiByZXNvbHZlVHBsTmFtZSh0aGlzLnByb3BzLCB0aGlzLmZpZWxkVGVtcGxhdGVzLCAnbnpUcmVlVGVtcGxhdGUnKTtcclxuICB9XHJcbiAgZ2V0IG56RXhwYW5kZWRJY29uKCkge1xyXG4gICAgcmV0dXJuIHJlc29sdmVUcGxOYW1lKHRoaXMucHJvcHMsIHRoaXMuZmllbGRUZW1wbGF0ZXMsICduekV4cGFuZGVkSWNvbicpO1xyXG4gIH1cclxufVxyXG4iXX0=