@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
133 lines • 15.9 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: button.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Directive, ElementRef, Output, EventEmitter, ViewChild, } from '@angular/core';
var ButtonComponent = /** @class */ (function () {
function ButtonComponent() {
this.type = 'button';
this.bsStyle = 'primary';
this.bsSize = 'md';
this.disabled = false;
this.showLoading = false;
this.autofocus = false;
this.btnClick = new EventEmitter();
}
// 新增click事件，解决直接在host上使用click，IE在disabled状态下还能触发事件
// 新增click事件，解决直接在host上使用click，IE在disabled状态下还能触发事件
/**
* @param {?} event
* @return {?}
*/
ButtonComponent.prototype.onClick =
// 新增click事件，解决直接在host上使用click，IE在disabled状态下还能触发事件
/**
* @param {?} event
* @return {?}
*/
function (event) {
this.btnClick.emit(event);
};
/**
* @return {?}
*/
ButtonComponent.prototype.hasContent = /**
* @return {?}
*/
function () {
return !!this.buttonContent && this.buttonContent.nativeElement && this.buttonContent.nativeElement.innerHTML.trim();
};
ButtonComponent.decorators = [
{ type: Component, args: [{
selector: 'd-button',
template: "<button\r\n [attr.id]=\"id\"\r\n d-btn\r\n class=\"devui-btn devui-btn-{{ bsStyle }} devui-btn-{{ bsSize }}\"\r\n [type]=\"type\"\r\n [disabled]=\"disabled\"\r\n [class.bordered]=\"bordered\"\r\n [class.devui-loading]=\"showLoading\"\r\n [showLoading]=\"showLoading\"\r\n [loadingTemplateRef]=\"buttonWithLoading\"\r\n [backdrop]=\"true\"\r\n dLoading\r\n [ngStyle]=\"{ width: width }\"\r\n [dBtnAutofocus]=\"autofocus\"\r\n (click)=\"onClick($event)\"\r\n [ngClass]=\"{ 'd-btn-icon': !!icon && !hasContent() }\"\r\n>\r\n <span *ngIf=\"!!icon\" class=\"devui-icon-fix icon {{ icon }}\"></span\r\n ><!--\r\n --><span class=\"button-content\" #buttonContent><ng-content></ng-content></span>\r\n</button>\r\n\r\n<ng-template #buttonWithLoading>\r\n <div class=\"devui-loading-spinner-wrapper\">\r\n <div class=\"devui-loading-default-spinner\">\r\n <div class=\"bar1\"></div>\r\n <div class=\"bar2\"></div>\r\n <div class=\"bar3\"></div>\r\n <div class=\"bar4\"></div>\r\n <div class=\"bar5\"></div>\r\n <div class=\"bar6\"></div>\r\n <div class=\"bar7\"></div>\r\n <div class=\"bar8\"></div>\r\n <div class=\"bar9\"></div>\r\n <div class=\"bar10\"></div>\r\n <div class=\"bar11\"></div>\r\n <div class=\"bar12\"></div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n",
styles: [".devui-btn{padding:5px 20px;font-size:14px;height:32px;line-height:20px;border-radius:1px;background-color:transparent;-webkit-transition:.2s;transition:.2s;white-space:nowrap;border:1px solid transparent}.devui-btn.devui-btn-text{color:#5e7ce0;padding:0}.devui-btn.devui-btn-text-dark{color:#252b3a;padding:0}.devui-btn.devui-btn-common{color:#252b3a;min-width:80px;background-color:#fff;border-color:#adb0b8}.devui-btn.devui-btn-primary,.devui-btn.devui-btn-stress{color:#fff;min-width:80px;background-color:#5e7ce0}.devui-btn.devui-btn-xs{padding:1px 5px;height:28px;font-size:12px}.devui-btn.devui-btn-sm{padding:5px 10px;height:30px;font-size:12px}.devui-btn.devui-btn-lg{padding:10px 16px;height:46px;font-size:18px}.devui-btn.devui-btn-text-dark:active,.devui-btn.devui-btn-text-dark:focus,.devui-btn.devui-btn-text-dark:hover,.devui-btn.devui-btn-text:active,.devui-btn.devui-btn-text:focus,.devui-btn.devui-btn-text:hover{background-color:transparent;color:#344899}.devui-btn.devui-btn-common:active,.devui-btn.devui-btn-common:focus,.devui-btn.devui-btn-common:hover{border-color:#344899}.devui-btn.devui-btn-primary:active,.devui-btn.devui-btn-primary:focus,.devui-btn.devui-btn-primary:hover,.devui-btn.devui-btn-stress:active,.devui-btn.devui-btn-stress:focus,.devui-btn.devui-btn-stress:hover{background-color:#344899}.devui-btn.devui-btn-common:disabled{color:#252b3a;opacity:.3;background:#fff;border:1px solid #adb0b8}.devui-btn.devui-btn-primary:disabled{color:#252b3a;background:#fff;border:1px solid #adb0b8}.devui-btn.devui-btn-text-dark:disabled{color:#252b3a;background:#fff}.devui-btn.bordered.devui-btn-common{color:#252b3a;border-color:transparent}.devui-btn.bordered.devui-btn-common:active,.devui-btn.bordered.devui-btn-common:focus,.devui-btn.bordered.devui-btn-common:hover{border-color:#344899}.devui-btn.bordered.devui-btn-primary,.devui-btn.bordered.devui-btn-stress{border-color:#5e7ce0;color:#5e7ce0;background-color:#fff}.devui-btn.bordered.devui-btn-success{border-color:#50d4ab;color:#50d4ab;background-color:#fff}.devui-btn.bordered.devui-btn-warning{border-color:#fac20a;color:#fac20a;background-color:#fff}.devui-btn.bordered.devui-btn-danger{border-color:#f66f6a;color:#f66f6a;background-color:#fff}.devui-btn.d-btn-icon:focus,.devui-btn.d-btn-icon:hover{border:1px solid #f2f5fc;background-color:#f2f5fc}.devui-btn.d-btn-icon:disabled{background-color:#fff}:host{display:inline-block}.devui-btn:disabled,.devui-btn[disabled]{cursor:not-allowed;opacity:.3}.devui-btn.d-btn-icon{padding:7px 8px;line-height:1em;border:1px solid transparent}.devui-btn:not(.d-btn-icon) .icon-fix{font-size:16px}.devui-loading .devui-loading-spinner-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001}.devui-loading .devui-loading-default-spinner{position:relative;display:inline-block;vertical-align:middle;width:20px;height:20px}.devui-loading .devui-loading-default-spinner div{background-color:#252b3a;position:absolute;left:44.5%;top:37%;width:10%;height:26%;border-radius:50px;opacity:0;-webkit-animation:1s linear infinite spinner-anim;animation:1s linear infinite spinner-anim}.devui-loading .devui-loading-default-spinner .bar1{-webkit-transform:rotate(0) translate(0,-142%);transform:rotate(0) translate(0,-142%);-webkit-animation-delay:-1s;animation-delay:-1s}.devui-loading .devui-loading-default-spinner .bar2{-webkit-transform:rotate(30deg) translate(0,-142%);transform:rotate(30deg) translate(0,-142%);-webkit-animation-delay:-.91667s;animation-delay:-.91667s}.devui-loading .devui-loading-default-spinner .bar3{-webkit-transform:rotate(60deg) translate(0,-142%);transform:rotate(60deg) translate(0,-142%);-webkit-animation-delay:-.83333s;animation-delay:-.83333s}.devui-loading .devui-loading-default-spinner .bar4{-webkit-transform:rotate(90deg) translate(0,-142%);transform:rotate(90deg) translate(0,-142%);-webkit-animation-delay:-.75s;animation-delay:-.75s}.devui-loading .devui-loading-default-spinner .bar5{-webkit-transform:rotate(120deg) translate(0,-142%);transform:rotate(120deg) translate(0,-142%);-webkit-animation-delay:-.66667s;animation-delay:-.66667s}.devui-loading .devui-loading-default-spinner .bar6{-webkit-transform:rotate(150deg) translate(0,-142%);transform:rotate(150deg) translate(0,-142%);-webkit-animation-delay:-.58333s;animation-delay:-.58333s}.devui-loading .devui-loading-default-spinner .bar7{-webkit-transform:rotate(180deg) translate(0,-142%);transform:rotate(180deg) translate(0,-142%);-webkit-animation-delay:-.5s;animation-delay:-.5s}.devui-loading .devui-loading-default-spinner .bar8{-webkit-transform:rotate(210deg) translate(0,-142%);transform:rotate(210deg) translate(0,-142%);-webkit-animation-delay:-.41667s;animation-delay:-.41667s}.devui-loading .devui-loading-default-spinner .bar9{-webkit-transform:rotate(240deg) translate(0,-142%);transform:rotate(240deg) translate(0,-142%);-webkit-animation-delay:-.33333s;animation-delay:-.33333s}.devui-loading .devui-loading-default-spinner .bar10{-webkit-transform:rotate(270deg) translate(0,-142%);transform:rotate(270deg) translate(0,-142%);-webkit-animation-delay:-.25s;animation-delay:-.25s}.devui-loading .devui-loading-default-spinner .bar11{-webkit-transform:rotate(300deg) translate(0,-142%);transform:rotate(300deg) translate(0,-142%);-webkit-animation-delay:-.16667s;animation-delay:-.16667s}.devui-loading .devui-loading-default-spinner .bar12{-webkit-transform:rotate(330deg) translate(0,-142%);transform:rotate(330deg) translate(0,-142%);-webkit-animation-delay:-83.33ms;animation-delay:-83.33ms}.devui-loading .devui-loading-default-text{display:inline-block;margin-left:6px;max-width:400px}@-webkit-keyframes spinner-anim{from{opacity:1}to{opacity:.25}}@keyframes spinner-anim{from{opacity:1}to{opacity:.25}}.devui-icon-fix{position:relative;top:2px}.button-content{display:inline-block;vertical-align:top}"]
}] }
];
/** @nocollapse */
ButtonComponent.ctorParameters = function () { return []; };
ButtonComponent.propDecorators = {
id: [{ type: Input }],
type: [{ type: Input }],
bsStyle: [{ type: Input }],
bsSize: [{ type: Input }],
bordered: [{ type: Input }],
icon: [{ type: Input }],
disabled: [{ type: Input }],
showLoading: [{ type: Input }],
width: [{ type: Input }],
autofocus: [{ type: Input }],
btnClick: [{ type: Output }],
buttonContent: [{ type: ViewChild, args: ['buttonContent', { static: true },] }]
};
return ButtonComponent;
}());
export { ButtonComponent };
if (false) {
/** @type {?} */
ButtonComponent.prototype.id;
/** @type {?} */
ButtonComponent.prototype.type;
/** @type {?} */
ButtonComponent.prototype.bsStyle;
/** @type {?} */
ButtonComponent.prototype.bsSize;
/** @type {?} */
ButtonComponent.prototype.bordered;
/** @type {?} */
ButtonComponent.prototype.icon;
/** @type {?} */
ButtonComponent.prototype.disabled;
/** @type {?} */
ButtonComponent.prototype.showLoading;
/** @type {?} */
ButtonComponent.prototype.width;
/** @type {?} */
ButtonComponent.prototype.autofocus;
/** @type {?} */
ButtonComponent.prototype.btnClick;
/** @type {?} */
ButtonComponent.prototype.buttonContent;
}
var BtnAutoFocusDirective = /** @class */ (function () {
function BtnAutoFocusDirective(element) {
this.element = element;
this.dBtnAutofocus = false;
}
/**
* @return {?}
*/
BtnAutoFocusDirective.prototype.ngOnInit = /**
* @return {?}
*/
function () {
if (this.dBtnAutofocus) {
this.element.nativeElement.focus();
}
};
BtnAutoFocusDirective.decorators = [
{ type: Directive, args: [{
selector: '[dBtnAutofocus]',
},] }
];
/** @nocollapse */
BtnAutoFocusDirective.ctorParameters = function () { return [
{ type: ElementRef }
]; };
BtnAutoFocusDirective.propDecorators = {
dBtnAutofocus: [{ type: Input }]
};
return BtnAutoFocusDirective;
}());
export { BtnAutoFocusDirective };
if (false) {
/** @type {?} */
BtnAutoFocusDirective.prototype.dBtnAutofocus;
/**
* @type {?}
* @private
*/
BtnAutoFocusDirective.prototype.element;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLWRldnVpL2J1dHRvbi8iLCJzb3VyY2VzIjpbImJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUVWLE1BQU0sRUFDTixZQUFZLEVBQ1osU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBTXZCO0lBa0JFO1FBWFMsU0FBSSxHQUFnQixRQUFRLENBQUM7UUFDN0IsWUFBTyxHQUFpQixTQUFTLENBQUM7UUFDbEMsV0FBTSxHQUFnQixJQUFJLENBQUM7UUFHM0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUVwQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBR3hDLENBQUM7SUFFRCxtREFBbUQ7Ozs7OztJQUNuRCxpQ0FBTzs7Ozs7O0lBQVAsVUFBUSxLQUFLO1FBQ1gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7OztJQUVELG9DQUFVOzs7SUFBVjtRQUNFLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZILENBQUM7O2dCQTVCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLDgwQ0FBc0M7O2lCQUV2Qzs7Ozs7cUJBRUUsS0FBSzt1QkFDTCxLQUFLOzBCQUNMLEtBQUs7eUJBQ0wsS0FBSzsyQkFDTCxLQUFLO3VCQUNMLEtBQUs7MkJBQ0wsS0FBSzs4QkFDTCxLQUFLO3dCQUNMLEtBQUs7NEJBQ0wsS0FBSzsyQkFDTCxNQUFNO2dDQUNOLFNBQVMsU0FBQyxlQUFlLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztJQVk5QyxzQkFBQztDQUFBLEFBN0JELElBNkJDO1NBeEJZLGVBQWU7OztJQUMxQiw2QkFBb0I7O0lBQ3BCLCtCQUFzQzs7SUFDdEMsa0NBQTJDOztJQUMzQyxpQ0FBb0M7O0lBQ3BDLG1DQUEyQjs7SUFDM0IsK0JBQXNCOztJQUN0QixtQ0FBMEI7O0lBQzFCLHNDQUE2Qjs7SUFDN0IsZ0NBQXdCOztJQUN4QixvQ0FBMkI7O0lBQzNCLG1DQUF3Qzs7SUFDeEMsd0NBQXdFOztBQWMxRTtJQUtFLCtCQUFvQixPQUFtQjtRQUFuQixZQUFPLEdBQVAsT0FBTyxDQUFZO1FBRDlCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO0lBQ1ksQ0FBQzs7OztJQUM1Qyx3Q0FBUTs7O0lBQVI7UUFDSSxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDdEM7SUFDTCxDQUFDOztnQkFWRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtpQkFDNUI7Ozs7Z0JBNUNDLFVBQVU7OztnQ0E4Q1QsS0FBSzs7SUFPUiw0QkFBQztDQUFBLEFBWEQsSUFXQztTQVJZLHFCQUFxQjs7O0lBQ2hDLDhDQUErQjs7Ozs7SUFDbkIsd0NBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgRGlyZWN0aXZlLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuZXhwb3J0IHR5cGUgSUJ1dHRvblR5cGUgPSAnYnV0dG9uJyB8ICdzdWJtaXQnIHwgJ3Jlc2V0JztcclxuZXhwb3J0IHR5cGUgSUJ1dHRvblN0eWxlID0gJ2NvbW1vbicgfCAncHJpbWFyeScgfCAndGV4dCcgfCAndGV4dC1kYXJrJztcclxuZXhwb3J0IHR5cGUgSUJ1dHRvblNpemUgPSAnbGcnIHwgJ21kJyB8ICdzbScgfCAneHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcclxuICBASW5wdXQoKSB0eXBlOiBJQnV0dG9uVHlwZSA9ICdidXR0b24nO1xyXG4gIEBJbnB1dCgpIGJzU3R5bGU6IElCdXR0b25TdHlsZSA9ICdwcmltYXJ5JztcclxuICBASW5wdXQoKSBic1NpemU6IElCdXR0b25TaXplID0gJ21kJztcclxuICBASW5wdXQoKSBib3JkZXJlZDogYm9vbGVhbjtcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaG93TG9hZGluZyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHdpZHRoPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGF1dG9mb2N1cyA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBidG5DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAVmlld0NoaWxkKCdidXR0b25Db250ZW50JywgeyBzdGF0aWM6IHRydWUgfSkgYnV0dG9uQ29udGVudDogRWxlbWVudFJlZjtcclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcblxyXG4gIC8vIOaWsOWinmNsaWNr5LqL5Lu277yM6Kej5Yaz55u05o6l5ZyoaG9zdOS4iuS9v+eUqGNsaWNr77yMSUXlnKhkaXNhYmxlZOeKtuaAgeS4i+i/mOiDveinpuWPkeS6i+S7tlxyXG4gIG9uQ2xpY2soZXZlbnQpIHtcclxuICAgIHRoaXMuYnRuQ2xpY2suZW1pdChldmVudCk7XHJcbiAgfVxyXG5cclxuICBoYXNDb250ZW50KCkge1xyXG4gICAgcmV0dXJuICEhdGhpcy5idXR0b25Db250ZW50ICYmIHRoaXMuYnV0dG9uQ29udGVudC5uYXRpdmVFbGVtZW50ICYmIHRoaXMuYnV0dG9uQ29udGVudC5uYXRpdmVFbGVtZW50LmlubmVySFRNTC50cmltKCk7XHJcbiAgfVxyXG59XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tkQnRuQXV0b2ZvY3VzXScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdG5BdXRvRm9jdXNEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGRCdG5BdXRvZm9jdXMgPSBmYWxzZTtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHsgfVxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgICBpZiAodGhpcy5kQnRuQXV0b2ZvY3VzKSB7XHJcbiAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xyXG4gICAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==