ecp-ui-lib
Version:
78 lines • 7.32 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';
var SelectMapTypeComponent = /** @class */ (function () {
function SelectMapTypeComponent() {
this.isShow = false;
this.showList = null;
}
/**
* @return {?}
*/
SelectMapTypeComponent.prototype.mouseOut = /**
* @return {?}
*/
function () {
/** @type {?} */
var seft = this;
seft.showList = setTimeout(function () {
seft.isShow = false;
}, 200);
};
/**
* @return {?}
*/
SelectMapTypeComponent.prototype.cleanTime = /**
* @return {?}
*/
function () {
/** @type {?} */
var seft = this;
clearTimeout(seft.showList);
};
/**
* @return {?}
*/
SelectMapTypeComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
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 = function () { return []; };
SelectMapTypeComponent.propDecorators = {
customPosition: [{ type: Input }]
};
return SelectMapTypeComponent;
}());
export { SelectMapTypeComponent };
if (false) {
/** @type {?} */
SelectMapTypeComponent.prototype.customPosition;
/** @type {?} */
SelectMapTypeComponent.prototype.isShow;
/** @type {?} */
SelectMapTypeComponent.prototype.showList;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW1hcC10eXBlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2VjcC11aS1saWIvIiwic291cmNlcyI6WyJsaWIvc2VsZWN0LW1hcC10eXBlL3NlbGVjdC1tYXAtdHlwZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUV4RTtJQWtDRTtRQWZBLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixhQUFRLEdBQUcsSUFBSSxDQUFDO0lBZWhCLENBQUM7Ozs7SUFiRCx5Q0FBUTs7O0lBQVI7O1lBQ00sSUFBSSxHQUFHLElBQUk7UUFDZixJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztZQUN6QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUN0QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDOzs7O0lBRUQsMENBQVM7OztJQUFUOztZQUNNLElBQUksR0FBRyxJQUFJO1FBQ2YsWUFBWSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM5QixDQUFDOzs7O0lBS0QseUNBQVE7OztJQUFSO0lBQ0EsQ0FBQzs7Z0JBdENGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQiwwdEJBQStDO29CQUUvQyxVQUFVLEVBQUU7d0JBQ1YsT0FBTyxDQUFDLFdBQVcsRUFBRTs0QkFDbkIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUMsQ0FBQztnQ0FDcEQsT0FBTyxDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBQyxDQUFDLENBQUM7NkJBQ25FLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsT0FBTyxDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBQyxDQUFDLENBQUM7NkJBQ2xFLENBQUM7eUJBRUgsQ0FBQztxQkFDSDs7aUJBQ0Y7Ozs7O2lDQUVFLEtBQUs7O0lBc0JSLDZCQUFDO0NBQUEsQUF4Q0QsSUF3Q0M7U0F2Qlksc0JBQXNCOzs7SUFDakMsZ0RBQStCOztJQUMvQix3Q0FBZTs7SUFDZiwwQ0FBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7YW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdlY3Atc2VsZWN0LW1hcC10eXBlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LW1hcC10eXBlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QtbWFwLXR5cGUuY29tcG9uZW50LmNzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ29wZW5DbG9zZScsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xyXG4gICAgICAgIHN0eWxlKHtvcGFjaXR5OiAwLCB3aWR0aDogJzIwcHgnLCBjb2xvcjogJyMwMDAwMDAnfSksXHJcbiAgICAgICAgYW5pbWF0ZSg0MCwgc3R5bGUoe29wYWNpdHk6IDEsIHdpZHRoOiAnMTIwcHgnLCBjb2xvcjogJyMwMDAwMDAnfSkpXHJcbiAgICAgIF0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXHJcbiAgICAgICAgYW5pbWF0ZSg0MCwgc3R5bGUoe29wYWNpdHk6IDAsIHdpZHRoOiAnMjBweCcsIGNvbG9yOiAnI2ZmZmZmZid9KSlcclxuICAgICAgXSksXHJcblxyXG4gICAgXSksXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VsZWN0TWFwVHlwZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgY3VzdG9tUG9zaXRpb246b2JqZWN0O1xyXG4gIGlzU2hvdyA9IGZhbHNlO1xyXG4gIHNob3dMaXN0ID0gbnVsbDtcclxuXHJcbiAgbW91c2VPdXQoKSB7XHJcbiAgICBsZXQgc2VmdCA9IHRoaXM7XHJcbiAgICBzZWZ0LnNob3dMaXN0ID0gc2V0VGltZW91dChmdW5jdGlvbiAoKSB7XHJcbiAgICAgIHNlZnQuaXNTaG93ID0gZmFsc2U7XHJcbiAgICB9LCAyMDApO1xyXG4gIH1cclxuXHJcbiAgY2xlYW5UaW1lKCkge1xyXG4gICAgbGV0IHNlZnQgPSB0aGlzO1xyXG4gICAgY2xlYXJUaW1lb3V0KHNlZnQuc2hvd0xpc3QpO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==