@logicflow/core 2.0.0-beta.0 → 2.0.0-beta.10

package/es/model/EditConfigModel.js

@@ -4,12 +4,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
-import { assign, pick } from 'lodash-es';
-import { observable, action } from '../util/mobx';
-var SilentConfig = {
+import { assign, isBoolean, isUndefined, pick } from 'lodash-es';
+import { observable, action } from 'mobx';
+import { TextMode } from '../constant';
+var silentModeConfig = {
+    // SilentMode 下允许用户操作画布
     stopZoomGraph: false,
     stopScrollGraph: false,
     stopMoveGraph: false,
+    // 节点 & 边相关配置
     adjustEdge: false,
     adjustEdgeStartAndEnd: false,
     adjustNodePosition: false,
@@ -17,113 +20,161 @@ var SilentConfig = {
     allowRotate: false,
     allowResize: false,
     nodeSelectedOutline: true,
+    // 文本相关配置
+    textEdit: false,
     nodeTextEdit: false,
     edgeTextEdit: false,
+    textDraggable: false,
     nodeTextDraggable: false,
     edgeTextDraggable: false,
 };
-var keys = [
-    'isSilentMode',
-    'stopZoomGraph',
-    'stopScrollGraph',
-    'stopMoveGraph',
-    'adjustEdge',
-    'adjustEdgeMiddle',
-    'adjustEdgeStartAndEnd',
-    'adjustNodePosition',
-    'hideAnchors',
-    'allowRotate',
-    'allowResize',
-    'hoverOutline',
-    'nodeSelectedOutline',
-    'edgeSelectedOutline',
-    'nodeTextEdit',
-    'edgeTextEdit',
-    'nodeTextDraggable',
-    'edgeTextDraggable',
-    'multipleSelectKey',
-    'autoExpand',
+var allKeys = [
+    'isSilentMode', // 是否为静默模式
+    'stopZoomGraph', // 禁止缩放画布
+    'stopScrollGraph', // 禁止鼠标滚动移动画布
+    'stopMoveGraph', // 禁止拖动画布
+    'adjustEdge', // 允许调整边
+    'adjustEdgeMiddle', // 允许调整边中点
+    'adjustEdgeStartAndEnd', // 允许调整边起点和终点
+    'adjustEdgeStart', // 允许调整边起点
+    'adjustEdgeEnd', // 允许调整边终点
+    'adjustNodePosition', // 允许拖动节点
+    'hideAnchors', // 隐藏节点所有锚点
+    'allowRotate', // 是否允许节点旋转
+    'allowResize', // 是否允许节点缩放
+    'autoExpand', // 是否自动展开
+    'hoverOutline', // 显示节点悬浮时的外框
+    'nodeSelectedOutline', // 节点被选中时是否显示 outline
+    'edgeSelectedOutline', // 边被选中时是否显示 outline
+    'textEdit', // 是否允许文本可编辑（全局）
+    'nodeTextEdit', // 允许节点文本可以编辑
+    'edgeTextEdit', // 允许边文本可以编辑
+    'textDraggable', // 是否允许文本可拖拽（全局）
+    'nodeTextDraggable', // 允许节点文本可以拖拽
+    'edgeTextDraggable', // 允许边文本可以拖拽
+    'multipleSelectKey', // 多选按键
+    // 2.0.0 新增配置
+    'textMode', // 文本模式（全局）
+    'nodeTextMode', // 节点文本模式
+    'edgeTextMode', // 边文本模式
+    'nodeTextMultiple', // 是否支持多个节点文本
+    'edgeTextMultiple', // 是否支持多个边文本
+    'nodeTextVertical', // 节点文本是否纵向显示
+    'edgeTextVertical', // 边文本是否纵向显示
 ];
 /**
  * 页面编辑配置
  */
 var EditConfigModel = /** @class */ (function () {
     function EditConfigModel(config) {
+        /*********************************************************
+         * 画布相关配置
+         ********************************************************/
         this.isSilentMode = false;
         this.stopZoomGraph = false;
-        this.stopScrollGraph = false;
         this.stopMoveGraph = false;
-        this.adjustEdge = true;
-        this.adjustEdgeMiddle = false;
-        this.adjustEdgeStartAndEnd = false;
-        this.adjustNodePosition = true;
+        this.stopScrollGraph = false;
+        /*********************************************************
+         * 文本相关配置（全局）
+         ********************************************************/
+        this.textMode = TextMode.TEXT; // 全局的 textMode 设置
+        this.textEdit = true;
+        this.textDraggable = false;
+        // 节点
+        this.nodeTextEdit = true;
+        this.nodeTextDraggable = false;
+        this.nodeTextMultiple = false; // 是否支持多个节点文本
+        this.nodeTextVertical = false; // 节点文本朝向是否是纵向
+        this.nodeTextMode = TextMode.TEXT; // 节点文本模式
+        // 边
+        this.edgeTextMode = TextMode.TEXT; // 边文本模式
+        this.edgeTextEdit = true;
+        this.edgeTextDraggable = false;
+        this.edgeTextMultiple = false; // 是否支持多个边文本
+        this.edgeTextVertical = false; // 边文本朝向是否是纵向
+        /*********************************************************
+         * 节点相关配置
+         ********************************************************/
         this.hideAnchors = false;
         this.allowRotate = false;
         this.allowResize = false;
         this.hoverOutline = true;
         this.nodeSelectedOutline = true;
-        this.edgeSelectedOutline = true;
-        this.nodeTextEdit = true;
-        this.edgeTextEdit = true;
-        this.nodeTextDraggable = false;
-        this.edgeTextDraggable = false;
+        this.adjustNodePosition = true;
         this.autoExpand = false;
+        /*********************************************************
+         * 边相关配置
+         ********************************************************/
+        this.adjustEdge = true;
+        this.adjustEdgeMiddle = false;
+        this.adjustEdgeStartAndEnd = false;
+        this.adjustEdgeStart = false;
+        this.adjustEdgeEnd = false;
+        this.edgeSelectedOutline = true;
+        /*********************************************************
+         * 其他
+         ********************************************************/
         this.multipleSelectKey = '';
-        this.defaultConfig = {}; // 设置为静默模式之前的配置，在取消静默模式后恢复
-        assign(this, this.getConfigDetail(config));
+        assign(this, this.computeConfig(config));
     }
     EditConfigModel.prototype.updateEditConfig = function (config) {
-        var newConfig = this.getConfigDetail(config);
+        var newConfig = this.computeConfig(config);
         assign(this, newConfig);
     };
-    EditConfigModel.prototype.getConfigDetail = function (config) {
-        var isSilentMode = config.isSilentMode, textEdit = config.textEdit;
+    // TODO: 确认一下这个函数的逻辑，是否会有误合并的问题
+    EditConfigModel.prototype.computeConfig = function (config) {
+        var isSilentMode = config.isSilentMode, textDraggable = config.textDraggable, textMode = config.textMode, textEdit = config.textEdit, adjustEdgeStartAndEnd = config.adjustEdgeStartAndEnd;
         var conf = {};
-        // false表示从静默模式恢复
+        // false 表示从静默模式恢复
         if (isSilentMode === false) {
-            assign(conf, this.defaultConfig);
+            assign(conf, this.stagedConfig);
         }
-        // 如果不传，默认undefined表示非静默模式
+        // 如果不传，默认 undefined 表示非静默模式
         if (isSilentMode === true && isSilentMode !== this.isSilentMode) {
             // https://github.com/didi/LogicFlow/issues/1180
-            // 如果重复调用isSilentMode=true多次，会导致this.defaultConfig状态保存错误：保存为修改之后的Config
-            // 因此需要阻止重复赋值为true，使用config.isSilentMode !== this.isSilentMode
-            var silentConfig = pick(SilentConfig, keys);
-            // 在修改之前，
-            this.defaultConfig = {
-                stopZoomGraph: this.stopZoomGraph,
-                stopScrollGraph: this.stopScrollGraph,
-                stopMoveGraph: this.stopMoveGraph,
-                adjustEdge: this.adjustEdge,
-                adjustEdgeMiddle: this.adjustEdgeMiddle,
-                adjustEdgeStartAndEnd: this.adjustEdgeStartAndEnd,
-                adjustNodePosition: this.adjustNodePosition,
-                hideAnchors: this.hideAnchors,
-                allowRotate: this.allowRotate,
-                allowResize: this.allowResize,
-                hoverOutline: this.hoverOutline,
-                nodeSelectedOutline: this.nodeSelectedOutline,
-                edgeSelectedOutline: this.edgeSelectedOutline,
-                nodeTextEdit: this.nodeTextEdit,
-                edgeTextEdit: this.edgeTextEdit,
-                nodeTextDraggable: this.nodeTextDraggable,
-                edgeTextDraggable: this.edgeTextDraggable,
-                autoExpand: this.autoExpand,
-            };
+            // 如果重复调用 isSilentMode=true 多次，会导致 this.stagedConfig 状态保存错误：保存为修改之后的 Config
+            // 因此需要阻止重复赋值为 true，使用 config.isSilentMode !== this.isSilentMode
+            var silentConfig = pick(silentModeConfig, allKeys);
+            // 暂存修改之前的所有配置项
+            this.stagedConfig = pick(this, allKeys);
             assign(conf, silentConfig);
         }
         // 如果不传，默认undefined表示允许文本编辑
-        if (textEdit === false) {
+        if (!isUndefined(textEdit)) {
+            assign(conf, {
+                nodeTextEdit: textEdit,
+                edgeTextEdit: textEdit,
+            });
+        }
+        if (!isUndefined(textDraggable)) {
+            assign(conf, {
+                nodeTextDraggable: textDraggable,
+                edgeTextDraggable: textDraggable,
+            });
+        }
+        if (textMode) {
+            assign(conf, {
+                nodeTextMode: textMode,
+                edgeTextMode: textMode,
+            });
+        }
+        if (isBoolean(adjustEdgeStartAndEnd)) {
             assign(conf, {
-                nodeTextEdit: false,
-                edgeTextEdit: false,
+                adjustEdgeStart: adjustEdgeStartAndEnd,
+                adjustEdgeEnd: adjustEdgeStartAndEnd,
             });
         }
-        var userConfig = pick(config, keys);
+        var userConfig = pick(config, allKeys);
         return assign(conf, userConfig);
     };
+    EditConfigModel.prototype.updateTextMode = function (textMode) {
+        // 如果更新全局 textMode，同时更新节点和边的 textMode
+        this.textMode = textMode;
+        this.edgeTextMode = textMode;
+        this.nodeTextMode = textMode;
+    };
     EditConfigModel.prototype.getConfig = function () {
-        return pick(this, keys);
+        return pick(this, allKeys);
     };
     __decorate([
         observable
@@ -131,24 +182,51 @@ var EditConfigModel = /** @class */ (function () {
     __decorate([
         observable
     ], EditConfigModel.prototype, "stopZoomGraph", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "stopMoveGraph", void 0);
     __decorate([
         observable
     ], EditConfigModel.prototype, "stopScrollGraph", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "stopMoveGraph", void 0);
+    ], EditConfigModel.prototype, "textMode", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "adjustEdge", void 0);
+    ], EditConfigModel.prototype, "textEdit", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "adjustEdgeMiddle", void 0);
+    ], EditConfigModel.prototype, "textDraggable", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "adjustEdgeStartAndEnd", void 0);
+    ], EditConfigModel.prototype, "nodeTextEdit", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "adjustNodePosition", void 0);
+    ], EditConfigModel.prototype, "nodeTextDraggable", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "nodeTextMultiple", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "nodeTextVertical", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "nodeTextMode", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "edgeTextMode", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "edgeTextEdit", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "edgeTextDraggable", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "edgeTextMultiple", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "edgeTextVertical", void 0);
     __decorate([
         observable
     ], EditConfigModel.prototype, "hideAnchors", void 0);
@@ -166,25 +244,34 @@ var EditConfigModel = /** @class */ (function () {
     ], EditConfigModel.prototype, "nodeSelectedOutline", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "edgeSelectedOutline", void 0);
+    ], EditConfigModel.prototype, "adjustNodePosition", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "nodeTextEdit", void 0);
+    ], EditConfigModel.prototype, "autoExpand", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "edgeTextEdit", void 0);
+    ], EditConfigModel.prototype, "adjustEdge", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "nodeTextDraggable", void 0);
+    ], EditConfigModel.prototype, "adjustEdgeMiddle", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "edgeTextDraggable", void 0);
+    ], EditConfigModel.prototype, "adjustEdgeStartAndEnd", void 0);
     __decorate([
         observable
-    ], EditConfigModel.prototype, "autoExpand", void 0);
+    ], EditConfigModel.prototype, "adjustEdgeStart", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "adjustEdgeEnd", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "edgeSelectedOutline", void 0);
     __decorate([
         action
     ], EditConfigModel.prototype, "updateEditConfig", null);
+    __decorate([
+        action
+    ], EditConfigModel.prototype, "updateTextMode", null);
     return EditConfigModel;
 }());
 export { EditConfigModel };

package/es/model/EditConfigModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditConfigModel.js","sourceRoot":"","sources":["../../src/model/EditConfigModel.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditConfigModel.js","sourceRoot":"","sources":["../../src/model/EditConfigModel.ts"],"names":[],"mappings":"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"}

package/es/model/GraphModel.d.ts

@@ -1,5 +1,5 @@
 import { BaseEdgeModel, BaseNodeModel, EditConfigModel, Model, TransformModel } from '.';
-import { ElementState, EventType, OverlapMode } from '../constant';
+import { ElementState, EventType, OverlapMode, TextMode } from '../constant';
 import LogicFlow from '../LogicFlow';
 import { Options as LFOptions } from '../options';
 import EventEmitter from '../event/eventEmitter';
@@ -68,16 +68,16 @@ export declare class GraphModel {
      * 基于zIndex对元素进行排序。
      * todo: 性能优化
      */
-    get sortElements(): (BaseEdgeModel | BaseNodeModel)[];
+    get sortElements(): (BaseNodeModel<LogicFlow.PropertiesType> | BaseEdgeModel<LogicFlow.PropertiesType>)[];
     /**
      * 当前编辑的元素，低频操作，先循环找。
      */
-    get textEditElement(): BaseEdgeModel | BaseNodeModel | undefined;
+    get textEditElement(): BaseNodeModel<LogicFlow.PropertiesType> | BaseEdgeModel<LogicFlow.PropertiesType> | undefined;
     /**
      * 当前画布所有被选中的元素
      */
-    get selectElements(): Map<string, BaseEdgeModel | BaseNodeModel>;
-    get selectNodes(): BaseNodeModel[];
+    get selectElements(): Map<string, BaseNodeModel<LogicFlow.PropertiesType> | BaseEdgeModel<LogicFlow.PropertiesType>>;
+    get selectNodes(): BaseNodeModel<LogicFlow.PropertiesType>[];
     /**
      * 获取指定区域内的所有元素
      * @param leftTopPoint 表示区域左上角的点
@@ -162,6 +162,17 @@ export declare class GraphModel {
      * @returns 修改后的节点id, 如果传入的oldId不存在，返回空字符串
      */
     changeEdgeId<T extends string>(oldId: string, newId?: string): T | string;
+    /**
+     * 获取元素的文本模式
+     * @param model
+     */
+    getTextModel(model: BaseNodeModel): TextMode | undefined;
+    /**
+     * 更新元素的文本模式
+     * @param mode
+     * @param model
+     */
+    setTextMode(mode: TextMode, model?: BaseNodeModel | BaseEdgeModel): void;
     /**
      * 内部保留方法，请勿直接使用
      */
@@ -201,14 +212,14 @@ export declare class GraphModel {
      * @param eventType 新增节点事件类型，默认EventType.NODE_ADD, 在Dnd拖拽时，会传入EventType.NODE_DND_ADD
      * @param event MouseEvent 鼠标事件
      */
-    addNode(nodeConfig: NodeConfig, eventType?: EventType, event?: MouseEvent): BaseNodeModel;
+    addNode(nodeConfig: NodeConfig, eventType?: EventType, event?: MouseEvent): BaseNodeModel<LogicFlow.PropertiesType>;
     /**
      * 将node节点位置进行grid修正
      * 同时处理node内文字的偏移量
      * 返回一个位置修正过的复制节点NodeModel
      * @param node
      */
-    getModelAfterSnapToGrid(node: NodeConfig): BaseNodeModel;
+    getModelAfterSnapToGrid(node: NodeConfig): BaseNodeModel<LogicFlow.PropertiesType>;
     /**
      * 克隆节点
      * @param nodeId 节点Id
@@ -345,28 +356,28 @@ export declare class GraphModel {
     /**
      * 获取所有以此节点为终点的边
      */
-    getNodeIncomingEdge(nodeId: string): BaseEdgeModel[];
+    getNodeIncomingEdge(nodeId: string): BaseEdgeModel<LogicFlow.PropertiesType>[];
     /**
      * 获取所有以此节点为起点的边
      */
-    getNodeOutgoingEdge(nodeId: string): BaseEdgeModel[];
+    getNodeOutgoingEdge(nodeId: string): BaseEdgeModel<LogicFlow.PropertiesType>[];
     /**
      * 获取所有以此锚点为终点的边
      */
-    getAnchorIncomingEdge(anchorId?: string): BaseEdgeModel[];
+    getAnchorIncomingEdge(anchorId?: string): BaseEdgeModel<LogicFlow.PropertiesType>[];
     /**
      * TODO: 命名问题 outcoming -> outgoing or incoming
      * 获取所有以此锚点为起点的边
      */
-    getAnchorOutcomingEdge(anchorId?: string): BaseEdgeModel[];
+    getAnchorOutcomingEdge(anchorId?: string): BaseEdgeModel<LogicFlow.PropertiesType>[];
     /**
      * 获取节点连接到的所有起始节点
      */
-    getNodeIncomingNode(nodeId?: string): BaseNodeModel[];
+    getNodeIncomingNode(nodeId?: string): BaseNodeModel<LogicFlow.PropertiesType>[];
     /**
-     * 获取节点连接到的所有目标节点
+     * 获取节点所有的下一级节点
      */
-    getNodeOutgoingNode(nodeId?: string): BaseNodeModel[];
+    getNodeOutgoingNode(nodeId?: string): BaseNodeModel<LogicFlow.PropertiesType>[];
     /**
      * 设置主题
      * todo docs link
@@ -405,6 +416,17 @@ export declare class GraphModel {
      * @param edgeId string
      */
     closeEdgeAnimation(edgeId: string): void;
+    /**
+     * 获取当前局部渲染模式
+     * @returns boolean
+     */
+    getPartial(): boolean;
+    /**
+     * 设置是否开启局部渲染模式
+     * @param partial boolean
+     * @returns
+     */
+    setPartial(partial: boolean): void;
 }
 export declare namespace GraphModel {
     type NodesMapType = Record<string, {

package/es/model/GraphModel.js

@@ -43,7 +43,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { find, forEach, map } from 'lodash-es';
 import { action, computed, observable } from 'mobx';
 import { EditConfigModel, TransformModel, } from '.';
-import { DEFAULT_VISIBLE_SPACE, ELEMENT_MAX_Z_INDEX, ElementState, ElementType, EventType, ModelType, OverlapMode, } from '../constant';
+import { DEFAULT_VISIBLE_SPACE, ELEMENT_MAX_Z_INDEX, ElementState, ElementType, EventType, ModelType, OverlapMode, TextMode, } from '../constant';
 import { createEdgeGenerator, createUuid, formatData, getClosestPointOfPolyline, getMinIndex, getNodeAnchorPosition, getNodeBBox, getZIndex, isPointInArea, setupAnimation, setupTheme, snapToGrid, updateTheme, } from '../util';
 import EventEmitter from '../event/eventEmitter';
 var GraphModel = /** @class */ (function () {
@@ -354,9 +354,10 @@ var GraphModel = /** @class */ (function () {
             this.nodes = [];
         }
         if (graphData.edges) {
+            var currEdgeType_1 = this.edgeType;
             this.edges = map(graphData.edges, function (edge) {
                 var _a;
-                var Model = _this.getModel((_a = edge.type) !== null && _a !== void 0 ? _a : '');
+                var Model = _this.getModel((_a = edge.type) !== null && _a !== void 0 ? _a : currEdgeType_1);
                 if (!Model) {
                     throw new Error("\u627E\u4E0D\u5230".concat(edge.type, "\u5BF9\u5E94\u7684\u8FB9\u3002"));
                 }
@@ -550,6 +551,35 @@ var GraphModel = /** @class */ (function () {
         });
         return newId;
     };
+    /**
+     * 获取元素的文本模式
+     * @param model
+     */
+    GraphModel.prototype.getTextModel = function (model) {
+        var _a = this.editConfigModel, textMode = _a.textMode, nodeTextMode = _a.nodeTextMode, edgeTextMode = _a.edgeTextMode;
+        // textMode 的优先级：
+        // 元素自身 model.textMode > editConfigModel.node(edge)TextMode > editConfigModel.textMode
+        if (model.BaseType === ElementType.NODE) {
+            return model.textMode || nodeTextMode || textMode || TextMode.TEXT;
+        }
+        // 同上
+        if (model.BaseType === ElementType.EDGE) {
+            return model.textMode || edgeTextMode || textMode || TextMode.TEXT;
+        }
+    };
+    /**
+     * 更新元素的文本模式
+     * @param mode
+     * @param model
+     */
+    GraphModel.prototype.setTextMode = function (mode, model) {
+        // 如果有传入 model，则直接更新 model 的 textMode
+        if (model) {
+            // model.updateTextMode(mode)
+        }
+        // 调用 editConfigModel 的方法更新 textMode
+        this.editConfigModel.updateEditConfig({ textMode: mode });
+    };
     /**
      * 内部保留方法，请勿直接使用
      */
@@ -666,7 +696,7 @@ var GraphModel = /** @class */ (function () {
         if (nodeX && nodeY) {
             node.x = snapToGrid(nodeX, this.gridSize);
             node.y = snapToGrid(nodeY, this.gridSize);
-            if (typeof node.text === 'object') {
+            if (typeof node.text === 'object' && node.text !== null) {
                 // 原来的处理是：node.text.x -= getGridOffset(nodeX, this.gridSize)
                 // 由于snapToGrid()使用了Math.round()四舍五入的做法，因此无法判断需要执行
                 // node.text.x = node.text.x + getGridOffset()
@@ -690,7 +720,7 @@ var GraphModel = /** @class */ (function () {
             data.x += 30;
             data.y += 30;
             data.id = '';
-            if (data.text) {
+            if (typeof data.text === 'object' && data.text !== null) {
                 data.text.x += 30;
                 data.text.y += 30;
             }
@@ -809,17 +839,16 @@ var GraphModel = /** @class */ (function () {
         // 如果是自定义边文本位置，则移动节点的时候重新计算其位置
         if (edgeModel.customTextPosition) {
             edgeModel.resetTextPosition();
+            return;
         }
-        else if (edgeModel.modelType === ModelType.POLYLINE_EDGE &&
+        if (edgeModel.modelType === ModelType.POLYLINE_EDGE &&
             ((_a = edgeModel.text) === null || _a === void 0 ? void 0 : _a.value)) {
             var textPosition = edgeModel.text;
             var newPoint = getClosestPointOfPolyline(textPosition, edgeModel.points);
             edgeModel.moveText(newPoint.x - textPosition.x, newPoint.y - textPosition.y);
         }
-        else {
-            var _b = edgeModel.textPosition, x1 = _b.x, y1 = _b.y;
-            edgeModel.moveText(x1 - x, y1 - y);
-        }
+        var _b = edgeModel.textPosition, x1 = _b.x, y1 = _b.y;
+        edgeModel.moveText(x1 - x, y1 - y);
     };
     /**
      * 删除两节点之间的边
@@ -1164,7 +1193,7 @@ var GraphModel = /** @class */ (function () {
         return nodes;
     };
     /**
-     * 获取节点连接到的所有目标节点
+     * 获取节点所有的下一级节点
      */
     GraphModel.prototype.getNodeOutgoingNode = function (nodeId) {
         var _this = this;
@@ -1289,6 +1318,21 @@ var GraphModel = /** @class */ (function () {
         var edgeModel = this.getEdgeModelById(edgeId);
         edgeModel === null || edgeModel === void 0 ? void 0 : edgeModel.closeEdgeAnimation();
     };
+    /**
+     * 获取当前局部渲染模式
+     * @returns boolean
+     */
+    GraphModel.prototype.getPartial = function () {
+        return this.partial;
+    };
+    /**
+     * 设置是否开启局部渲染模式
+     * @param partial boolean
+     * @returns
+     */
+    GraphModel.prototype.setPartial = function (partial) {
+        this.partial = partial;
+    };
     __decorate([
         observable
     ], GraphModel.prototype, "width", void 0);
@@ -1346,6 +1390,9 @@ var GraphModel = /** @class */ (function () {
     __decorate([
         computed
     ], GraphModel.prototype, "selectNodes", null);
+    __decorate([
+        action
+    ], GraphModel.prototype, "setTextMode", null);
     __decorate([
         action
     ], GraphModel.prototype, "setFakeNode", null);
@@ -1466,6 +1513,9 @@ var GraphModel = /** @class */ (function () {
     __decorate([
         action
     ], GraphModel.prototype, "closeEdgeAnimation", null);
+    __decorate([
+        action
+    ], GraphModel.prototype, "setPartial", null);
     return GraphModel;
 }());
 export { GraphModel };