ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
117 lines (115 loc) • 10.8 kB
JavaScript
import { __decorate } from "tslib";
/**
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
import { DatePipe, NgTemplateOutlet } from '@angular/common';
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
import { InputBoolean } from 'ng-zorro-antd/core/util';
import { NzIconModule } from 'ng-zorro-antd/icon';
import * as i0 from "@angular/core";
import * as i1 from "ng-zorro-antd/icon";
export class NzCronExpressionPreviewComponent {
constructor(cdr) {
this.cdr = cdr;
this.TimeList = [];
this.visible = true;
this.nzSemantic = null;
this.loadMorePreview = new EventEmitter();
this.isExpand = true;
}
setExpand() {
this.isExpand = !this.isExpand;
this.cdr.markForCheck();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: NzCronExpressionPreviewComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: NzCronExpressionPreviewComponent, isStandalone: true, selector: "nz-cron-expression-preview", inputs: { TimeList: "TimeList", visible: "visible", locale: "locale", nzSemantic: "nzSemantic" }, outputs: { loadMorePreview: "loadMorePreview" }, exportAs: ["nzCronExpressionPreview"], ngImport: i0, template: ` <div class="ant-collapse ant-collapse-borderless ant-cron-expression-preview">
<div class="ant-cron-expression-preview-dateTime" [class.ant-cron-expression-preview-dateTime-center]="!isExpand">
(visible) {
(!nzSemantic) {
{{ TimeList[0] | date: 'YYYY-MM-dd HH:mm:ss' }}
} {
<ng-template [ngTemplateOutlet]="nzSemantic" />
}
} {
{{ locale.cronError }}
}
</div>
(visible && !isExpand) {
<div class="ant-cron-expression-preview-content">
<ul class="ant-cron-expression-preview-list">
(item of TimeList; track item) {
<li>
{{ item | date: 'YYYY-MM-dd HH:mm:ss' }}
</li>
}
<li><a (click)="loadMorePreview.emit()">···</a></li>
</ul>
</div>
}
<ul class="ant-cron-expression-preview-icon">
(isExpand) {
<li><span nz-icon nzType="down" nzTheme="outline" (click)="setExpand()"></span></li>
} {
<li><span nz-icon nzType="up" nzTheme="outline" (click)="setExpand()"></span></li>
}
</ul>
</div>`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
__decorate([
InputBoolean()
], NzCronExpressionPreviewComponent.prototype, "visible", void 0);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: NzCronExpressionPreviewComponent, decorators: [{
type: Component,
args: [{
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
selector: 'nz-cron-expression-preview',
exportAs: 'nzCronExpressionPreview',
template: ` <div class="ant-collapse ant-collapse-borderless ant-cron-expression-preview">
<div class="ant-cron-expression-preview-dateTime" [class.ant-cron-expression-preview-dateTime-center]="!isExpand">
(visible) {
(!nzSemantic) {
{{ TimeList[0] | date: 'YYYY-MM-dd HH:mm:ss' }}
} {
<ng-template [ngTemplateOutlet]="nzSemantic" />
}
} {
{{ locale.cronError }}
}
</div>
(visible && !isExpand) {
<div class="ant-cron-expression-preview-content">
<ul class="ant-cron-expression-preview-list">
(item of TimeList; track item) {
<li>
{{ item | date: 'YYYY-MM-dd HH:mm:ss' }}
</li>
}
<li><a (click)="loadMorePreview.emit()">···</a></li>
</ul>
</div>
}
<ul class="ant-cron-expression-preview-icon">
(isExpand) {
<li><span nz-icon nzType="down" nzTheme="outline" (click)="setExpand()"></span></li>
} {
<li><span nz-icon nzType="up" nzTheme="outline" (click)="setExpand()"></span></li>
}
</ul>
</div>`,
imports: [NgTemplateOutlet, DatePipe, NzIconModule],
standalone: true
}]
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { TimeList: [{
type: Input
}], visible: [{
type: Input
}], locale: [{
type: Input
}], nzSemantic: [{
type: Input
}], loadMorePreview: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Jvbi1leHByZXNzaW9uLXByZXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jcm9uLWV4cHJlc3Npb24vY3Jvbi1leHByZXNzaW9uLXByZXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDN0QsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4saUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQTJDbEQsTUFBTSxPQUFPLGdDQUFnQztJQVMzQyxZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVJqQyxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ04sWUFBTyxHQUFZLElBQUksQ0FBQztRQUV4QyxlQUFVLEdBQTZCLElBQUksQ0FBQztRQUNsQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFOUQsYUFBUSxHQUFZLElBQUksQ0FBQztJQUVvQixDQUFDO0lBRTlDLFNBQVM7UUFDUCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMvQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7OEdBZFUsZ0NBQWdDO2tHQUFoQyxnQ0FBZ0MsZ1JBcENqQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FnQ0gsNERBQ0csZ0JBQWdCLCtJQUFFLFFBQVEsNENBQUUsWUFBWTs7QUFLekI7SUFBZixZQUFZLEVBQUU7aUVBQXlCOzJGQUZ0QyxnQ0FBZ0M7a0JBekM1QyxTQUFTO21CQUFDO29CQUNULGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsUUFBUSxFQUFFLDRCQUE0QjtvQkFDdEMsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztTQWdDSDtvQkFDUCxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxRQUFRLEVBQUUsWUFBWSxDQUFDO29CQUNuRCxVQUFVLEVBQUUsSUFBSTtpQkFDakI7c0ZBRVUsUUFBUTtzQkFBaEIsS0FBSztnQkFDbUIsT0FBTztzQkFBL0IsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDYSxlQUFlO3NCQUFqQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2dpdGh1Yi5jb20vTkctWk9SUk8vbmctem9ycm8tYW50ZC9ibG9iL21hc3Rlci9MSUNFTlNFXG4gKi9cblxuaW1wb3J0IHsgRGF0ZVBpcGUsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJbnB1dEJvb2xlYW4gfSBmcm9tICduZy16b3Jyby1hbnRkL2NvcmUvdXRpbCc7XG5pbXBvcnQgeyBOekNyb25FeHByZXNzaW9uQ3JvbkVycm9ySTE4biB9IGZyb20gJ25nLXpvcnJvLWFudGQvaTE4bic7XG5pbXBvcnQgeyBOekljb25Nb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHNlbGVjdG9yOiAnbnotY3Jvbi1leHByZXNzaW9uLXByZXZpZXcnLFxuICBleHBvcnRBczogJ256Q3JvbkV4cHJlc3Npb25QcmV2aWV3JyxcbiAgdGVtcGxhdGU6IGAgPGRpdiBjbGFzcz1cImFudC1jb2xsYXBzZSBhbnQtY29sbGFwc2UtYm9yZGVybGVzcyBhbnQtY3Jvbi1leHByZXNzaW9uLXByZXZpZXdcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYW50LWNyb24tZXhwcmVzc2lvbi1wcmV2aWV3LWRhdGVUaW1lXCIgW2NsYXNzLmFudC1jcm9uLWV4cHJlc3Npb24tcHJldmlldy1kYXRlVGltZS1jZW50ZXJdPVwiIWlzRXhwYW5kXCI+XG4gICAgICBAaWYgKHZpc2libGUpIHtcbiAgICAgICAgQGlmICghbnpTZW1hbnRpYykge1xuICAgICAgICAgIHt7IFRpbWVMaXN0WzBdIHwgZGF0ZTogJ1lZWVktTU0tZGQgSEg6bW06c3MnIH19XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJuelNlbWFudGljXCIgLz5cbiAgICAgICAgfVxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIHt7IGxvY2FsZS5jcm9uRXJyb3IgfX1cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgICBAaWYgKHZpc2libGUgJiYgIWlzRXhwYW5kKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiYW50LWNyb24tZXhwcmVzc2lvbi1wcmV2aWV3LWNvbnRlbnRcIj5cbiAgICAgICAgPHVsIGNsYXNzPVwiYW50LWNyb24tZXhwcmVzc2lvbi1wcmV2aWV3LWxpc3RcIj5cbiAgICAgICAgICBAZm9yIChpdGVtIG9mIFRpbWVMaXN0OyB0cmFjayBpdGVtKSB7XG4gICAgICAgICAgICA8bGk+XG4gICAgICAgICAgICAgIHt7IGl0ZW0gfCBkYXRlOiAnWVlZWS1NTS1kZCBISDptbTpzcycgfX1cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgfVxuICAgICAgICAgIDxsaT48YSAoY2xpY2spPVwibG9hZE1vcmVQcmV2aWV3LmVtaXQoKVwiPsK3wrfCtzwvYT48L2xpPlxuICAgICAgICA8L3VsPlxuICAgICAgPC9kaXY+XG4gICAgfVxuXG4gICAgPHVsIGNsYXNzPVwiYW50LWNyb24tZXhwcmVzc2lvbi1wcmV2aWV3LWljb25cIj5cbiAgICAgIEBpZiAoaXNFeHBhbmQpIHtcbiAgICAgICAgPGxpPjxzcGFuIG56LWljb24gbnpUeXBlPVwiZG93blwiIG56VGhlbWU9XCJvdXRsaW5lXCIgKGNsaWNrKT1cInNldEV4cGFuZCgpXCI+PC9zcGFuPjwvbGk+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPGxpPjxzcGFuIG56LWljb24gbnpUeXBlPVwidXBcIiBuelRoZW1lPVwib3V0bGluZVwiIChjbGljayk9XCJzZXRFeHBhbmQoKVwiPjwvc3Bhbj48L2xpPlxuICAgICAgfVxuICAgIDwvdWw+XG4gIDwvZGl2PmAsXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBEYXRlUGlwZSwgTnpJY29uTW9kdWxlXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBOekNyb25FeHByZXNzaW9uUHJldmlld0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIFRpbWVMaXN0OiBEYXRlW10gPSBbXTtcbiAgQElucHV0KCkgQElucHV0Qm9vbGVhbigpIHZpc2libGU6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBsb2NhbGUhOiBOekNyb25FeHByZXNzaW9uQ3JvbkVycm9ySTE4bjtcbiAgQElucHV0KCkgbnpTZW1hbnRpYzogVGVtcGxhdGVSZWY8dm9pZD4gfCBudWxsID0gbnVsbDtcbiAgQE91dHB1dCgpIHJlYWRvbmx5IGxvYWRNb3JlUHJldmlldyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpc0V4cGFuZDogYm9vbGVhbiA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIHNldEV4cGFuZCgpOiB2b2lkIHtcbiAgICB0aGlzLmlzRXhwYW5kID0gIXRoaXMuaXNFeHBhbmQ7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiJdfQ==