ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
165 lines • 9.99 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
var SubMenuComponent = /** @class */ (function () {
function SubMenuComponent() {
this.prefixCls = 'am-sub-menu';
this.onSel = new EventEmitter();
}
Object.defineProperty(SubMenuComponent.prototype, "subMenuPrefixCls", {
get: /**
* @return {?}
*/
function () {
return this._subMenuPrefixCls;
},
set: /**
* @param {?} v
* @return {?}
*/
function (v) {
this._subMenuPrefixCls = v;
},
enumerable: true,
configurable: true
});
Object.defineProperty(SubMenuComponent.prototype, "subMenuData", {
get: /**
* @return {?}
*/
function () {
return this._subMenuData;
},
set: /**
* @param {?} v
* @return {?}
*/
function (v) {
this._subMenuData = v;
},
enumerable: true,
configurable: true
});
Object.defineProperty(SubMenuComponent.prototype, "multiSelect", {
get: /**
* @return {?}
*/
function () {
return this._multiSelect;
},
set: /**
* @param {?} v
* @return {?}
*/
function (v) {
this._multiSelect = v;
},
enumerable: true,
configurable: true
});
/**
* @param {?} dataItem
* @return {?}
*/
SubMenuComponent.prototype.onClick = /**
* @param {?} dataItem
* @return {?}
*/
function (dataItem) {
this.onSel.emit(dataItem);
};
/**
* @param {?} dataItem
* @return {?}
*/
SubMenuComponent.prototype.selected = /**
* @param {?} dataItem
* @return {?}
*/
function (dataItem) {
return this.showSelect && (this.selItem.length > 0 && this.selItem.indexOf(dataItem.value) !== -1);
};
/**
* @param {?} dataItem
* @return {?}
*/
SubMenuComponent.prototype.getClass = /**
* @param {?} dataItem
* @return {?}
*/
function (dataItem) {
/** @type {?} */
var name = this.radioPrefixCls + '-item ';
name += this.selected(dataItem) ? this._subMenuPrefixCls + '-item-selected' : '';
name += dataItem.disabled ? this._subMenuPrefixCls + '-item-disabled' : '';
return name;
};
/**
* @param {?} changes
* @return {?}
*/
SubMenuComponent.prototype.ngOnChanges = /**
* @param {?} changes
* @return {?}
*/
function (changes) {
var _this = this;
this._subMenuData.map((/**
* @param {?} item
* @return {?}
*/
function (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 = function () { return []; };
SubMenuComponent.propDecorators = {
onSel: [{ type: Output }],
radioPrefixCls: [{ type: Input }],
showSelect: [{ type: Input }],
selItem: [{ type: Input }],
subMenuPrefixCls: [{ type: Input }],
subMenuData: [{ type: Input }],
multiSelect: [{ type: Input }]
};
return SubMenuComponent;
}());
export { SubMenuComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctem9ycm8tYW50ZC1tb2JpbGUvIiwic291cmNlcyI6WyJtZW51L3N1Yi1tZW51L3N1Yi1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFFcEg7SUEyQ0U7UUFyQ0EsY0FBUyxHQUFHLGFBQWEsQ0FBQztRQU8xQixVQUFLLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUE4QnBDLENBQUM7SUF0QmhCLHNCQUNJLDhDQUFnQjs7OztRQURwQjtZQUVFLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO1FBQ2hDLENBQUM7Ozs7O1FBQ0QsVUFBcUIsQ0FBUztZQUM1QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxDQUFDO1FBQzdCLENBQUM7OztPQUhBO0lBSUQsc0JBQ0kseUNBQVc7Ozs7UUFEZjtZQUVFLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztRQUMzQixDQUFDOzs7OztRQUNELFVBQWdCLENBQU07WUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7UUFDeEIsQ0FBQzs7O09BSEE7SUFJRCxzQkFDSSx5Q0FBVzs7OztRQURmO1lBRUUsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQzNCLENBQUM7Ozs7O1FBQ0QsVUFBZ0IsQ0FBVTtZQUN4QixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQztRQUN4QixDQUFDOzs7T0FIQTs7Ozs7SUFPRCxrQ0FBTzs7OztJQUFQLFVBQVEsUUFBUTtRQUNkLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzVCLENBQUM7Ozs7O0lBRUQsbUNBQVE7Ozs7SUFBUixVQUFTLFFBQVE7UUFDZixPQUFPLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDckcsQ0FBQzs7Ozs7SUFFRCxtQ0FBUTs7OztJQUFSLFVBQVMsUUFBUTs7WUFDWCxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFRO1FBQ3pDLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNqRixJQUFJLElBQUksUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDM0UsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzs7OztJQUVELHNDQUFXOzs7O0lBQVgsVUFBWSxPQUFzQjtRQUFsQyxpQkFJQztRQUhDLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRzs7OztRQUFDLFVBQUEsSUFBSTtZQUN4QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckMsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOztnQkFoRUYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLDZ1QkFBd0M7b0JBQ3hDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs7Ozs7d0JBUUUsTUFBTTtpQ0FHTixLQUFLOzZCQUVMLEtBQUs7MEJBRUwsS0FBSzttQ0FFTCxLQUFLOzhCQU9MLEtBQUs7OEJBT0wsS0FBSzs7SUE4QlIsdUJBQUM7Q0FBQSxBQWpFRCxJQWlFQztTQTVEWSxnQkFBZ0I7OztJQUMzQixxQ0FBMEI7Ozs7O0lBRTFCLDZDQUFrQzs7Ozs7SUFDbEMsd0NBQXFCOzs7OztJQUNyQix3Q0FBK0I7O0lBRS9CLGlDQUNtRDs7SUFFbkQsMENBQ3VCOztJQUN2QixzQ0FDb0I7O0lBQ3BCLG1DQUNRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnU3ViTWVudSwgbnptLXN1Yi1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1Yi1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBTdWJNZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgcHJlZml4Q2xzID0gJ2FtLXN1Yi1tZW51JztcblxuICBwcml2YXRlIF9zdWJNZW51UHJlZml4Q2xzOiBzdHJpbmc7XG4gIHByaXZhdGUgX3N1Yk1lbnVEYXRhO1xuICBwcml2YXRlIF9tdWx0aVNlbGVjdD86IGJvb2xlYW47XG5cbiAgQE91dHB1dCgpXG4gIG9uU2VsOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIEBJbnB1dCgpXG4gIHJhZGlvUHJlZml4Q2xzOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHNob3dTZWxlY3Q6IGJvb2xlYW47XG4gIEBJbnB1dCgpXG4gIHNlbEl0ZW07XG4gIEBJbnB1dCgpXG4gIGdldCBzdWJNZW51UHJlZml4Q2xzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX3N1Yk1lbnVQcmVmaXhDbHM7XG4gIH1cbiAgc2V0IHN1Yk1lbnVQcmVmaXhDbHModjogc3RyaW5nKSB7XG4gICAgdGhpcy5fc3ViTWVudVByZWZpeENscyA9IHY7XG4gIH1cbiAgQElucHV0KClcbiAgZ2V0IHN1Yk1lbnVEYXRhKCk6IGFueSB7XG4gICAgcmV0dXJuIHRoaXMuX3N1Yk1lbnVEYXRhO1xuICB9XG4gIHNldCBzdWJNZW51RGF0YSh2OiBhbnkpIHtcbiAgICB0aGlzLl9zdWJNZW51RGF0YSA9IHY7XG4gIH1cbiAgQElucHV0KClcbiAgZ2V0IG11bHRpU2VsZWN0KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9tdWx0aVNlbGVjdDtcbiAgfVxuICBzZXQgbXVsdGlTZWxlY3QodjogYm9vbGVhbikge1xuICAgIHRoaXMuX211bHRpU2VsZWN0ID0gdjtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKGRhdGFJdGVtKSB7XG4gICAgdGhpcy5vblNlbC5lbWl0KGRhdGFJdGVtKTtcbiAgfVxuXG4gIHNlbGVjdGVkKGRhdGFJdGVtKSB7XG4gICAgcmV0dXJuIHRoaXMuc2hvd1NlbGVjdCAmJiAodGhpcy5zZWxJdGVtLmxlbmd0aCA+IDAgJiYgdGhpcy5zZWxJdGVtLmluZGV4T2YoZGF0YUl0ZW0udmFsdWUpICE9PSAtMSk7XG4gIH1cblxuICBnZXRDbGFzcyhkYXRhSXRlbSkge1xuICAgIGxldCBuYW1lID0gdGhpcy5yYWRpb1ByZWZpeENscyArICctaXRlbSAnO1xuICAgIG5hbWUgKz0gdGhpcy5zZWxlY3RlZChkYXRhSXRlbSkgPyB0aGlzLl9zdWJNZW51UHJlZml4Q2xzICsgJy1pdGVtLXNlbGVjdGVkJyA6ICcnO1xuICAgIG5hbWUgKz0gZGF0YUl0ZW0uZGlzYWJsZWQgPyB0aGlzLl9zdWJNZW51UHJlZml4Q2xzICsgJy1pdGVtLWRpc2FibGVkJyA6ICcnO1xuICAgIHJldHVybiBuYW1lO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHRoaXMuX3N1Yk1lbnVEYXRhLm1hcChpdGVtID0+IHtcbiAgICAgIGl0ZW0uY2hlY2tlZCA9IHRoaXMuc2VsZWN0ZWQoaXRlbSk7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==