ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
97 lines • 11.3 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, NgForOf, NgIf, NgTemplateOutlet } from '@angular/common';
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, EventEmitter } 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.0.7", ngImport: i0, type: NzCronExpressionPreviewComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", 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">
<ng-container *ngIf="visible; else cronError">
<ng-container *ngIf="!nzSemantic; else semanticTemplate">
{{ TimeList[0] | date: 'YYYY-MM-dd HH:mm:ss' }}
</ng-container>
<ng-template #semanticTemplate [ngTemplateOutlet]="nzSemantic"></ng-template>
</ng-container>
<ng-template #cronError>{{ locale.cronError }}</ng-template>
</div>
<div *ngIf="visible && !isExpand" class="ant-cron-expression-preview-content">
<ul class="ant-cron-expression-preview-list">
<li *ngFor="let item of TimeList">
{{ 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">
<li *ngIf="isExpand"><span nz-icon nzType="down" nzTheme="outline" (click)="setExpand()"></span></li>
<li *ngIf="!isExpand"><span nz-icon nzType="up" nzTheme="outline" (click)="setExpand()"></span></li>
</ul>
</div>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.0.7", 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">
<ng-container *ngIf="visible; else cronError">
<ng-container *ngIf="!nzSemantic; else semanticTemplate">
{{ TimeList[0] | date: 'YYYY-MM-dd HH:mm:ss' }}
</ng-container>
<ng-template #semanticTemplate [ngTemplateOutlet]="nzSemantic"></ng-template>
</ng-container>
<ng-template #cronError>{{ locale.cronError }}</ng-template>
</div>
<div *ngIf="visible && !isExpand" class="ant-cron-expression-preview-content">
<ul class="ant-cron-expression-preview-list">
<li *ngFor="let item of TimeList">
{{ 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">
<li *ngIf="isExpand"><span nz-icon nzType="down" nzTheme="outline" (click)="setExpand()"></span></li>
<li *ngIf="!isExpand"><span nz-icon nzType="up" nzTheme="outline" (click)="setExpand()"></span></li>
</ul>
</div>`,
imports: [NgIf, NgTemplateOutlet, NgForOf, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Jvbi1leHByZXNzaW9uLXByZXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jcm9uLWV4cHJlc3Npb24vY3Jvbi1leHByZXNzaW9uLXByZXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM1RSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQix1QkFBdUIsRUFDdkIsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBR2IsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBaUNsRCxNQUFNLE9BQU8sZ0NBQWdDO0lBUzNDLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBUmpDLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDTixZQUFPLEdBQVksSUFBSSxDQUFDO1FBRXhDLGVBQVUsR0FBNkIsSUFBSSxDQUFDO1FBQ2xDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUU5RCxhQUFRLEdBQVksSUFBSSxDQUFDO0lBRW9CLENBQUM7SUFFOUMsU0FBUztRQUNQLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs4R0FkVSxnQ0FBZ0M7a0dBQWhDLGdDQUFnQyxnUkExQmpDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1NBc0JILDREQUNHLElBQUksNkZBQUUsZ0JBQWdCLG9KQUFFLE9BQU8sOEdBQUUsUUFBUSw0Q0FBRSxZQUFZOztBQUt4QztJQUFmLFlBQVksRUFBRTtpRUFBeUI7MkZBRnRDLGdDQUFnQztrQkEvQjVDLFNBQVM7bUJBQUM7b0JBQ1QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FzQkg7b0JBQ1AsT0FBTyxFQUFFLENBQUMsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsWUFBWSxDQUFDO29CQUNsRSxVQUFVLEVBQUUsSUFBSTtpQkFDakI7c0ZBRVUsUUFBUTtzQkFBaEIsS0FBSztnQkFDbUIsT0FBTztzQkFBL0IsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDYSxlQUFlO3NCQUFqQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2dpdGh1Yi5jb20vTkctWk9SUk8vbmctem9ycm8tYW50ZC9ibG9iL21hc3Rlci9MSUNFTlNFXG4gKi9cblxuaW1wb3J0IHsgRGF0ZVBpcGUsIE5nRm9yT2YsIE5nSWYsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIFRlbXBsYXRlUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJbnB1dEJvb2xlYW4gfSBmcm9tICduZy16b3Jyby1hbnRkL2NvcmUvdXRpbCc7XG5pbXBvcnQgeyBOekNyb25FeHByZXNzaW9uQ3JvbkVycm9ySTE4biB9IGZyb20gJ25nLXpvcnJvLWFudGQvaTE4bic7XG5pbXBvcnQgeyBOekljb25Nb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHNlbGVjdG9yOiAnbnotY3Jvbi1leHByZXNzaW9uLXByZXZpZXcnLFxuICBleHBvcnRBczogJ256Q3JvbkV4cHJlc3Npb25QcmV2aWV3JyxcbiAgdGVtcGxhdGU6IGAgPGRpdiBjbGFzcz1cImFudC1jb2xsYXBzZSBhbnQtY29sbGFwc2UtYm9yZGVybGVzcyBhbnQtY3Jvbi1leHByZXNzaW9uLXByZXZpZXdcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYW50LWNyb24tZXhwcmVzc2lvbi1wcmV2aWV3LWRhdGVUaW1lXCIgW2NsYXNzLmFudC1jcm9uLWV4cHJlc3Npb24tcHJldmlldy1kYXRlVGltZS1jZW50ZXJdPVwiIWlzRXhwYW5kXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidmlzaWJsZTsgZWxzZSBjcm9uRXJyb3JcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFuelNlbWFudGljOyBlbHNlIHNlbWFudGljVGVtcGxhdGVcIj5cbiAgICAgICAgICB7eyBUaW1lTGlzdFswXSB8IGRhdGU6ICdZWVlZLU1NLWRkIEhIOm1tOnNzJyB9fVxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNzZW1hbnRpY1RlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm56U2VtYW50aWNcIj48L25nLXRlbXBsYXRlPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctdGVtcGxhdGUgI2Nyb25FcnJvcj57eyBsb2NhbGUuY3JvbkVycm9yIH19PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwidmlzaWJsZSAmJiAhaXNFeHBhbmRcIiBjbGFzcz1cImFudC1jcm9uLWV4cHJlc3Npb24tcHJldmlldy1jb250ZW50XCI+XG4gICAgICA8dWwgY2xhc3M9XCJhbnQtY3Jvbi1leHByZXNzaW9uLXByZXZpZXctbGlzdFwiPlxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgVGltZUxpc3RcIj5cbiAgICAgICAgICB7eyBpdGVtIHwgZGF0ZTogJ1lZWVktTU0tZGQgSEg6bW06c3MnIH19XG4gICAgICAgIDwvbGk+XG4gICAgICAgIDxsaT48YSAoY2xpY2spPVwibG9hZE1vcmVQcmV2aWV3LmVtaXQoKVwiPsK3wrfCtzwvYT48L2xpPlxuICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbiAgICA8dWwgY2xhc3M9XCJhbnQtY3Jvbi1leHByZXNzaW9uLXByZXZpZXctaWNvblwiPlxuICAgICAgPGxpICpuZ0lmPVwiaXNFeHBhbmRcIj48c3BhbiBuei1pY29uIG56VHlwZT1cImRvd25cIiBuelRoZW1lPVwib3V0bGluZVwiIChjbGljayk9XCJzZXRFeHBhbmQoKVwiPjwvc3Bhbj48L2xpPlxuICAgICAgPGxpICpuZ0lmPVwiIWlzRXhwYW5kXCI+PHNwYW4gbnotaWNvbiBuelR5cGU9XCJ1cFwiIG56VGhlbWU9XCJvdXRsaW5lXCIgKGNsaWNrKT1cInNldEV4cGFuZCgpXCI+PC9zcGFuPjwvbGk+XG4gICAgPC91bD5cbiAgPC9kaXY+YCxcbiAgaW1wb3J0czogW05nSWYsIE5nVGVtcGxhdGVPdXRsZXQsIE5nRm9yT2YsIERhdGVQaXBlLCBOekljb25Nb2R1bGVdLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIE56Q3JvbkV4cHJlc3Npb25QcmV2aWV3Q29tcG9uZW50IHtcbiAgQElucHV0KCkgVGltZUxpc3Q6IERhdGVbXSA9IFtdO1xuICBASW5wdXQoKSBASW5wdXRCb29sZWFuKCkgdmlzaWJsZTogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGxvY2FsZSE6IE56Q3JvbkV4cHJlc3Npb25Dcm9uRXJyb3JJMThuO1xuICBASW5wdXQoKSBuelNlbWFudGljOiBUZW1wbGF0ZVJlZjx2b2lkPiB8IG51bGwgPSBudWxsO1xuICBAT3V0cHV0KCkgcmVhZG9ubHkgbG9hZE1vcmVQcmV2aWV3ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGlzRXhwYW5kOiBib29sZWFuID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgc2V0RXhwYW5kKCk6IHZvaWQge1xuICAgIHRoaXMuaXNFeHBhbmQgPSAhdGhpcy5pc0V4cGFuZDtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIl19