UNPKG

@xmagic/nz-formly

Version:

基于ng-zorro-antd UI 扩展的ngx-formly组件库

66 lines 7.32 kB
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 "@angular/forms"; import * as i3 from "@xmagic/nzx-antd/checkbox"; import * as i4 from "@ngx-formly/core"; import * as i5 from "@angular/common"; import * as i6 from "@xmagic/nzx-antd/pipe"; export class FormlyFieldCheckboxComponent extends FieldType { fieldTemplates; defaultOptions = { props: { options: [], nzxMultiple: true, nzxLayout: 'horizontal', nzxRequired: true } }; constructor(fieldTemplates) { super(); this.fieldTemplates = fieldTemplates; } get labelTemplate() { return resolveTplName(this.props, this.fieldTemplates, 'labelTemplate'); } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormlyFieldCheckboxComponent, deps: [{ token: i1.FormlyBoxTemplates, optional: true }], target: i0.ɵɵFactoryTarget.Component }); static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormlyFieldCheckboxComponent, selector: "nz-formly-checkbox-component", usesInheritance: true, ngImport: i0, template: ` <nzx-checkbox [formControl]="$any(formControl)" [formlyAttributes]="field" [nzxDisabled]="props.disabled || formControl?.disabled" [nzxOptions]="props.options | toAsync: $any(props) | async" [nzxLabelTemplate]="labelTemplate" [nzxLayout]="props.nzxLayout" [nzxMultiple]="props.nzxMultiple" [nzxRequired]="props.nzxRequired" (nzxBlur)="props.blur && props.blur(field, $event)" (nzxFocus)="props.focus && props.focus(field, $event)" (nzxItemChange)="props.nzxItemChange && props.nzxItemChange($event, field, this)" ngDefaultControl ></nzx-checkbox> `, isInline: true, dependencies: [{ kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.NzxCheckboxComponent, selector: "nzx-checkbox", inputs: ["nzxOptions", "nzxDisabled", "nzxLayout", "nzxMultiple", "nzxRequired", "nzxLabelTemplate"], outputs: ["nzxFocus", "nzxBlur", "nzxItemChange"] }, { kind: "directive", type: i4.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.ToAsyncPipe, name: "toAsync" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormlyFieldCheckboxComponent, decorators: [{ type: Component, args: [{ selector: 'nz-formly-checkbox-component', template: ` <nzx-checkbox [formControl]="$any(formControl)" [formlyAttributes]="field" [nzxDisabled]="props.disabled || formControl?.disabled" [nzxOptions]="props.options | toAsync: $any(props) | async" [nzxLabelTemplate]="labelTemplate" [nzxLayout]="props.nzxLayout" [nzxMultiple]="props.nzxMultiple" [nzxRequired]="props.nzxRequired" (nzxBlur)="props.blur && props.blur(field, $event)" (nzxFocus)="props.focus && props.focus(field, $event)" (nzxItemChange)="props.nzxItemChange && props.nzxItemChange($event, field, this)" ngDefaultControl ></nzx-checkbox> `, changeDetection: ChangeDetectionStrategy.OnPush }] }], ctorParameters: () => [{ type: i1.FormlyBoxTemplates, decorators: [{ type: Optional }] }] }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFzQixjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7QUFzQjlFLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxTQUFTO0lBSzFCO0lBSnRCLGNBQWMsR0FBRztRQUN4QixLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO0tBQ3RGLENBQUM7SUFFRixZQUErQixjQUFrQztRQUMvRCxLQUFLLEVBQUUsQ0FBQztRQURxQixtQkFBYyxHQUFkLGNBQWMsQ0FBb0I7SUFFakUsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxlQUFlLENBQUMsQ0FBQztJQUMxRSxDQUFDO3dHQVhVLDRCQUE0Qjs0RkFBNUIsNEJBQTRCLDJGQWxCN0I7Ozs7Ozs7Ozs7Ozs7OztHQWVUOzs0RkFHVSw0QkFBNEI7a0JBcEJ4QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw4QkFBOEI7b0JBQ3hDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0dBZVQ7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzswQkFNYyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpZWxkVHlwZSB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgRm9ybWx5Qm94VGVtcGxhdGVzLCByZXNvbHZlVHBsTmFtZSB9IGZyb20gJ0B4bWFnaWMvbnotZm9ybWx5L2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ256LWZvcm1seS1jaGVja2JveC1jb21wb25lbnQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuengtY2hlY2tib3hcbiAgICAgIFtmb3JtQ29udHJvbF09XCIkYW55KGZvcm1Db250cm9sKVwiXG4gICAgICBbZm9ybWx5QXR0cmlidXRlc109XCJmaWVsZFwiXG4gICAgICBbbnp4RGlzYWJsZWRdPVwicHJvcHMuZGlzYWJsZWQgfHwgZm9ybUNvbnRyb2w/LmRpc2FibGVkXCJcbiAgICAgIFtuenhPcHRpb25zXT1cInByb3BzLm9wdGlvbnMgfCB0b0FzeW5jOiAkYW55KHByb3BzKSB8IGFzeW5jXCJcbiAgICAgIFtuenhMYWJlbFRlbXBsYXRlXT1cImxhYmVsVGVtcGxhdGVcIlxuICAgICAgW256eExheW91dF09XCJwcm9wcy5uenhMYXlvdXRcIlxuICAgICAgW256eE11bHRpcGxlXT1cInByb3BzLm56eE11bHRpcGxlXCJcbiAgICAgIFtuenhSZXF1aXJlZF09XCJwcm9wcy5uenhSZXF1aXJlZFwiXG4gICAgICAobnp4Qmx1cik9XCJwcm9wcy5ibHVyICYmIHByb3BzLmJsdXIoZmllbGQsICRldmVudClcIlxuICAgICAgKG56eEZvY3VzKT1cInByb3BzLmZvY3VzICYmIHByb3BzLmZvY3VzKGZpZWxkLCAkZXZlbnQpXCJcbiAgICAgIChuenhJdGVtQ2hhbmdlKT1cInByb3BzLm56eEl0ZW1DaGFuZ2UgJiYgcHJvcHMubnp4SXRlbUNoYW5nZSgkZXZlbnQsIGZpZWxkLCB0aGlzKVwiXG4gICAgICBuZ0RlZmF1bHRDb250cm9sXG4gICAgPjwvbnp4LWNoZWNrYm94PlxuICBgLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtbHlGaWVsZENoZWNrYm94Q29tcG9uZW50IGV4dGVuZHMgRmllbGRUeXBlIHtcbiAgb3ZlcnJpZGUgZGVmYXVsdE9wdGlvbnMgPSB7XG4gICAgcHJvcHM6IHsgb3B0aW9uczogW10sIG56eE11bHRpcGxlOiB0cnVlLCBuenhMYXlvdXQ6ICdob3Jpem9udGFsJywgbnp4UmVxdWlyZWQ6IHRydWUgfVxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHB1YmxpYyBmaWVsZFRlbXBsYXRlczogRm9ybWx5Qm94VGVtcGxhdGVzKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIGdldCBsYWJlbFRlbXBsYXRlKCkge1xuICAgIHJldHVybiByZXNvbHZlVHBsTmFtZSh0aGlzLnByb3BzLCB0aGlzLmZpZWxkVGVtcGxhdGVzLCAnbGFiZWxUZW1wbGF0ZScpO1xuICB9XG59XG4iXX0=