ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
90 lines (89 loc) • 6.21 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
import { PickerComponent } from '../picker/picker.component';
var PickerViewComponent = /** @class */ (function (_super) {
tslib_1.__extends(PickerViewComponent, _super);
function PickerViewComponent() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.data = [];
_this.value = [];
_this.cols = 3;
_this.indicatorStyle = {};
_this.itemStyle = {};
_this.onChange = new EventEmitter();
return _this;
}
/**
* @return {?}
*/
PickerViewComponent.prototype.pickerViewInit = /**
* @return {?}
*/
function () {
this.options.data = this.data;
this.options.value = this.value;
this.options.cols = this.cols;
this.options.cascade = this.cascade;
this.init();
};
/**
* @return {?}
*/
PickerViewComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.pickerViewInit();
};
/**
* @return {?}
*/
PickerViewComponent.prototype.ngAfterViewInit = /**
* @return {?}
*/
function () {
this.currentPicker = this.elementRef.nativeElement;
this.reloadPicker();
};
PickerViewComponent.decorators = [
{ type: Component, args: [{
selector: 'PickerView, nzm-picker-view',
template: "<div #picker class=\"am-picker\" style=\"flex-direction: row; align-items: center;\">\n <div *ngFor=\"let item of data; let i = index\" class=\"am-picker-col\">\n <div #indicator class=\"am-picker-col-indicator \" [ngStyle]=\"indicatorStyle\"></div>\n <div id={{i}} class=\"am-picker-col-mask\" style=\"background-size: 100% 102px;\"></div>\n <div class=\"am-picker-col-content\">\n <div *ngFor=\"let val of item; let i = index\"\n id={{i}}\n class=\"am-picker-col-item\"\n [ngStyle]=\"itemStyle\"\n >\n {{val.label?val.label:val}}\n </div>\n </div>\n </div>\n</div>\n",
encapsulation: ViewEncapsulation.None
}] }
];
PickerViewComponent.propDecorators = {
data: [{ type: Input }],
value: [{ type: Input }],
cols: [{ type: Input }],
cascade: [{ type: Input }],
indicatorStyle: [{ type: Input }],
itemStyle: [{ type: Input }],
onChange: [{ type: Output }]
};
return PickerViewComponent;
}(PickerComponent));
export { PickerViewComponent };
if (false) {
/** @type {?} */
PickerViewComponent.prototype.options;
/** @type {?} */
PickerViewComponent.prototype.data;
/** @type {?} */
PickerViewComponent.prototype.value;
/** @type {?} */
PickerViewComponent.prototype.cols;
/** @type {?} */
PickerViewComponent.prototype.cascade;
/** @type {?} */
PickerViewComponent.prototype.indicatorStyle;
/** @type {?} */
PickerViewComponent.prototype.itemStyle;
/** @type {?} */
PickerViewComponent.prototype.onChange;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2VyLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctem9ycm8tYW50ZC1tb2JpbGUvIiwic291cmNlcyI6WyJwaWNrZXItdmlldy9waWNrZXItdmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLGlCQUFpQixFQUFpQixLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0lBT3BCLCtDQUFlOzs7cUJBR25DLEVBQUU7c0JBRUQsRUFBRTtxQkFFUCxDQUFDOytCQUlTLEVBQUU7MEJBRVAsRUFBRTt5QkFFUSxJQUFJLFlBQVksRUFBRTs7Ozs7O0lBRWhELDRDQUFjOzs7SUFBZDtRQUNFLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUNoQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQzlCLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDcEMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0tBQ2I7Ozs7SUFFRCxzQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7S0FDdkI7Ozs7SUFFRCw2Q0FBZTs7O0lBQWY7UUFDRSxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO1FBQ25ELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztLQUNyQjs7Z0JBckNGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2Qyxzb0JBQTJDO29CQUMzQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7Ozt1QkFHRSxLQUFLO3dCQUVMLEtBQUs7dUJBRUwsS0FBSzswQkFFTCxLQUFLO2lDQUVMLEtBQUs7NEJBRUwsS0FBSzsyQkFFTCxNQUFNOzs4QkF0QlQ7RUFReUMsZUFBZTtTQUEzQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24sIEFmdGVyVmlld0luaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGlja2VyQ29tcG9uZW50IH0gZnJvbSAnLi4vcGlja2VyL3BpY2tlci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdQaWNrZXJWaWV3LCBuem0tcGlja2VyLXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGlja2VyLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFBpY2tlclZpZXdDb21wb25lbnQgZXh0ZW5kcyBQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBvcHRpb25zO1xuICBASW5wdXQoKVxuICBkYXRhOiBBcnJheTxhbnk+ID0gW107XG4gIEBJbnB1dCgpXG4gIHZhbHVlOiBBcnJheTxhbnk+ID0gW107XG4gIEBJbnB1dCgpXG4gIGNvbHM6IG51bWJlciA9IDM7XG4gIEBJbnB1dCgpXG4gIGNhc2NhZGU6IGJvb2xlYW47XG4gIEBJbnB1dCgpXG4gIGluZGljYXRvclN0eWxlOiBvYmplY3QgPSB7fTtcbiAgQElucHV0KClcbiAgaXRlbVN0eWxlOiBvYmplY3QgPSB7fTtcbiAgQE91dHB1dCgpXG4gIG9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwaWNrZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLm9wdGlvbnMuZGF0YSA9IHRoaXMuZGF0YTtcbiAgICB0aGlzLm9wdGlvbnMudmFsdWUgPSB0aGlzLnZhbHVlO1xuICAgIHRoaXMub3B0aW9ucy5jb2xzID0gdGhpcy5jb2xzO1xuICAgIHRoaXMub3B0aW9ucy5jYXNjYWRlID0gdGhpcy5jYXNjYWRlO1xuICAgIHRoaXMuaW5pdCgpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5waWNrZXJWaWV3SW5pdCgpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuY3VycmVudFBpY2tlciA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIHRoaXMucmVsb2FkUGlja2VyKCk7XG4gIH1cbn1cbiJdfQ==