ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
108 lines • 7.4 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input, HostBinding, TemplateRef } from '@angular/core';
export class ListComponent {
constructor() {
this.defaultProps = {
prefixCls: 'am-list'
};
this.renderHeaderType = '';
this.renderFooterType = '';
this._renderHeader = '';
this._renderFooter = '';
this._className = '';
}
/**
* @param {?} value
* @return {?}
*/
set className(value) {
this._className = value;
}
/**
* @return {?}
*/
get renderHeader() {
return this._renderHeader;
}
/**
* @param {?} value
* @return {?}
*/
set renderHeader(value) {
if (value instanceof TemplateRef) {
this.renderHeaderType = 'templateRef';
}
else {
this.renderHeaderType = typeof value;
}
console.log('this isi rend', this.renderHeaderType);
this._renderHeader = value;
}
/**
* @return {?}
*/
get renderFooter() {
return this._renderFooter;
}
/**
* @param {?} value
* @return {?}
*/
set renderFooter(value) {
if (value instanceof TemplateRef) {
this.renderFooterType = 'templateRef';
}
else {
this.renderFooterType = typeof value;
}
this._renderFooter = value;
}
/**
* @return {?}
*/
get hostClassName() {
return 'am-list ' + this._className;
}
}
ListComponent.decorators = [
{ type: Component, args: [{
selector: 'List, nzm-list',
template: "<div\n *ngIf=\"renderHeader && renderHeaderType === 'string'\"\n class=\"{{ defaultProps.prefixCls }}-header\"\n [innerHTML]=\"renderHeader\"\n></div>\n<div *ngIf=\"renderHeader && renderHeaderType === 'function'\" class=\"{{ defaultProps.prefixCls }}-header\">\n {{ renderHeader() }}\n</div>\n<ng-template *ngIf=\"renderHeader && renderHeaderType === 'templateRef'\" [ngTemplateOutlet]=\"renderHeader\">\n</ng-template>\n<div class=\"{{ defaultProps.prefixCls }}-body\">\n <ng-content></ng-content>\n</div>\n<div\n *ngIf=\"renderFooter && renderFooterType === 'string'\"\n class=\"{{ defaultProps.prefixCls }}-footer\"\n [innerHTML]=\"renderFooter\"\n></div>\n<div *ngIf=\"renderFooter && renderFooterType === 'function'\" class=\"{{ defaultProps.prefixCls }}-footer\">\n {{ renderFooter() }}\n</div>\n<ng-template *ngIf=\"renderFooter && renderFooterType === 'templateRef'\" [ngTemplateOutlet]=\"renderFooter\">\n</ng-template>\n",
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
ListComponent.ctorParameters = () => [];
ListComponent.propDecorators = {
className: [{ type: Input }],
renderHeader: [{ type: Input }],
renderFooter: [{ type: Input }],
hostClassName: [{ type: HostBinding, args: ['class',] }]
};
if (false) {
/** @type {?} */
ListComponent.prototype.defaultProps;
/** @type {?} */
ListComponent.prototype.renderHeaderType;
/** @type {?} */
ListComponent.prototype.renderFooterType;
/**
* @type {?}
* @private
*/
ListComponent.prototype._renderHeader;
/**
* @type {?}
* @private
*/
ListComponent.prototype._renderFooter;
/**
* @type {?}
* @private
*/
ListComponent.prototype._className;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy16b3Jyby1hbnRkLW1vYmlsZS8iLCJzb3VyY2VzIjpbImxpc3QvbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPOUYsTUFBTSxPQUFPLGFBQWE7SUFpRHhCO1FBaERBLGlCQUFZLEdBQVE7WUFDbEIsU0FBUyxFQUFFLFNBQVM7U0FDckIsQ0FBQztRQUVGLHFCQUFnQixHQUFXLEVBQUUsQ0FBQztRQUM5QixxQkFBZ0IsR0FBVyxFQUFFLENBQUM7UUFFdEIsa0JBQWEsR0FBUSxFQUFFLENBQUM7UUFDeEIsa0JBQWEsR0FBUSxFQUFFLENBQUM7UUFDeEIsZUFBVSxHQUFXLEVBQUUsQ0FBQztJQXVDakIsQ0FBQzs7Ozs7SUFyQ2hCLElBQ0ksU0FBUyxDQUFDLEtBQUs7UUFDakIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQzs7OztJQUNELElBQ0ksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM1QixDQUFDOzs7OztJQUNELElBQUksWUFBWSxDQUFDLEtBQVU7UUFDekIsSUFBSSxLQUFLLFlBQVksV0FBVyxFQUFFO1lBQ2hDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxhQUFhLENBQUM7U0FDdkM7YUFBTTtZQUNMLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxPQUFPLEtBQUssQ0FBQztTQUN0QztRQUNELE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRXBELElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7Ozs7SUFDRCxJQUNJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDNUIsQ0FBQzs7Ozs7SUFDRCxJQUFJLFlBQVksQ0FBQyxLQUFVO1FBQ3pCLElBQUksS0FBSyxZQUFZLFdBQVcsRUFBRTtZQUNoQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsYUFBYSxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxLQUFLLENBQUM7U0FDdEM7UUFFRCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDOzs7O0lBRUQsSUFDSSxhQUFhO1FBQ2YsT0FBTyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN0QyxDQUFDOzs7WUFwREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLHc3QkFBb0M7Z0JBQ3BDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7Ozt3QkFhRSxLQUFLOzJCQUlMLEtBQUs7MkJBY0wsS0FBSzs0QkFjTCxXQUFXLFNBQUMsT0FBTzs7OztJQTNDcEIscUNBRUU7O0lBRUYseUNBQThCOztJQUM5Qix5Q0FBOEI7Ozs7O0lBRTlCLHNDQUFnQzs7Ozs7SUFDaEMsc0NBQWdDOzs7OztJQUNoQyxtQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgSG9zdEJpbmRpbmcsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ0xpc3QsIG56bS1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIExpc3RDb21wb25lbnQge1xuICBkZWZhdWx0UHJvcHM6IGFueSA9IHtcbiAgICBwcmVmaXhDbHM6ICdhbS1saXN0J1xuICB9O1xuXG4gIHJlbmRlckhlYWRlclR5cGU6IHN0cmluZyA9ICcnO1xuICByZW5kZXJGb290ZXJUeXBlOiBzdHJpbmcgPSAnJztcblxuICBwcml2YXRlIF9yZW5kZXJIZWFkZXI6IGFueSA9ICcnO1xuICBwcml2YXRlIF9yZW5kZXJGb290ZXI6IGFueSA9ICcnO1xuICBwcml2YXRlIF9jbGFzc05hbWU6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBjbGFzc05hbWUodmFsdWUpIHtcbiAgICB0aGlzLl9jbGFzc05hbWUgPSB2YWx1ZTtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgcmVuZGVySGVhZGVyKCkge1xuICAgIHJldHVybiB0aGlzLl9yZW5kZXJIZWFkZXI7XG4gIH1cbiAgc2V0IHJlbmRlckhlYWRlcih2YWx1ZTogYW55KSB7XG4gICAgaWYgKHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMucmVuZGVySGVhZGVyVHlwZSA9ICd0ZW1wbGF0ZVJlZic7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMucmVuZGVySGVhZGVyVHlwZSA9IHR5cGVvZiB2YWx1ZTtcbiAgICB9XG4gICAgY29uc29sZS5sb2coJ3RoaXMgaXNpIHJlbmQnLCB0aGlzLnJlbmRlckhlYWRlclR5cGUpO1xuXG4gICAgdGhpcy5fcmVuZGVySGVhZGVyID0gdmFsdWU7XG4gIH1cbiAgQElucHV0KClcbiAgZ2V0IHJlbmRlckZvb3RlcigpIHtcbiAgICByZXR1cm4gdGhpcy5fcmVuZGVyRm9vdGVyO1xuICB9XG4gIHNldCByZW5kZXJGb290ZXIodmFsdWU6IGFueSkge1xuICAgIGlmICh2YWx1ZSBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB7XG4gICAgICB0aGlzLnJlbmRlckZvb3RlclR5cGUgPSAndGVtcGxhdGVSZWYnO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlbmRlckZvb3RlclR5cGUgPSB0eXBlb2YgdmFsdWU7XG4gICAgfVxuXG4gICAgdGhpcy5fcmVuZGVyRm9vdGVyID0gdmFsdWU7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGhvc3RDbGFzc05hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gJ2FtLWxpc3QgJyArIHRoaXMuX2NsYXNzTmFtZTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==