ecp-ui-lib
Version:
102 lines • 5.42 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
var MapSwitchComponent = /** @class */ (function () {
function MapSwitchComponent() {
this.selectId = 0; //当前选中的选项.
}
/*
switchArray = [{
"name": "操作",
"icon": "icon-operation"
}, {
"name": "展示",
"icon": "icon-demonstration"
}, {
"name": "展示二",
"icon": "icon-demonstration"
}, {
"name": "展示三",
"icon": "icon-demonstration"
}];
*/
//当前选中的选项.
/*
switchArray = [{
"name": "操作",
"icon": "icon-operation"
}, {
"name": "展示",
"icon": "icon-demonstration"
}, {
"name": "展示二",
"icon": "icon-demonstration"
}, {
"name": "展示三",
"icon": "icon-demonstration"
}];
*/
/**
* @param {?} i
* @return {?}
*/
MapSwitchComponent.prototype.select =
//当前选中的选项.
/*
switchArray = [{
"name": "操作",
"icon": "icon-operation"
}, {
"name": "展示",
"icon": "icon-demonstration"
}, {
"name": "展示二",
"icon": "icon-demonstration"
}, {
"name": "展示三",
"icon": "icon-demonstration"
}];
*/
/**
* @param {?} i
* @return {?}
*/
function (i) {
this.selectId = i;
//console.log("当前选中" + i + "#######" + this.switchArray[i].name);
};
/**
* @return {?}
*/
MapSwitchComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
MapSwitchComponent.decorators = [
{ type: Component, args: [{
selector: 'ecp-switch',
template: "<div class=\"map-switch\" [ngStyle]=\"customPosition\">\r\n <a [ngClass]=\"{'hover':selectId==i}\" *ngFor=\"let item of switchArray; let i = index;\" (click)=\"select(i)\"><i class=\"icon dongxiniotwater {{item.icon}}\"></i>{{item.name}}</a>\r\n</div>\r\n",
styles: [".map-switch{position:absolute;width:auto;height:36px;line-height:36px;background:#fff;border-radius:4px;box-shadow:0 3px 8px 0 rgba(0,0,0,.3);overflow:hidden;font-size:14px}.map-switch a{width:80px;float:left;text-align:center;color:rgba(25,25,25,1)}.map-switch a i{margin-right:6px}.map-switch a.hover,.map-switch a:hover{background:#1e5bd6;color:#fff}"]
}] }
];
/** @nocollapse */
MapSwitchComponent.ctorParameters = function () { return []; };
MapSwitchComponent.propDecorators = {
customPosition: [{ type: Input }],
switchArray: [{ type: Input }]
};
return MapSwitchComponent;
}());
export { MapSwitchComponent };
if (false) {
/** @type {?} */
MapSwitchComponent.prototype.customPosition;
/** @type {?} */
MapSwitchComponent.prototype.switchArray;
/** @type {?} */
MapSwitchComponent.prototype.selectId;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9lY3AtdWktbGliLyIsInNvdXJjZXMiOlsibGliL21hcC1zd2l0Y2gvbWFwLXN3aXRjaC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBRXZEO0lBK0JFO1FBdEJBLGFBQVEsR0FBRyxDQUFDLENBQUMsQ0FBQSxVQUFVO0lBdUJ2QixDQUFDO0lBdEJIOzs7Ozs7Ozs7Ozs7OztNQWNFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFFQSxtQ0FBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBQU4sVUFBTyxDQUFDO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUM7UUFDbEIsaUVBQWlFO0lBQ25FLENBQUM7Ozs7SUFLRCxxQ0FBUTs7O0lBQVI7SUFDQSxDQUFDOztnQkFuQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0Qiw2UUFBMEM7O2lCQUUzQzs7Ozs7aUNBR0UsS0FBSzs4QkFDTCxLQUFLOztJQTZCUix5QkFBQztDQUFBLEFBckNELElBcUNDO1NBaENZLGtCQUFrQjs7O0lBRTdCLDRDQUErQjs7SUFDL0IseUNBQWdDOztJQUNoQyxzQ0FBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWNwLXN3aXRjaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21hcC1zd2l0Y2guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21hcC1zd2l0Y2guY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXBTd2l0Y2hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBjdXN0b21Qb3NpdGlvbjpvYmplY3Q7XHJcbiAgQElucHV0KCkgc3dpdGNoQXJyYXk6QXJyYXk8YW55PjtcclxuICBzZWxlY3RJZCA9IDA7Ly/lvZPliY3pgInkuK3nmoTpgInpobkuXHJcbi8qXHJcbiAgc3dpdGNoQXJyYXkgPSBbe1xyXG4gICAgXCJuYW1lXCI6IFwi5pON5L2cXCIsXHJcbiAgICBcImljb25cIjogXCJpY29uLW9wZXJhdGlvblwiXHJcbiAgfSwge1xyXG4gICAgXCJuYW1lXCI6IFwi5bGV56S6XCIsXHJcbiAgICBcImljb25cIjogXCJpY29uLWRlbW9uc3RyYXRpb25cIlxyXG4gIH0sIHtcclxuICAgIFwibmFtZVwiOiBcIuWxleekuuS6jFwiLFxyXG4gICAgXCJpY29uXCI6IFwiaWNvbi1kZW1vbnN0cmF0aW9uXCJcclxuICB9LCB7XHJcbiAgICBcIm5hbWVcIjogXCLlsZXnpLrkuIlcIixcclxuICAgIFwiaWNvblwiOiBcImljb24tZGVtb25zdHJhdGlvblwiXHJcbiAgfV07XHJcbiovXHJcblxyXG4gIHNlbGVjdChpKSB7XHJcbiAgICB0aGlzLnNlbGVjdElkID0gaTtcclxuICAgIC8vY29uc29sZS5sb2coXCLlvZPliY3pgInkuK1cIiArIGkgKyBcIiMjIyMjIyNcIiArIHRoaXMuc3dpdGNoQXJyYXlbaV0ubmFtZSk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbn1cclxuIl19