@xmagic/nz-formly
Version:
基于ng-zorro-antd UI 扩展的ngx-formly组件库
87 lines • 8.91 kB
JavaScript
import { ChangeDetectionStrategy, Component, Optional } from '@angular/core';
import { FieldType } from '@ngx-formly/core';
import { resolveTplName, resolveTplNameArray } from '@xmagic/nz-formly/common';
import * as i0 from "@angular/core";
import * as i1 from "@xmagic/nz-formly/common";
import * as i2 from "@angular/common";
import * as i3 from "ng-zorro-antd/card";
import * as i4 from "ng-zorro-antd/core/outlet";
import * as i5 from "@ngx-formly/core";
export class FormlyFieldCardComponent extends FieldType {
fieldTemplates;
defaultOptions = {
props: { nzSize: 'default', type: 'button' }
};
constructor(fieldTemplates) {
super();
this.fieldTemplates = fieldTemplates;
}
get nzTitle() {
return resolveTplName(this.props, this.fieldTemplates, 'nzTitle');
}
get nzCover() {
return resolveTplName(this.props, this.fieldTemplates, 'nzCover');
}
get nzExtra() {
return resolveTplName(this.props, this.fieldTemplates, 'nzExtra');
}
get nzActions() {
return resolveTplNameArray(this.props, this.fieldTemplates, 'nzActions') || [];
}
get nzContent() {
return resolveTplName(this.props, this.fieldTemplates, 'nzContent');
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormlyFieldCardComponent, deps: [{ token: i1.FormlyBoxTemplates, optional: true }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormlyFieldCardComponent, selector: "nz-formly-card", usesInheritance: true, ngImport: i0, template: `
<nz-card
[nzTitle]="nzTitle"
[formlyAttributes]="field"
[nzBorderless]="props.nzBorderless"
[nzCover]="nzCover"
[nzExtra]="nzExtra"
[nzHoverable]="props.nzHoverable"
[nzLoading]="props.nzLoading"
[nzActions]="nzActions"
[nzBodyStyle]="props.nzBodyStyle"
[nzBordered]="props.nzBordered"
[nzType]="props.nzType"
[nzSize]="props.nzSize"
>
<formly-field [field]="item" *ngFor="let item of field.fieldGroup"></formly-field>
<ng-container *nzStringTemplateOutlet="nzContent; context: { $implicit: field, options: props }">
{{ nzContent }}
</ng-container>
</nz-card>
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.NzCardComponent, selector: "nz-card", inputs: ["nzBordered", "nzBorderless", "nzLoading", "nzHoverable", "nzBodyStyle", "nzCover", "nzActions", "nzType", "nzSize", "nzTitle", "nzExtra"], exportAs: ["nzCard"] }, { kind: "directive", type: i4.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }, { kind: "component", type: i5.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "directive", type: i5.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormlyFieldCardComponent, decorators: [{
type: Component,
args: [{
selector: 'nz-formly-card',
template: `
<nz-card
[nzTitle]="nzTitle"
[formlyAttributes]="field"
[nzBorderless]="props.nzBorderless"
[nzCover]="nzCover"
[nzExtra]="nzExtra"
[nzHoverable]="props.nzHoverable"
[nzLoading]="props.nzLoading"
[nzActions]="nzActions"
[nzBodyStyle]="props.nzBodyStyle"
[nzBordered]="props.nzBordered"
[nzType]="props.nzType"
[nzSize]="props.nzSize"
>
<formly-field [field]="item" *ngFor="let item of field.fieldGroup"></formly-field>
<ng-container *nzStringTemplateOutlet="nzContent; context: { $implicit: field, options: props }">
{{ nzContent }}
</ng-container>
</nz-card>
`,
changeDetection: ChangeDetectionStrategy.OnPush
}]
}], ctorParameters: () => [{ type: i1.FormlyBoxTemplates, decorators: [{
type: Optional
}] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWIvY2FyZC9jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUdMLGNBQWMsRUFDZCxtQkFBbUIsRUFDcEIsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQTRCbEMsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFNBQTJDO0lBS3hEO0lBSnRCLGNBQWMsR0FBRztRQUN4QixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQWlCO0tBQzVELENBQUM7SUFFRixZQUErQixjQUFrQztRQUMvRCxLQUFLLEVBQUUsQ0FBQztRQURxQixtQkFBYyxHQUFkLGNBQWMsQ0FBb0I7SUFFakUsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxTQUFTLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBQ0QsSUFBSSxPQUFPO1FBQ1QsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUNELElBQUksU0FBUztRQUNYLE9BQU8sbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqRixDQUFDO0lBQ0QsSUFBSSxTQUFTO1FBQ1gsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBQ3RFLENBQUM7d0dBdkJVLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLDZFQXZCekI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JUOzs0RkFHVSx3QkFBd0I7a0JBekJwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQlQ7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzswQkFNYyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmllbGRUeXBlIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgRm9ybWx5Qm94VGVtcGxhdGVzLFxyXG4gIE56Rm9ybWx5RmllbGRDb25maWcsXHJcbiAgcmVzb2x2ZVRwbE5hbWUsXHJcbiAgcmVzb2x2ZVRwbE5hbWVBcnJheVxyXG59IGZyb20gJ0B4bWFnaWMvbnotZm9ybWx5L2NvbW1vbic7XHJcbmltcG9ydCB7IENhcmRPcHRpb25zIH0gZnJvbSAnLi9mb3JtbHkudHlwZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ256LWZvcm1seS1jYXJkJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPG56LWNhcmRcclxuICAgICAgW256VGl0bGVdPVwibnpUaXRsZVwiXHJcbiAgICAgIFtmb3JtbHlBdHRyaWJ1dGVzXT1cImZpZWxkXCJcclxuICAgICAgW256Qm9yZGVybGVzc109XCJwcm9wcy5uekJvcmRlcmxlc3NcIlxyXG4gICAgICBbbnpDb3Zlcl09XCJuekNvdmVyXCJcclxuICAgICAgW256RXh0cmFdPVwibnpFeHRyYVwiXHJcbiAgICAgIFtuekhvdmVyYWJsZV09XCJwcm9wcy5uekhvdmVyYWJsZVwiXHJcbiAgICAgIFtuekxvYWRpbmddPVwicHJvcHMubnpMb2FkaW5nXCJcclxuICAgICAgW256QWN0aW9uc109XCJuekFjdGlvbnNcIlxyXG4gICAgICBbbnpCb2R5U3R5bGVdPVwicHJvcHMubnpCb2R5U3R5bGVcIlxyXG4gICAgICBbbnpCb3JkZXJlZF09XCJwcm9wcy5uekJvcmRlcmVkXCJcclxuICAgICAgW256VHlwZV09XCJwcm9wcy5uelR5cGVcIlxyXG4gICAgICBbbnpTaXplXT1cInByb3BzLm56U2l6ZVwiXHJcbiAgICA+XHJcbiAgICAgIDxmb3JtbHktZmllbGQgW2ZpZWxkXT1cIml0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBmaWVsZC5maWVsZEdyb3VwXCI+PC9mb3JtbHktZmllbGQ+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm56U3RyaW5nVGVtcGxhdGVPdXRsZXQ9XCJuekNvbnRlbnQ7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBmaWVsZCwgb3B0aW9uczogcHJvcHMgfVwiPlxyXG4gICAgICAgIHt7IG56Q29udGVudCB9fVxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbnotY2FyZD5cclxuICBgLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtbHlGaWVsZENhcmRDb21wb25lbnQgZXh0ZW5kcyBGaWVsZFR5cGU8TnpGb3JtbHlGaWVsZENvbmZpZzxDYXJkT3B0aW9ucz4+IHtcclxuICBvdmVycmlkZSBkZWZhdWx0T3B0aW9ucyA9IHtcclxuICAgIHByb3BzOiB7IG56U2l6ZTogJ2RlZmF1bHQnLCB0eXBlOiAnYnV0dG9uJyB9IGFzIENhcmRPcHRpb25zXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHVibGljIGZpZWxkVGVtcGxhdGVzOiBGb3JtbHlCb3hUZW1wbGF0ZXMpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBnZXQgbnpUaXRsZSgpIHtcclxuICAgIHJldHVybiByZXNvbHZlVHBsTmFtZSh0aGlzLnByb3BzLCB0aGlzLmZpZWxkVGVtcGxhdGVzLCAnbnpUaXRsZScpO1xyXG4gIH1cclxuICBnZXQgbnpDb3ZlcigpIHtcclxuICAgIHJldHVybiByZXNvbHZlVHBsTmFtZSh0aGlzLnByb3BzLCB0aGlzLmZpZWxkVGVtcGxhdGVzLCAnbnpDb3ZlcicpO1xyXG4gIH1cclxuICBnZXQgbnpFeHRyYSgpIHtcclxuICAgIHJldHVybiByZXNvbHZlVHBsTmFtZSh0aGlzLnByb3BzLCB0aGlzLmZpZWxkVGVtcGxhdGVzLCAnbnpFeHRyYScpO1xyXG4gIH1cclxuICBnZXQgbnpBY3Rpb25zKCkge1xyXG4gICAgcmV0dXJuIHJlc29sdmVUcGxOYW1lQXJyYXkodGhpcy5wcm9wcywgdGhpcy5maWVsZFRlbXBsYXRlcywgJ256QWN0aW9ucycpIHx8IFtdO1xyXG4gIH1cclxuICBnZXQgbnpDb250ZW50KCkge1xyXG4gICAgcmV0dXJuIHJlc29sdmVUcGxOYW1lKHRoaXMucHJvcHMsIHRoaXMuZmllbGRUZW1wbGF0ZXMsICduekNvbnRlbnQnKTtcclxuICB9XHJcbn1cclxuIl19