ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
190 lines (189 loc) • 11 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,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, "radioPrefixCls", {
get: /**
* @return {?}
*/
function () {
return this._radioPrefixCls;
},
set: /**
* @param {?} v
* @return {?}
*/
function (v) {
this._radioPrefixCls = 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, "showSelect", {
get: /**
* @return {?}
*/
function () {
return this._showSelect;
},
set: /**
* @param {?} v
* @return {?}
*/
function (v) {
this._showSelect = v;
},
enumerable: true,
configurable: true
});
Object.defineProperty(SubMenuComponent.prototype, "selItem", {
get: /**
* @return {?}
*/
function () {
return this._selItem;
},
set: /**
* @param {?} v
* @return {?}
*/
function (v) {
this._selItem = 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;
};
SubMenuComponent.decorators = [
{ type: Component, args: [{
selector: 'SubMenu, nzm-sub-menu',
template: "<List class=\"{{subMenuPrefixCls}}\" style=\"padding: 0\">\n <ListItem *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 Radio\n *ngIf=\"!multiSelect\"\n [checked]=\"selected(dataItem)\"\n [disabled]=\"dataItem.disabled\"\n (onChange)=\"onClick(dataItem)\"\n >\n </label>\n <label Checkbox\n *ngIf=\"multiSelect\"\n [checked]=\"selected(dataItem)\"\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 }],
subMenuPrefixCls: [{ type: Input }],
radioPrefixCls: [{ type: Input }],
subMenuData: [{ type: Input }],
showSelect: [{ type: Input }],
selItem: [{ type: Input }],
multiSelect: [{ type: Input }]
};
return SubMenuComponent;
}());
export { SubMenuComponent };
if (false) {
/** @type {?} */
SubMenuComponent.prototype.prefixCls;
/** @type {?} */
SubMenuComponent.prototype._subMenuPrefixCls;
/** @type {?} */
SubMenuComponent.prototype._radioPrefixCls;
/** @type {?} */
SubMenuComponent.prototype._subMenuData;
/** @type {?} */
SubMenuComponent.prototype._showSelect;
/** @type {?} */
SubMenuComponent.prototype._selItem;
/** @type {?} */
SubMenuComponent.prototype._multiSelect;
/** @type {?} */
SubMenuComponent.prototype.onSel;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctem9ycm8tYW50ZC1tb2JpbGUvIiwic291cmNlcyI6WyJtZW51L3N1Yi1tZW51L3N1Yi1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7O0lBK0RyQjt5QkF2RFksYUFBYTtxQkFVRSxJQUFJLFlBQVksRUFBTztLQTZDbEM7SUEzQ2hCLHNCQUNJLDhDQUFnQjs7OztRQURwQjtZQUVFLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO1NBQy9COzs7OztRQUNELFVBQXFCLENBQVM7WUFDNUIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsQ0FBQztTQUM1Qjs7O09BSEE7SUFJRCxzQkFDSSw0Q0FBYzs7OztRQURsQjtZQUVFLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQztTQUM3Qjs7Ozs7UUFDRCxVQUFtQixDQUFTO1lBQzFCLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDO1NBQzFCOzs7T0FIQTtJQUlELHNCQUNJLHlDQUFXOzs7O1FBRGY7WUFFRSxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7U0FDMUI7Ozs7O1FBQ0QsVUFBZ0IsQ0FBTTtZQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQztTQUN2Qjs7O09BSEE7SUFJRCxzQkFDSSx3Q0FBVTs7OztRQURkO1lBRUUsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO1NBQ3pCOzs7OztRQUNELFVBQWUsQ0FBVTtZQUN2QixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQztTQUN0Qjs7O09BSEE7SUFJRCxzQkFDSSxxQ0FBTzs7OztRQURYO1lBRUUsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO1NBQ3RCOzs7OztRQUNELFVBQVksQ0FBTTtZQUNoQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztTQUNuQjs7O09BSEE7SUFJRCxzQkFDSSx5Q0FBVzs7OztRQURmO1lBRUUsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO1NBQzFCOzs7OztRQUNELFVBQWdCLENBQVU7WUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUM7U0FDdkI7OztPQUhBOzs7OztJQU9ELGtDQUFPOzs7O0lBQVAsVUFBUSxRQUFRO1FBQ2QsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7S0FDM0I7Ozs7O0lBRUQsbUNBQVE7Ozs7SUFBUixVQUFTLFFBQVE7UUFDZixPQUFPLElBQUksQ0FBQyxXQUFXLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7S0FDdkc7Ozs7O0lBRUQsbUNBQVE7Ozs7SUFBUixVQUFTLFFBQVE7O1FBQ2YsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDLGVBQWUsR0FBRyxRQUFRLENBQUM7UUFDM0MsSUFBSSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ2pGLElBQUksSUFBSSxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUMzRSxPQUFPLElBQUksQ0FBQztLQUNiOztnQkE1RUYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLHV4QkFBd0M7b0JBQ3hDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs7Ozs7d0JBV0UsTUFBTTttQ0FHTixLQUFLO2lDQU9MLEtBQUs7OEJBT0wsS0FBSzs2QkFPTCxLQUFLOzBCQU9MLEtBQUs7OEJBT0wsS0FBSzs7MkJBN0RSOztTQWFhLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ1N1Yk1lbnUsIG56bS1zdWItbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWItbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFN1Yk1lbnVDb21wb25lbnQge1xuICBwcmVmaXhDbHMgPSAnYW0tc3ViLW1lbnUnO1xuXG4gIHByaXZhdGUgX3N1Yk1lbnVQcmVmaXhDbHM6IHN0cmluZztcbiAgcHJpdmF0ZSBfcmFkaW9QcmVmaXhDbHM6IHN0cmluZztcbiAgcHJpdmF0ZSBfc3ViTWVudURhdGE7XG4gIHByaXZhdGUgX3Nob3dTZWxlY3Q6IGJvb2xlYW47XG4gIHByaXZhdGUgX3NlbEl0ZW07XG4gIHByaXZhdGUgX211bHRpU2VsZWN0PzogYm9vbGVhbjtcblxuICBAT3V0cHV0KClcbiAgb25TZWw6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQElucHV0KClcbiAgZ2V0IHN1Yk1lbnVQcmVmaXhDbHMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc3ViTWVudVByZWZpeENscztcbiAgfVxuICBzZXQgc3ViTWVudVByZWZpeENscyh2OiBzdHJpbmcpIHtcbiAgICB0aGlzLl9zdWJNZW51UHJlZml4Q2xzID0gdjtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgcmFkaW9QcmVmaXhDbHMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fcmFkaW9QcmVmaXhDbHM7XG4gIH1cbiAgc2V0IHJhZGlvUHJlZml4Q2xzKHY6IHN0cmluZykge1xuICAgIHRoaXMuX3JhZGlvUHJlZml4Q2xzID0gdjtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgc3ViTWVudURhdGEoKTogYW55IHtcbiAgICByZXR1cm4gdGhpcy5fc3ViTWVudURhdGE7XG4gIH1cbiAgc2V0IHN1Yk1lbnVEYXRhKHY6IGFueSkge1xuICAgIHRoaXMuX3N1Yk1lbnVEYXRhID0gdjtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgc2hvd1NlbGVjdCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc2hvd1NlbGVjdDtcbiAgfVxuICBzZXQgc2hvd1NlbGVjdCh2OiBib29sZWFuKSB7XG4gICAgdGhpcy5fc2hvd1NlbGVjdCA9IHY7XG4gIH1cbiAgQElucHV0KClcbiAgZ2V0IHNlbEl0ZW0oKTogYW55IHtcbiAgICByZXR1cm4gdGhpcy5fc2VsSXRlbTtcbiAgfVxuICBzZXQgc2VsSXRlbSh2OiBhbnkpIHtcbiAgICB0aGlzLl9zZWxJdGVtID0gdjtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgbXVsdGlTZWxlY3QoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX211bHRpU2VsZWN0O1xuICB9XG4gIHNldCBtdWx0aVNlbGVjdCh2OiBib29sZWFuKSB7XG4gICAgdGhpcy5fbXVsdGlTZWxlY3QgPSB2O1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2soZGF0YUl0ZW0pIHtcbiAgICB0aGlzLm9uU2VsLmVtaXQoZGF0YUl0ZW0pO1xuICB9XG5cbiAgc2VsZWN0ZWQoZGF0YUl0ZW0pIHtcbiAgICByZXR1cm4gdGhpcy5fc2hvd1NlbGVjdCAmJiAodGhpcy5fc2VsSXRlbS5sZW5ndGggPiAwICYmIHRoaXMuX3NlbEl0ZW0uaW5kZXhPZihkYXRhSXRlbS52YWx1ZSkgIT09IC0xKTtcbiAgfVxuXG4gIGdldENsYXNzKGRhdGFJdGVtKSB7XG4gICAgbGV0IG5hbWUgPSB0aGlzLl9yYWRpb1ByZWZpeENscyArICctaXRlbSAnO1xuICAgIG5hbWUgKz0gdGhpcy5zZWxlY3RlZChkYXRhSXRlbSkgPyB0aGlzLl9zdWJNZW51UHJlZml4Q2xzICsgJy1pdGVtLXNlbGVjdGVkJyA6ICcnO1xuICAgIG5hbWUgKz0gZGF0YUl0ZW0uZGlzYWJsZWQgPyB0aGlzLl9zdWJNZW51UHJlZml4Q2xzICsgJy1pdGVtLWRpc2FibGVkJyA6ICcnO1xuICAgIHJldHVybiBuYW1lO1xuICB9XG59XG4iXX0=