kre-form
Version:
本项目由 Angular8+ 编写的表单设计器和表单应用，所有的配置都是 JSON 结构体组成,PC 端是基于 ANT 组件库封装
633 lines (540 loc) • 41.4 kB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["components-dash-board-dash-board-module"],{
/***/ "./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.scss":
/*!*****************************************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.scss ***!
\*****************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJkZW1vL3NyYy9hcHAvdWkvYWJjL2NvbXBvbmVudHMvZGFzaC1ib2FyZC9jb21wb25lbnRzL2RhdGEtc291cmNlL2RhdGEtc291cmNlLmNvbXBvbmVudC5zY3NzIn0= */"
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.ts":
/*!***************************************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.ts ***!
\***************************************************************************************************/
/*! exports provided: DataSourceComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DataSourceComponent", function() { return DataSourceComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __importDefault = (undefined && undefined.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var DataSourceComponent = /** @class */ (function () {
function DataSourceComponent() {
}
DataSourceComponent.prototype.ngOnInit = function () { };
__decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
__metadata("design:type", Object)
], DataSourceComponent.prototype, "dataSourceTitleList", void 0);
DataSourceComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: "demo-data-source",
template: __importDefault(__webpack_require__(/*! raw-loader!./data-source.component.html */ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.html")).default,
styles: [__importDefault(__webpack_require__(/*! ./data-source.component.scss */ "./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.scss")).default]
}),
__metadata("design:paramtypes", [])
], DataSourceComponent);
return DataSourceComponent;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/dash-board-routing.module.ts":
/*!********************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/dash-board-routing.module.ts ***!
\********************************************************************************/
/*! exports provided: DashBoardRoutingModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DashBoardRoutingModule", function() { return DashBoardRoutingModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _dash_board_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dash-board.component */ "./demo/src/app/ui/abc/components/dash-board/dash-board.component.ts");
/* harmony import */ var _page_list_list_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./page/list/list.component */ "./demo/src/app/ui/abc/components/dash-board/page/list/list.component.ts");
/* harmony import */ var _page_map_map_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./page/map/map.component */ "./demo/src/app/ui/abc/components/dash-board/page/map/map.component.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __importDefault = (undefined && undefined.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var routes = [
{
path: "",
component: _dash_board_component__WEBPACK_IMPORTED_MODULE_2__["DashBoardComponent"],
},
{
path: "list",
component: _page_list_list_component__WEBPACK_IMPORTED_MODULE_3__["ListComponent"],
},
{
path: "edit/:id",
component: _dash_board_component__WEBPACK_IMPORTED_MODULE_2__["DashBoardComponent"],
},
{
path: "map",
component: _page_map_map_component__WEBPACK_IMPORTED_MODULE_4__["MapComponent"],
},
];
var DashBoardRoutingModule = /** @class */ (function () {
function DashBoardRoutingModule() {
}
DashBoardRoutingModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
imports: [_angular_router__WEBPACK_IMPORTED_MODULE_1__["RouterModule"].forChild(routes)],
exports: [_angular_router__WEBPACK_IMPORTED_MODULE_1__["RouterModule"]],
})
], DashBoardRoutingModule);
return DashBoardRoutingModule;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/dash-board.component.less":
/*!*****************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/dash-board.component.less ***!
\*****************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJkZW1vL3NyYy9hcHAvdWkvYWJjL2NvbXBvbmVudHMvZGFzaC1ib2FyZC9kYXNoLWJvYXJkLmNvbXBvbmVudC5sZXNzIn0= */"
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/dash-board.component.ts":
/*!***************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/dash-board.component.ts ***!
\***************************************************************************/
/*! exports provided: DashBoardComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DashBoardComponent", function() { return DashBoardComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var ng_zorro_antd_message__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ng-zorro-antd/message */ "./node_modules/ng-zorro-antd/fesm5/ng-zorro-antd-message.js");
/* harmony import */ var ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ng-zorro-antd/modal */ "./node_modules/ng-zorro-antd/fesm5/ng-zorro-antd-modal.js");
/* harmony import */ var _services_dash_board_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./services/dash-board.service */ "./demo/src/app/ui/abc/components/dash-board/services/dash-board.service.ts");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _components_data_source_data_source_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/data-source/data-source.component */ "./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __importDefault = (undefined && undefined.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var DashBoardComponent = /** @class */ (function () {
function DashBoardComponent(message, modalService, dashBoardService, route) {
this.message = message;
this.modalService = modalService;
this.dashBoardService = dashBoardService;
this.route = route;
this.dataSourceList = [];
this.echartsList = [];
this.chartCondition = null;
this.colorList = [];
}
DashBoardComponent.prototype.ngOnInit = function () {
var _this = this;
var id = this.route.snapshot.paramMap.get("id");
this.getColorList();
if (id) {
this.dashBoardService.getEchartList().subscribe(function (res) {
var item = lodash__WEBPACK_IMPORTED_MODULE_5__["find"](res, { id: id });
_this.getDataSourceList(function () {
_this.showSolution(item);
});
});
}
else {
this.getDataSourceList(function () {
_this.changeDataSource("");
});
}
};
DashBoardComponent.prototype.getDataSourceList = function (callback) {
var _this = this;
this.dashBoardService.getDataSource().subscribe(function (res) {
_this.dataSourceList = res;
callback();
});
};
DashBoardComponent.prototype.getColorList = function () {
var _this = this;
this.dashBoardService.getColor().subscribe(function (res) {
_this.colorList = res;
});
};
DashBoardComponent.prototype.changeDataSource = function (e) {
this.dataSourceModal(e);
};
DashBoardComponent.prototype.dataSourceModal = function (e) {
var _this = this;
var titleArr = lodash__WEBPACK_IMPORTED_MODULE_5__["map"](this.dataSourceList, "title");
var modal = this.modalService.create({
nzTitle: e ? "更改数据源" : "请先选择数据源",
nzContent: _components_data_source_data_source_component__WEBPACK_IMPORTED_MODULE_6__["DataSourceComponent"],
nzComponentParams: {
dataSourceTitleList: titleArr,
dataSourceTitle: this.dataSourceTitle,
},
nzOnOk: function (componentInstance) {
_this.dataSourceTitle = componentInstance.dataSourceTitle;
_this.waringModal(e);
},
});
};
DashBoardComponent.prototype.waringModal = function (e) {
var _this = this;
if (e) {
this.modalService.confirm({
nzTitle: "更改数据源",
nzContent: "更改数据将清空当前图表配置，是否确认修改？",
nzOnOk: function () {
_this.clearData();
_this.getItem();
},
nzOnCancel: function () { },
});
}
else {
this.getItem();
}
};
DashBoardComponent.prototype.getItem = function () {
this.dataSourceItem = lodash__WEBPACK_IMPORTED_MODULE_5__["find"](this.dataSourceList, {
title: this.dataSourceTitle,
});
};
DashBoardComponent.prototype.getEchartsList = function (params) {
var _this = this;
this.dashBoardService.getBoard(params).subscribe(function (res) {
_this.echartsList =
_this.dataSourceItem.title == "订单管理" ? res[0].list : res[1].list;
});
};
DashBoardComponent.prototype.changeEchartsParams = function (params) {
this.getEchartsList(params);
// this.term = params;
};
DashBoardComponent.prototype.showSolution = function (item) {
this.echartsList = item.echartsList;
this.dataSourceTitle = item.dataSourceTitle;
this.term = item.term;
this.chartCondition = item.chartCondition;
this.chartOptions = item.chartOptions;
this.getItem();
};
DashBoardComponent.prototype.clearAll = function () {
this.echartsList = [];
this.dataSourceTitle = "";
this.term = {};
this.chartCondition = null;
this.dataSourceItem = {};
};
DashBoardComponent.prototype.clearData = function () {
this.echartsList = [];
this.term = {};
this.chartCondition = null;
this.dataSourceItem = {};
this.chartOptions = null;
};
DashBoardComponent.ctorParameters = function () { return [
{ type: ng_zorro_antd_message__WEBPACK_IMPORTED_MODULE_2__["NzMessageService"] },
{ type: ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_3__["NzModalService"] },
{ type: _services_dash_board_service__WEBPACK_IMPORTED_MODULE_4__["DashBoardService"] },
{ type: _angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"] }
]; };
DashBoardComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: "demo-dash-board",
template: __importDefault(__webpack_require__(/*! raw-loader!./dash-board.component.html */ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/dash-board/dash-board.component.html")).default,
styles: [__importDefault(__webpack_require__(/*! ./dash-board.component.less */ "./demo/src/app/ui/abc/components/dash-board/dash-board.component.less")).default]
}),
__metadata("design:paramtypes", [ng_zorro_antd_message__WEBPACK_IMPORTED_MODULE_2__["NzMessageService"],
ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_3__["NzModalService"],
_services_dash_board_service__WEBPACK_IMPORTED_MODULE_4__["DashBoardService"],
_angular_router__WEBPACK_IMPORTED_MODULE_1__["ActivatedRoute"]])
], DashBoardComponent);
return DashBoardComponent;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/dash-board.module.ts":
/*!************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/dash-board.module.ts ***!
\************************************************************************/
/*! exports provided: DashBoardModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DashBoardModule", function() { return DashBoardModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var ng_zorro_antd_message__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ng-zorro-antd/message */ "./node_modules/ng-zorro-antd/fesm5/ng-zorro-antd-message.js");
/* harmony import */ var ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ng-zorro-antd/modal */ "./node_modules/ng-zorro-antd/fesm5/ng-zorro-antd-modal.js");
/* harmony import */ var ng_zorro_antd_radio__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ng-zorro-antd/radio */ "./node_modules/ng-zorro-antd/fesm5/ng-zorro-antd-radio.js");
/* harmony import */ var ng_zorro_antd_grid__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ng-zorro-antd/grid */ "./node_modules/ng-zorro-antd/fesm5/ng-zorro-antd-grid.js");
/* harmony import */ var _dash_board_routing_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./dash-board-routing.module */ "./demo/src/app/ui/abc/components/dash-board/dash-board-routing.module.ts");
/* harmony import */ var _dash_board_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./dash-board.component */ "./demo/src/app/ui/abc/components/dash-board/dash-board.component.ts");
/* harmony import */ var _components_data_source_data_source_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/data-source/data-source.component */ "./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.ts");
/* harmony import */ var _kre_form_abc__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @kre-form/abc */ "./src/abc/src/public_api.ts");
/* harmony import */ var _services_dash_board_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./services/dash-board.service */ "./demo/src/app/ui/abc/components/dash-board/services/dash-board.service.ts");
/* harmony import */ var _page_list_list_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./page/list/list.component */ "./demo/src/app/ui/abc/components/dash-board/page/list/list.component.ts");
/* harmony import */ var _page_map_map_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./page/map/map.component */ "./demo/src/app/ui/abc/components/dash-board/page/map/map.component.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __importDefault = (undefined && undefined.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var comps = [
_dash_board_component__WEBPACK_IMPORTED_MODULE_8__["DashBoardComponent"],
_components_data_source_data_source_component__WEBPACK_IMPORTED_MODULE_9__["DataSourceComponent"],
_page_list_list_component__WEBPACK_IMPORTED_MODULE_12__["ListComponent"],
_page_map_map_component__WEBPACK_IMPORTED_MODULE_13__["MapComponent"],
];
var DashBoardModule = /** @class */ (function () {
function DashBoardModule() {
}
DashBoardModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
declarations: comps.slice(),
imports: [
_angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormsModule"],
ng_zorro_antd_radio__WEBPACK_IMPORTED_MODULE_5__["NzRadioModule"],
ng_zorro_antd_message__WEBPACK_IMPORTED_MODULE_3__["NzMessageModule"],
ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_4__["NzModalModule"],
ng_zorro_antd_grid__WEBPACK_IMPORTED_MODULE_6__["NzGridModule"],
_kre_form_abc__WEBPACK_IMPORTED_MODULE_10__["BoardModule"],
_dash_board_routing_module__WEBPACK_IMPORTED_MODULE_7__["DashBoardRoutingModule"],
_angular_common__WEBPACK_IMPORTED_MODULE_1__["CommonModule"],
],
entryComponents: comps.slice(),
providers: [_services_dash_board_service__WEBPACK_IMPORTED_MODULE_11__["DashBoardService"]],
})
], DashBoardModule);
return DashBoardModule;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/page/list/list.component.less":
/*!*********************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/page/list/list.component.less ***!
\*********************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = ":host .btn-wrap {\n padding: 1rem;\n width: 100%;\n text-align: right;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1000;\n}\n:host .btn-wrap span {\n cursor: pointer;\n}\n:host .card {\n width: 500px;\n height: 500px;\n float: left;\n border-radius: 5px;\n margin: 1rem;\n background-color: #eee;\n position: relative;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaWNreGluL2pzaGEvR2l0SHViL2tyZS1mb3JtL2RlbW8vc3JjL2FwcC91aS9hYmMvY29tcG9uZW50cy9kYXNoLWJvYXJkL3BhZ2UvbGlzdC9saXN0LmNvbXBvbmVudC5sZXNzIiwiZGVtby9zcmMvYXBwL3VpL2FiYy9jb21wb25lbnRzL2Rhc2gtYm9hcmQvcGFnZS9saXN0L2xpc3QuY29tcG9uZW50Lmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFFSSxhQUFBO0VBQ0EsV0FBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxPQUFBO0VBQ0EsTUFBQTtFQUNBLGFBQUE7QUNBSjtBRFJBO0VBVU0sZUFBQTtBQ0NOO0FEWEE7RUFjSSxZQUFBO0VBQ0EsYUFBQTtFQUNBLFdBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxzQkFBQTtFQUNBLGtCQUFBO0FDQUoiLCJmaWxlIjoiZGVtby9zcmMvYXBwL3VpL2FiYy9jb21wb25lbnRzL2Rhc2gtYm9hcmQvcGFnZS9saXN0L2xpc3QuY29tcG9uZW50Lmxlc3MiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XG4gIC5idG4td3JhcCB7XG4gICAgcGFkZGluZzogMXJlbTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IDA7XG4gICAgei1pbmRleDogMTAwMDtcbiAgICBzcGFuIHtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG4gIH1cbiAgLmNhcmQge1xuICAgIHdpZHRoOiA1MDBweDtcbiAgICBoZWlnaHQ6IDUwMHB4O1xuICAgIGZsb2F0OiBsZWZ0O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBtYXJnaW46IDFyZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIH1cbn1cbiIsIjpob3N0IC5idG4td3JhcCB7XG4gIHBhZGRpbmc6IDFyZW07XG4gIHdpZHRoOiAxMDAlO1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIHotaW5kZXg6IDEwMDA7XG59XG46aG9zdCAuYnRuLXdyYXAgc3BhbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbjpob3N0IC5jYXJkIHtcbiAgd2lkdGg6IDUwMHB4O1xuICBoZWlnaHQ6IDUwMHB4O1xuICBmbG9hdDogbGVmdDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBtYXJnaW46IDFyZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbiJdfQ== */"
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/page/list/list.component.ts":
/*!*******************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/page/list/list.component.ts ***!
\*******************************************************************************/
/*! exports provided: ListComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ListComponent", function() { return ListComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _services_dash_board_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../services/dash-board.service */ "./demo/src/app/ui/abc/components/dash-board/services/dash-board.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __importDefault = (undefined && undefined.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var ListComponent = /** @class */ (function () {
function ListComponent(dashBoardService, router) {
this.dashBoardService = dashBoardService;
this.router = router;
this.echartList = [];
}
ListComponent.prototype.ngOnInit = function () {
this.getEchartList();
};
ListComponent.prototype.getEchartList = function () {
var _this = this;
this.dashBoardService.getEchartList().subscribe(function (res) {
_this.echartList = res;
});
};
ListComponent.prototype.cardHandler = function (e) {
this.router.navigate(["/ui/abc/board/edit/" + e.id]);
};
ListComponent.prototype.echartClickHandler = function (e) {
console.log("我在echart上点了啥", e);
};
ListComponent.ctorParameters = function () { return [
{ type: _services_dash_board_service__WEBPACK_IMPORTED_MODULE_2__["DashBoardService"] },
{ type: _angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"] }
]; };
ListComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: "demo-list",
template: __importDefault(__webpack_require__(/*! raw-loader!./list.component.html */ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/dash-board/page/list/list.component.html")).default,
styles: [__importDefault(__webpack_require__(/*! ./list.component.less */ "./demo/src/app/ui/abc/components/dash-board/page/list/list.component.less")).default]
}),
__metadata("design:paramtypes", [_services_dash_board_service__WEBPACK_IMPORTED_MODULE_2__["DashBoardService"],
_angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]])
], ListComponent);
return ListComponent;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/page/map/map.component.less":
/*!*******************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/page/map/map.component.less ***!
\*******************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = ":host div {\n border-radius: 2px;\n}\n:host .gutter-box {\n background: #00a0e9;\n padding: 5px 0;\n}\n:host .cont {\n padding: 20px;\n box-sizing: border-box;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaWNreGluL2pzaGEvR2l0SHViL2tyZS1mb3JtL2RlbW8vc3JjL2FwcC91aS9hYmMvY29tcG9uZW50cy9kYXNoLWJvYXJkL3BhZ2UvbWFwL21hcC5jb21wb25lbnQubGVzcyIsImRlbW8vc3JjL2FwcC91aS9hYmMvY29tcG9uZW50cy9kYXNoLWJvYXJkL3BhZ2UvbWFwL21hcC5jb21wb25lbnQubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUVJLGtCQUFBO0FDQUo7QURGQTtFQUtJLG1CQUFBO0VBQ0EsY0FBQTtBQ0FKO0FETkE7RUFTSSxhQUFBO0VBQ0Esc0JBQUE7QUNBSiIsImZpbGUiOiJkZW1vL3NyYy9hcHAvdWkvYWJjL2NvbXBvbmVudHMvZGFzaC1ib2FyZC9wYWdlL21hcC9tYXAuY29tcG9uZW50Lmxlc3MiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XG4gIGRpdiB7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICB9XG4gIC5ndXR0ZXItYm94IHtcbiAgICBiYWNrZ3JvdW5kOiAjMDBhMGU5O1xuICAgIHBhZGRpbmc6IDVweCAwO1xuICB9XG4gIC5jb250IHtcbiAgICBwYWRkaW5nOiAyMHB4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIH1cbn1cbiIsIjpob3N0IGRpdiB7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cbjpob3N0IC5ndXR0ZXItYm94IHtcbiAgYmFja2dyb3VuZDogIzAwYTBlOTtcbiAgcGFkZGluZzogNXB4IDA7XG59XG46aG9zdCAuY29udCB7XG4gIHBhZGRpbmc6IDIwcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG4iXX0= */"
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/page/map/map.component.ts":
/*!*****************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/page/map/map.component.ts ***!
\*****************************************************************************/
/*! exports provided: MapComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MapComponent", function() { return MapComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __importDefault = (undefined && undefined.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var MapComponent = /** @class */ (function () {
function MapComponent() {
this.chartCondition = {
type: "Echart 封装type",
charttype: "原始type",
condition: "表单显示控制",
input: "表单项",
};
}
MapComponent.prototype.ngOnInit = function () { };
MapComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: "demo-map",
template: __importDefault(__webpack_require__(/*! raw-loader!./map.component.html */ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/dash-board/page/map/map.component.html")).default,
styles: [__importDefault(__webpack_require__(/*! ./map.component.less */ "./demo/src/app/ui/abc/components/dash-board/page/map/map.component.less")).default]
}),
__metadata("design:paramtypes", [])
], MapComponent);
return MapComponent;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/components/dash-board/services/dash-board.service.ts":
/*!**********************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/dash-board/services/dash-board.service.ts ***!
\**********************************************************************************/
/*! exports provided: DashBoardService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DashBoardService", function() { return DashBoardService; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _net_http_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../net/http.client */ "./demo/src/app/net/http.client.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __importDefault = (undefined && undefined.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
var DashBoardService = /** @class */ (function () {
function DashBoardService(http) {
this.http = http;
}
DashBoardService.prototype.getDataSource = function () {
return this.http.get("assets/mockData/abc/board/dataSource.json", null);
};
DashBoardService.prototype.getBoard = function (params) {
return this.http.get("assets/mockData/abc/board/echarts.json", null);
};
DashBoardService.prototype.getColor = function () {
return this.http.get("assets/mockData/abc/board/color.json", null);
};
DashBoardService.prototype.getEchartList = function () {
return this.http.get("assets/mockData/abc/board/list.json", null);
};
DashBoardService.ctorParameters = function () { return [
{ type: _net_http_client__WEBPACK_IMPORTED_MODULE_1__["_HttpClient"] }
]; };
DashBoardService = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])(),
__metadata("design:paramtypes", [_net_http_client__WEBPACK_IMPORTED_MODULE_1__["_HttpClient"]])
], DashBoardService);
return DashBoardService;
}());
/***/ }),
/***/ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.html":
/*!*******************************************************************************************************************************!*\
!*** ./node_modules/raw-loader!./demo/src/app/ui/abc/components/dash-board/components/data-source/data-source.component.html ***!
\*******************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "<!-- <div *ngFor=\"let item of dataSourceTitleList\">\n {{ item }}\n</div> -->\n<nz-radio-group [(ngModel)]=\"dataSourceTitle\">\n <div *ngFor=\"let item of dataSourceTitleList\">\n <label nz-radio nzValue=\"{{ item }}\">{{ item }}</label>\n </div>\n</nz-radio-group>\n"
/***/ }),
/***/ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/dash-board/dash-board.component.html":
/*!*******************************************************************************************************!*\
!*** ./node_modules/raw-loader!./demo/src/app/ui/abc/components/dash-board/dash-board.component.html ***!
\*******************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "<!-- <button nz-button nzType=\"link\" (click)=\"clearAll()\" class=\"btn-text\">\n 清空数据\n</button> -->\n<demo-board\n [term]=\"term\"\n [colorList]=\"colorList\"\n [echartsList]=\"echartsList\"\n [chartCondition]=\"chartCondition\"\n [dataSourceItem]=\"dataSourceItem\"\n [chartOptions]=\"chartOptions\"\n (changeDataSource)=\"changeDataSource($event)\"\n (changeEchartsParams)=\"changeEchartsParams($event)\"\n></demo-board>\n"
/***/ }),
/***/ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/dash-board/page/list/list.component.html":
/*!***********************************************************************************************************!*\
!*** ./node_modules/raw-loader!./demo/src/app/ui/abc/components/dash-board/page/list/list.component.html ***!
\***********************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "<ng-container *ngFor=\"let item of echartList\">\n <div class=\"card\">\n <div class=\"btn-wrap\">\n <span (click)=\"cardHandler(item)\"><i class=\"icon-Edit03\"></i></span>\n </div>\n <echart-dom\n [option]=\"item.chartOptions\"\n (echartClick)=\"echartClickHandler($event)\"\n ></echart-dom>\n </div>\n</ng-container>\n"
/***/ }),
/***/ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/dash-board/page/map/map.component.html":
/*!*********************************************************************************************************!*\
!*** ./node_modules/raw-loader!./demo/src/app/ui/abc/components/dash-board/page/map/map.component.html ***!
\*********************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "<div nz-row [nzGutter]=\"{ xs: 8, sm: 16, md: 24, lg: 32, xl: 32, xxl: 32 }\">\n <div\n nz-col\n nzSpan=\"24\"\n class=\"cont\"\n style=\"background-color: #eee; height: 800px\"\n >\n <div\n nz-row\n class=\"cont\"\n style=\"background-color: lightyellow; height: 750px\"\n >\n <div nz-col nzSpan=\"24\">\n <div>\n <demo-board [term] [colorList] [echartsList] [chartCondition]\n [dataSourceItem] [chartOptions] >\n </div>\n <div>colorList颜色列表，非echart里面color</div>\n <div\n nz-row\n [nzGutter]=\"{ xs: 8, sm: 16, md: 24, lg: 32, xl: 32, xxl: 32 }\"\n >\n <div nz-col nzSpan=\"3\" style=\"border: 1px solid gold; height: 680px\">\n slider\n <h4>dataSourceItem</h4>\n </div>\n <div\n nz-col\n nzSpan=\"15\"\n style=\"border: 1px solid gold; height: 680px; margin: 0 20px\"\n >\n <div>\n <h4>term:</h4>\n <p>row</p>\n <p>target</p>\n <p>condition</p>\n </div>\n <div style=\"background-color: lightpink; height: 500px\">\n <div><echart-demo [chartOptions]></div>\n </div>\n </div>\n <div\n nz-col\n nzSpan=\"5\"\n style=\"background-color: lightblue; height: 680px\"\n >\n <echart-options-dom [colorList] [echartsList]\n [(chartCondition)]>\n <p></p>\n <div style=\"border: 1px solid lightskyblue\">\n <h4>chartCondition</h4>\n <pre style=\"font-size: 10px\">{{ chartCondition | json }}</pre>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"
/***/ })
}]);
//# sourceMappingURL=components-dash-board-dash-board-module.js.map