kre-form
Version:
本项目由 Angular8+ 编写的表单设计器和表单应用，所有的配置都是 JSON 结构体组成,PC 端是基于 ANT 组件库封装
963 lines (902 loc) • 984 kB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["ui-abc-abc-module"],{
/***/ "./demo/src/app/ui/abc/abc.module.ts":
/*!*******************************************!*\
!*** ./demo/src/app/ui/abc/abc.module.ts ***!
\*******************************************/
/*! exports provided: UIABCModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UIABCModule", function() { return UIABCModule; });
/* 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_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ng-zorro-antd */ "./node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js");
/* harmony import */ var _kre_form_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @kre-form/core */ "./src/core/src/public_api.ts");
/* harmony import */ var _kre_form_ant__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @kre-form/ant */ "./src/ant/src/public_api.ts");
/* harmony import */ var _kre_form_abc__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @kre-form/abc */ "./src/abc/src/public_api.ts");
/* harmony import */ var _index_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./index.component */ "./demo/src/app/ui/abc/index.component.ts");
/* harmony import */ var _components_g6_g6_g6_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/g6/g6/g6.component */ "./demo/src/app/ui/abc/components/g6/g6/g6.component.ts");
/* harmony import */ var _components_data_flow_data_flow_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/data-flow/data-flow.component */ "./demo/src/app/ui/abc/components/data-flow/data-flow.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 };
};
// import { DataFlowModule } from "@kre-form/abc/src/lib/data-flow";
// import { BoardModule } from "@kre-form/abc/src/lib/board";
var entryComponents = [_index_component__WEBPACK_IMPORTED_MODULE_8__["UIABCComponent"], _components_g6_g6_g6_component__WEBPACK_IMPORTED_MODULE_9__["G6Component"], _components_data_flow_data_flow_component__WEBPACK_IMPORTED_MODULE_10__["DataFlowComponent"]];
var routes = [
{
path: "",
component: _index_component__WEBPACK_IMPORTED_MODULE_8__["UIABCComponent"],
},
{
path: "g6",
component: _components_g6_g6_g6_component__WEBPACK_IMPORTED_MODULE_9__["G6Component"],
},
{
path: "data-flow",
component: _components_data_flow_data_flow_component__WEBPACK_IMPORTED_MODULE_10__["DataFlowComponent"],
},
{
path: "board",
loadChildren: function () {
return __webpack_require__.e(/*! import() | components-dash-board-dash-board-module */ "components-dash-board-dash-board-module").then(__webpack_require__.bind(null, /*! ./components/dash-board/dash-board.module */ "./demo/src/app/ui/abc/components/dash-board/dash-board.module.ts")).then(function (m) { return m.DashBoardModule; });
},
},
{
path: "index",
component: _index_component__WEBPACK_IMPORTED_MODULE_8__["UIABCComponent"],
},
];
var UIABCModule = /** @class */ (function () {
function UIABCModule() {
}
UIABCModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
declarations: entryComponents.slice(),
entryComponents: entryComponents.slice(),
imports: [
ng_zorro_antd__WEBPACK_IMPORTED_MODULE_4__["NgZorroAntdModule"],
_angular_common__WEBPACK_IMPORTED_MODULE_1__["CommonModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormsModule"],
_kre_form_abc__WEBPACK_IMPORTED_MODULE_7__["DeonCodemirrorModule"],
_kre_form_abc__WEBPACK_IMPORTED_MODULE_7__["DataFlowModule"],
_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"].forChild(routes),
_angular_forms__WEBPACK_IMPORTED_MODULE_3__["ReactiveFormsModule"],
_kre_form_core__WEBPACK_IMPORTED_MODULE_5__["KreFormModule"].forConfig("84e1a5936fe23d544abc4c020703320f96dff20f0398b4332fc328c0a5cd789aa80406c6a280aebccfc4fe50bd9fa50e"),
_kre_form_core__WEBPACK_IMPORTED_MODULE_5__["KreFormModule"].forRoot(),
_kre_form_ant__WEBPACK_IMPORTED_MODULE_6__["KreFormAntModule"],
],
})
], UIABCModule);
return UIABCModule;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/commonService.ts":
/*!**********************************************!*\
!*** ./demo/src/app/ui/abc/commonService.ts ***!
\**********************************************/
/*! exports provided: TestCommonService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TestCommonService", function() { return TestCommonService; });
/* 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 TestCommonService = /** @class */ (function () {
function TestCommonService() {
}
TestCommonService.prototype.getAPI = function () {
return {
empName: {
templateOptions: {
required: true,
maxLength: 10,
},
value: "api",
},
};
};
TestCommonService = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])(),
__metadata("design:paramtypes", [])
], TestCommonService);
return TestCommonService;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/components/data-flow/data-flow.component.less":
/*!***************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/data-flow/data-flow.component.less ***!
\***************************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = ":host #stencil {\n width: 180px;\n height: 100%;\n position: relative;\n}\n:host .graph-wrap {\n width: calc(100% - 180px);\n}\n:host .graph-wrap .toolbar-wrap {\n height: 42px;\n line-height: 42px;\n}\n:host .graph-wrap .toolbar-wrap span {\n color: #111;\n margin: 0 10px;\n}\n:host .graph-wrap .toolbar-wrap .number {\n display: inline-block;\n width: 42px;\n}\n:host .graph-wrap .toolbar-wrap .line {\n color: #eee;\n}\n:host .graph-wrap .toolbar-wrap .toolbar-btn {\n cursor: pointer;\n font-weight: bold;\n padding: 0 10px;\n}\n:host .graph-wrap .toolbar-wrap .toolbar-btn-off {\n cursor: pointer;\n font-weight: bold;\n padding: 0 10px;\n cursor: default;\n color: #eee;\n}\n:host .graph-wrap .toolbar-wrap .on {\n cursor: pointer;\n color: #111;\n}\n:host .graph-wrap #graph-container {\n width: 100%;\n height: 100%;\n}\n:host .graph-wrap #minimap {\n position: absolute;\n right: 1rem;\n top: 1rem;\n background-color: rosybrown;\n}\n:host #container {\n display: flex;\n height: 500px;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaWNreGluL2pzaGEvR2l0SHViL2tyZS1mb3JtL2RlbW8vc3JjL2FwcC91aS9hYmMvY29tcG9uZW50cy9kYXRhLWZsb3cvZGF0YS1mbG93LmNvbXBvbmVudC5sZXNzIiwiZGVtby9zcmMvYXBwL3VpL2FiYy9jb21wb25lbnRzL2RhdGEtZmxvdy9kYXRhLWZsb3cuY29tcG9uZW50Lmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFFSSxZQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0FDQUo7QURKQTtFQVFJLHlCQUFBO0FDREo7QURQQTtFQVVNLFlBQUE7RUFDQSxpQkFBQTtBQ0FOO0FEWEE7RUFhUSxXQUFBO0VBQ0EsY0FBQTtBQ0NSO0FEZkE7RUFpQlEscUJBQUE7RUFDQSxXQUFBO0FDQ1I7QURuQkE7RUFxQlEsV0FBQTtBQ0NSO0FEdEJBO0VBd0JRLGVBQUE7RUFDQSxpQkFBQTtFQUNBLGVBQUE7QUNDUjtBRDNCQTtFQTZCUSxlQUFBO0VBQ0EsaUJBQUE7RUFDQSxlQUFBO0VBQ0EsZUFBQTtFQUNBLFdBQUE7QUNDUjtBRGxDQTtFQW9DUSxlQUFBO0VBQ0EsV0FBQTtBQ0NSO0FEdENBO0VBeUNNLFdBQUE7RUFDQSxZQUFBO0FDQU47QUQxQ0E7RUE2Q00sa0JBQUE7RUFDQSxXQUFBO0VBQ0EsU0FBQTtFQUNBLDJCQUFBO0FDQU47QURoREE7RUFxREksYUFBQTtFQUNBLGFBQUE7QUNGSiIsImZpbGUiOiJkZW1vL3NyYy9hcHAvdWkvYWJjL2NvbXBvbmVudHMvZGF0YS1mbG93L2RhdGEtZmxvdy5jb21wb25lbnQubGVzcyIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0IHtcbiAgI3N0ZW5jaWwge1xuICAgIHdpZHRoOiAxODBweDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB9XG5cbiAgLmdyYXBoLXdyYXAge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxODBweCk7XG4gICAgLnRvb2xiYXItd3JhcCB7XG4gICAgICBoZWlnaHQ6IDQycHg7XG4gICAgICBsaW5lLWhlaWdodDogNDJweDtcbiAgICAgIHNwYW4ge1xuICAgICAgICBjb2xvcjogIzExMTtcbiAgICAgICAgbWFyZ2luOiAwIDEwcHg7XG4gICAgICB9XG4gICAgICAubnVtYmVyIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICB3aWR0aDogNDJweDtcbiAgICAgIH1cbiAgICAgIC5saW5lIHtcbiAgICAgICAgY29sb3I6ICNlZWU7XG4gICAgICB9XG4gICAgICAudG9vbGJhci1idG4ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgICBwYWRkaW5nOiAwIDEwcHg7XG4gICAgICB9XG4gICAgICAudG9vbGJhci1idG4tb2ZmIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgcGFkZGluZzogMCAxMHB4O1xuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgIGNvbG9yOiAjZWVlO1xuICAgICAgfVxuICAgICAgLm9uIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBjb2xvcjogIzExMTtcbiAgICAgIH1cbiAgICB9XG4gICAgI2dyYXBoLWNvbnRhaW5lciB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG4gICAgI21pbmltYXAge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgcmlnaHQ6IDFyZW07XG4gICAgICB0b3A6IDFyZW07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByb3N5YnJvd247XG4gICAgfVxuICB9XG5cbiAgI2NvbnRhaW5lciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBoZWlnaHQ6IDUwMHB4O1xuICB9XG59XG4iLCI6aG9zdCAjc3RlbmNpbCB7XG4gIHdpZHRoOiAxODBweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG46aG9zdCAuZ3JhcGgtd3JhcCB7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAxODBweCk7XG59XG46aG9zdCAuZ3JhcGgtd3JhcCAudG9vbGJhci13cmFwIHtcbiAgaGVpZ2h0OiA0MnB4O1xuICBsaW5lLWhlaWdodDogNDJweDtcbn1cbjpob3N0IC5ncmFwaC13cmFwIC50b29sYmFyLXdyYXAgc3BhbiB7XG4gIGNvbG9yOiAjMTExO1xuICBtYXJnaW46IDAgMTBweDtcbn1cbjpob3N0IC5ncmFwaC13cmFwIC50b29sYmFyLXdyYXAgLm51bWJlciB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDQycHg7XG59XG46aG9zdCAuZ3JhcGgtd3JhcCAudG9vbGJhci13cmFwIC5saW5lIHtcbiAgY29sb3I6ICNlZWU7XG59XG46aG9zdCAuZ3JhcGgtd3JhcCAudG9vbGJhci13cmFwIC50b29sYmFyLWJ0biB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIHBhZGRpbmc6IDAgMTBweDtcbn1cbjpob3N0IC5ncmFwaC13cmFwIC50b29sYmFyLXdyYXAgLnRvb2xiYXItYnRuLW9mZiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIHBhZGRpbmc6IDAgMTBweDtcbiAgY3Vyc29yOiBkZWZhdWx0O1xuICBjb2xvcjogI2VlZTtcbn1cbjpob3N0IC5ncmFwaC13cmFwIC50b29sYmFyLXdyYXAgLm9uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogIzExMTtcbn1cbjpob3N0IC5ncmFwaC13cmFwICNncmFwaC1jb250YWluZXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuOmhvc3QgLmdyYXBoLXdyYXAgI21pbmltYXAge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxcmVtO1xuICB0b3A6IDFyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHJvc3licm93bjtcbn1cbjpob3N0ICNjb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDUwMHB4O1xufVxuIl19 */"
/***/ }),
/***/ "./demo/src/app/ui/abc/components/data-flow/data-flow.component.ts":
/*!*************************************************************************!*\
!*** ./demo/src/app/ui/abc/components/data-flow/data-flow.component.ts ***!
\*************************************************************************/
/*! exports provided: DataFlowComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DataFlowComponent", function() { return DataFlowComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var ng_zorro_antd_drawer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ng-zorro-antd/drawer */ "./node_modules/ng-zorro-antd/fesm5/ng-zorro-antd-drawer.js");
/* harmony import */ var ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ng-zorro-antd/modal */ "./node_modules/ng-zorro-antd/fesm5/ng-zorro-antd-modal.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 DataFlowComponent = /** @class */ (function () {
function DataFlowComponent(drawerService, modalService) {
this.drawerService = drawerService;
this.modalService = modalService;
this.menuList = [
{
title: "横向连接",
data: {
in: 2,
out: 1,
},
},
{
title: "追加合并",
data: {
in: 2,
out: 1,
},
},
{
title: "分组汇总",
data: {
in: 2,
out: 1,
},
},
{
title: "数据筛选",
data: {
in: 2,
out: 1,
},
},
{
title: "字段设置",
data: {
in: 2,
out: 1,
},
},
];
}
DataFlowComponent.prototype.ngOnInit = function () { };
DataFlowComponent.prototype.save = function () {
localStorage.setItem("graphJSON", JSON.stringify(this.cart.graph.toJSON()));
};
DataFlowComponent.prototype.showDrawer = function (label) {
console.log(label);
var drawerRef = this.drawerService.create({
nzTitle: "Component",
nzContent: this.drawerTemplate,
nzPlacement: "bottom",
});
};
DataFlowComponent.prototype.showModal = function (label) {
var modal = this.modalService.create({
nzTitle: "Modal Title",
nzContent: this.drawerTemplate,
});
};
DataFlowComponent.ctorParameters = function () { return [
{ type: ng_zorro_antd_drawer__WEBPACK_IMPORTED_MODULE_1__["NzDrawerService"] },
{ type: ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_2__["NzModalService"] }
]; };
__decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("cart", { static: false }),
__metadata("design:type", Object)
], DataFlowComponent.prototype, "cart", void 0);
__decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"])("drawerTemplate", { static: false }),
__metadata("design:type", _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"])
], DataFlowComponent.prototype, "drawerTemplate", void 0);
DataFlowComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: "aaa-data-flow",
template: __importDefault(__webpack_require__(/*! raw-loader!./data-flow.component.html */ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/data-flow/data-flow.component.html")).default,
styles: [__importDefault(__webpack_require__(/*! ./data-flow.component.less */ "./demo/src/app/ui/abc/components/data-flow/data-flow.component.less")).default]
}),
__metadata("design:paramtypes", [ng_zorro_antd_drawer__WEBPACK_IMPORTED_MODULE_1__["NzDrawerService"],
ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_2__["NzModalService"]])
], DataFlowComponent);
return DataFlowComponent;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/components/g6/g6/g6.component.scss":
/*!****************************************************************!*\
!*** ./demo/src/app/ui/abc/components/g6/g6/g6.component.scss ***!
\****************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJkZW1vL3NyYy9hcHAvdWkvYWJjL2NvbXBvbmVudHMvZzYvZzYvZzYuY29tcG9uZW50LnNjc3MifQ== */"
/***/ }),
/***/ "./demo/src/app/ui/abc/components/g6/g6/g6.component.ts":
/*!**************************************************************!*\
!*** ./demo/src/app/ui/abc/components/g6/g6/g6.component.ts ***!
\**************************************************************/
/*! exports provided: G6Component */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "G6Component", function() { return G6Component; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _services_graph_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../services/graph.service */ "./demo/src/app/ui/abc/services/graph.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 G6Component = /** @class */ (function () {
function G6Component(graphService) {
this.graphService = graphService;
this.treeData = {
id: "manufacture",
label: "姓名",
data: {
type: "b",
},
children: [
{
id: "fieldNameinputIsSpec",
label: "特定值",
data: {
type: "b",
},
},
],
};
this.childData = {
id: "g1",
name: "入职",
value: "",
rule: "666666666",
itemType: "",
edit: true,
required: false,
children: [
{
id: "g11",
name: "工号",
value: "011",
rule: "最多50个字符<br />工号规则<br />字母、数字、下划线",
itemType: "字符串",
edit: true,
required: false,
},
{
id: "g13",
name: "姓名",
value: "zdn",
rule: "最多50个字符<br />字母、汉字、数字符号",
itemType: "字符串",
edit: true,
required: false,
},
{
id: "g12",
name: "拼音",
value: "dongningzhang",
rule: "纯英文",
itemType: "字符串",
edit: true,
required: false,
},
{
id: "g14",
name: "是否外籍",
value: "否",
rule: "单选",
itemType: "下拉框",
edit: true,
required: false,
children: [
{
id: "g141",
name: "否",
rule: "",
itemType: "",
edit: true,
required: false,
children: [
{
id: "g1411",
name: "证件类型",
value: "",
rule: "",
itemType: "",
edit: true,
required: true,
},
{
id: "g1412",
name: "证件号",
value: "",
rule: "",
itemType: "",
edit: true,
required: true,
children: [
{
id: "g14121",
name: "身份证",
value: "",
rule: "",
itemType: "",
edit: true,
required: false,
children: [
{
id: "g141211",
name: "性别",
value: "",
rule: "",
itemType: "",
edit: true,
required: false,
},
{
id: "g141212",
name: "出生日期",
value: "",
rule: "",
itemType: "",
edit: true,
required: false,
children: [
{
id: "g1412121",
name: "年龄",
value: "",
rule: "出生年份<当前年份时，年龄=当前年份-出生年份<br />出生年份=当前年份且出生月<=当前月，年龄的值为1<br />出生年月>当前年月时，年龄的值为0<br />修改出生日期中的年份时，年龄自动更新",
itemType: "",
edit: false,
required: false,
},
],
},
{
id: "g141213",
name: "年龄",
value: "",
rule: "修改身份证号中的年份时，年龄自动更新",
itemType: "",
edit: false,
required: false,
},
],
},
],
},
],
},
],
},
{
id: "g15",
name: "入职日期",
rule: "",
itemType: "日期时间型",
edit: true,
required: false,
children: [
{ id: "g151", name: "司龄", rule: "", itemType: "", edit: false },
{
id: "g152",
name: "试用期开始日期",
value: "",
rule: "",
itemType: "",
edit: true,
required: false,
},
],
},
{
id: "g16",
name: "职位",
rule: "",
itemType: "lookup",
edit: true,
required: false,
children: [
{
id: "g161",
name: "部门",
rule: "",
itemType: "",
edit: false,
required: false,
},
{
id: "g162",
name: "职能",
rule: "",
itemType: "",
edit: false,
required: false,
},
],
},
{
id: "g17",
name: "是否在试用期",
value: "",
rule: "单选",
itemType: "",
edit: true,
required: true,
children: [
{
id: "g171",
name: "是",
isValueChange: true,
value: "",
rule: "",
itemType: "",
edit: true,
required: false,
children: [
{
id: "g1710",
name: "试用期结束日期",
value: "",
rule: "",
itemType: "",
edit: true,
required: true,
},
{
id: "g1711",
name: "试用期开始日期",
value: "",
rule: "",
itemType: "",
edit: true,
required: true,
children: [
{
id: "g17111",
name: "试用期结束日期",
value: "",
rule: "",
itemType: "",
edit: true,
required: false,
},
],
},
{
id: "g1712",
name: "试用期期限(月)",
value: "",
rule: "",
itemType: "",
edit: true,
required: true,
children: [
{
id: "g17121",
name: "试用期结束日期",
value: "",
rule: "",
itemType: "",
edit: true,
required: false,
},
],
},
],
},
{
id: "g172",
name: "否",
isValueChange: true,
value: "",
rule: "",
itemType: "",
edit: true,
required: false,
children: [
{
id: "g1721",
name: "试用期结束日期",
value: "",
rule: "",
itemType: "",
edit: false,
required: false,
},
{
id: "g1722",
name: "试用期开始日期",
value: "",
rule: "",
itemType: "",
edit: false,
required: false,
},
{
id: "g1723",
name: "试用期期限(月)",
value: "",
rule: "",
itemType: "",
edit: false,
required: false,
},
],
},
],
},
],
};
this.addData = {
id: "空",
label: "空",
};
}
G6Component.prototype.ngOnInit = function () {
this.graphService.gragh("container", this.childData);
};
G6Component.ctorParameters = function () { return [
{ type: _services_graph_service__WEBPACK_IMPORTED_MODULE_1__["GraphService"] }
]; };
G6Component = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: "demo-g6",
template: __importDefault(__webpack_require__(/*! raw-loader!./g6.component.html */ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/components/g6/g6/g6.component.html")).default,
providers: [_services_graph_service__WEBPACK_IMPORTED_MODULE_1__["GraphService"]],
styles: [__importDefault(__webpack_require__(/*! ./g6.component.scss */ "./demo/src/app/ui/abc/components/g6/g6/g6.component.scss")).default]
}),
__metadata("design:paramtypes", [_services_graph_service__WEBPACK_IMPORTED_MODULE_1__["GraphService"]])
], G6Component);
return G6Component;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/index.component.less":
/*!**************************************************!*\
!*** ./demo/src/app/ui/abc/index.component.less ***!
\**************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = ":host ::ng-deep {\n padding: 0;\n display: inline-block;\n width: 90%;\n overflow-x: hidden;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaWNreGluL2pzaGEvR2l0SHViL2tyZS1mb3JtL2RlbW8vc3JjL2FwcC91aS9hYmMvaW5kZXguY29tcG9uZW50Lmxlc3MiLCJkZW1vL3NyYy9hcHAvdWkvYWJjL2luZGV4LmNvbXBvbmVudC5sZXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsVUFBQTtFQUNBLHFCQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0FDQ0YiLCJmaWxlIjoiZGVtby9zcmMvYXBwL3VpL2FiYy9pbmRleC5jb21wb25lbnQubGVzcyIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0IDo6bmctZGVlcCB7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDkwJTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xufVxuIiwiOmhvc3QgOjpuZy1kZWVwIHtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogOTAlO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG59XG4iXX0= */"
/***/ }),
/***/ "./demo/src/app/ui/abc/index.component.ts":
/*!************************************************!*\
!*** ./demo/src/app/ui/abc/index.component.ts ***!
\************************************************/
/*! exports provided: UIABCComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UIABCComponent", function() { return UIABCComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _commonService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./commonService */ "./demo/src/app/ui/abc/commonService.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 UIABCComponent = /** @class */ (function () {
function UIABCComponent() {
this.codeMirrorOptions = {};
this.text = "";
this.value =
// "VERIFICATION(X,1,1,0)";
// "";
"ABNORMALHD( $_widget_leavebatch.employeeleaveapply# / $_widget_school_start# , $_widget_gender# )";
// "ABNORMALHD($_widget_leavebatch.employeeleaveapply#$_widget_gender#)";
this.fieldData = {
formFields: [
//{ key: "name", label: "姓名", type: "text" },
// { key: "leavebatch$employeeleaveapply", label: "年龄", type: "number" },
{ key: "gender", label: "性别", type: "select" },
{ key: "phone_number", label: "手机号码", type: "text" },
{ key: "address", label: "家庭地址", type: "text" },
],
tableList: [
{
key: "school",
label: "教育经历",
fields: [
{
key: "leavebatch.employeeleaveapply",
label: "年龄",
type: "number",
},
{ key: "school_start", label: "教育开始日期", type: "datetime" },
{ key: "school_end", label: "教育结束日期", type: "datetime" },
],
},
],
};
}
UIABCComponent.prototype.ngAfterViewInit = function () {
this.codeMirrorOptions = {
autoCloseBrackets: true,
keywords: [],
textWrapping: true,
lineWrapping: true,
lineNumbers: false,
matchBrackets: true,
specialChars: /[\u0000-\u001f\u007f\u00ad\u200c-\u200f\u2028\u2029\ufeff]/,
mode: "formula",
labelMap: null,
};
};
UIABCComponent.prototype.textChange = function (e) {
console.log(this.value);
console.log(JSON.stringify(e));
};
UIABCComponent.prototype.test = function () {
// console.log(JSON.stringify(this.value));
// console.log(this.value);
// this.value = null;
};
UIABCComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: "ui-bac",
template: __importDefault(__webpack_require__(/*! raw-loader!./index.component.html */ "./node_modules/raw-loader/index.js!./demo/src/app/ui/abc/index.component.html")).default,
providers: [_commonService__WEBPACK_IMPORTED_MODULE_1__["TestCommonService"]],
styles: [__importDefault(__webpack_require__(/*! ./index.component.less */ "./demo/src/app/ui/abc/index.component.less")).default]
})
], UIABCComponent);
return UIABCComponent;
}());
/***/ }),
/***/ "./demo/src/app/ui/abc/services/graph.service.ts":
/*!*******************************************************!*\
!*** ./demo/src/app/ui/abc/services/graph.service.ts ***!
\*******************************************************/
/*! exports provided: GraphService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GraphService", function() { return GraphService; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _antv_g6__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @antv/g6 */ "./node_modules/@antv/g6/dist/g6.min.js");
/* harmony import */ var _antv_g6__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_antv_g6__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.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 GraphService = /** @class */ (function () {
function GraphService() {
this.colorMap = {
字符串: "#72CC4A",
下拉框: "#1A91FF",
default: "#FFAA15",
};
this.config = {
bgColor: "#fff",
borderColor: "#ccc",
editColor: "#eee",
fontColor: "#111",
requiredColor: "red",
};
}
GraphService.prototype.g6set = function () {
var that = this;
_antv_g6__WEBPACK_IMPORTED_MODULE_1___default.a.registerEdge("step-line", {
getControlPoints: function getControlPoints(cfg) {
var startPoint = cfg.startPoint;
var endPoint = cfg.endPoint;
return [
startPoint,
{
x: startPoint.x,
y: endPoint.y,
},
endPoint,
];
},
}, "polyline");
_antv_g6__WEBPACK_IMPORTED_MODULE_1___default.a.registerNode("round-rect", {
drawShape: function drawShape(cfg, group) {
var width = cfg.style.width;
var stroke = cfg.style.stroke;
var rect = group.addShape("rect", {
attrs: {
x: -width / 2,
y: -15,
width: width,
height: 30,
radius: 15,
stroke: stroke,
lineWidth: 1.2,
fillOpacity: 1,
},
name: "rect-shape",
});
group.addShape("circle", {
attrs: {
x: -width / 2,
y: 0,
r: 3,
fill: stroke,
},
name: "circle-shape",
});
group.addShape("circle", {
attrs: {
x: width / 2,
y: 0,
r: 3,
fill: stroke,
},
name: "circle-shape2",
});
return rect;
},
getAnchorPoints: function getAnchorPoints() {
return [
[0, 0.5],
[1, 0.5],
];
},
update: function update(cfg, item) {
var group = item.getContainer();
var children = group.get("children");
var node = children[0];
var circleLeft = children[1];
var circleRight = children[2];
var stroke = cfg.style.stroke;
if (stroke) {
node.attr("stroke", stroke);
circleLeft.attr("fill", stroke);
circleRight.attr("fill", stroke);
}
},
}, "single-node");
_antv_g6__WEBPACK_IMPORTED_MODULE_1___default.a.registerEdge("fund-polyline", {
itemType: "edge",
draw: function draw(cfg, group) {
var startPoint = cfg.startPoint;
var endPoint = cfg.endPoint;
var Ydiff = endPoint.y - startPoint.y;
console.log(startPoint, endPoint, "Ydiff", Ydiff);
var slope = Ydiff !== 0 ? Math.min(500 / Math.abs(Ydiff), 20) : 0;
var cpOffset = slope > 15 ? 0 : 16;
var offset = Ydiff < 0 ? cpOffset : -cpOffset;
var line1EndPoint = {
x: startPoint.x + slope,
y: endPoint.y + offset,
};
var line2StartPoint = {
x: line1EndPoint.x + cpOffset,
y: endPoint.y,
};
// 控制点坐标
var controlPoint = {
x: ((line1EndPoint.x - startPoint.x) * (endPoint.y - startPoint.y)) /
(line1EndPoint.y - startPoint.y) +
startPoint.x,
y: endPoint.y,
};
var path = [
["M", startPoint.x + 30, startPoint.y + 30],
["L", line1EndPoint.x + 30, line1EndPoint.y + 30],
["L", endPoint.x + 30, endPoint.y + 30],
];
if (Math.abs(Ydiff) <= 5) {
path = [
["M", startPoint.x + 30, startPoint.y + 30],
["L", endPoint.x + 30, endPoint.y + 30],
];
}
var endArrow = false;
var line = group.addShape("path", {
attrs: {
path: path,
// stroke: that.colorMap[cfg.sourceNode['_cfg'].model.data.type],
stroke: "#ccc",
lineWidth: 2,
endArrow: endArrow,
},
name: "path-shape",
});
// const labelLeftOffset = 0;
// const labelTopOffset = 8;
// const amount = group.addShape('text', {
// attrs: {
// // text: cfg.sourceNode['_cfg'].model.data.type,
// text: 'aa',
// x: line2StartPoint.x + labelLeftOffset,
// y: endPoint.y - labelTopOffset - 2,
// fontSize: 14,
// textAlign: 'left',
// textBaseline: 'middle',
// fill: '#000000D9',
// },
// name: 'text-shape-amount',
// });
return line;
},
});
_antv_g6__WEBPACK_IMPORTED_MODULE_1___default.a.registerNode("card-node", {
draw: function (cfg, group) {
var w = 243, h = 64;
if (!!cfg.isValueChange) {
var keyShape = group.addShape("path", {
attrs: {
path: this.getPath(cfg),
fill: that.config.bgColor,
stroke: that.config.borderColor,
},
name: "path-shape",
draggable: true,
});
var label = group.addShape("text", {
// attrs: style
attrs: {
x: 0,
y: 0,
textAlign: "center",
textBaseline: "middle",
text: cfg.name,
fill: "#666",
},
name: "text-shape",
draggable: true,
});
return keyShape;
}
else {
var container = group.addShape("rect", {