kre-form
Version:
本项目由 Angular8+ 编写的表单设计器和表单应用,所有的配置都是 JSON 结构体组成,PC 端是基于 ANT 组件库封装
102 lines • 6.79 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, ViewChild, ElementRef, Output, EventEmitter, HostListener, } from "@angular/core";
import * as echarts from "echarts";
var EchartDomComponent = /** @class */ (function () {
function EchartDomComponent() {
this.echartClick = new EventEmitter();
}
/**
* @param {?} event
* @return {?}
*/
EchartDomComponent.prototype.onResize = /**
* @param {?} event
* @return {?}
*/
function (event) {
this.boardChart.resize();
};
/**
* @return {?}
*/
EchartDomComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
/**
* @return {?}
*/
EchartDomComponent.prototype.ngAfterViewInit = /**
* @return {?}
*/
function () {
this.chartsInit();
};
/**
* @param {?} changes
* @return {?}
*/
EchartDomComponent.prototype.ngOnChanges = /**
* @param {?} changes
* @return {?}
*/
function (changes) {
for (var propName in changes) {
/** @type {?} */
var chng = changes[propName];
if (propName === "option" && chng.currentValue && this.boardChart) {
this.boardChart.clear();
this.boardChart.setOption(chng.currentValue);
}
}
};
/**
* @return {?}
*/
EchartDomComponent.prototype.chartsInit = /**
* @return {?}
*/
function () {
var _this = this;
this.boardChart = echarts.init(this.chartsContent.nativeElement);
this.boardChart.setOption(this.option);
this.boardChart.on("click", (/**
* @param {?} e
* @return {?}
*/
function (e) {
_this.echartClick.emit(e);
}));
};
EchartDomComponent.decorators = [
{ type: Component, args: [{
selector: "echart-dom",
template: "<div #chartsContent style=\"width: 100%; height: 100%\"></div>\n",
styles: [""]
}] }
];
/** @nocollapse */
EchartDomComponent.ctorParameters = function () { return []; };
EchartDomComponent.propDecorators = {
option: [{ type: Input }],
echartClick: [{ type: Output }],
chartsContent: [{ type: ViewChild, args: ["chartsContent", { static: false },] }],
onResize: [{ type: HostListener, args: ["window:resize", ["$event"],] }]
};
return EchartDomComponent;
}());
export { EchartDomComponent };
if (false) {
/** @type {?} */
EchartDomComponent.prototype.option;
/** @type {?} */
EchartDomComponent.prototype.echartClick;
/** @type {?} */
EchartDomComponent.prototype.chartsContent;
/** @type {?} */
EchartDomComponent.prototype.boardChart;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNoYXJ0LWRvbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3JlLWZvcm0vYWJjL3NyYy9saWIvYm9hcmQvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2VjaGFydC1kb20vZWNoYXJ0LWRvbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUVMLFNBQVMsRUFDVCxVQUFVLEVBRVYsTUFBTSxFQUNOLFlBQVksRUFDWixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxLQUFLLE9BQU8sTUFBTSxTQUFTLENBQUM7QUFFbkM7SUFlRTtRQVJVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVE1QixDQUFDOzs7OztJQUxoQixxQ0FBUTs7OztJQURSLFVBQ1MsS0FBVTtRQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzNCLENBQUM7Ozs7SUFLRCxxQ0FBUTs7O0lBQVIsY0FBWSxDQUFDOzs7O0lBRWIsNENBQWU7OztJQUFmO1FBQ0UsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7Ozs7O0lBRUQsd0NBQVc7Ozs7SUFBWCxVQUFZLE9BQVk7UUFDdEIsS0FBSyxJQUFNLFFBQVEsSUFBSSxPQUFPLEVBQUU7O2dCQUN4QixJQUFJLEdBQUcsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUM5QixJQUFJLFFBQVEsS0FBSyxRQUFRLElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO2dCQUNqRSxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUN4QixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7YUFDOUM7U0FDRjtJQUNILENBQUM7Ozs7SUFFRCx1Q0FBVTs7O0lBQVY7UUFBQSxpQkFNQztRQUxDLElBQUksQ0FBQyxVQUFVLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2pFLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxPQUFPOzs7O1FBQUUsVUFBQyxDQUFNO1lBQ2pDLEtBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzNCLENBQUMsRUFBQyxDQUFDO0lBQ0wsQ0FBQzs7Z0JBdkNGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsNEVBQTBDOztpQkFFM0M7Ozs7O3lCQUVFLEtBQUs7OEJBQ0wsTUFBTTtnQ0FDTixTQUFTLFNBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTsyQkFDNUMsWUFBWSxTQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQzs7SUErQjNDLHlCQUFDO0NBQUEsQUF4Q0QsSUF3Q0M7U0FuQ1ksa0JBQWtCOzs7SUFDN0Isb0NBQXFCOztJQUNyQix5Q0FBMkM7O0lBQzNDLDJDQUF5RTs7SUFNekUsd0NBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPbkluaXQsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCAqIGFzIGVjaGFydHMgZnJvbSBcImVjaGFydHNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImVjaGFydC1kb21cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9lY2hhcnQtZG9tLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9lY2hhcnQtZG9tLmNvbXBvbmVudC5sZXNzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBFY2hhcnREb21Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIG9wdGlvbjogYW55O1xuICBAT3V0cHV0KCkgZWNoYXJ0Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBWaWV3Q2hpbGQoXCJjaGFydHNDb250ZW50XCIsIHsgc3RhdGljOiBmYWxzZSB9KSBjaGFydHNDb250ZW50OiBFbGVtZW50UmVmO1xuICBASG9zdExpc3RlbmVyKFwid2luZG93OnJlc2l6ZVwiLCBbXCIkZXZlbnRcIl0pXG4gIG9uUmVzaXplKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLmJvYXJkQ2hhcnQucmVzaXplKCk7XG4gIH1cblxuICBib2FyZENoYXJ0OiBhbnk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2hhcnRzSW5pdCgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogYW55KSB7XG4gICAgZm9yIChjb25zdCBwcm9wTmFtZSBpbiBjaGFuZ2VzKSB7XG4gICAgICBjb25zdCBjaG5nID0gY2hhbmdlc1twcm9wTmFtZV07XG4gICAgICBpZiAocHJvcE5hbWUgPT09IFwib3B0aW9uXCIgJiYgY2huZy5jdXJyZW50VmFsdWUgJiYgdGhpcy5ib2FyZENoYXJ0KSB7XG4gICAgICAgIHRoaXMuYm9hcmRDaGFydC5jbGVhcigpO1xuICAgICAgICB0aGlzLmJvYXJkQ2hhcnQuc2V0T3B0aW9uKGNobmcuY3VycmVudFZhbHVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjaGFydHNJbml0KCkge1xuICAgIHRoaXMuYm9hcmRDaGFydCA9IGVjaGFydHMuaW5pdCh0aGlzLmNoYXJ0c0NvbnRlbnQubmF0aXZlRWxlbWVudCk7XG4gICAgdGhpcy5ib2FyZENoYXJ0LnNldE9wdGlvbih0aGlzLm9wdGlvbik7XG4gICAgdGhpcy5ib2FyZENoYXJ0Lm9uKFwiY2xpY2tcIiwgKGU6IGFueSkgPT4ge1xuICAgICAgdGhpcy5lY2hhcnRDbGljay5lbWl0KGUpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=