ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
126 lines • 8.38 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';
var ListComponent = /** @class */ (function () {
function ListComponent() {
this.defaultProps = {
prefixCls: 'am-list'
};
this.renderHeaderType = '';
this.renderFooterType = '';
this._renderHeader = '';
this._renderFooter = '';
this._className = '';
}
Object.defineProperty(ListComponent.prototype, "className", {
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this._className = value;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ListComponent.prototype, "renderHeader", {
get: /**
* @return {?}
*/
function () {
return this._renderHeader;
},
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
if (value instanceof TemplateRef) {
this.renderHeaderType = 'templateRef';
}
else {
this.renderHeaderType = typeof value;
}
console.log('this isi rend', this.renderHeaderType);
this._renderHeader = value;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ListComponent.prototype, "renderFooter", {
get: /**
* @return {?}
*/
function () {
return this._renderFooter;
},
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
if (value instanceof TemplateRef) {
this.renderFooterType = 'templateRef';
}
else {
this.renderFooterType = typeof value;
}
this._renderFooter = value;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ListComponent.prototype, "hostClassName", {
get: /**
* @return {?}
*/
function () {
return 'am-list ' + this._className;
},
enumerable: true,
configurable: true
});
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 = function () { return []; };
ListComponent.propDecorators = {
className: [{ type: Input }],
renderHeader: [{ type: Input }],
renderFooter: [{ type: Input }],
hostClassName: [{ type: HostBinding, args: ['class',] }]
};
return ListComponent;
}());
export { ListComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy16b3Jyby1hbnRkLW1vYmlsZS8iLCJzb3VyY2VzIjpbImxpc3QvbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUY7SUFzREU7UUFoREEsaUJBQVksR0FBUTtZQUNsQixTQUFTLEVBQUUsU0FBUztTQUNyQixDQUFDO1FBRUYscUJBQWdCLEdBQVcsRUFBRSxDQUFDO1FBQzlCLHFCQUFnQixHQUFXLEVBQUUsQ0FBQztRQUV0QixrQkFBYSxHQUFRLEVBQUUsQ0FBQztRQUN4QixrQkFBYSxHQUFRLEVBQUUsQ0FBQztRQUN4QixlQUFVLEdBQVcsRUFBRSxDQUFDO0lBdUNqQixDQUFDO0lBckNoQixzQkFDSSxvQ0FBUzs7Ozs7UUFEYixVQUNjLEtBQUs7WUFDakIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDMUIsQ0FBQzs7O09BQUE7SUFDRCxzQkFDSSx1Q0FBWTs7OztRQURoQjtZQUVFLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUM1QixDQUFDOzs7OztRQUNELFVBQWlCLEtBQVU7WUFDekIsSUFBSSxLQUFLLFlBQVksV0FBVyxFQUFFO2dCQUNoQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsYUFBYSxDQUFDO2FBQ3ZDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxPQUFPLEtBQUssQ0FBQzthQUN0QztZQUNELE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBRXBELElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzdCLENBQUM7OztPQVZBO0lBV0Qsc0JBQ0ksdUNBQVk7Ozs7UUFEaEI7WUFFRSxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7UUFDNUIsQ0FBQzs7Ozs7UUFDRCxVQUFpQixLQUFVO1lBQ3pCLElBQUksS0FBSyxZQUFZLFdBQVcsRUFBRTtnQkFDaEMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGFBQWEsQ0FBQzthQUN2QztpQkFBTTtnQkFDTCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxLQUFLLENBQUM7YUFDdEM7WUFFRCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUM3QixDQUFDOzs7T0FUQTtJQVdELHNCQUNJLHdDQUFhOzs7O1FBRGpCO1lBRUUsT0FBTyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN0QyxDQUFDOzs7T0FBQTs7Z0JBcERGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQix3N0JBQW9DO29CQUNwQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7Ozs7OzRCQWFFLEtBQUs7K0JBSUwsS0FBSzsrQkFjTCxLQUFLO2dDQWNMLFdBQVcsU0FBQyxPQUFPOztJQU10QixvQkFBQztDQUFBLEFBdkRELElBdURDO1NBbERZLGFBQWE7OztJQUN4QixxQ0FFRTs7SUFFRix5Q0FBOEI7O0lBQzlCLHlDQUE4Qjs7Ozs7SUFFOUIsc0NBQWdDOzs7OztJQUNoQyxzQ0FBZ0M7Ozs7O0lBQ2hDLG1DQUFnQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIElucHV0LCBIb3N0QmluZGluZywgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnTGlzdCwgbnptLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgTGlzdENvbXBvbmVudCB7XG4gIGRlZmF1bHRQcm9wczogYW55ID0ge1xuICAgIHByZWZpeENsczogJ2FtLWxpc3QnXG4gIH07XG5cbiAgcmVuZGVySGVhZGVyVHlwZTogc3RyaW5nID0gJyc7XG4gIHJlbmRlckZvb3RlclR5cGU6IHN0cmluZyA9ICcnO1xuXG4gIHByaXZhdGUgX3JlbmRlckhlYWRlcjogYW55ID0gJyc7XG4gIHByaXZhdGUgX3JlbmRlckZvb3RlcjogYW55ID0gJyc7XG4gIHByaXZhdGUgX2NsYXNzTmFtZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgc2V0IGNsYXNzTmFtZSh2YWx1ZSkge1xuICAgIHRoaXMuX2NsYXNzTmFtZSA9IHZhbHVlO1xuICB9XG4gIEBJbnB1dCgpXG4gIGdldCByZW5kZXJIZWFkZXIoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3JlbmRlckhlYWRlcjtcbiAgfVxuICBzZXQgcmVuZGVySGVhZGVyKHZhbHVlOiBhbnkpIHtcbiAgICBpZiAodmFsdWUgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xuICAgICAgdGhpcy5yZW5kZXJIZWFkZXJUeXBlID0gJ3RlbXBsYXRlUmVmJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZW5kZXJIZWFkZXJUeXBlID0gdHlwZW9mIHZhbHVlO1xuICAgIH1cbiAgICBjb25zb2xlLmxvZygndGhpcyBpc2kgcmVuZCcsIHRoaXMucmVuZGVySGVhZGVyVHlwZSk7XG5cbiAgICB0aGlzLl9yZW5kZXJIZWFkZXIgPSB2YWx1ZTtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgcmVuZGVyRm9vdGVyKCkge1xuICAgIHJldHVybiB0aGlzLl9yZW5kZXJGb290ZXI7XG4gIH1cbiAgc2V0IHJlbmRlckZvb3Rlcih2YWx1ZTogYW55KSB7XG4gICAgaWYgKHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMucmVuZGVyRm9vdGVyVHlwZSA9ICd0ZW1wbGF0ZVJlZic7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMucmVuZGVyRm9vdGVyVHlwZSA9IHR5cGVvZiB2YWx1ZTtcbiAgICB9XG5cbiAgICB0aGlzLl9yZW5kZXJGb290ZXIgPSB2YWx1ZTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgaG9zdENsYXNzTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiAnYW0tbGlzdCAnICsgdGhpcy5fY2xhc3NOYW1lO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19