@xmagic/nz-formly
Version:
基于ng-zorro-antd UI 扩展的ngx-formly组件库
112 lines • 11.1 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 "@angular/forms";
import * as i3 from "ng-zorro-antd/time-picker";
import * as i4 from "@ngx-formly/core";
export class FormlyFieldTimePickerComponent extends FieldType {
fieldTemplates;
defaultOptions = {
props: {
nzAllowEmpty: true,
nzFormat: 'HH:mm:ss',
nzHourStep: 1,
nzMinuteStep: 1,
nzSecondStep: 1,
nzShowToday: true,
nzShowNow: true,
nzInputReadOnly: false
}
};
constructor(fieldTemplates) {
super();
this.fieldTemplates = fieldTemplates;
}
get nzSuffixIcon() {
return resolveTplName(this.props, this.fieldTemplates, 'nzSuffixIcon');
}
get nzAddOn() {
return resolveTplName(this.props, this.fieldTemplates, 'nzAddOn');
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormlyFieldTimePickerComponent, deps: [{ token: i1.FormlyBoxTemplates, optional: true }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormlyFieldTimePickerComponent, selector: "nz-formly-time-picker-component", usesInheritance: true, ngImport: i0, template: `
<nz-time-picker
style="width: 100%"
[]="$any(formControl)"
[]="field"
[]="field.id || props.nzId"
[]="nzAddOn"
[]="props.nzSize"
[]="props.nzBackdrop"
[]="props.nzAllowEmpty"
[]="props.nzAutoFocus"
[]="props.nzClearText"
[]="props.nzNowText"
[]="props.nzOkText"
[]="props.nzDefaultOpenValue"
[]="props.nzDisabled || props.disabled || formControl?.disabled"
[]="props.nzDisabledHours"
[]="props.nzDisabledMinutes"
[]="props.nzDisabledSeconds"
[]="props.nzFormat"
[]="props.nzHideDisabledOptions"
[]="props.nzHourStep"
[]="props.nzMinuteStep"
[]="props.nzSecondStep"
[]="props.nzPlaceHolder || props.placeholder"
[]="props.nzPopupClassName"
[]="props.nzUse12Hours"
[]="props.nzStatus"
[]="nzSuffixIcon"
(nzOpenChange)=" props.nzOpenChange?.($event, field, instance)"
ngDefaultControl
></nz-time-picker>
`, 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.NzTimePickerComponent, selector: "nz-time-picker", inputs: ["nzId", "nzSize", "nzStatus", "nzHourStep", "nzMinuteStep", "nzSecondStep", "nzClearText", "nzNowText", "nzOkText", "nzPopupClassName", "nzPlaceHolder", "nzAddOn", "nzDefaultOpenValue", "nzDisabledHours", "nzDisabledMinutes", "nzDisabledSeconds", "nzFormat", "nzOpen", "nzUse12Hours", "nzSuffixIcon", "nzHideDisabledOptions", "nzAllowEmpty", "nzDisabled", "nzAutoFocus", "nzBackdrop", "nzBorderless", "nzInputReadOnly"], outputs: ["nzOpenChange"], exportAs: ["nzTimePicker"] }, { kind: "directive", type: i4.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormlyFieldTimePickerComponent, decorators: [{
type: Component,
args: [{
selector: 'nz-formly-time-picker-component',
template: `
<nz-time-picker
style="width: 100%"
[]="$any(formControl)"
[]="field"
[]="field.id || props.nzId"
[]="nzAddOn"
[]="props.nzSize"
[]="props.nzBackdrop"
[]="props.nzAllowEmpty"
[]="props.nzAutoFocus"
[]="props.nzClearText"
[]="props.nzNowText"
[]="props.nzOkText"
[]="props.nzDefaultOpenValue"
[]="props.nzDisabled || props.disabled || formControl?.disabled"
[]="props.nzDisabledHours"
[]="props.nzDisabledMinutes"
[]="props.nzDisabledSeconds"
[]="props.nzFormat"
[]="props.nzHideDisabledOptions"
[]="props.nzHourStep"
[]="props.nzMinuteStep"
[]="props.nzSecondStep"
[]="props.nzPlaceHolder || props.placeholder"
[]="props.nzPopupClassName"
[]="props.nzUse12Hours"
[]="props.nzStatus"
[]="nzSuffixIcon"
(nzOpenChange)=" props.nzOpenChange?.($event, field, instance)"
ngDefaultControl
></nz-time-picker>
`,
changeDetection: ChangeDetectionStrategy.OnPush
}]
}], ctorParameters: () => [{ type: i1.FormlyBoxTemplates, decorators: [{
type: Optional
}] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGliL3RpbWUtcGlja2VyL3RpbWUtcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUEyQyxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBeUNuRyxNQUFNLE9BQU8sOEJBQStCLFNBQVEsU0FBaUQ7SUFjcEU7SUFidEIsY0FBYyxHQUFHO1FBQ3hCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxJQUFJO1lBQ2xCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFVBQVUsRUFBRSxDQUFDO1lBQ2IsWUFBWSxFQUFFLENBQUM7WUFDZixZQUFZLEVBQUUsQ0FBQztZQUNmLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLFNBQVMsRUFBRSxJQUFJO1lBQ2YsZUFBZSxFQUFFLEtBQUs7U0FDdkI7S0FDRixDQUFDO0lBRUYsWUFBK0IsY0FBa0M7UUFDL0QsS0FBSyxFQUFFLENBQUM7UUFEcUIsbUJBQWMsR0FBZCxjQUFjLENBQW9CO0lBRWpFLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsY0FBYyxDQUFDLENBQUM7SUFDekUsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxTQUFTLENBQUMsQ0FBQztJQUNwRSxDQUFDO3dHQXhCVSw4QkFBOEI7NEZBQTlCLDhCQUE4Qiw4RkFwQy9COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQ1Q7OzRGQUdVLDhCQUE4QjtrQkF0QzFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlDQUFpQztvQkFDM0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQ1Q7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzswQkFlYyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmllbGRUeXBlIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1seUJveFRlbXBsYXRlcywgTnpGb3JtbHlGaWVsZENvbmZpZywgcmVzb2x2ZVRwbE5hbWUgfSBmcm9tICdAeG1hZ2ljL256LWZvcm1seS9jb21tb24nO1xyXG5pbXBvcnQgeyBUaW1lUGlja2VyT3B0aW9ucyB9IGZyb20gJy4vZm9ybWx5LnR5cGUnXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ256LWZvcm1seS10aW1lLXBpY2tlci1jb21wb25lbnQnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8bnotdGltZS1waWNrZXJcclxuICAgICAgI2luc3RhbmNlXHJcbiAgICAgIHN0eWxlPVwid2lkdGg6IDEwMCVcIlxyXG4gICAgICBbZm9ybUNvbnRyb2xdPVwiJGFueShmb3JtQ29udHJvbClcIlxyXG4gICAgICBbZm9ybWx5QXR0cmlidXRlc109XCJmaWVsZFwiXHJcbiAgICAgIFtueklkXT1cImZpZWxkLmlkIHx8IHByb3BzLm56SWRcIlxyXG4gICAgICBbbnpBZGRPbl09XCJuekFkZE9uXCJcclxuICAgICAgW256U2l6ZV09XCJwcm9wcy5uelNpemVcIlxyXG4gICAgICBbbnpCYWNrZHJvcF09XCJwcm9wcy5uekJhY2tkcm9wXCJcclxuICAgICAgW256QWxsb3dFbXB0eV09XCJwcm9wcy5uekFsbG93RW1wdHlcIlxyXG4gICAgICBbbnpBdXRvRm9jdXNdPVwicHJvcHMubnpBdXRvRm9jdXNcIlxyXG4gICAgICBbbnpDbGVhclRleHRdPVwicHJvcHMubnpDbGVhclRleHRcIlxyXG4gICAgICBbbnpOb3dUZXh0XT1cInByb3BzLm56Tm93VGV4dFwiXHJcbiAgICAgIFtuek9rVGV4dF09XCJwcm9wcy5uek9rVGV4dFwiXHJcbiAgICAgIFtuekRlZmF1bHRPcGVuVmFsdWVdPVwicHJvcHMubnpEZWZhdWx0T3BlblZhbHVlXCJcclxuICAgICAgW256RGlzYWJsZWRdPVwicHJvcHMubnpEaXNhYmxlZCB8fCBwcm9wcy5kaXNhYmxlZCB8fCBmb3JtQ29udHJvbD8uZGlzYWJsZWRcIlxyXG4gICAgICBbbnpEaXNhYmxlZEhvdXJzXT1cInByb3BzLm56RGlzYWJsZWRIb3Vyc1wiXHJcbiAgICAgIFtuekRpc2FibGVkTWludXRlc109XCJwcm9wcy5uekRpc2FibGVkTWludXRlc1wiXHJcbiAgICAgIFtuekRpc2FibGVkU2Vjb25kc109XCJwcm9wcy5uekRpc2FibGVkU2Vjb25kc1wiXHJcbiAgICAgIFtuekZvcm1hdF09XCJwcm9wcy5uekZvcm1hdFwiXHJcbiAgICAgIFtuekhpZGVEaXNhYmxlZE9wdGlvbnNdPVwicHJvcHMubnpIaWRlRGlzYWJsZWRPcHRpb25zXCJcclxuICAgICAgW256SG91clN0ZXBdPVwicHJvcHMubnpIb3VyU3RlcFwiXHJcbiAgICAgIFtuek1pbnV0ZVN0ZXBdPVwicHJvcHMubnpNaW51dGVTdGVwXCJcclxuICAgICAgW256U2Vjb25kU3RlcF09XCJwcm9wcy5uelNlY29uZFN0ZXBcIlxyXG4gICAgICBbbnpQbGFjZUhvbGRlcl09XCJwcm9wcy5uelBsYWNlSG9sZGVyIHx8IHByb3BzLnBsYWNlaG9sZGVyXCJcclxuICAgICAgW256UG9wdXBDbGFzc05hbWVdPVwicHJvcHMubnpQb3B1cENsYXNzTmFtZVwiXHJcbiAgICAgIFtuelVzZTEySG91cnNdPVwicHJvcHMubnpVc2UxMkhvdXJzXCJcclxuICAgICAgW256U3RhdHVzXT1cInByb3BzLm56U3RhdHVzXCJcclxuICAgICAgW256U3VmZml4SWNvbl09XCJuelN1ZmZpeEljb25cIlxyXG4gICAgICAobnpPcGVuQ2hhbmdlKT1cIiBwcm9wcy5uek9wZW5DaGFuZ2U/LigkZXZlbnQsIGZpZWxkLCBpbnN0YW5jZSlcIlxyXG4gICAgICBuZ0RlZmF1bHRDb250cm9sXHJcbiAgICA+PC9uei10aW1lLXBpY2tlcj5cclxuICBgLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtbHlGaWVsZFRpbWVQaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBGaWVsZFR5cGU8TnpGb3JtbHlGaWVsZENvbmZpZzxUaW1lUGlja2VyT3B0aW9ucz4+IHtcclxuICBvdmVycmlkZSBkZWZhdWx0T3B0aW9ucyA9IHtcclxuICAgIHByb3BzOiB7XHJcbiAgICAgIG56QWxsb3dFbXB0eTogdHJ1ZSxcclxuICAgICAgbnpGb3JtYXQ6ICdISDptbTpzcycsXHJcbiAgICAgIG56SG91clN0ZXA6IDEsXHJcbiAgICAgIG56TWludXRlU3RlcDogMSxcclxuICAgICAgbnpTZWNvbmRTdGVwOiAxLFxyXG4gICAgICBuelNob3dUb2RheTogdHJ1ZSxcclxuICAgICAgbnpTaG93Tm93OiB0cnVlLFxyXG4gICAgICBueklucHV0UmVhZE9ubHk6IGZhbHNlXHJcbiAgICB9XHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHVibGljIGZpZWxkVGVtcGxhdGVzOiBGb3JtbHlCb3hUZW1wbGF0ZXMpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBnZXQgbnpTdWZmaXhJY29uKCkge1xyXG4gICAgcmV0dXJuIHJlc29sdmVUcGxOYW1lKHRoaXMucHJvcHMsIHRoaXMuZmllbGRUZW1wbGF0ZXMsICduelN1ZmZpeEljb24nKTtcclxuICB9XHJcblxyXG4gIGdldCBuekFkZE9uKCkge1xyXG4gICAgcmV0dXJuIHJlc29sdmVUcGxOYW1lKHRoaXMucHJvcHMsIHRoaXMuZmllbGRUZW1wbGF0ZXMsICduekFkZE9uJyk7XHJcbiAgfVxyXG59XHJcbiJdfQ==