UNPKG

ng-zorro-antd-mobile

Version:

An enterprise-class mobile UI components based on Ant Design and Angular

108 lines 7.47 kB
/** * @fileoverview added by tsickle * @suppress {checkTypes,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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy16b3Jyby1hbnRkLW1vYmlsZS8iLCJzb3VyY2VzIjpbImxpc3QvbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPOUYsTUFBTSxPQUFPLGFBQWE7SUFpRHhCO1FBaERBLGlCQUFZLEdBQVE7WUFDbEIsU0FBUyxFQUFFLFNBQVM7U0FDckIsQ0FBQztRQUVGLHFCQUFnQixHQUFXLEVBQUUsQ0FBQztRQUM5QixxQkFBZ0IsR0FBVyxFQUFFLENBQUM7UUFFdEIsa0JBQWEsR0FBUSxFQUFFLENBQUM7UUFDeEIsa0JBQWEsR0FBUSxFQUFFLENBQUM7UUFDeEIsZUFBVSxHQUFXLEVBQUUsQ0FBQztJQXVDakIsQ0FBQzs7Ozs7SUFyQ2hCLElBQ0ksU0FBUyxDQUFDLEtBQUs7UUFDakIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQzs7OztJQUNELElBQ0ksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM1QixDQUFDOzs7OztJQUNELElBQUksWUFBWSxDQUFDLEtBQTJDO1FBQzFELElBQUksS0FBSyxZQUFZLFdBQVcsRUFBRTtZQUNoQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsYUFBYSxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxLQUFLLENBQUM7U0FDdEM7UUFDRCxPQUFPLENBQUMsR0FBRyxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUVwRCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDOzs7O0lBQ0QsSUFDSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzVCLENBQUM7Ozs7O0lBQ0QsSUFBSSxZQUFZLENBQUMsS0FBMkM7UUFDMUQsSUFBSSxLQUFLLFlBQVksV0FBVyxFQUFFO1lBQ2hDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxhQUFhLENBQUM7U0FDdkM7YUFBTTtZQUNMLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxPQUFPLEtBQUssQ0FBQztTQUN0QztRQUVELElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7Ozs7SUFFRCxJQUNJLGFBQWE7UUFDZixPQUFPLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3RDLENBQUM7OztZQXBERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsdzdCQUFvQztnQkFDcEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7YUFDdEM7Ozs7O3dCQWFFLEtBQUs7MkJBSUwsS0FBSzsyQkFjTCxLQUFLOzRCQWNMLFdBQVcsU0FBQyxPQUFPOzs7O0lBM0NwQixxQ0FFRTs7SUFFRix5Q0FBOEI7O0lBQzlCLHlDQUE4Qjs7Ozs7SUFFOUIsc0NBQWdDOzs7OztJQUNoQyxzQ0FBZ0M7Ozs7O0lBQ2hDLG1DQUFnQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIElucHV0LCBIb3N0QmluZGluZywgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnTGlzdCwgbnptLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgTGlzdENvbXBvbmVudCB7XG4gIGRlZmF1bHRQcm9wczogYW55ID0ge1xuICAgIHByZWZpeENsczogJ2FtLWxpc3QnXG4gIH07XG5cbiAgcmVuZGVySGVhZGVyVHlwZTogc3RyaW5nID0gJyc7XG4gIHJlbmRlckZvb3RlclR5cGU6IHN0cmluZyA9ICcnO1xuXG4gIHByaXZhdGUgX3JlbmRlckhlYWRlcjogYW55ID0gJyc7XG4gIHByaXZhdGUgX3JlbmRlckZvb3RlcjogYW55ID0gJyc7XG4gIHByaXZhdGUgX2NsYXNzTmFtZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgc2V0IGNsYXNzTmFtZSh2YWx1ZSkge1xuICAgIHRoaXMuX2NsYXNzTmFtZSA9IHZhbHVlO1xuICB9XG4gIEBJbnB1dCgpXG4gIGdldCByZW5kZXJIZWFkZXIoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3JlbmRlckhlYWRlcjtcbiAgfVxuICBzZXQgcmVuZGVySGVhZGVyKHZhbHVlOiBzdHJpbmcgfCBGdW5jdGlvbiB8IFRlbXBsYXRlUmVmPGFueT4pIHtcbiAgICBpZiAodmFsdWUgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xuICAgICAgdGhpcy5yZW5kZXJIZWFkZXJUeXBlID0gJ3RlbXBsYXRlUmVmJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZW5kZXJIZWFkZXJUeXBlID0gdHlwZW9mIHZhbHVlO1xuICAgIH1cbiAgICBjb25zb2xlLmxvZygndGhpcyBpc2kgcmVuZCcsIHRoaXMucmVuZGVySGVhZGVyVHlwZSk7XG5cbiAgICB0aGlzLl9yZW5kZXJIZWFkZXIgPSB2YWx1ZTtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgcmVuZGVyRm9vdGVyKCkge1xuICAgIHJldHVybiB0aGlzLl9yZW5kZXJGb290ZXI7XG4gIH1cbiAgc2V0IHJlbmRlckZvb3Rlcih2YWx1ZTogc3RyaW5nIHwgRnVuY3Rpb24gfCBUZW1wbGF0ZVJlZjxhbnk+KSB7XG4gICAgaWYgKHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMucmVuZGVyRm9vdGVyVHlwZSA9ICd0ZW1wbGF0ZVJlZic7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMucmVuZGVyRm9vdGVyVHlwZSA9IHR5cGVvZiB2YWx1ZTtcbiAgICB9XG5cbiAgICB0aGlzLl9yZW5kZXJGb290ZXIgPSB2YWx1ZTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgaG9zdENsYXNzTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiAnYW0tbGlzdCAnICsgdGhpcy5fY2xhc3NOYW1lO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19