kre-form
Version:
本项目由 Angular8+ 编写的表单设计器和表单应用，所有的配置都是 JSON 结构体组成,PC 端是基于 ANT 组件库封装
82 lines • 6.06 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";
export class EchartDomComponent {
constructor() {
this.echartClick = new EventEmitter();
}
/**
* @param {?} event
* @return {?}
*/
onResize(event) {
this.boardChart.resize();
}
/**
* @return {?}
*/
ngOnInit() { }
/**
* @return {?}
*/
ngAfterViewInit() {
this.chartsInit();
}
/**
* @param {?} changes
* @return {?}
*/
ngOnChanges(changes) {
for (const propName in changes) {
/** @type {?} */
const chng = changes[propName];
if (propName === "option" && chng.currentValue && this.boardChart) {
this.boardChart.clear();
this.boardChart.setOption(chng.currentValue);
}
}
}
/**
* @return {?}
*/
chartsInit() {
this.boardChart = echarts.init(this.chartsContent.nativeElement);
this.boardChart.setOption(this.option);
this.boardChart.on("click", (/**
* @param {?} e
* @return {?}
*/
(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 = () => [];
EchartDomComponent.propDecorators = {
option: [{ type: Input }],
echartClick: [{ type: Output }],
chartsContent: [{ type: ViewChild, args: ["chartsContent", { static: false },] }],
onResize: [{ type: HostListener, args: ["window:resize", ["$event"],] }]
};
if (false) {
/** @type {?} */
EchartDomComponent.prototype.option;
/** @type {?} */
EchartDomComponent.prototype.echartClick;
/** @type {?} */
EchartDomComponent.prototype.chartsContent;
/** @type {?} */
EchartDomComponent.prototype.boardChart;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNoYXJ0LWRvbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3JlLWZvcm0vYWJjL3NyYy9saWIvYm9hcmQvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2VjaGFydC1kb20vZWNoYXJ0LWRvbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUVMLFNBQVMsRUFDVCxVQUFVLEVBRVYsTUFBTSxFQUNOLFlBQVksRUFDWixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxLQUFLLE9BQU8sTUFBTSxTQUFTLENBQUM7QUFPbkMsTUFBTSxPQUFPLGtCQUFrQjtJQVU3QjtRQVJVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVE1QixDQUFDOzs7OztJQUxoQixRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzNCLENBQUM7Ozs7SUFLRCxRQUFRLEtBQUksQ0FBQzs7OztJQUViLGVBQWU7UUFDYixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQzs7Ozs7SUFFRCxXQUFXLENBQUMsT0FBWTtRQUN0QixLQUFLLE1BQU0sUUFBUSxJQUFJLE9BQU8sRUFBRTs7a0JBQ3hCLElBQUksR0FBRyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQzlCLElBQUksUUFBUSxLQUFLLFFBQVEsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7Z0JBQ2pFLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQzthQUM5QztTQUNGO0lBQ0gsQ0FBQzs7OztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsVUFBVSxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNqRSxJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdkMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsT0FBTzs7OztRQUFFLENBQUMsQ0FBTSxFQUFFLEVBQUU7WUFDckMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDM0IsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOzs7WUF2Q0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiw0RUFBMEM7O2FBRTNDOzs7OztxQkFFRSxLQUFLOzBCQUNMLE1BQU07NEJBQ04sU0FBUyxTQUFDLGVBQWUsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7dUJBQzVDLFlBQVksU0FBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUM7Ozs7SUFIekMsb0NBQXFCOztJQUNyQix5Q0FBMkM7O0lBQzNDLDJDQUF5RTs7SUFNekUsd0NBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPbkluaXQsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCAqIGFzIGVjaGFydHMgZnJvbSBcImVjaGFydHNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImVjaGFydC1kb21cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9lY2hhcnQtZG9tLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9lY2hhcnQtZG9tLmNvbXBvbmVudC5sZXNzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBFY2hhcnREb21Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIG9wdGlvbjogYW55O1xuICBAT3V0cHV0KCkgZWNoYXJ0Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBWaWV3Q2hpbGQoXCJjaGFydHNDb250ZW50XCIsIHsgc3RhdGljOiBmYWxzZSB9KSBjaGFydHNDb250ZW50OiBFbGVtZW50UmVmO1xuICBASG9zdExpc3RlbmVyKFwid2luZG93OnJlc2l6ZVwiLCBbXCIkZXZlbnRcIl0pXG4gIG9uUmVzaXplKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLmJvYXJkQ2hhcnQucmVzaXplKCk7XG4gIH1cblxuICBib2FyZENoYXJ0OiBhbnk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2hhcnRzSW5pdCgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogYW55KSB7XG4gICAgZm9yIChjb25zdCBwcm9wTmFtZSBpbiBjaGFuZ2VzKSB7XG4gICAgICBjb25zdCBjaG5nID0gY2hhbmdlc1twcm9wTmFtZV07XG4gICAgICBpZiAocHJvcE5hbWUgPT09IFwib3B0aW9uXCIgJiYgY2huZy5jdXJyZW50VmFsdWUgJiYgdGhpcy5ib2FyZENoYXJ0KSB7XG4gICAgICAgIHRoaXMuYm9hcmRDaGFydC5jbGVhcigpO1xuICAgICAgICB0aGlzLmJvYXJkQ2hhcnQuc2V0T3B0aW9uKGNobmcuY3VycmVudFZhbHVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjaGFydHNJbml0KCkge1xuICAgIHRoaXMuYm9hcmRDaGFydCA9IGVjaGFydHMuaW5pdCh0aGlzLmNoYXJ0c0NvbnRlbnQubmF0aXZlRWxlbWVudCk7XG4gICAgdGhpcy5ib2FyZENoYXJ0LnNldE9wdGlvbih0aGlzLm9wdGlvbik7XG4gICAgdGhpcy5ib2FyZENoYXJ0Lm9uKFwiY2xpY2tcIiwgKGU6IGFueSkgPT4ge1xuICAgICAgdGhpcy5lY2hhcnRDbGljay5lbWl0KGUpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=