ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
76 lines (75 loc) • 5.59 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
import { PickerComponent } from '../picker/picker.component';
export class PickerViewComponent extends PickerComponent {
constructor() {
super(...arguments);
this.data = [];
this.value = [];
this.cols = 3;
this.indicatorStyle = {};
this.itemStyle = {};
this.onChange = new EventEmitter();
}
/**
* @return {?}
*/
pickerViewInit() {
this.options.data = this.data;
this.options.value = this.value;
this.options.cols = this.cols;
this.options.cascade = this.cascade;
this.init();
}
/**
* @return {?}
*/
ngOnInit() {
this.pickerViewInit();
}
/**
* @return {?}
*/
ngAfterViewInit() {
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 }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2VyLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctem9ycm8tYW50ZC1tb2JpbGUvIiwic291cmNlcyI6WyJwaWNrZXItdmlldy9waWNrZXItdmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQWlCLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQU83RCxNQUFNLDBCQUEyQixTQUFRLGVBQWU7OztvQkFHbkMsRUFBRTtxQkFFRCxFQUFFO29CQUVQLENBQUM7OEJBSVMsRUFBRTt5QkFFUCxFQUFFO3dCQUVRLElBQUksWUFBWSxFQUFFOzs7OztJQUVoRCxjQUFjO1FBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUNwQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7S0FDYjs7OztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7S0FDdkI7Ozs7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUNuRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7S0FDckI7OztZQXJDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtnQkFDdkMsc29CQUEyQztnQkFDM0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7YUFDdEM7OzttQkFHRSxLQUFLO29CQUVMLEtBQUs7bUJBRUwsS0FBSztzQkFFTCxLQUFLOzZCQUVMLEtBQUs7d0JBRUwsS0FBSzt1QkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBBZnRlclZpZXdJbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4uL3BpY2tlci9waWNrZXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnUGlja2VyVmlldywgbnptLXBpY2tlci12aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BpY2tlci12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBQaWNrZXJWaWV3Q29tcG9uZW50IGV4dGVuZHMgUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgb3B0aW9ucztcbiAgQElucHV0KClcbiAgZGF0YTogQXJyYXk8YW55PiA9IFtdO1xuICBASW5wdXQoKVxuICB2YWx1ZTogQXJyYXk8YW55PiA9IFtdO1xuICBASW5wdXQoKVxuICBjb2xzOiBudW1iZXIgPSAzO1xuICBASW5wdXQoKVxuICBjYXNjYWRlOiBib29sZWFuO1xuICBASW5wdXQoKVxuICBpbmRpY2F0b3JTdHlsZTogb2JqZWN0ID0ge307XG4gIEBJbnB1dCgpXG4gIGl0ZW1TdHlsZTogb2JqZWN0ID0ge307XG4gIEBPdXRwdXQoKVxuICBvbkNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcGlja2VyVmlld0luaXQoKSB7XG4gICAgdGhpcy5vcHRpb25zLmRhdGEgPSB0aGlzLmRhdGE7XG4gICAgdGhpcy5vcHRpb25zLnZhbHVlID0gdGhpcy52YWx1ZTtcbiAgICB0aGlzLm9wdGlvbnMuY29scyA9IHRoaXMuY29scztcbiAgICB0aGlzLm9wdGlvbnMuY2FzY2FkZSA9IHRoaXMuY2FzY2FkZTtcbiAgICB0aGlzLmluaXQoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucGlja2VyVmlld0luaXQoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmN1cnJlbnRQaWNrZXIgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICB0aGlzLnJlbG9hZFBpY2tlcigpO1xuICB9XG59XG4iXX0=