ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
73 lines • 10.3 kB
JavaScript
import { Component, Input, Output, EventEmitter, HostBinding, TemplateRef, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ResultComponent {
get title() {
return this._title;
}
set title(value) {
if (this.isTemplateRef(value)) {
this.isTitleString = false;
}
else {
this.isTitleString = true;
}
this._title = value;
}
get message() {
return this._message;
}
set message(value) {
if (this.isTemplateRef(value)) {
this.isMessageString = false;
}
else {
this.isMessageString = true;
}
this._message = value;
}
constructor() {
this.prefixCls = 'am-result';
this.isTitleString = true;
this.isMessageString = true;
this.onButtonClick = new EventEmitter();
this.role = 'alert';
this.amResult = true;
}
buttonClick(event) {
this.onButtonClick.emit(event);
}
isTemplateRef(value) {
if (value) {
return value instanceof TemplateRef;
}
return false;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ResultComponent, selector: "Result, nzm-result", inputs: { title: "title", imgUrl: "imgUrl", buttonText: "buttonText", buttonType: "buttonType", img: "img", message: "message" }, outputs: { onButtonClick: "onButtonClick" }, host: { properties: { "attr.role": "this.role", "class.am-result": "this.amResult" } }, ngImport: i0, template: "<div *ngIf=\"img\" class=\"{{ prefixCls }}-pic\">\n <ng-template [ngTemplateOutlet]=\"img\"></ng-template>\n</div>\n<div *ngIf=\"!img && imgUrl\" class=\"{{ prefixCls }}-pic\" [ngStyle]=\"{ backgroundImage: 'url(' + imgUrl + ')' }\"></div>\n<div *ngIf=\"title\" class=\"{{ prefixCls }}-title\">\n <ng-template *ngIf=\"!isTitleString\" [ngTemplateOutlet]=\"title\"></ng-template>\n <span *ngIf=\"isTitleString\">{{ title }}</span>\n</div>\n<div [ngClass]=\"prefixCls + '-message'\">\n <ng-template *ngIf=\"!isMessageString\" [ngTemplateOutlet]=\"message\"></ng-template>\n <span *ngIf=\"isMessageString\">{{ message }}</span>\n</div>\n<div *ngIf=\"buttonText\" class=\"{{ prefixCls }}-button\">\n <a Button [type]=\"buttonType\" (click)=\"buttonClick($event)\">\n {{ buttonText }}\n </a>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ResultComponent, decorators: [{
type: Component,
args: [{ selector: 'Result, nzm-result', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"img\" class=\"{{ prefixCls }}-pic\">\n <ng-template [ngTemplateOutlet]=\"img\"></ng-template>\n</div>\n<div *ngIf=\"!img && imgUrl\" class=\"{{ prefixCls }}-pic\" [ngStyle]=\"{ backgroundImage: 'url(' + imgUrl + ')' }\"></div>\n<div *ngIf=\"title\" class=\"{{ prefixCls }}-title\">\n <ng-template *ngIf=\"!isTitleString\" [ngTemplateOutlet]=\"title\"></ng-template>\n <span *ngIf=\"isTitleString\">{{ title }}</span>\n</div>\n<div [ngClass]=\"prefixCls + '-message'\">\n <ng-template *ngIf=\"!isMessageString\" [ngTemplateOutlet]=\"message\"></ng-template>\n <span *ngIf=\"isMessageString\">{{ message }}</span>\n</div>\n<div *ngIf=\"buttonText\" class=\"{{ prefixCls }}-button\">\n <a Button [type]=\"buttonType\" (click)=\"buttonClick($event)\">\n {{ buttonText }}\n </a>\n</div>\n" }]
}], ctorParameters: () => [], propDecorators: { title: [{
type: Input
}], imgUrl: [{
type: Input
}], buttonText: [{
type: Input
}], buttonType: [{
type: Input
}], img: [{
type: Input
}], message: [{
type: Input
}], onButtonClick: [{
type: Output
}], role: [{
type: HostBinding,
args: ['attr.role']
}], amResult: [{
type: HostBinding,
args: ['class.am-result']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzdWx0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcmVzdWx0L3Jlc3VsdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi9jb21wb25lbnRzL3Jlc3VsdC9yZXN1bHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPcEgsTUFBTSxPQUFPLGVBQWU7SUFRMUIsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxLQUFnQztRQUN4QyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDN0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7U0FDNUI7YUFBTTtZQUNMLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1NBQzNCO1FBQ0QsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQVNELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFBSSxPQUFPLENBQUMsS0FBZ0M7UUFDMUMsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzdCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1NBQzlCO2FBQU07WUFDTCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztTQUM3QjtRQUNELElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFTRDtRQS9DQSxjQUFTLEdBQVcsV0FBVyxDQUFDO1FBQ2hDLGtCQUFhLEdBQVksSUFBSSxDQUFDO1FBQzlCLG9CQUFlLEdBQVksSUFBSSxDQUFDO1FBc0NoQyxrQkFBYSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3RELFNBQUksR0FBVyxPQUFPLENBQUM7UUFFdkIsYUFBUSxHQUFZLElBQUksQ0FBQztJQUVWLENBQUM7SUFFaEIsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQUs7UUFDakIsSUFBSSxLQUFLLEVBQUU7WUFDVCxPQUFPLEtBQUssWUFBWSxXQUFXLENBQUM7U0FDckM7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7OEdBM0RVLGVBQWU7a0dBQWYsZUFBZSxpVUNQNUIsd3lCQWlCQTs7MkZEVmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxvQkFBb0IsaUJBRWYsaUJBQWlCLENBQUMsSUFBSTt3REFXakMsS0FBSztzQkFEUixLQUFLO2dCQWFOLE1BQU07c0JBREwsS0FBSztnQkFHTixVQUFVO3NCQURULEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxLQUFLO2dCQUdOLEdBQUc7c0JBREYsS0FBSztnQkFHRixPQUFPO3NCQURWLEtBQUs7Z0JBYU4sYUFBYTtzQkFEWixNQUFNO2dCQUlQLElBQUk7c0JBREgsV0FBVzt1QkFBQyxXQUFXO2dCQUd4QixRQUFRO3NCQURQLFdBQVc7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBUZW1wbGF0ZVJlZiwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnUmVzdWx0LCBuem0tcmVzdWx0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jlc3VsdC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgUmVzdWx0Q29tcG9uZW50IHtcbiAgcHJlZml4Q2xzOiBzdHJpbmcgPSAnYW0tcmVzdWx0JztcbiAgaXNUaXRsZVN0cmluZzogYm9vbGVhbiA9IHRydWU7XG4gIGlzTWVzc2FnZVN0cmluZzogYm9vbGVhbiA9IHRydWU7XG5cbiAgcHJpdmF0ZSBfdGl0bGU6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG4gIHByaXZhdGUgX21lc3NhZ2U6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQElucHV0KClcbiAgZ2V0IHRpdGxlKCk6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4ge1xuICAgIHJldHVybiB0aGlzLl90aXRsZTtcbiAgfVxuICBzZXQgdGl0bGUodmFsdWU6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4pIHtcbiAgICBpZiAodGhpcy5pc1RlbXBsYXRlUmVmKHZhbHVlKSkge1xuICAgICAgdGhpcy5pc1RpdGxlU3RyaW5nID0gZmFsc2U7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNUaXRsZVN0cmluZyA9IHRydWU7XG4gICAgfVxuICAgIHRoaXMuX3RpdGxlID0gdmFsdWU7XG4gIH1cbiAgQElucHV0KClcbiAgaW1nVXJsOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIGJ1dHRvblRleHQ6IHN0cmluZztcbiAgQElucHV0KClcbiAgYnV0dG9uVHlwZTogc3RyaW5nO1xuICBASW5wdXQoKVxuICBpbWc6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBJbnB1dCgpXG4gIGdldCBtZXNzYWdlKCk6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4ge1xuICAgIHJldHVybiB0aGlzLl9tZXNzYWdlO1xuICB9XG4gIHNldCBtZXNzYWdlKHZhbHVlOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+KSB7XG4gICAgaWYgKHRoaXMuaXNUZW1wbGF0ZVJlZih2YWx1ZSkpIHtcbiAgICAgIHRoaXMuaXNNZXNzYWdlU3RyaW5nID0gZmFsc2U7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNNZXNzYWdlU3RyaW5nID0gdHJ1ZTtcbiAgICB9XG4gICAgdGhpcy5fbWVzc2FnZSA9IHZhbHVlO1xuICB9XG4gIEBPdXRwdXQoKVxuICBvbkJ1dHRvbkNsaWNrOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpXG4gIHJvbGU6IHN0cmluZyA9ICdhbGVydCc7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYW0tcmVzdWx0JylcbiAgYW1SZXN1bHQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBidXR0b25DbGljayhldmVudCkge1xuICAgIHRoaXMub25CdXR0b25DbGljay5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIGlzVGVtcGxhdGVSZWYodmFsdWUpIHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHJldHVybiB2YWx1ZSBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmO1xuICAgIH1cbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJpbWdcIiBjbGFzcz1cInt7IHByZWZpeENscyB9fS1waWNcIj5cbiAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImltZ1wiPjwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbjxkaXYgKm5nSWY9XCIhaW1nICYmIGltZ1VybFwiIGNsYXNzPVwie3sgcHJlZml4Q2xzIH19LXBpY1wiIFtuZ1N0eWxlXT1cInsgYmFja2dyb3VuZEltYWdlOiAndXJsKCcgKyBpbWdVcmwgKyAnKScgfVwiPjwvZGl2PlxuPGRpdiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJ7eyBwcmVmaXhDbHMgfX0tdGl0bGVcIj5cbiAgPG5nLXRlbXBsYXRlICpuZ0lmPVwiIWlzVGl0bGVTdHJpbmdcIiBbbmdUZW1wbGF0ZU91dGxldF09XCJ0aXRsZVwiPjwvbmctdGVtcGxhdGU+XG4gIDxzcGFuICpuZ0lmPVwiaXNUaXRsZVN0cmluZ1wiPnt7IHRpdGxlIH19PC9zcGFuPlxuPC9kaXY+XG48ZGl2IFtuZ0NsYXNzXT1cInByZWZpeENscyArICctbWVzc2FnZSdcIj5cbiAgPG5nLXRlbXBsYXRlICpuZ0lmPVwiIWlzTWVzc2FnZVN0cmluZ1wiIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1lc3NhZ2VcIj48L25nLXRlbXBsYXRlPlxuICA8c3BhbiAqbmdJZj1cImlzTWVzc2FnZVN0cmluZ1wiPnt7IG1lc3NhZ2UgfX08L3NwYW4+XG48L2Rpdj5cbjxkaXYgKm5nSWY9XCJidXR0b25UZXh0XCIgY2xhc3M9XCJ7eyBwcmVmaXhDbHMgfX0tYnV0dG9uXCI+XG4gIDxhIEJ1dHRvbiBbdHlwZV09XCJidXR0b25UeXBlXCIgKGNsaWNrKT1cImJ1dHRvbkNsaWNrKCRldmVudClcIj5cbiAgICB7eyBidXR0b25UZXh0IH19XG4gIDwvYT5cbjwvZGl2PlxuIl19