ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
134 lines • 8.73 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
export class SubMenuComponent {
constructor() {
this.prefixCls = 'am-sub-menu';
this.onSel = new EventEmitter();
}
/**
* @return {?}
*/
get subMenuPrefixCls() {
return this._subMenuPrefixCls;
}
/**
* @param {?} v
* @return {?}
*/
set subMenuPrefixCls(v) {
this._subMenuPrefixCls = v;
}
/**
* @return {?}
*/
get subMenuData() {
return this._subMenuData;
}
/**
* @param {?} v
* @return {?}
*/
set subMenuData(v) {
this._subMenuData = v;
}
/**
* @return {?}
*/
get multiSelect() {
return this._multiSelect;
}
/**
* @param {?} v
* @return {?}
*/
set multiSelect(v) {
this._multiSelect = v;
}
/**
* @param {?} dataItem
* @return {?}
*/
onClick(dataItem) {
this.onSel.emit(dataItem);
}
/**
* @param {?} dataItem
* @return {?}
*/
selected(dataItem) {
return this.showSelect && (this.selItem.length > 0 && this.selItem.indexOf(dataItem.value) !== -1);
}
/**
* @param {?} dataItem
* @return {?}
*/
getClass(dataItem) {
/** @type {?} */
let name = this.radioPrefixCls + '-item ';
name += this.selected(dataItem) ? this._subMenuPrefixCls + '-item-selected' : '';
name += dataItem.disabled ? this._subMenuPrefixCls + '-item-disabled' : '';
return name;
}
/**
* @param {?} changes
* @return {?}
*/
ngOnChanges(changes) {
this._subMenuData.map((/**
* @param {?} item
* @return {?}
*/
item => {
item.checked = this.selected(item);
}));
}
}
SubMenuComponent.decorators = [
{ type: Component, args: [{
selector: 'SubMenu, nzm-sub-menu',
template: "<List class=\"{{ subMenuPrefixCls }}\" style=\"padding: 0\">\n <ListItem\n *ngFor=\"let dataItem of subMenuData; let i = index\"\n key=\"i\"\n [className]=\"getClass(dataItem)\"\n [extra]=\"extra\"\n >\n {{ dataItem.label }}\n\n <ng-template #extra>\n <label\n Radio\n *ngIf=\"!multiSelect\"\n [checked]=\"dataItem.checked\"\n [disabled]=\"dataItem.disabled\"\n (onChange)=\"onClick(dataItem)\"\n >\n </label>\n <label\n Checkbox\n *ngIf=\"multiSelect\"\n [checked]=\"dataItem.checked\"\n [disabled]=\"dataItem.disabled\"\n (onChange)=\"onClick(dataItem)\"\n >\n </label>\n </ng-template>\n </ListItem>\n</List>\n",
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
SubMenuComponent.ctorParameters = () => [];
SubMenuComponent.propDecorators = {
onSel: [{ type: Output }],
radioPrefixCls: [{ type: Input }],
showSelect: [{ type: Input }],
selItem: [{ type: Input }],
subMenuPrefixCls: [{ type: Input }],
subMenuData: [{ type: Input }],
multiSelect: [{ type: Input }]
};
if (false) {
/** @type {?} */
SubMenuComponent.prototype.prefixCls;
/**
* @type {?}
* @private
*/
SubMenuComponent.prototype._subMenuPrefixCls;
/**
* @type {?}
* @private
*/
SubMenuComponent.prototype._subMenuData;
/**
* @type {?}
* @private
*/
SubMenuComponent.prototype._multiSelect;
/** @type {?} */
SubMenuComponent.prototype.onSel;
/** @type {?} */
SubMenuComponent.prototype.radioPrefixCls;
/** @type {?} */
SubMenuComponent.prototype.showSelect;
/** @type {?} */
SubMenuComponent.prototype.selItem;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctem9ycm8tYW50ZC1tb2JpbGUvIiwic291cmNlcyI6WyJtZW51L3N1Yi1tZW51L3N1Yi1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFPcEgsTUFBTSxPQUFPLGdCQUFnQjtJQXNDM0I7UUFyQ0EsY0FBUyxHQUFHLGFBQWEsQ0FBQztRQU8xQixVQUFLLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUE4QnBDLENBQUM7Ozs7SUF0QmhCLElBQ0ksZ0JBQWdCO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2hDLENBQUM7Ozs7O0lBQ0QsSUFBSSxnQkFBZ0IsQ0FBQyxDQUFTO1FBQzVCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxDQUFDLENBQUM7SUFDN0IsQ0FBQzs7OztJQUNELElBQ0ksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDOzs7OztJQUNELElBQUksV0FBVyxDQUFDLENBQU07UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7SUFDeEIsQ0FBQzs7OztJQUNELElBQ0ksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDOzs7OztJQUNELElBQUksV0FBVyxDQUFDLENBQVU7UUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7SUFDeEIsQ0FBQzs7Ozs7SUFJRCxPQUFPLENBQUMsUUFBUTtRQUNkLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzVCLENBQUM7Ozs7O0lBRUQsUUFBUSxDQUFDLFFBQVE7UUFDZixPQUFPLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDckcsQ0FBQzs7Ozs7SUFFRCxRQUFRLENBQUMsUUFBUTs7WUFDWCxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFRO1FBQ3pDLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNqRixJQUFJLElBQUksUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDM0UsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzs7OztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUc7Ozs7UUFBQyxJQUFJLENBQUMsRUFBRTtZQUMzQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckMsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOzs7WUFoRUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLDZ1QkFBd0M7Z0JBQ3hDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7OztvQkFRRSxNQUFNOzZCQUdOLEtBQUs7eUJBRUwsS0FBSztzQkFFTCxLQUFLOytCQUVMLEtBQUs7MEJBT0wsS0FBSzswQkFPTCxLQUFLOzs7O0lBN0JOLHFDQUEwQjs7Ozs7SUFFMUIsNkNBQWtDOzs7OztJQUNsQyx3Q0FBcUI7Ozs7O0lBQ3JCLHdDQUErQjs7SUFFL0IsaUNBQ21EOztJQUVuRCwwQ0FDdUI7O0lBQ3ZCLHNDQUNvQjs7SUFDcEIsbUNBQ1EiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdTdWJNZW51LCBuem0tc3ViLW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3ViLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFN1Yk1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBwcmVmaXhDbHMgPSAnYW0tc3ViLW1lbnUnO1xuXG4gIHByaXZhdGUgX3N1Yk1lbnVQcmVmaXhDbHM6IHN0cmluZztcbiAgcHJpdmF0ZSBfc3ViTWVudURhdGE7XG4gIHByaXZhdGUgX211bHRpU2VsZWN0PzogYm9vbGVhbjtcblxuICBAT3V0cHV0KClcbiAgb25TZWw6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQElucHV0KClcbiAgcmFkaW9QcmVmaXhDbHM6IHN0cmluZztcbiAgQElucHV0KClcbiAgc2hvd1NlbGVjdDogYm9vbGVhbjtcbiAgQElucHV0KClcbiAgc2VsSXRlbTtcbiAgQElucHV0KClcbiAgZ2V0IHN1Yk1lbnVQcmVmaXhDbHMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc3ViTWVudVByZWZpeENscztcbiAgfVxuICBzZXQgc3ViTWVudVByZWZpeENscyh2OiBzdHJpbmcpIHtcbiAgICB0aGlzLl9zdWJNZW51UHJlZml4Q2xzID0gdjtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgc3ViTWVudURhdGEoKTogYW55IHtcbiAgICByZXR1cm4gdGhpcy5fc3ViTWVudURhdGE7XG4gIH1cbiAgc2V0IHN1Yk1lbnVEYXRhKHY6IGFueSkge1xuICAgIHRoaXMuX3N1Yk1lbnVEYXRhID0gdjtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgbXVsdGlTZWxlY3QoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX211bHRpU2VsZWN0O1xuICB9XG4gIHNldCBtdWx0aVNlbGVjdCh2OiBib29sZWFuKSB7XG4gICAgdGhpcy5fbXVsdGlTZWxlY3QgPSB2O1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2soZGF0YUl0ZW0pIHtcbiAgICB0aGlzLm9uU2VsLmVtaXQoZGF0YUl0ZW0pO1xuICB9XG5cbiAgc2VsZWN0ZWQoZGF0YUl0ZW0pIHtcbiAgICByZXR1cm4gdGhpcy5zaG93U2VsZWN0ICYmICh0aGlzLnNlbEl0ZW0ubGVuZ3RoID4gMCAmJiB0aGlzLnNlbEl0ZW0uaW5kZXhPZihkYXRhSXRlbS52YWx1ZSkgIT09IC0xKTtcbiAgfVxuXG4gIGdldENsYXNzKGRhdGFJdGVtKSB7XG4gICAgbGV0IG5hbWUgPSB0aGlzLnJhZGlvUHJlZml4Q2xzICsgJy1pdGVtICc7XG4gICAgbmFtZSArPSB0aGlzLnNlbGVjdGVkKGRhdGFJdGVtKSA/IHRoaXMuX3N1Yk1lbnVQcmVmaXhDbHMgKyAnLWl0ZW0tc2VsZWN0ZWQnIDogJyc7XG4gICAgbmFtZSArPSBkYXRhSXRlbS5kaXNhYmxlZCA/IHRoaXMuX3N1Yk1lbnVQcmVmaXhDbHMgKyAnLWl0ZW0tZGlzYWJsZWQnIDogJyc7XG4gICAgcmV0dXJuIG5hbWU7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy5fc3ViTWVudURhdGEubWFwKGl0ZW0gPT4ge1xuICAgICAgaXRlbS5jaGVja2VkID0gdGhpcy5zZWxlY3RlZChpdGVtKTtcbiAgICB9KTtcbiAgfVxufVxuIl19