@sunspirytus/xflow-core 1.0.52

package/lib/command-contributions/graph/graph-render.js

@@ -0,0 +1,360 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphRenderCommand = exports.NsGraphRender = exports.NsGraphUtils = void 0;
+var tslib_1 = require("tslib");
+var lodash_1 = require("lodash");
+var mana_syringe_1 = require("mana-syringe");
+var constant_1 = require("../constant");
+var interface_1 = require("../../command/interface");
+var NsGraphUtils;
+(function (NsGraphUtils) {
+    function isNodeEqual(curNodeConfig, nextNodeConfig) {
+        /** XFlow默认的判断节点是否相等的逻辑 */
+        return (0, lodash_1.isEqual)(curNodeConfig, nextNodeConfig);
+    }
+    NsGraphUtils.isNodeEqual = isNodeEqual;
+    function isEdgeEqual(curEdgeConfig, nextEdgeConfig) {
+        /** XFlow默认的判断边是否相等的逻辑 */
+        return (0, lodash_1.isEqual)(curEdgeConfig, nextEdgeConfig);
+    }
+    NsGraphUtils.isEdgeEqual = isEdgeEqual;
+})(NsGraphUtils = exports.NsGraphUtils || (exports.NsGraphUtils = {}));
+var NsGraphRender;
+(function (NsGraphRender) {
+    /** Command: 用于注册named factory */
+    NsGraphRender.command = constant_1.XFlowGraphCommands.GRAPH_RENDER;
+    /** hookName */
+    NsGraphRender.hookKey = 'graphRender';
+})(NsGraphRender = exports.NsGraphRender || (exports.NsGraphRender = {}));
+var GraphRenderCommand = /** @class */ (function () {
+    /** 画布渲染命令 */
+    function GraphRenderCommand() {
+        var _this = this;
+        this.execute = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var _a, args, runtimeHook, hooks, result;
+            var _this = this;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.ctx.getArgs(), args = _a.args, runtimeHook = _a.hooks;
+                        hooks = this.ctx.getHooks();
+                        return [4 /*yield*/, hooks.graphRender.call(args, function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var x6Graph, graphMeta, beforeRender, graphData, isNodeEqual, isEdgeEqual, afterRender;
+                                return tslib_1.__generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0: return [4 /*yield*/, this.ctx.getX6Graph()];
+                                        case 1:
+                                            x6Graph = _a.sent();
+                                            return [4 /*yield*/, this.ctx.getGraphMeta()];
+                                        case 2:
+                                            graphMeta = _a.sent();
+                                            beforeRender = handlerArgs.beforeRender, graphData = handlerArgs.graphData, isNodeEqual = handlerArgs.isNodeEqual, isEdgeEqual = handlerArgs.isEdgeEqual, afterRender = handlerArgs.afterRender;
+                                            /** 如果用户自定义beforeRender方法 */
+                                            beforeRender && beforeRender(graphMeta);
+                                            return [4 /*yield*/, this.doLoadGraph(x6Graph, graphData, isNodeEqual, isEdgeEqual)
+                                                /** 如果用户自定义afterRender方法 */
+                                            ];
+                                        case 3:
+                                            _a.sent();
+                                            /** 如果用户自定义afterRender方法 */
+                                            afterRender && afterRender(graphData, graphMeta);
+                                            return [2 /*return*/, {}];
+                                    }
+                                });
+                            }); }, runtimeHook)
+                            /** 设置结果 */
+                        ];
+                    case 1:
+                        result = _b.sent();
+                        /** 设置结果 */
+                        this.ctx.setResult(result);
+                        return [2 /*return*/, this];
+                }
+            });
+        }); };
+        this.undo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                this.ctx.undo();
+                return [2 /*return*/, this];
+            });
+        }); };
+        this.redo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!!this.ctx.isUndoable) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.execute()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, this];
+                }
+            });
+        }); };
+        this.doLoadGraph = function (x6Graph, graphData, isNodeEqual, isEdgeEqual) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var commandService, _a, addNodeConfigs, addEdgeConfigs, 
+            // retainNodes,
+            // retainEdges,
+            removeNodes, removeEdges, updateNodes, updateEdges, _i, updateNodes_1, updateNode, nodeData, _b, updateEdges_1, updateEdge, edgeData, _c, addNodeConfigs_1, nodeConfig, _d, addEdgeConfigs_1, edgeConfig, _e, removeNodes_1, removeNode, nodeData, _f, removeEdges_1, removeEdge, edgeData;
+            var _this = this;
+            return tslib_1.__generator(this, function (_g) {
+                switch (_g.label) {
+                    case 0:
+                        if (!(x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.isFrozen())) {
+                            x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.freeze();
+                        }
+                        commandService = this.ctx.getCommands();
+                        _a = this.graphDataDiff(x6Graph, graphData, isNodeEqual, isEdgeEqual), addNodeConfigs = _a.addNodeConfigs, addEdgeConfigs = _a.addEdgeConfigs, removeNodes = _a.removeNodes, removeEdges = _a.removeEdges, updateNodes = _a.updateNodes, updateEdges = _a.updateEdges;
+                        _i = 0, updateNodes_1 = updateNodes;
+                        _g.label = 1;
+                    case 1:
+                        if (!(_i < updateNodes_1.length)) return [3 /*break*/, 4];
+                        updateNode = updateNodes_1[_i];
+                        nodeData = updateNode === null || updateNode === void 0 ? void 0 : updateNode.getData();
+                        return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowNodeCommands.UPDATE_NODE.id, {
+                                nodeConfig: nodeData,
+                            })];
+                    case 2:
+                        _g.sent();
+                        _g.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4:
+                        _b = 0, updateEdges_1 = updateEdges;
+                        _g.label = 5;
+                    case 5:
+                        if (!(_b < updateEdges_1.length)) return [3 /*break*/, 8];
+                        updateEdge = updateEdges_1[_b];
+                        edgeData = updateEdge === null || updateEdge === void 0 ? void 0 : updateEdge.getData();
+                        return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowEdgeCommands.UPDATE_EDGE.id, {
+                                edgeConfig: edgeData,
+                            })];
+                    case 6:
+                        _g.sent();
+                        _g.label = 7;
+                    case 7:
+                        _b++;
+                        return [3 /*break*/, 5];
+                    case 8:
+                        _c = 0, addNodeConfigs_1 = addNodeConfigs;
+                        _g.label = 9;
+                    case 9:
+                        if (!(_c < addNodeConfigs_1.length)) return [3 /*break*/, 12];
+                        nodeConfig = addNodeConfigs_1[_c];
+                        return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowNodeCommands.ADD_NODE.id, {
+                                nodeConfig: nodeConfig,
+                                options: {
+                                    isRenderGraph: true,
+                                },
+                            }, {
+                                name: 'remove servcie',
+                                handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                    return tslib_1.__generator(this, function (_a) {
+                                        delete args.createNodeService;
+                                        return [2 /*return*/];
+                                    });
+                                }); },
+                            })];
+                    case 10:
+                        _g.sent();
+                        _g.label = 11;
+                    case 11:
+                        _c++;
+                        return [3 /*break*/, 9];
+                    case 12: return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowGroupCommands.INIT_GROUP.id, {
+                            graphData: { nodes: addNodeConfigs, edges: [] },
+                        })];
+                    case 13:
+                        _g.sent();
+                        _d = 0, addEdgeConfigs_1 = addEdgeConfigs;
+                        _g.label = 14;
+                    case 14:
+                        if (!(_d < addEdgeConfigs_1.length)) return [3 /*break*/, 17];
+                        edgeConfig = addEdgeConfigs_1[_d];
+                        return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowEdgeCommands.ADD_EDGE.id, {
+                                edgeConfig: edgeConfig,
+                                options: {
+                                    isRenderGraph: true,
+                                },
+                            }, {
+                                name: 'remove servcie',
+                                handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                    return tslib_1.__generator(this, function (_a) {
+                                        delete args.createEdgeService;
+                                        return [2 /*return*/];
+                                    });
+                                }); },
+                            })];
+                    case 15:
+                        _g.sent();
+                        _g.label = 16;
+                    case 16:
+                        _d++;
+                        return [3 /*break*/, 14];
+                    case 17:
+                        _e = 0, removeNodes_1 = removeNodes;
+                        _g.label = 18;
+                    case 18:
+                        if (!(_e < removeNodes_1.length)) return [3 /*break*/, 23];
+                        removeNode = removeNodes_1[_e];
+                        nodeData = removeNode === null || removeNode === void 0 ? void 0 : removeNode.getData();
+                        if (!nodeData.isGroup) return [3 /*break*/, 20];
+                        return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowGroupCommands.DEL_GROUP.id, {
+                                nodeConfig: nodeData,
+                            })];
+                    case 19:
+                        _g.sent();
+                        return [3 /*break*/, 22];
+                    case 20: return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowNodeCommands.DEL_NODE.id, { nodeConfig: nodeData })];
+                    case 21:
+                        _g.sent();
+                        _g.label = 22;
+                    case 22:
+                        _e++;
+                        return [3 /*break*/, 18];
+                    case 23:
+                        _f = 0, removeEdges_1 = removeEdges;
+                        _g.label = 24;
+                    case 24:
+                        if (!(_f < removeEdges_1.length)) return [3 /*break*/, 27];
+                        removeEdge = removeEdges_1[_f];
+                        edgeData = removeEdge === null || removeEdge === void 0 ? void 0 : removeEdge.getData();
+                        return [4 /*yield*/, commandService.executeCommand(constant_1.XFlowEdgeCommands.DEL_EDGE.id, { edgeConfig: edgeData })];
+                    case 25:
+                        _g.sent();
+                        _g.label = 26;
+                    case 26:
+                        _f++;
+                        return [3 /*break*/, 24];
+                    case 27:
+                        if (x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.isFrozen()) {
+                            x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.unfreeze();
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+    }
+    GraphRenderCommand.prototype.init = function () {
+        this.ctx = this.contextProvider();
+    };
+    GraphRenderCommand.prototype.isUndoable = function () {
+        return this.ctx.isUndoable();
+    };
+    /**
+     * 画布内容Diff
+     * @param x6Graph x6画布实例
+     * @param graphData 画布数据
+     * @param isNodeEqual 允许用户自定义判断节点是否相等
+     * @param isEdgeEqual 允许用户自定义判断边是否相等
+     */
+    GraphRenderCommand.prototype.graphDataDiff = function (x6Graph, graphData, isNodeEqual, isEdgeEqual) {
+        var nodeConfigs = graphData.nodes, edgeConfigs = graphData.edges;
+        /** 新增节点数据 */
+        var addNodeConfigs = [];
+        nodeConfigs.forEach(function (nodeConfig) {
+            var findNode = x6Graph.getCellById(nodeConfig === null || nodeConfig === void 0 ? void 0 : nodeConfig.id);
+            if (!findNode) {
+                addNodeConfigs.push(nodeConfig);
+            }
+        });
+        /** 保持、更新、移除节点 */
+        var retainNodes = [];
+        var updateNodes = [];
+        var removeNodes = [];
+        var allNodes = x6Graph.getNodes();
+        allNodes.forEach(function (x6Node) {
+            var findNodeConfig = nodeConfigs.find(function (nodeConfig) { return (nodeConfig === null || nodeConfig === void 0 ? void 0 : nodeConfig.id) === (x6Node === null || x6Node === void 0 ? void 0 : x6Node.id); });
+            if (!findNodeConfig) {
+                removeNodes.push(x6Node);
+            }
+            else {
+                var judgeResult = true;
+                if (isNodeEqual) {
+                    /** 如果用户自定义节点是否相等的方法 */
+                    judgeResult = isNodeEqual(x6Node === null || x6Node === void 0 ? void 0 : x6Node.data, findNodeConfig);
+                }
+                else {
+                    /** XFlow默认的判断节点是否相等的逻辑 */
+                    if ((x6Node === null || x6Node === void 0 ? void 0 : x6Node.data) && findNodeConfig) {
+                        judgeResult = NsGraphUtils.isNodeEqual(x6Node === null || x6Node === void 0 ? void 0 : x6Node.data, findNodeConfig);
+                    }
+                }
+                if (!judgeResult) {
+                    x6Node.setData(findNodeConfig, {
+                        deep: false,
+                    });
+                }
+                judgeResult === true ? retainNodes.push(x6Node) : updateNodes.push(x6Node);
+            }
+        });
+        /** 新增边数据 */
+        var addEdgeConfigs = [];
+        edgeConfigs.forEach(function (edgeConfig) {
+            var findEdge = x6Graph.getCellById(edgeConfig === null || edgeConfig === void 0 ? void 0 : edgeConfig.id);
+            if (!findEdge) {
+                addEdgeConfigs.push(edgeConfig);
+            }
+        });
+        /** 保持、更新、移除节点 */
+        var retainEdges = [];
+        var updateEdges = [];
+        var removeEdges = [];
+        var allEdges = x6Graph.getEdges();
+        allEdges.forEach(function (x6Edge) {
+            var findEdgeConfig = edgeConfigs.find(function (edgeConfig) { return (edgeConfig === null || edgeConfig === void 0 ? void 0 : edgeConfig.id) === (x6Edge === null || x6Edge === void 0 ? void 0 : x6Edge.id); });
+            if (!findEdgeConfig) {
+                removeEdges.push(x6Edge);
+            }
+            else {
+                var judgeResult = true;
+                if (isEdgeEqual) {
+                    /** 如果用户自定义边是否相等的方法 */
+                    judgeResult = isEdgeEqual(x6Edge === null || x6Edge === void 0 ? void 0 : x6Edge.data, findEdgeConfig);
+                }
+                else {
+                    /** XFlow默认的判断边是否相等的逻辑 */
+                    if ((x6Edge === null || x6Edge === void 0 ? void 0 : x6Edge.data) && findEdgeConfig) {
+                        judgeResult = NsGraphUtils.isEdgeEqual(x6Edge === null || x6Edge === void 0 ? void 0 : x6Edge.data, findEdgeConfig);
+                    }
+                }
+                if (!judgeResult) {
+                    x6Edge.setData(findEdgeConfig, {
+                        deep: false,
+                    });
+                }
+                judgeResult === true ? retainEdges.push(x6Edge) : updateEdges.push(x6Edge);
+            }
+        });
+        return {
+            addNodeConfigs: addNodeConfigs,
+            addEdgeConfigs: addEdgeConfigs,
+            retainNodes: retainNodes,
+            retainEdges: retainEdges,
+            removeNodes: removeNodes,
+            removeEdges: removeEdges,
+            updateNodes: updateNodes,
+            updateEdges: updateEdges,
+        };
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.ICommandContextProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], GraphRenderCommand.prototype, "contextProvider", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.postConstruct)(),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", []),
+        tslib_1.__metadata("design:returntype", void 0)
+    ], GraphRenderCommand.prototype, "init", null);
+    GraphRenderCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsGraphRender.command.id },
+        })
+        /** 画布渲染命令 */
+    ], GraphRenderCommand);
+    return GraphRenderCommand;
+}());
+exports.GraphRenderCommand = GraphRenderCommand;
+//# sourceMappingURL=graph-render.js.map

package/lib/command-contributions/graph/graph-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-render.js","sourceRoot":"","sources":["../../../src/command-contributions/graph/graph-render.ts"],"names":[],"mappings":";;;;AAMA,iCAAgC;AAChC,6CAAgE;AAChE,wCAKoB;AACpB,qDAAkF;AAIlF,IAAiB,YAAY,CAgB5B;AAhBD,WAAiB,YAAY;IAC3B,SAAgB,WAAW,CACzB,aAAkC,EAClC,cAAmC;QAEnC,0BAA0B;QAC1B,OAAO,IAAA,gBAAO,EAAC,aAAa,EAAE,cAAc,CAAC,CAAA;IAC/C,CAAC;IANe,wBAAW,cAM1B,CAAA;IAED,SAAgB,WAAW,CACzB,aAAkC,EAClC,cAAmC;QAEnC,yBAAyB;QACzB,OAAO,IAAA,gBAAO,EAAC,aAAa,EAAE,cAAc,CAAC,CAAA;IAC/C,CAAC;IANe,wBAAW,cAM1B,CAAA;AACH,CAAC,EAhBgB,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAgB5B;AAED,IAAiB,aAAa,CAoC7B;AApCD,WAAiB,aAAa;IAC5B,iCAAiC;IACpB,qBAAO,GAAG,6BAAkB,CAAC,YAAY,CAAA;IACtD,eAAe;IACF,qBAAO,GAAG,aAAa,CAAA;AAgCtC,CAAC,EApCgB,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAoC7B;AAMD;IADA,aAAa;IACb;QAAA,iBAmQC;QAzPC,YAAO,GAAG;;;;;;wBACF,KAA+B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,EAA/C,IAAI,UAAA,EAAS,WAAW,WAAA,CAAuB;wBACjD,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;wBAElB,qBAAM,KAAK,CAAC,WAAW,CAAC,IAAI,CACzC,IAAI,EACJ,UAAM,WAAW;;;;gDACC,qBAAM,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,EAAA;;4CAArC,OAAO,GAAG,SAA2B;4CACzB,qBAAM,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,EAAA;;4CAAzC,SAAS,GAAG,SAA6B;4CACvC,YAAY,GAAuD,WAAW,aAAlE,EAAE,SAAS,GAA4C,WAAW,UAAvD,EAAE,WAAW,GAA+B,WAAW,YAA1C,EAAE,WAAW,GAAkB,WAAW,YAA7B,EAAE,WAAW,GAAK,WAAW,YAAhB,CAAgB;4CAEtF,4BAA4B;4CAC5B,YAAY,IAAI,YAAY,CAAC,SAAS,CAAC,CAAA;4CAEvC,qBAAM,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC;gDAEpE,2BAA2B;8CAFyC;;4CAApE,SAAoE,CAAA;4CAEpE,2BAA2B;4CAC3B,WAAW,IAAI,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;4CAEhD,sBAAO,EAAE,EAAA;;;iCACV,EACD,WAAW,CACZ;4BAED,WAAW;0BAFV;;wBAlBK,MAAM,GAAG,SAkBd;wBAED,WAAW;wBACX,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;wBAE1B,sBAAO,IAAI,EAAA;;;aACZ,CAAA;QAED,SAAI,GAAG;;gBACL,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;gBACf,sBAAO,IAAI,EAAA;;aACZ,CAAA;QAED,SAAI,GAAG;;;;6BACD,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAApB,wBAAoB;wBACtB,qBAAM,IAAI,CAAC,OAAO,EAAE,EAAA;;wBAApB,SAAoB,CAAA;;4BAEtB,sBAAO,IAAI,EAAA;;;aACZ,CAAA;QAMO,gBAAW,GAAG,UACpB,OAAgB,EAChB,SAA6B,EAC7B,WAAsF,EACtF,WAAsF;;;;;;;;;wBAEtF,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,EAAE;4BACxB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAE,CAAA;yBAClB;wBAEK,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAA;wBAEvC,KASF,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,EARlE,cAAc,oBAAA,EACd,cAAc,oBAAA,EAGd,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,WAAW,iBAAA,CACuD;8BAGhC,EAAX,2BAAW;;;6BAAX,CAAA,yBAAW,CAAA;wBAAzB,UAAU;wBACb,QAAQ,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE,CAAA;wBACtC,qBAAM,cAAc,CAAC,cAAc,CAAC,4BAAiB,CAAC,WAAW,CAAC,EAAE,EAAE;gCACpE,UAAU,EAAE,QAAQ;6BACrB,CAAC,EAAA;;wBAFF,SAEE,CAAA;;;wBAJqB,IAAW,CAAA;;;8BAMA,EAAX,2BAAW;;;6BAAX,CAAA,yBAAW,CAAA;wBAAzB,UAAU;wBACb,QAAQ,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE,CAAA;wBACtC,qBAAM,cAAc,CAAC,cAAc,CAAC,4BAAiB,CAAC,WAAW,CAAC,EAAE,EAAE;gCACpE,UAAU,EAAE,QAAQ;6BACrB,CAAC,EAAA;;wBAFF,SAEE,CAAA;;;wBAJqB,IAAW,CAAA;;;8BAQG,EAAd,iCAAc;;;6BAAd,CAAA,4BAAc,CAAA;wBAA5B,UAAU;wBACnB,qBAAM,cAAc,CAAC,cAAc,CACjC,4BAAiB,CAAC,QAAQ,CAAC,EAAE,EAC7B;gCACE,UAAU,YAAA;gCACV,OAAO,EAAE;oCACP,aAAa,EAAE,IAAI;iCACpB;6BACF,EACD;gCACE,IAAI,EAAE,gBAAgB;gCACtB,OAAO,EAAE,UAAM,IAAI;;wCACjB,OAAO,IAAI,CAAC,iBAAiB,CAAA;;;qCAC9B;6BACF,CACF,EAAA;;wBAdD,SAcC,CAAA;;;wBAfsB,IAAc,CAAA;;6BAkBvC,qBAAM,cAAc,CAAC,cAAc,CACjC,6BAAkB,CAAC,UAAU,CAAC,EAAE,EAChC;4BACE,SAAS,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAE;yBAChD,CACF,EAAA;;wBALD,SAKC,CAAA;8BAEsC,EAAd,iCAAc;;;6BAAd,CAAA,4BAAc,CAAA;wBAA5B,UAAU;wBACnB,qBAAM,cAAc,CAAC,cAAc,CACjC,4BAAiB,CAAC,QAAQ,CAAC,EAAE,EAC7B;gCACE,UAAU,YAAA;gCACV,OAAO,EAAE;oCACP,aAAa,EAAE,IAAI;iCACpB;6BACF,EACD;gCACE,IAAI,EAAE,gBAAgB;gCACtB,OAAO,EAAE,UAAM,IAAI;;wCACjB,OAAO,IAAI,CAAC,iBAAiB,CAAA;;;qCAC9B;6BACF,CACF,EAAA;;wBAdD,SAcC,CAAA;;;wBAfsB,IAAc,CAAA;;;8BAmBH,EAAX,2BAAW;;;6BAAX,CAAA,yBAAW,CAAA;wBAAzB,UAAU;wBACb,QAAQ,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAuB,CAAA;6BAEvD,QAAQ,CAAC,OAAO,EAAhB,yBAAgB;wBAClB,qBAAM,cAAc,CAAC,cAAc,CAAC,6BAAkB,CAAC,SAAS,CAAC,EAAE,EAAE;gCACnE,UAAU,EAAE,QAAQ;6BACrB,CAAC,EAAA;;wBAFF,SAEE,CAAA;;6BAEF,qBAAM,cAAc,CAAC,cAAc,CAAC,4BAAiB,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAA;;wBAA5F,SAA4F,CAAA;;;wBARvE,IAAW,CAAA;;;8BAWA,EAAX,2BAAW;;;6BAAX,CAAA,yBAAW,CAAA;wBAAzB,UAAU;wBACb,QAAQ,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE,CAAA;wBACtC,qBAAM,cAAc,CAAC,cAAc,CAAC,4BAAiB,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAA;;wBAA5F,SAA4F,CAAA;;;wBAFrE,IAAW,CAAA;;;wBAKpC,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,EAAE;4BACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA;yBACpB;;;;aACF,CAAA;IAsGH,CAAC;IA7PC,iCAAI,GADJ;QAEE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;IACnC,CAAC;IA4CD,uCAAU,GAAV;QACE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC;IAyGD;;;;;;OAMG;IACK,0CAAa,GAArB,UACE,OAAgB,EAChB,SAA6B,EAC7B,WAAsF,EACtF,WAAsF;QAE9E,IAAO,WAAW,GAAyB,SAAS,MAAlC,EAAS,WAAW,GAAK,SAAS,MAAd,CAAc;QAE5D,aAAa;QACb,IAAM,cAAc,GAA0B,EAAE,CAAA;QAChD,WAAW,CAAC,OAAO,CAAC,UAAA,UAAU;YAC5B,IAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,CAAC,CAAA;YACpD,IAAI,CAAC,QAAQ,EAAE;gBACb,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;aAChC;QACH,CAAC,CAAC,CAAA;QACF,iBAAiB;QACjB,IAAM,WAAW,GAAa,EAAE,CAAA;QAChC,IAAM,WAAW,GAAa,EAAE,CAAA;QAChC,IAAM,WAAW,GAAa,EAAE,CAAA;QAChC,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAA;QACnC,QAAQ,CAAC,OAAO,CAAC,UAAA,MAAM;YACrB,IAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,UAAA,UAAU,IAAI,OAAA,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,OAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,CAAA,EAA7B,CAA6B,CAAC,CAAA;YACpF,IAAI,CAAC,cAAc,EAAE;gBACnB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;aACzB;iBAAM;gBACL,IAAI,WAAW,GAAG,IAAI,CAAA;gBACtB,IAAI,WAAW,EAAE;oBACf,uBAAuB;oBACvB,WAAW,GAAG,WAAW,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,cAAc,CAAC,CAAA;iBACxD;qBAAM;oBACL,0BAA0B;oBAC1B,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,cAAc,EAAE;wBAClC,WAAW,GAAG,YAAY,CAAC,WAAW,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,cAAc,CAAC,CAAA;qBACrE;iBACF;gBACD,IAAI,CAAC,WAAW,EAAE;oBAChB,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE;wBAC7B,IAAI,EAAE,KAAK;qBACZ,CAAC,CAAA;iBACH;gBACD,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;aAC3E;QACH,CAAC,CAAC,CAAA;QAEF,YAAY;QACZ,IAAM,cAAc,GAA0B,EAAE,CAAA;QAChD,WAAW,CAAC,OAAO,CAAC,UAAA,UAAU;YAC5B,IAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,CAAC,CAAA;YACpD,IAAI,CAAC,QAAQ,EAAE;gBACb,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;aAChC;QACH,CAAC,CAAC,CAAA;QACF,iBAAiB;QACjB,IAAM,WAAW,GAAa,EAAE,CAAA;QAChC,IAAM,WAAW,GAAa,EAAE,CAAA;QAChC,IAAM,WAAW,GAAa,EAAE,CAAA;QAChC,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAA;QACnC,QAAQ,CAAC,OAAO,CAAC,UAAA,MAAM;YACrB,IAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,UAAA,UAAU,IAAI,OAAA,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,OAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,CAAA,EAA7B,CAA6B,CAAC,CAAA;YACpF,IAAI,CAAC,cAAc,EAAE;gBACnB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;aACzB;iBAAM;gBACL,IAAI,WAAW,GAAG,IAAI,CAAA;gBACtB,IAAI,WAAW,EAAE;oBACf,sBAAsB;oBACtB,WAAW,GAAG,WAAW,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,cAAc,CAAC,CAAA;iBACxD;qBAAM;oBACL,yBAAyB;oBACzB,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,cAAc,EAAE;wBAClC,WAAW,GAAG,YAAY,CAAC,WAAW,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,cAAc,CAAC,CAAA;qBACrE;iBACF;gBACD,IAAI,CAAC,WAAW,EAAE;oBAChB,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE;wBAC7B,IAAI,EAAE,KAAK;qBACZ,CAAC,CAAA;iBACH;gBACD,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;aAC3E;QACH,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,cAAc,gBAAA;YACd,cAAc,gBAAA;YACd,WAAW,aAAA;YACX,WAAW,aAAA;YACX,WAAW,aAAA;YACX,WAAW,aAAA;YACX,WAAW,aAAA;YACX,WAAW,aAAA;SACZ,CAAA;IACH,CAAC;IAjQD;QAAC,IAAA,qBAAM,EAAC,mCAAuB,CAAC;;+DAA6C;IAI7E;QAAC,IAAA,4BAAa,GAAE;;;;kDAGf;IARU,kBAAkB;QAJ9B,IAAA,yBAAU,EAAC;YACV,KAAK,EAAE,EAAE,KAAK,EAAE,2BAAe,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,EAAE;SACnE,CAAC;QACF,aAAa;OACA,kBAAkB,CAmQ9B;IAAD,yBAAC;CAAA,AAnQD,IAmQC;AAnQY,gDAAkB"}

package/lib/command-contributions/graph/graph-resize.d.ts

@@ -0,0 +1,40 @@
+import type { IContext, IArgsBase } from '../../command/interface';
+import { ICommandHandler } from '../../command/interface';
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { IHooks } from '../../hooks/interface';
+type ICommand = ICommandHandler<NsGraphResize.IArgs, NsGraphResize.IResult, NsGraphResize.ICmdHooks>;
+export declare namespace NsGraphResize {
+    /** Command: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        /** 宽度 */
+        width?: number;
+        /** 高度 */
+        height?: number;
+    }
+    /** hook handler 返回类型 */
+    interface IResult {
+    }
+    /** hookName */
+    const hookKey = "graphResize";
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        graphResize: HookHub<IArgs, IResult>;
+    }
+}
+export declare class GraphResizeCommand implements ICommand {
+    /** api */
+    contextProvider: ICommand['contextProvider'];
+    ctx: IContext<NsGraphResize.IArgs, NsGraphResize.IResult, NsGraphResize.ICmdHooks>;
+    init(): void;
+    /** 执行Cmd */
+    execute: () => Promise<this>;
+    /** undo cmd */
+    undo: () => Promise<this>;
+    /** redo cmd */
+    redo: () => Promise<this>;
+    /** isUndoable */
+    isUndoable(): boolean;
+}
+export {};

package/lib/command-contributions/graph/graph-resize.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphResizeCommand = exports.NsGraphResize = void 0;
+var tslib_1 = require("tslib");
+var mana_syringe_1 = require("mana-syringe");
+var interface_1 = require("../../command/interface");
+var constant_1 = require("../constant");
+var NsGraphResize;
+(function (NsGraphResize) {
+    /** Command: 用于注册named factory */
+    NsGraphResize.command = constant_1.XFlowGraphCommands.GRAPH_RESIZE;
+    /** hookName */
+    NsGraphResize.hookKey = 'graphResize';
+})(NsGraphResize = exports.NsGraphResize || (exports.NsGraphResize = {}));
+var GraphResizeCommand = /** @class */ (function () {
+    /** 画布resize命令 */
+    function GraphResizeCommand() {
+        var _this = this;
+        /** 执行Cmd */
+        this.execute = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var _a, args, runtimeHook, hooks, config, clientHeight, clientWidth, result;
+            var _this = this;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.ctx.getArgs(), args = _a.args, runtimeHook = _a.hooks;
+                        hooks = this.ctx.getHooks();
+                        return [4 /*yield*/, this.ctx.getGraphConfig()];
+                    case 1:
+                        config = _b.sent();
+                        clientHeight = config.rootContainer.clientHeight;
+                        clientWidth = config.rootContainer.clientWidth;
+                        return [4 /*yield*/, hooks.graphResize.call(
+                            /** 执行hooks pipeline处理args */
+                            args, 
+                            /** 执行 callback */
+                            function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                var x6Graph, _a, width, _b, height;
+                                return tslib_1.__generator(this, function (_c) {
+                                    switch (_c.label) {
+                                        case 0: return [4 /*yield*/, this.ctx.getX6Graph()];
+                                        case 1:
+                                            x6Graph = _c.sent();
+                                            _a = handlerArgs.width, width = _a === void 0 ? clientWidth : _a, _b = handlerArgs.height, height = _b === void 0 ? clientHeight : _b;
+                                            x6Graph === null || x6Graph === void 0 ? void 0 : x6Graph.resize(width, height);
+                                            return [2 /*return*/, {}];
+                                    }
+                                });
+                            }); }, 
+                            /** execute command 时创建的hook */
+                            runtimeHook)
+                            /** 设置结果 */
+                        ];
+                    case 2:
+                        result = _b.sent();
+                        /** 设置结果 */
+                        this.ctx.setResult(result);
+                        return [2 /*return*/, this];
+                }
+            });
+        }); };
+        /** undo cmd */
+        this.undo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                this.ctx.undo();
+                return [2 /*return*/, this];
+            });
+        }); };
+        /** redo cmd */
+        this.redo = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!!this.ctx.isUndoable) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.execute()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/, this];
+                }
+            });
+        }); };
+    }
+    GraphResizeCommand.prototype.init = function () {
+        this.ctx = this.contextProvider();
+    };
+    /** isUndoable */
+    GraphResizeCommand.prototype.isUndoable = function () {
+        return this.ctx.isUndoable();
+    };
+    tslib_1.__decorate([
+        (0, mana_syringe_1.inject)(interface_1.ICommandContextProvider),
+        tslib_1.__metadata("design:type", Object)
+    ], GraphResizeCommand.prototype, "contextProvider", void 0);
+    tslib_1.__decorate([
+        (0, mana_syringe_1.postConstruct)(),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", []),
+        tslib_1.__metadata("design:returntype", void 0)
+    ], GraphResizeCommand.prototype, "init", null);
+    GraphResizeCommand = tslib_1.__decorate([
+        (0, mana_syringe_1.injectable)({
+            token: { token: interface_1.ICommandHandler, named: NsGraphResize.command.id },
+        })
+        /** 画布resize命令 */
+    ], GraphResizeCommand);
+    return GraphResizeCommand;
+}());
+exports.GraphResizeCommand = GraphResizeCommand;
+//# sourceMappingURL=graph-resize.js.map

package/lib/command-contributions/graph/graph-resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-resize.js","sourceRoot":"","sources":["../../../src/command-contributions/graph/graph-resize.ts"],"names":[],"mappings":";;;;AAAA,6CAAgE;AAEhE,qDAAkF;AAIlF,wCAAgD;AAIhD,IAAiB,aAAa,CAkB7B;AAlBD,WAAiB,aAAa;IAC5B,iCAAiC;IACpB,qBAAO,GAAG,6BAAkB,CAAC,YAAY,CAAA;IAUtD,eAAe;IACF,qBAAO,GAAG,aAAa,CAAA;AAKtC,CAAC,EAlBgB,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAkB7B;AAMD;IADA,iBAAiB;IACjB;QAAA,iBAuDC;QA5CC,YAAY;QACZ,YAAO,GAAG;;;;;;wBACF,KAA+B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,EAA/C,IAAI,UAAA,EAAS,WAAW,WAAA,CAAuB;wBACjD,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;wBAClB,qBAAM,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,EAAA;;wBAAxC,MAAM,GAAG,SAA+B;wBACxC,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,YAAY,CAAA;wBAChD,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,WAAW,CAAA;wBACrC,qBAAM,KAAK,CAAC,WAAW,CAAC,IAAI;4BACzC,6BAA6B;4BAC7B,IAAI;4BACJ,kBAAkB;4BAClB,UAAM,WAAW;;;;gDACC,qBAAM,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,EAAA;;4CAArC,OAAO,GAAG,SAA2B;4CACnC,KAA+C,WAAW,MAAvC,EAAnB,KAAK,mBAAG,WAAW,KAAA,EAAE,KAA0B,WAAW,OAAhB,EAArB,MAAM,mBAAG,YAAY,KAAA,CAAgB;4CAClE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;4CAC9B,sBAAO,EAAE,EAAA;;;iCACV;4BACD,+BAA+B;4BAC/B,WAAW,CACZ;4BAED,WAAW;0BAFV;;wBAZK,MAAM,GAAG,SAYd;wBAED,WAAW;wBACX,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;wBAC1B,sBAAO,IAAI,EAAA;;;aACZ,CAAA;QAED,eAAe;QACf,SAAI,GAAG;;gBACL,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;gBACf,sBAAO,IAAI,EAAA;;aACZ,CAAA;QAED,eAAe;QACf,SAAI,GAAG;;;;6BACD,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAApB,wBAAoB;wBACtB,qBAAM,IAAI,CAAC,OAAO,EAAE,EAAA;;wBAApB,SAAoB,CAAA;;4BAEtB,sBAAO,IAAI,EAAA;;;aACZ,CAAA;IAMH,CAAC;IAhDC,iCAAI,GADJ;QAEE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;IACnC,CAAC;IA0CD,iBAAiB;IACjB,uCAAU,GAAV;QACE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC;IApDD;QAAC,IAAA,qBAAM,EAAC,mCAAuB,CAAC;;+DAA6C;IAI7E;QAAC,IAAA,4BAAa,GAAE;;;;kDAGf;IATU,kBAAkB;QAJ9B,IAAA,yBAAU,EAAC;YACV,KAAK,EAAE,EAAE,KAAK,EAAE,2BAAe,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,EAAE;SACnE,CAAC;QACF,iBAAiB;OACJ,kBAAkB,CAuD9B;IAAD,yBAAC;CAAA,AAvDD,IAuDC;AAvDY,gDAAkB"}

package/lib/command-contributions/graph/graph-save-data.d.ts

@@ -0,0 +1,43 @@
+import type { NsGraph } from '../../interface';
+import type { IContext, IArgsBase } from '../../command/interface';
+import type { HookHub } from '@sunspirytus/xflow-hook';
+import type { IHooks } from '../../hooks/interface';
+import { ICommandHandler } from '../../command/interface';
+type ICommand = ICommandHandler<NsGraphSaveData.IArgs, NsGraphSaveData.IResult, NsGraphSaveData.ICmdHooks>;
+export declare namespace NsGraphSaveData {
+    /** Command Id: 用于注册named factory */
+    const command: import("../../command/interface").IGraphCommand;
+    /** hookName */
+    const hookKey = "saveGraphData";
+    /** hook 参数类型 */
+    interface IArgs extends IArgsBase {
+        includeAttrs?: boolean;
+        saveGraphDataService?: ISaveGraphDataService;
+    }
+    /** hook handler 返回类型 */
+    interface IResult {
+    }
+    /** api service 类型 */
+    interface ISaveGraphDataService {
+        (graphMeta: NsGraph.IGraphMeta, graphData: NsGraph.IGraphData): Promise<IResult | void>;
+    }
+    /** hooks 类型 */
+    interface ICmdHooks extends IHooks {
+        saveGraphData: HookHub<IArgs, IResult>;
+    }
+}
+export declare class GraphSaveDataCommand implements ICommand {
+    /** api */
+    contextProvider: ICommand['contextProvider'];
+    ctx: IContext<NsGraphSaveData.IArgs, NsGraphSaveData.IResult, NsGraphSaveData.ICmdHooks>;
+    init(): void;
+    /** 执行Cmd */
+    execute: () => Promise<this>;
+    /** undo cmd */
+    undo: () => Promise<this>;
+    /** redo cmd */
+    redo: () => Promise<this>;
+    /** isUndoable */
+    isUndoable(): boolean;
+}
+export {};