@logicflow/core 2.0.6 → 2.0.8

package/.turbo/turbo-build$colon$dev.log

@@ -1,10 +1,10 @@
 
-> @logicflow/core@2.0.6 build:dev /Users/r0ger1tlearn/WorkSpace/Github/DiDi/logicflow/packages/core
+> @logicflow/core@2.0.7 build:dev /Users/didi/Desktop/github/LogicFlow/packages/core
 > rss
 
 > [build:dev] pnpm run --if-present build:less && run-p -s build:cjs build:esm 
 
-> @logicflow/core@2.0.6 build:less /Users/r0ger1tlearn/WorkSpace/Github/DiDi/logicflow/packages/core
+> @logicflow/core@2.0.7 build:less /Users/didi/Desktop/github/LogicFlow/packages/core
 > rss
 
 > [build:less] ./scripts/build-less

package/.turbo/turbo-build.log

@@ -1,33 +1,17 @@
 
-> @logicflow/core@2.0.6 prebuild /Users/r0ger1tlearn/WorkSpace/Github/DiDi/logicflow/packages/core
+> @logicflow/core@2.0.7 prebuild /Users/didi/Desktop/github/LogicFlow/packages/core
 > rss
 
 > [prebuild] run-s -s clean:build 
 > [clean:build] rimraf dist es lib 
 
-> @logicflow/core@2.0.6 build /Users/r0ger1tlearn/WorkSpace/Github/DiDi/logicflow/packages/core
+> @logicflow/core@2.0.7 build /Users/didi/Desktop/github/LogicFlow/packages/core
 > rss
 
 > [build] run-p -s build:dev build:umd 
-> [build:dev] pnpm run --if-present build:less && run-p -s build:cjs build:esm 
 > [build:umd] pnpm run --if-present build:less && rollup -c ../../rollup.config.js --bundleConfigAsCjs 
+> [build:dev] pnpm run --if-present build:less && run-p -s build:cjs build:esm 
 > [build:less] ./scripts/build-less
 > [build:less] ./scripts/build-less
 
 ./src/index.ts → dist/index.min.js...
-+------------------------------------+
-|                                    |
-|   Bundle Format: umd               |
-|   Bundle Name: Core                |
-|   Destination: dist/index.min.js   |
-|   Bundle   Size: 378.13 KB         |
-|   Minified Size: 376.88 KB         |
-|   GZipped  Size: 109.25 KB         |
-|                                    |
-+------------------------------------+
-(!) Circular dependencies
-src/index.ts -> src/LogicFlow.tsx -> src/index.ts
-src/util/index.ts -> src/util/edge.ts -> src/util/index.ts
-src/util/index.ts -> src/util/edge.ts -> src/algorithm/index.ts -> src/algorithm/outline.ts -> src/util/index.ts
-...and 18 more
-created dist/index.min.js in 14.3s

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Change Log
 
+## 2.0.8
+
+### Patch Changes
+
+- fix(core): 修复已知问题,新增渐进连线能力
+  - feat: 支持动态修改画布背景配置
+  - fix(core): 修复使用label情况下双击节点会让节点进入文本编辑态问题
+  - fix(core): 修复初始化画布时因为节点吸附网格导致的节点与边错位问题 #1954
+  - feat(core): 增加节点和边的focus和blur事件上报 #1917
+  - feat(core): line 和 polyline 增加getPath方法 #1929
+
+## 2.0.7
+
+### Patch Changes
+
+- fix: 修复一些问题
+  - fix: 修复文本拖拽不符合预期的问题 by ChangeSuger
+  - feat: 支持动态修改 Grid 的配置 by ChangeSuger
+  - fix: 修复 2.x 与 1.x 下相同的网格线宽，Grid 表现不一致的问题 by ChangeSuger
+  - fix: node:dnd-drag 增加事件数据 by HeatonZ
+  - fix(extension): 【dynamic-group】修复mousemove和isCollapsed相关问题 by wbccb
+  - fix: 修复 windows 系统 node20 环境下样式文件打包失败的问题 by ChangeSuger
+  - fix: 修复 node:dnd-drag 事件的类型检查问题 by ChangeSuger
+  - fix(example): 修复文档中vue3自定义组件不能正常显示bug by zkt2002
+  - fix(core): 在没有拖拽的情况下，Control组件突然销毁，不触发cancelDrag(#1926) by wbccb
+  - fix(core): 修复笔记本触摸板点击边事件失效 by wuchenguang1998
+  - feat(examples): 添加动画边demo by DymoneLewis
+  - fix(core): 类型定义 properties:change 改为 node:properties-change by HeatonZ
+  - feat: node-registry 自定义properties类型 by HeatonZ
+  - fix(core): 修复 polyline 与多边形节点的交点不正确的问题 by Yuan-ZW
+
 ## 2.0.6
 
 ### Patch Changes

package/__tests__/algorithm/egde.test.ts

@@ -1,4 +1,4 @@
-import { getCrossPointOfLine, isInSegment } from '../../src/algorithm/edge';
+import { getCrossPointOfLine, isInSegment } from '../../src/algorithm/edge'
 
 describe('algorithm/edge', () => {
   // one intersection
@@ -12,7 +12,7 @@ describe('algorithm/edge', () => {
         x: 10,
         y: 10,
       },
-    ];
+    ]
     const line2 = [
       {
         x: 10,
@@ -22,11 +22,11 @@ describe('algorithm/edge', () => {
         x: 0,
         y: 10,
       },
-    ];
+    ]
     expect(
       getCrossPointOfLine(line1[0], line1[1], line2[0], line2[1]),
-    ).toBeTruthy();
-  });
+    ).toBeTruthy()
+  })
   // multiple intersection
   test('multiple intersection', () => {
     const line1 = [
@@ -38,7 +38,7 @@ describe('algorithm/edge', () => {
         x: 10,
         y: 10,
       },
-    ];
+    ]
     const line2 = [
       {
         x: 0,
@@ -48,11 +48,11 @@ describe('algorithm/edge', () => {
         x: 10,
         y: 10,
       },
-    ];
+    ]
     expect(
       getCrossPointOfLine(line1[0], line1[1], line2[0], line2[1]),
-    ).toBeFalsy();
-  });
+    ).toBeFalsy()
+  })
   // no intersection
   test('intersection', () => {
     const line1 = [
@@ -64,7 +64,7 @@ describe('algorithm/edge', () => {
         x: 10,
         y: 10,
       },
-    ];
+    ]
     const line2 = [
       {
         x: 10,
@@ -74,18 +74,18 @@ describe('algorithm/edge', () => {
         x: 20,
         y: 10,
       },
-    ];
+    ]
     expect(
       getCrossPointOfLine(line1[0], line1[1], line2[0], line2[1]),
-    ).toBeFalsy();
-  });
+    ).toBeFalsy()
+  })
 
   test('in segment', () => {
     const point = {
       x: 0,
       y: 0,
-    };
-    const line = [
+    }
+    const line1 = [
       {
         x: -10,
         y: -10,
@@ -94,15 +94,28 @@ describe('algorithm/edge', () => {
         x: 10,
         y: 10,
       },
-    ];
-    expect(isInSegment(point, line[0], line[1])).toBeTruthy();
-  });
+    ]
+    const line2 = [
+      {
+        x: -10,
+        y: 10,
+      },
+      {
+        x: 10,
+        y: -10,
+      },
+    ]
+    expect(isInSegment(point, line1[0], line1[1])).toBeTruthy()
+    expect(isInSegment(point, line1[1], line1[0])).toBeTruthy()
+    expect(isInSegment(point, line2[0], line2[1])).toBeTruthy()
+    expect(isInSegment(point, line2[1], line2[0])).toBeTruthy()
+  })
   // not in segment
   test('not in segment', () => {
     const point = {
       x: 10,
       y: 0,
-    };
+    }
     const line = [
       {
         x: -10,
@@ -112,7 +125,7 @@ describe('algorithm/edge', () => {
         x: 10,
         y: 10,
       },
-    ];
-    expect(isInSegment(point, line[0], line[1])).toBeFalsy();
-  });
-});
+    ]
+    expect(isInSegment(point, line[0], line[1])).toBeFalsy()
+  })
+})

package/dist/index.css

@@ -15,6 +15,9 @@
 .lf-text-draggable {
   cursor: move;
 }
+*:focus {
+  outline: none;
+}
 .lf-node-anchor {
   cursor: crosshair;
 }

package/es/algorithm/edge.js

@@ -48,9 +48,7 @@ export var isInSegment = function (point, start, end) {
     var endX = end.x, endY = end.y;
     var k = (endY - startY) / (endX - startX);
     var b = startY - k * startX;
-    return (x >= startX &&
-        x <= endX &&
-        y >= startY &&
-        y <= endY &&
-        Math.abs(y - k * x + b) < Number.EPSILON);
+    return (((x >= startX && x <= endX) || (x <= startX && x >= endX)) &&
+        ((y >= startY && y <= endY) || (y <= startY && y >= endY)) &&
+        Math.abs(y - k * x - b) < Number.EPSILON);
 };

package/es/constant/index.d.ts

@@ -49,12 +49,16 @@ export declare enum EventType {
     NODE_CONTEXTMENU = "node:contextmenu",
     NODE_ROTATE = "node:rotate",
     NODE_RESIZE = "node:resize",
+    NODE_FOCUS = "node:focus",
+    NODE_BLUR = "node:blur",
     NODE_PROPERTIES_CHANGE = "node:properties-change",
     NODE_PROPERTIES_DELETE = "node:properties-delete",
     EDGE_ADD = "edge:add",
     EDGE_DELETE = "edge:delete",
     EDGE_CLICK = "edge:click",
     EDGE_DBCLICK = "edge:dbclick",
+    EDGE_FOCUS = "edge:focus",
+    EDGE_BLUR = "edge:blur",
     EDGE_MOUSEENTER = "edge:mouseenter",
     EDGE_MOUSELEAVE = "edge:mouseleave",
     EDGE_CONTEXTMENU = "edge:contextmenu",

package/es/constant/index.js

@@ -54,6 +54,8 @@ export var EventType;
     EventType["NODE_CONTEXTMENU"] = "node:contextmenu";
     EventType["NODE_ROTATE"] = "node:rotate";
     EventType["NODE_RESIZE"] = "node:resize";
+    EventType["NODE_FOCUS"] = "node:focus";
+    EventType["NODE_BLUR"] = "node:blur";
     // 节点 properties 变化事件
     EventType["NODE_PROPERTIES_CHANGE"] = "node:properties-change";
     EventType["NODE_PROPERTIES_DELETE"] = "node:properties-delete";
@@ -62,6 +64,8 @@ export var EventType;
     EventType["EDGE_DELETE"] = "edge:delete";
     EventType["EDGE_CLICK"] = "edge:click";
     EventType["EDGE_DBCLICK"] = "edge:dbclick";
+    EventType["EDGE_FOCUS"] = "edge:focus";
+    EventType["EDGE_BLUR"] = "edge:blur";
     EventType["EDGE_MOUSEENTER"] = "edge:mouseenter";
     EventType["EDGE_MOUSELEAVE"] = "edge:mouseleave";
     EventType["EDGE_CONTEXTMENU"] = "edge:contextmenu";

package/es/event/eventArgs.d.ts

@@ -97,7 +97,7 @@ interface NodeEventArgs {
     /**
      * 删除节点
      */
-    'node:delete': NodeEventArgsPick<'data'>;
+    'node:delete': NodeEventArgsPick<'data' | 'model'>;
     /**
      * 添加外部拖入节点
      */
@@ -105,7 +105,7 @@ interface NodeEventArgs {
     /**
      * 拖拽外部拖入节点
      */
-    'node:dnd-drag': NodeEventArgsPick<'data'>;
+    'node:dnd-drag': NodeEventArgsPick<'data' | 'e'>;
     /**
      * 开始拖拽节点
      */
@@ -130,6 +130,35 @@ interface NodeEventArgs {
      * 节点缩放
      */
     'node:resize': NodeEventArgsPick<'preData' | 'data' | 'model' | 'deltaX' | 'deltaY' | 'index'>;
+    /**
+     * 元素的 properties 发生改变
+     */
+    'node:properties-change': {
+        /**
+         * 元素的 id
+         */
+        id: string;
+        /**
+         * 改变的 properties 的 key
+         */
+        keys: string[];
+        /**
+         * 改变前的 properties
+         */
+        preProperties: Record<string, any>;
+        /**
+         * 改变后的 properties
+         */
+        properties: Record<string, any>;
+    };
+    /**
+     * 节点获焦
+     */
+    'node:focus': NodeEventArgsPick<'data'>;
+    /**
+     * 节点失焦
+     */
+    'node:blur': NodeEventArgsPick<'data'>;
 }
 type EdgeEventArgsPick<T extends 'data' | 'e' | 'position'> = Pick<{
     /**
@@ -196,6 +225,14 @@ interface EdgeEventArgs {
             oldEdge: EdgeData;
         };
     };
+    /**
+     * 边获焦
+     */
+    'edge:focus': EdgeEventArgsPick<'data'>;
+    /**
+     * 边失焦
+     */
+    'edge:blur': EdgeEventArgsPick<'data'>;
 }
 /**
  * 文本事件
@@ -275,33 +312,6 @@ interface CommonEventArgs {
          */
         position: ClientPosition;
     };
-    /**
-     * 元素的 properties 发生改变
-     */
-    'properties:change': {
-        data: {
-            /**
-             * 元素的 id
-             */
-            id: string;
-            /**
-             * 元素的类型
-             */
-            type: string;
-            /**
-             * 改变的 properties 的 key
-             */
-            keys: string[];
-            /**
-             * 改变前的 properties
-             */
-            preProperties: Record<string, any>;
-            /**
-             * 改变后的 properties
-             */
-            properties: Record<string, any>;
-        };
-    };
     /**
      * 进行画布平移或缩放等变化操作时触发
      */
@@ -356,7 +366,7 @@ type AnchorEventArgsPick<T extends 'data' | 'e' | 'nodeModel' | 'edgeModel'> = P
     /**
      * 通过拖动锚点连线添加的边的数据
      */
-    edgeModel: BaseEdgeModel;
+    edgeModel?: BaseEdgeModel;
 }, T>;
 /**
  * 锚点事件

package/es/index.css

@@ -15,6 +15,9 @@
 .lf-text-draggable {
   cursor: move;
 }
+*:focus {
+  outline: none;
+}
 .lf-node-anchor {
   cursor: crosshair;
 }

package/es/model/GraphModel.d.ts

@@ -3,6 +3,7 @@ import { ElementState, EventType, OverlapMode, TextMode } from '../constant';
 import LogicFlow from '../LogicFlow';
 import { Options as LFOptions } from '../options';
 import EventEmitter from '../event/eventEmitter';
+import { Grid } from '../view/overlay';
 import PointTuple = LogicFlow.PointTuple;
 import GraphData = LogicFlow.GraphData;
 import NodeConfig = LogicFlow.NodeConfig;
@@ -16,6 +17,7 @@ export declare class GraphModel {
     width: number;
     height: number;
     theme: LogicFlow.Theme;
+    grid: Grid.GridOptions;
     readonly eventCenter: EventEmitter;
     readonly modelMap: Map<string, LogicFlow.GraphElementCtor>;
     /**
@@ -68,15 +70,15 @@ export declare class GraphModel {
      * 基于zIndex对元素进行排序。
      * todo: 性能优化
      */
-    get sortElements(): (BaseNodeModel<LogicFlow.PropertiesType> | BaseEdgeModel<LogicFlow.PropertiesType>)[];
+    get sortElements(): (BaseEdgeModel<LogicFlow.PropertiesType> | BaseNodeModel<LogicFlow.PropertiesType>)[];
     /**
      * 当前编辑的元素，低频操作，先循环找。
      */
-    get textEditElement(): BaseNodeModel<LogicFlow.PropertiesType> | BaseEdgeModel<LogicFlow.PropertiesType> | undefined;
+    get textEditElement(): BaseEdgeModel<LogicFlow.PropertiesType> | BaseNodeModel<LogicFlow.PropertiesType> | undefined;
     /**
      * 当前画布所有被选中的元素
      */
-    get selectElements(): Map<string, BaseNodeModel<LogicFlow.PropertiesType> | BaseEdgeModel<LogicFlow.PropertiesType>>;
+    get selectElements(): Map<string, BaseEdgeModel<LogicFlow.PropertiesType> | BaseNodeModel<LogicFlow.PropertiesType>>;
     get selectNodes(): BaseNodeModel<LogicFlow.PropertiesType>[];
     /**
      * 获取指定区域内的所有元素
@@ -383,6 +385,14 @@ export declare class GraphModel {
      * todo docs link
      */
     setTheme(style: Partial<LogicFlow.Theme>): void;
+    /**
+     * 更新网格配置
+     */
+    updateGridOptions(options: Partial<Grid.GridOptions>): void;
+    /**
+     * 更新网格配置
+     */
+    updateBackgroundOptions(options: boolean | Partial<LFOptions.BackgroundConfig>): void;
     /**
      * 重新设置画布的宽高
      */

package/es/model/GraphModel.js

@@ -40,12 +40,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { find, forEach, map } from 'lodash-es';
+import { find, forEach, map, merge, isBoolean, isEqual } 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, TextMode, } from '../constant';
 import { createEdgeGenerator, createUuid, formatData, getClosestPointOfPolyline, getMinIndex, getNodeAnchorPosition, getNodeBBox, getZIndex, isPointInArea, setupAnimation, setupTheme, snapToGrid, updateTheme, } from '../util';
 import EventEmitter from '../event/eventEmitter';
+import { Grid } from '../view/overlay';
 var GraphModel = /** @class */ (function () {
     function GraphModel(options) {
         // 维护所有节点和边类型对应的 model
@@ -88,6 +89,7 @@ var GraphModel = /** @class */ (function () {
             this.gridSize = grid.size || 1; // 默认 gridSize 设置为 1
         }
         this.theme = setupTheme(options.style);
+        this.grid = Grid.getGridOptions(grid !== null && grid !== void 0 ? grid : false);
         this.edgeType = options.edgeType || 'polyline';
         this.animation = setupAnimation(animation);
         this.overlapMode = options.overlapMode || OverlapMode.DEFAULT;
@@ -373,6 +375,31 @@ var GraphModel = /** @class */ (function () {
                     throw new Error("\u627E\u4E0D\u5230".concat(edge.type, "\u5BF9\u5E94\u7684\u8FB9\u3002"));
                 }
                 var edgeModel = new Model(edge, _this);
+                // 根据edgeModel中存储的数据找到当前画布上的起终锚点坐标
+                // 判断当前起终锚点数据和Model中存储的起终点数据是否一致，不一致更新起终点信息
+                var sourceNodeId = edgeModel.sourceNodeId, targetNodeId = edgeModel.targetNodeId, _b = edgeModel.sourceAnchorId, sourceAnchorId = _b === void 0 ? '' : _b, _c = edgeModel.targetAnchorId, targetAnchorId = _c === void 0 ? '' : _c, startPoint = edgeModel.startPoint, endPoint = edgeModel.endPoint, text = edgeModel.text, textPosition = edgeModel.textPosition;
+                var updateAnchorPoint = function (node, anchorId, point, updatePoint) {
+                    var anchor = node === null || node === void 0 ? void 0 : node.anchors.find(function (anchor) { return anchor.id === anchorId; });
+                    if (anchor && !isEqual(anchor, point)) {
+                        updatePoint(anchor);
+                    }
+                };
+                var sourceNode = _this.getNodeModelById(sourceNodeId);
+                var targetNode = _this.getNodeModelById(targetNodeId);
+                updateAnchorPoint(sourceNode, sourceAnchorId, startPoint, edgeModel.updateStartPoint.bind(edgeModel));
+                updateAnchorPoint(targetNode, targetAnchorId, endPoint, edgeModel.updateEndPoint.bind(edgeModel));
+                // 而文本需要先算一下文本与默认文本位置之间的相对位置差
+                // 再计算新路径的文本默认位置，加上相对位置差，得到调整后边的文本的位置
+                if (text) {
+                    var x = text.x, y = text.y;
+                    var defaultX = textPosition.x, defaultY = textPosition.y;
+                    if (x && y && defaultX && defaultY) {
+                        var deltaX = x - defaultX;
+                        var deltaY = y - defaultY;
+                        edgeModel.resetTextPosition();
+                        edgeModel.moveText(deltaX, deltaY);
+                    }
+                }
                 _this.edgeModelMap.set(edgeModel.id, edgeModel);
                 _this.elementsModelMap.set(edgeModel.id, edgeModel);
                 return edgeModel;
@@ -664,11 +691,15 @@ var GraphModel = /** @class */ (function () {
      * @param {string} nodeId 节点Id
      */
     GraphModel.prototype.deleteNode = function (nodeId) {
-        var nodeData = this.nodesMap[nodeId].model.getData();
+        var nodeModel = this.nodesMap[nodeId].model;
+        var nodeData = nodeModel.getData();
         this.deleteEdgeBySource(nodeId);
         this.deleteEdgeByTarget(nodeId);
         this.nodes.splice(this.nodesMap[nodeId].index, 1);
-        this.eventCenter.emit(EventType.NODE_DELETE, { data: nodeData });
+        this.eventCenter.emit(EventType.NODE_DELETE, {
+            data: nodeData,
+            model: nodeModel,
+        });
     };
     /**
      * 添加节点
@@ -1238,6 +1269,23 @@ var GraphModel = /** @class */ (function () {
     GraphModel.prototype.setTheme = function (style) {
         this.theme = updateTheme(__assign(__assign({}, this.theme), style));
     };
+    /**
+     * 更新网格配置
+     */
+    GraphModel.prototype.updateGridOptions = function (options) {
+        merge(this.grid, options);
+    };
+    /**
+     * 更新网格配置
+     */
+    GraphModel.prototype.updateBackgroundOptions = function (options) {
+        if (isBoolean(options) || isBoolean(this.background)) {
+            this.background = options;
+        }
+        else {
+            this.background = __assign(__assign({}, this.background), options);
+        }
+    };
     /**
      * 重新设置画布的宽高
      */
@@ -1365,6 +1413,9 @@ var GraphModel = /** @class */ (function () {
     __decorate([
         observable
     ], GraphModel.prototype, "height", void 0);
+    __decorate([
+        observable
+    ], GraphModel.prototype, "grid", void 0);
     __decorate([
         observable
     ], GraphModel.prototype, "edgeType", void 0);

package/es/model/edge/BaseEdgeModel.d.ts

@@ -48,6 +48,7 @@ export declare class BaseEdgeModel<P extends PropertiesType = PropertiesType> im
     visible: boolean;
     isAnimation: boolean;
     isShowAdjustPoint: boolean;
+    isDragging?: boolean;
     graphModel: GraphModel;
     zIndex: number;
     state: ElementState;

package/es/model/edge/LineEdgeModel.d.ts

@@ -16,6 +16,8 @@ export declare class LineEdgeModel extends BaseEdgeModel {
         height?: number | undefined;
         path?: string | undefined;
     };
+    initEdgeData(data: LogicFlow.EdgeConfig): void;
+    getPath(points: Point[]): string;
     getTextPosition(): Point;
 }
 export default LineEdgeModel;

package/es/model/edge/LineEdgeModel.js

@@ -65,6 +65,14 @@ var LineEdgeModel = /** @class */ (function (_super) {
         var _a = this.properties.style, customStyle = _a === void 0 ? {} : _a;
         return __assign(__assign(__assign({}, style), cloneDeep(line)), cloneDeep(customStyle));
     };
+    LineEdgeModel.prototype.initEdgeData = function (data) {
+        _super.prototype.initEdgeData.call(this, data);
+        this.points = this.getPath([this.startPoint, this.endPoint]);
+    };
+    LineEdgeModel.prototype.getPath = function (points) {
+        var _a = __read(points, 2), start = _a[0], end = _a[1];
+        return "".concat(start.x, ",").concat(start.y, " ").concat(end.x, ",").concat(end.y);
+    };
     LineEdgeModel.prototype.getTextPosition = function () {
         return {
             x: (this.startPoint.x + this.endPoint.x) / 2,

package/es/model/edge/PolylineEdgeModel.d.ts

@@ -39,6 +39,7 @@ export declare class PolylineEdgeModel extends BaseEdgeModel {
             y: number;
         }[];
     };
+    getPath(points: Point[]): string;
     initPoints(): void;
     updatePoints(): void;
     updateStartPoint(anchor: Point): void;

package/es/model/edge/PolylineEdgeModel.js

@@ -295,11 +295,12 @@ var PolylineEdgeModel = /** @class */ (function (_super) {
             pointsList: pointsList,
         });
     };
+    PolylineEdgeModel.prototype.getPath = function (points) {
+        return points.map(function (point) { return "".concat(point.x, ",").concat(point.y); }).join(' ');
+    };
     PolylineEdgeModel.prototype.initPoints = function () {
         if (this.pointsList.length > 0) {
-            this.points = this.pointsList
-                .map(function (point) { return "".concat(point.x, ",").concat(point.y); })
-                .join(' ');
+            this.points = this.getPath(this.pointsList);
         }
         else {
             this.updatePoints();

package/es/model/node/BaseNodeModel.d.ts

@@ -172,8 +172,8 @@ export declare class BaseNodeModel<P extends PropertiesType = PropertiesType> im
         color?: string | undefined;
         fontSize: number;
         lineHeight?: number | undefined;
-        textAnchor?: "middle" | "start" | "end" | undefined;
-        dominantBaseline?: "middle" | "central" | "auto" | "text-bottom" | "alphabetic" | "ideographic" | "mathematical" | "hanging" | "text-top" | undefined;
+        textAnchor?: "start" | "end" | "middle" | undefined;
+        dominantBaseline?: "middle" | "auto" | "text-bottom" | "alphabetic" | "ideographic" | "central" | "mathematical" | "hanging" | "text-top" | undefined;
     };
     /**
      * @overridable 支持重写

package/es/model/node/BaseNodeModel.js

@@ -736,7 +736,7 @@ var BaseNodeModel = /** @class */ (function () {
         var preProperties = toJS(this.properties);
         this.properties = nextProperties;
         this.setAttributes();
-        // 触发更新节点 properties:change 的事件
+        // 触发更新节点 node:properties-change 的事件
         this.graphModel.eventCenter.emit(EventType.NODE_PROPERTIES_CHANGE, {
             id: this.id,
             keys: updateKeys,

package/es/model/node/HtmlNodeModel.d.ts

@@ -4,13 +4,13 @@ import { ModelType } from '../../constant';
 import AnchorConfig = Model.AnchorConfig;
 import LogicFlow from '../../LogicFlow';
 import GraphModel from '../GraphModel';
-export type IHtmlNodeProperties = {
+export interface IHtmlNodeProperties {
     width?: number;
     height?: number;
     style?: LogicFlow.CommonTheme;
     textStyle?: LogicFlow.CommonTheme;
     [key: string]: unknown;
-};
+}
 export declare class HtmlNodeModel<P extends IHtmlNodeProperties = IHtmlNodeProperties> extends BaseNodeModel<P> {
     modelType: ModelType;
     constructor(data: LogicFlow.NodeConfig<P>, graphModel: GraphModel);