ecp-ui-lib
Version:
67 lines • 6.78 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { animate, style, transition, trigger } from '@angular/animations';
export class SelectMapTypeComponent {
constructor() {
this.isShow = false;
this.showList = null;
}
/**
* @return {?}
*/
mouseOut() {
/** @type {?} */
let seft = this;
seft.showList = setTimeout(function () {
seft.isShow = false;
}, 200);
}
/**
* @return {?}
*/
cleanTime() {
/** @type {?} */
let seft = this;
clearTimeout(seft.showList);
}
/**
* @return {?}
*/
ngOnInit() {
}
}
SelectMapTypeComponent.decorators = [
{ type: Component, args: [{
selector: 'ecp-select-map-type',
template: "<div class=\"select-map\" [ngStyle]=\"customPosition\">\r\n <div class=\"content\">\r\n <span class=\"icon\" (mouseover)=\"isShow=true\" (mouseleave)=\"mouseOut()\" [ngClass]=\"{'hover':isShow}\"><i\r\n class=\"icon dongxiniotwater general_select-map\"></i></span>\r\n <ul class=\"list\" *ngIf=\"isShow\" (mouseover)=\"cleanTime()\" (mouseleave)=\"isShow=false\"\r\n [@openClose]=\"isShow ? 'open' : 'closed'\">\r\n <!--\r\n <li>\u767E\u5EA6\u5730\u56FE</li>\r\n <li>\u9AD8\u5FB7\u5730\u56FE</li>\r\n <li>\u8C37\u6B4C\u5730\u56FE</li>\r\n -->\r\n <ng-content></ng-content>\r\n </ul>\r\n </div>\r\n</div>\r\n",
animations: [
trigger('openClose', [
transition(':enter', [
style({ opacity: 0, width: '20px', color: '#000000' }),
animate(40, style({ opacity: 1, width: '120px', color: '#000000' }))
]),
transition(':leave', [
animate(40, style({ opacity: 0, width: '20px', color: '#ffffff' }))
]),
]),
],
styles: [".select-map{position:absolute;width:232px;height:32px}.select-map .content{position:relative}.select-map span.icon{box-sizing:border-box;position:absolute;right:0;top:0;width:32px;height:32px;background:rgba(0,0,0,1);opacity:.4;text-align:center;padding-top:6px;border-radius:4px;cursor:pointer}.select-map span.icon.hover,.select-map span.icon:hover{background:rgba(0,0,0,1);opacity:.6}.select-map span.icon i{width:18px;height:18px;font-size:18px;color:#fff}:host>>>.select-map ul.list{position:absolute;right:38px;top:0;width:120px;height:120px;background:rgba(255,255,255,1);box-shadow:0 3px 8px 0 rgba(0,0,0,.3);opacity:.86;padding:0;margin:0}:host>>>.select-map ul.list li{height:40px;line-height:40px;text-align:left;list-style:none;padding:0 15px;color:#191919;font-size:14px;cursor:pointer;overflow:hidden}:host>>>.select-map ul.list li:hover{background:#d2ddf2}"]
}] }
];
/** @nocollapse */
SelectMapTypeComponent.ctorParameters = () => [];
SelectMapTypeComponent.propDecorators = {
customPosition: [{ type: Input }]
};
if (false) {
/** @type {?} */
SelectMapTypeComponent.prototype.customPosition;
/** @type {?} */
SelectMapTypeComponent.prototype.isShow;
/** @type {?} */
SelectMapTypeComponent.prototype.showList;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW1hcC10eXBlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2VjcC11aS1saWIvIiwic291cmNlcyI6WyJsaWIvc2VsZWN0LW1hcC10eXBlL3NlbGVjdC1tYXAtdHlwZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQW1CeEUsTUFBTSxPQUFPLHNCQUFzQjtJQWlCakM7UUFmQSxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsYUFBUSxHQUFHLElBQUksQ0FBQztJQWVoQixDQUFDOzs7O0lBYkQsUUFBUTs7WUFDRixJQUFJLEdBQUcsSUFBSTtRQUNmLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7Ozs7SUFFRCxTQUFTOztZQUNILElBQUksR0FBRyxJQUFJO1FBQ2YsWUFBWSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM5QixDQUFDOzs7O0lBS0QsUUFBUTtJQUNSLENBQUM7OztZQXRDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsMHRCQUErQztnQkFFL0MsVUFBVSxFQUFFO29CQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7d0JBQ25CLFVBQVUsQ0FBQyxRQUFRLEVBQUU7NEJBQ25CLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLENBQUM7NEJBQ3BELE9BQU8sQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUMsQ0FBQyxDQUFDO3lCQUNuRSxDQUFDO3dCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7NEJBQ25CLE9BQU8sQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUMsQ0FBQyxDQUFDO3lCQUNsRSxDQUFDO3FCQUVILENBQUM7aUJBQ0g7O2FBQ0Y7Ozs7OzZCQUVFLEtBQUs7Ozs7SUFBTixnREFBK0I7O0lBQy9CLHdDQUFlOztJQUNmLDBDQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHthbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjcC1zZWxlY3QtbWFwLXR5cGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtbWFwLXR5cGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC1tYXAtdHlwZS5jb21wb25lbnQuY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcignb3BlbkNsb3NlJywgW1xyXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXHJcbiAgICAgICAgc3R5bGUoe29wYWNpdHk6IDAsIHdpZHRoOiAnMjBweCcsIGNvbG9yOiAnIzAwMDAwMCd9KSxcclxuICAgICAgICBhbmltYXRlKDQwLCBzdHlsZSh7b3BhY2l0eTogMSwgd2lkdGg6ICcxMjBweCcsIGNvbG9yOiAnIzAwMDAwMCd9KSlcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcclxuICAgICAgICBhbmltYXRlKDQwLCBzdHlsZSh7b3BhY2l0eTogMCwgd2lkdGg6ICcyMHB4JywgY29sb3I6ICcjZmZmZmZmJ30pKVxyXG4gICAgICBdKSxcclxuXHJcbiAgICBdKSxcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWxlY3RNYXBUeXBlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBjdXN0b21Qb3NpdGlvbjpvYmplY3Q7XHJcbiAgaXNTaG93ID0gZmFsc2U7XHJcbiAgc2hvd0xpc3QgPSBudWxsO1xyXG5cclxuICBtb3VzZU91dCgpIHtcclxuICAgIGxldCBzZWZ0ID0gdGhpcztcclxuICAgIHNlZnQuc2hvd0xpc3QgPSBzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHtcclxuICAgICAgc2VmdC5pc1Nob3cgPSBmYWxzZTtcclxuICAgIH0sIDIwMCk7XHJcbiAgfVxyXG5cclxuICBjbGVhblRpbWUoKSB7XHJcbiAgICBsZXQgc2VmdCA9IHRoaXM7XHJcbiAgICBjbGVhclRpbWVvdXQoc2VmdC5zaG93TGlzdCk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbn1cclxuIl19