@yoyoboot/l-52abp-ng-form-generator/esm2015/form-designer/widget-config/widget-config.component.js

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.

import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "ng-zorro-antd/form";
import * as i2 from "ng-zorro-antd/input-number";
import * as i3 from "ng-zorro-antd/switch";
import * as i4 from "../../dynamic-component/dynamic-component.component";
import * as i5 from "@angular/common";
import * as i6 from "@angular/forms";
import * as i7 from "ng-zorro-antd/grid";
import * as i8 from "ng-zorro-antd/input";
export class WidgetConfigComponent {
    constructor() {
        this.dateArr = ['year', 'month', 'week', 'date', 'datetime', 'time', 'daterange', 'timerange', 'datetimerange', 'dates'];
    }
    ngOnInit() {
        console.log('');
    }
    ngOnChanges(changes) {
        if (changes.data) {
            this.processorData(changes.data.currentValue);
        }
    }
    processorData(data) {
        if (!data) {
            return;
        }
        if (typeof this.data.labelWidth !== 'number') {
            this.data.labelWidth = 100;
        }
        this.configComponentName = this.getComponent(data);
    }
    getComponent(data) {
        return `d-${data.widget}-config`;
    }
}
WidgetConfigComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WidgetConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
WidgetConfigComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WidgetConfigComponent, selector: "app-widget-config", inputs: { data: "data", defaultValues: "defaultValues" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"widget-config\" *ngIf=\"data\">\n  <form nz-form #formRef=\"ngForm\">\n    <!-- \u540D\u79F0 -->\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"6\">\u540D\u79F0</nz-form-label>\n      <nz-form-control>\n        <input nz-input #nameInput=\"ngModel\" name=\"name\" type=\"text\" [(ngModel)]=\"data.name\" />\n      </nz-form-control>\n    </nz-form-item>\n\n    <!-- \u6807\u9898 -->\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"6\">\u6807\u9898</nz-form-label>\n      <nz-form-control>\n        <input nz-input #labelInput=\"ngModel\" name=\"label\" type=\"text\" [(ngModel)]=\"data.label\" />\n      </nz-form-control>\n    </nz-form-item>\n\n    <!-- \u6807\u9898\u5BBD\u5EA6 -->\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"6\">\u6807\u9898\u5BBD\u5EA6</nz-form-label>\n      <nz-form-control>\n        <nz-input-number #labelWidthInput=\"ngModel\" name=\"labelWidth\" [(ngModel)]=\"data.labelWidth\" [nzMin]=\"0\" [nzMax]=\"9999\">\n        </nz-input-number>\n      </nz-form-control>\n    </nz-form-item>\n\n    <!-- \u8868\u5355\u6805\u683C -->\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"6\">\u8868\u5355\u6805\u683C</nz-form-label>\n      <nz-form-control>\n        <nz-input-number #spanInput=\"ngModel\" name=\"span\" [(ngModel)]=\"data.span\" [nzMin]=\"1\" [nzMax]=\"24\"></nz-input-number>\n      </nz-form-control>\n    </nz-form-item>\n\n    <!-- \u662F\u5426\u53EF\u89C1 -->\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"6\">\u662F\u5426\u53EF\u89C1</nz-form-label>\n      <nz-form-control>\n        <nz-switch #displayInput=\"ngModel\" name=\"display\" [(ngModel)]=\"data.display\"></nz-switch>\n      </nz-form-control>\n    </nz-form-item>\n\n    <!-- \u662F\u5426\u5FC5\u586B -->\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"6\">\u662F\u5426\u5FC5\u586B</nz-form-label>\n      <nz-form-control>\n        <nz-switch #requiredInput=\"ngModel\" name=\"required\" [(ngModel)]=\"data.required\"></nz-switch>\n      </nz-form-control>\n    </nz-form-item>\n\n    <!-- \u5360\u4F4D\u5185\u5BB9 -->\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"6\">\u5360\u4F4D\u5185\u5BB9</nz-form-label>\n      <nz-form-control>\n        <input nz-input #placeholderInput=\"ngModel\" name=\"placeholder\" type=\"text\" [(ngModel)]=\"data.placeholder\" />\n      </nz-form-control>\n    </nz-form-item>\n\n    <!-- \u7EC4\u4EF6\u7279\u5B9A\u914D\u7F6E -->\n    <div d-component [is]=\"configComponentName\" [data]=\"data\"></div>\n  </form>\n</div>\n", styles: ["nz-form-label{text-align:left}\n"], components: [{ type: i1.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { type: i1.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzRequired", "nzNoColon", "nzTooltipIcon", "nzFor", "nzTooltipTitle"], exportAs: ["nzFormLabel"] }, { type: i1.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus", "nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra"], exportAs: ["nzFormControl"] }, { type: i2.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecisionMode", "nzPlaceHolder", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzAutoFocus", "nzFormatter", "nzPrecision"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { type: i3.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize"], exportAs: ["nzSwitch"] }, { type: i4.DynamicComponentComponent, selector: "[d-component]", inputs: ["is", "data"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon"], exportAs: ["nzForm"] }, { type: i7.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i7.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { type: i8.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "disabled"], exportAs: ["nzInput"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WidgetConfigComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'app-widget-config',
                    templateUrl: './widget-config.component.html',
                    styleUrls: ['./widget-config.component.less']
                }]
        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
                type: Input
            }], defaultValues: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LWNvbmZpZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sLTUyYWJwLW5nLWZvcm0tZ2VuZXJhdG9yL3NyYy9mb3JtLWRlc2lnbmVyL3dpZGdldC1jb25maWcvd2lkZ2V0LWNvbmZpZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sLTUyYWJwLW5nLWZvcm0tZ2VuZXJhdG9yL3NyYy9mb3JtLWRlc2lnbmVyL3dpZGdldC1jb25maWcvd2lkZ2V0LWNvbmZpZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7QUFTbkYsTUFBTSxPQUFPLHFCQUFxQjtJQVdoQztRQVZBLFlBQU8sR0FBRyxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBVXJHLENBQUM7SUFFaEIsUUFBUTtRQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDbEIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxJQUFJLEVBQUU7WUFDaEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQy9DO0lBQ0gsQ0FBQztJQUVTLGFBQWEsQ0FBQyxJQUFtQjtRQUN6QyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1QsT0FBTztTQUNSO1FBQ0QsSUFBSSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxLQUFLLFFBQVEsRUFBRTtZQUM1QyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUM7U0FDNUI7UUFDRCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRVMsWUFBWSxDQUFDLElBQW1CO1FBQ3hDLE9BQU8sS0FBSyxJQUFJLENBQUMsTUFBTSxTQUFTLENBQUM7SUFDbkMsQ0FBQzs7bUhBbkNVLHFCQUFxQjt1R0FBckIscUJBQXFCLHdJQ1RsQyxtOUVBK0RBOzRGRHREYSxxQkFBcUI7a0JBTGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsV0FBVyxFQUFFLGdDQUFnQztvQkFDN0MsU0FBUyxFQUFFLENBQUMsZ0NBQWdDLENBQUM7aUJBQzlDOzBFQUlVLElBQUk7c0JBQVosS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNGU2NoZW1hIH0gZnJvbSAnQGRlbG9uL2Zvcm0nO1xuaW1wb3J0IHsgSUNvbXBvbmVudERlZiB9IGZyb20gJy4uLy4uL3NoYXJlZC9pbnRlcmZhY2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXdpZGdldC1jb25maWcnLFxuICB0ZW1wbGF0ZVVybDogJy4vd2lkZ2V0LWNvbmZpZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3dpZGdldC1jb25maWcuY29tcG9uZW50Lmxlc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBXaWRnZXRDb25maWdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIGRhdGVBcnIgPSBbJ3llYXInLCAnbW9udGgnLCAnd2VlaycsICdkYXRlJywgJ2RhdGV0aW1lJywgJ3RpbWUnLCAnZGF0ZXJhbmdlJywgJ3RpbWVyYW5nZScsICdkYXRldGltZXJhbmdlJywgJ2RhdGVzJ107XG5cbiAgQElucHV0KCkgZGF0YTogSUNvbXBvbmVudERlZjtcblxuICBASW5wdXQoKSBkZWZhdWx0VmFsdWVzOiBhbnk7XG5cbiAgc2NoZW1hMjogU0ZTY2hlbWE7XG5cbiAgY29uZmlnQ29tcG9uZW50TmFtZTogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zb2xlLmxvZygnJyk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXMuZGF0YSkge1xuICAgICAgdGhpcy5wcm9jZXNzb3JEYXRhKGNoYW5nZXMuZGF0YS5jdXJyZW50VmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBwcm9jZXNzb3JEYXRhKGRhdGE6IElDb21wb25lbnREZWYpIHtcbiAgICBpZiAoIWRhdGEpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKHR5cGVvZiB0aGlzLmRhdGEubGFiZWxXaWR0aCAhPT0gJ251bWJlcicpIHtcbiAgICAgIHRoaXMuZGF0YS5sYWJlbFdpZHRoID0gMTAwO1xuICAgIH1cbiAgICB0aGlzLmNvbmZpZ0NvbXBvbmVudE5hbWUgPSB0aGlzLmdldENvbXBvbmVudChkYXRhKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRDb21wb25lbnQoZGF0YTogSUNvbXBvbmVudERlZikge1xuICAgIHJldHVybiBgZC0ke2RhdGEud2lkZ2V0fS1jb25maWdgO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwid2lkZ2V0LWNvbmZpZ1wiICpuZ0lmPVwiZGF0YVwiPlxuICA8Zm9ybSBuei1mb3JtICNmb3JtUmVmPVwibmdGb3JtXCI+XG4gICAgPCEtLSDlkI3np7AgLS0+XG4gICAgPG56LWZvcm0taXRlbT5cbiAgICAgIDxuei1mb3JtLWxhYmVsIFtuelNwYW5dPVwiNlwiPuWQjeensDwvbnotZm9ybS1sYWJlbD5cbiAgICAgIDxuei1mb3JtLWNvbnRyb2w+XG4gICAgICAgIDxpbnB1dCBuei1pbnB1dCAjbmFtZUlucHV0PVwibmdNb2RlbFwiIG5hbWU9XCJuYW1lXCIgdHlwZT1cInRleHRcIiBbKG5nTW9kZWwpXT1cImRhdGEubmFtZVwiIC8+XG4gICAgICA8L256LWZvcm0tY29udHJvbD5cbiAgICA8L256LWZvcm0taXRlbT5cblxuICAgIDwhLS0g5qCH6aKYIC0tPlxuICAgIDxuei1mb3JtLWl0ZW0+XG4gICAgICA8bnotZm9ybS1sYWJlbCBbbnpTcGFuXT1cIjZcIj7moIfpopg8L256LWZvcm0tbGFiZWw+XG4gICAgICA8bnotZm9ybS1jb250cm9sPlxuICAgICAgICA8aW5wdXQgbnotaW5wdXQgI2xhYmVsSW5wdXQ9XCJuZ01vZGVsXCIgbmFtZT1cImxhYmVsXCIgdHlwZT1cInRleHRcIiBbKG5nTW9kZWwpXT1cImRhdGEubGFiZWxcIiAvPlxuICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgPC9uei1mb3JtLWl0ZW0+XG5cbiAgICA8IS0tIOagh+mimOWuveW6piAtLT5cbiAgICA8bnotZm9ybS1pdGVtPlxuICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCI2XCI+5qCH6aKY5a695bqmPC9uei1mb3JtLWxhYmVsPlxuICAgICAgPG56LWZvcm0tY29udHJvbD5cbiAgICAgICAgPG56LWlucHV0LW51bWJlciAjbGFiZWxXaWR0aElucHV0PVwibmdNb2RlbFwiIG5hbWU9XCJsYWJlbFdpZHRoXCIgWyhuZ01vZGVsKV09XCJkYXRhLmxhYmVsV2lkdGhcIiBbbnpNaW5dPVwiMFwiIFtuek1heF09XCI5OTk5XCI+XG4gICAgICAgIDwvbnotaW5wdXQtbnVtYmVyPlxuICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgPC9uei1mb3JtLWl0ZW0+XG5cbiAgICA8IS0tIOihqOWNleagheagvCAtLT5cbiAgICA8bnotZm9ybS1pdGVtPlxuICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCI2XCI+6KGo5Y2V5qCF5qC8PC9uei1mb3JtLWxhYmVsPlxuICAgICAgPG56LWZvcm0tY29udHJvbD5cbiAgICAgICAgPG56LWlucHV0LW51bWJlciAjc3BhbklucHV0PVwibmdNb2RlbFwiIG5hbWU9XCJzcGFuXCIgWyhuZ01vZGVsKV09XCJkYXRhLnNwYW5cIiBbbnpNaW5dPVwiMVwiIFtuek1heF09XCIyNFwiPjwvbnotaW5wdXQtbnVtYmVyPlxuICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgPC9uei1mb3JtLWl0ZW0+XG5cbiAgICA8IS0tIOaYr+WQpuWPr+ingSAtLT5cbiAgICA8bnotZm9ybS1pdGVtPlxuICAgICAgPG56LWZvcm0tbGFiZWwgW256U3Bhbl09XCI2XCI+5piv5ZCm5Y+v6KeBPC9uei1mb3JtLWxhYmVsPlxuICAgICAgPG56LWZvcm0tY29udHJvbD5cbiAgICAgICAgPG56LXN3aXRjaCAjZGlzcGxheUlucHV0PVwibmdNb2RlbFwiIG5hbWU9XCJkaXNwbGF5XCIgWyhuZ01vZGVsKV09XCJkYXRhLmRpc3BsYXlcIj48L256LXN3aXRjaD5cbiAgICAgIDwvbnotZm9ybS1jb250cm9sPlxuICAgIDwvbnotZm9ybS1pdGVtPlxuXG4gICAgPCEtLSDmmK/lkKblv4XloasgLS0+XG4gICAgPG56LWZvcm0taXRlbT5cbiAgICAgIDxuei1mb3JtLWxhYmVsIFtuelNwYW5dPVwiNlwiPuaYr+WQpuW/heWhqzwvbnotZm9ybS1sYWJlbD5cbiAgICAgIDxuei1mb3JtLWNvbnRyb2w+XG4gICAgICAgIDxuei1zd2l0Y2ggI3JlcXVpcmVkSW5wdXQ9XCJuZ01vZGVsXCIgbmFtZT1cInJlcXVpcmVkXCIgWyhuZ01vZGVsKV09XCJkYXRhLnJlcXVpcmVkXCI+PC9uei1zd2l0Y2g+XG4gICAgICA8L256LWZvcm0tY29udHJvbD5cbiAgICA8L256LWZvcm0taXRlbT5cblxuICAgIDwhLS0g5Y2g5L2N5YaF5a65IC0tPlxuICAgIDxuei1mb3JtLWl0ZW0+XG4gICAgICA8bnotZm9ybS1sYWJlbCBbbnpTcGFuXT1cIjZcIj7ljaDkvY3lhoXlrrk8L256LWZvcm0tbGFiZWw+XG4gICAgICA8bnotZm9ybS1jb250cm9sPlxuICAgICAgICA8aW5wdXQgbnotaW5wdXQgI3BsYWNlaG9sZGVySW5wdXQ9XCJuZ01vZGVsXCIgbmFtZT1cInBsYWNlaG9sZGVyXCIgdHlwZT1cInRleHRcIiBbKG5nTW9kZWwpXT1cImRhdGEucGxhY2Vob2xkZXJcIiAvPlxuICAgICAgPC9uei1mb3JtLWNvbnRyb2w+XG4gICAgPC9uei1mb3JtLWl0ZW0+XG5cbiAgICA8IS0tIOe7hOS7tueJueWumumFjee9riAtLT5cbiAgICA8ZGl2IGQtY29tcG9uZW50IFtpc109XCJjb25maWdDb21wb25lbnROYW1lXCIgW2RhdGFdPVwiZGF0YVwiPjwvZGl2PlxuICA8L2Zvcm0+XG48L2Rpdj5cbiJdfQ==