@logicflow/core 1.2.27 → 2.0.0-beta.0

package/lib/model/node/HtmlNodeModel.js

@@ -0,0 +1,65 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__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 = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HtmlNodeModel = void 0;
+var BaseNodeModel_1 = __importDefault(require("./BaseNodeModel"));
+var constant_1 = require("../../constant");
+var mobx_1 = require("mobx");
+var HtmlNodeModel = /** @class */ (function (_super) {
+    __extends(HtmlNodeModel, _super);
+    function HtmlNodeModel(data, graphModel) {
+        var _this = _super.call(this, data, graphModel) || this;
+        _this.modelType = constant_1.ModelType.HTML_NODE;
+        _this.properties = {};
+        _this.properties = data.properties || {};
+        _this.setAttributes();
+        return _this;
+    }
+    HtmlNodeModel.prototype.setAttributes = function () {
+        _super.prototype.setAttributes.call(this);
+        var _a = this.properties, width = _a.width, height = _a.height;
+        if (width)
+            this.width = width;
+        if (height)
+            this.height = height;
+    };
+    HtmlNodeModel.prototype.getDefaultAnchor = function () {
+        var _a = this, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+        return [
+            { x: x, y: y - height / 2, id: "".concat(this.id, "_0") },
+            { x: x + width / 2, y: y, id: "".concat(this.id, "_1") },
+            { x: x, y: y + height / 2, id: "".concat(this.id, "_2") },
+            { x: x - width / 2, y: y, id: "".concat(this.id, "_3") },
+        ];
+    };
+    __decorate([
+        mobx_1.observable
+    ], HtmlNodeModel.prototype, "properties", void 0);
+    return HtmlNodeModel;
+}(BaseNodeModel_1.default));
+exports.HtmlNodeModel = HtmlNodeModel;
+exports.default = HtmlNodeModel;
+//# sourceMappingURL=HtmlNodeModel.js.map

package/lib/model/node/HtmlNodeModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlNodeModel.js","sourceRoot":"","sources":["../../../src/model/node/HtmlNodeModel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kEAA2C;AAE3C,2CAA0C;AAG1C,6BAAiC;AAajC;IAAmC,iCAAa;IAI9C,uBAAY,IAA0B,EAAE,UAAsB;QAC5D,YAAA,MAAK,YAAC,IAAI,EAAE,UAAU,CAAC,SAAA;QAJzB,eAAS,GAAG,oBAAS,CAAC,SAAS,CAAA;QACnB,gBAAU,GAAmB,EAAE,CAAA;QAIzC,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAA;QAEvC,KAAI,CAAC,aAAa,EAAE,CAAA;;IACtB,CAAC;IAED,qCAAa,GAAb;QACE,gBAAK,CAAC,aAAa,WAAE,CAAA;QAEf,IAAA,KAAoB,IAAI,CAAC,UAAU,EAAjC,KAAK,WAAA,EAAE,MAAM,YAAoB,CAAA;QACzC,IAAI,KAAK;YAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAC7B,IAAI,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;IAClC,CAAC;IAED,wCAAgB,GAAhB;QACQ,IAAA,KAA0B,IAAI,EAA5B,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAS,CAAA;QACpC,OAAO;YACL,EAAE,CAAC,GAAA,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,EAAE;YAC5C,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,GAAA,EAAE,EAAE,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,EAAE;YAC3C,EAAE,CAAC,GAAA,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,EAAE;YAC5C,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,GAAA,EAAE,EAAE,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,EAAE;SAC5C,CAAA;IACH,CAAC;IAzBW;QAAX,iBAAU;qDAAgC;IA0B7C,oBAAC;CAAA,AA5BD,CAAmC,uBAAa,GA4B/C;AA5BY,sCAAa;AA8B1B,kBAAe,aAAa,CAAA"}

package/lib/model/node/PolygonNodeModel.d.ts

@@ -0,0 +1,50 @@
+import BaseNodeModel from './BaseNodeModel';
+import GraphModel from '../GraphModel';
+import LogicFlow from '../../LogicFlow';
+import { ModelType } from '../../constant';
+import { ResizeControl } from '../../view/Control';
+import Point = LogicFlow.Point;
+import PointTuple = LogicFlow.PointTuple;
+import NodeConfig = LogicFlow.NodeConfig;
+import ResizeInfo = ResizeControl.ResizeInfo;
+import ResizeNodeData = ResizeControl.ResizeNodeData;
+export type IPolygonNodeProperties = {
+    points?: PointTuple[];
+    width?: number;
+    height?: number;
+    style?: LogicFlow.CommonTheme;
+    textStyle?: LogicFlow.CommonTheme;
+    [key: string]: any;
+};
+export declare class PolygonNodeModel extends BaseNodeModel {
+    modelType: ModelType;
+    points: PointTuple[];
+    properties: IPolygonNodeProperties;
+    constructor(data: NodeConfig, graphModel: GraphModel);
+    setAttributes(): void;
+    getNodeStyle(): {
+        [x: string]: unknown;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+        radius?: number | undefined;
+        rx?: number | undefined;
+        ry?: number | undefined;
+        path?: string | undefined;
+    };
+    /**
+     * 由于大多数情况下，我们初始化拿到的多边形坐标都是基于原点的（例如绘图工具到处的svg）。
+     * 在logicflow中对多边形进行移动，我们不需要去更新points，
+     * 而是去更新多边形中心点即可。
+     */
+    get pointsPosition(): Point[];
+    get width(): number;
+    get height(): number;
+    getDefaultAnchor(): {
+        x: number;
+        y: number;
+        id: string;
+    }[];
+    resize(resizeInfo: ResizeInfo): ResizeNodeData;
+}
+export default PolygonNodeModel;

package/lib/model/node/PolygonNodeModel.js

@@ -0,0 +1,202 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PolygonNodeModel = void 0;
+var lodash_es_1 = require("lodash-es");
+var mobx_1 = require("mobx");
+var BaseNodeModel_1 = __importDefault(require("./BaseNodeModel"));
+var constant_1 = require("../../constant");
+var util_1 = require("../../util");
+var PolygonNodeModel = /** @class */ (function (_super) {
+    __extends(PolygonNodeModel, _super);
+    function PolygonNodeModel(data, graphModel) {
+        var _this = _super.call(this, data, graphModel) || this;
+        _this.modelType = constant_1.ModelType.POLYGON_NODE;
+        _this.points = [
+            [50, 0],
+            [100, 50],
+            [50, 100],
+            [0, 50], // 菱形
+            // [0,100], [50,25], [50,75], [100,0] // 闪电
+            // [100, 10],
+            // [40, 198],
+            // [190, 78],
+            // [10, 78],
+            // [160, 198], // 五角星
+        ];
+        _this.properties = {};
+        _this.properties = data.properties || {};
+        _this.setAttributes();
+        return _this;
+    }
+    PolygonNodeModel.prototype.setAttributes = function () {
+        _super.prototype.setAttributes.call(this);
+        var _a = this.properties, points = _a.points, width = _a.width, height = _a.height;
+        // DONE: 如果设置了 points，又设置了节点的宽高，则需要做如下操作
+        // 1. 将 points 的位置置零，即将图形向原点移动（找到 points 中 x,y 的最小值，所有坐标值减掉该值）
+        // 2. 按宽高的比例重新计算最新的 points
+        // if (points) {
+        //   this.points = points
+        // }
+        var nextPoints = points || this.points;
+        this.points = (0, util_1.normalizePolygon)(nextPoints, width, height);
+    };
+    PolygonNodeModel.prototype.getNodeStyle = function () {
+        var style = _super.prototype.getNodeStyle.call(this);
+        var polygon = this.graphModel.theme.polygon;
+        var customStyle = this.properties.style;
+        return __assign(__assign(__assign({}, style), (0, lodash_es_1.cloneDeep)(polygon)), ((0, lodash_es_1.cloneDeep)(customStyle) || {}));
+    };
+    Object.defineProperty(PolygonNodeModel.prototype, "pointsPosition", {
+        /**
+         * 由于大多数情况下，我们初始化拿到的多边形坐标都是基于原点的（例如绘图工具到处的svg）。
+         * 在logicflow中对多边形进行移动，我们不需要去更新points，
+         * 而是去更新多边形中心点即可。
+         */
+        get: function () {
+            var _a = this, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+            return this.points.map(function (item) { return ({
+                x: item[0] + x - width / 2,
+                y: item[1] + y - height / 2,
+            }); });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PolygonNodeModel.prototype, "width", {
+        get: function () {
+            var min = Number.MAX_SAFE_INTEGER;
+            var max = Number.MIN_SAFE_INTEGER;
+            this.points.forEach(function (_a) {
+                var _b = __read(_a, 1), x = _b[0];
+                if (x < min) {
+                    min = x;
+                }
+                if (x > max) {
+                    max = x;
+                }
+            });
+            return max - min;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PolygonNodeModel.prototype, "height", {
+        get: function () {
+            var min = Number.MAX_SAFE_INTEGER;
+            var max = Number.MIN_SAFE_INTEGER;
+            this.points.forEach(function (_a) {
+                var _b = __read(_a, 2), y = _b[1];
+                if (y < min) {
+                    min = y;
+                }
+                if (y > max) {
+                    max = y;
+                }
+            });
+            return max - min;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PolygonNodeModel.prototype.getDefaultAnchor = function () {
+        var _this = this;
+        var _a = this, x = _a.x, y = _a.y, width = _a.width, height = _a.height, points = _a.points;
+        return points.map(function (_a, idx) {
+            var _b = __read(_a, 2), x1 = _b[0], y1 = _b[1];
+            return ({
+                x: x + x1 - width / 2,
+                y: y + y1 - height / 2,
+                id: "".concat(_this.id, "_").concat(idx),
+            });
+        });
+    };
+    PolygonNodeModel.prototype.resize = function (resizeInfo) {
+        var _this = this;
+        var width = resizeInfo.width, height = resizeInfo.height, deltaX = resizeInfo.deltaX, deltaY = resizeInfo.deltaY;
+        // 移动节点以及文本内容
+        this.move(deltaX / 2, deltaY / 2);
+        var nextPoints = (0, lodash_es_1.map)(this.points, function (_a) {
+            var _b = __read(_a, 2), x = _b[0], y = _b[1];
+            return [
+                (x * width) / _this.width,
+                (y * height) / _this.height,
+            ];
+        });
+        this.points = nextPoints;
+        this.properties.points = nextPoints;
+        // this.setProperties({
+        //   points: toJS(nextPoints),
+        // })
+        return this.getData();
+    };
+    __decorate([
+        mobx_1.observable
+    ], PolygonNodeModel.prototype, "points", void 0);
+    __decorate([
+        mobx_1.observable
+    ], PolygonNodeModel.prototype, "properties", void 0);
+    __decorate([
+        mobx_1.computed
+    ], PolygonNodeModel.prototype, "pointsPosition", null);
+    __decorate([
+        mobx_1.computed
+    ], PolygonNodeModel.prototype, "width", null);
+    __decorate([
+        mobx_1.computed
+    ], PolygonNodeModel.prototype, "height", null);
+    return PolygonNodeModel;
+}(BaseNodeModel_1.default));
+exports.PolygonNodeModel = PolygonNodeModel;
+exports.default = PolygonNodeModel;
+//# sourceMappingURL=PolygonNodeModel.js.map

package/lib/model/node/PolygonNodeModel.js.map

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

package/lib/model/node/RectNodeModel.d.ts

@@ -0,0 +1,34 @@
+import BaseNodeModel from './BaseNodeModel';
+import GraphModel from '../GraphModel';
+import LogicFlow from '../../LogicFlow';
+import { ModelType } from '../../constant';
+export type IRectNodeModel = {
+    width?: number;
+    height?: number;
+    style?: LogicFlow.CommonTheme;
+    textStyle?: LogicFlow.CommonTheme;
+    [key: string]: any;
+};
+export declare class RectNodeModel extends BaseNodeModel {
+    modelType: ModelType;
+    radius: number;
+    properties: IRectNodeModel;
+    constructor(data: LogicFlow.NodeConfig, graphModel: GraphModel);
+    setAttributes(): void;
+    getDefaultAnchor(): {
+        x: number;
+        y: number;
+        id: string;
+    }[];
+    getNodeStyle(): {
+        [x: string]: unknown;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+        radius?: number | undefined;
+        rx?: number | undefined;
+        ry?: number | undefined;
+        path?: string | undefined;
+    };
+}
+export default RectNodeModel;

package/lib/model/node/RectNodeModel.js

@@ -0,0 +1,86 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__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 = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RectNodeModel = void 0;
+var lodash_es_1 = require("lodash-es");
+var mobx_1 = require("mobx");
+var BaseNodeModel_1 = __importDefault(require("./BaseNodeModel"));
+var constant_1 = require("../../constant");
+var RectNodeModel = /** @class */ (function (_super) {
+    __extends(RectNodeModel, _super);
+    function RectNodeModel(data, graphModel) {
+        var _this = _super.call(this, data, graphModel) || this;
+        _this.modelType = constant_1.ModelType.RECT_NODE;
+        _this.radius = 0;
+        _this.properties = {};
+        _this.properties = data.properties || {};
+        _this.setAttributes();
+        return _this;
+    }
+    RectNodeModel.prototype.setAttributes = function () {
+        _super.prototype.setAttributes.call(this);
+        var _a = this.properties, width = _a.width, height = _a.height;
+        if (width)
+            this.width = width;
+        if (height)
+            this.height = height;
+    };
+    RectNodeModel.prototype.getDefaultAnchor = function () {
+        var _a = this, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+        return [
+            { x: x, y: y - height / 2, id: "".concat(this.id, "_0") },
+            { x: x + width / 2, y: y, id: "".concat(this.id, "_1") },
+            { x: x, y: y + height / 2, id: "".concat(this.id, "_2") },
+            { x: x - width / 2, y: y, id: "".concat(this.id, "_3") },
+        ];
+    };
+    RectNodeModel.prototype.getNodeStyle = function () {
+        var style = _super.prototype.getNodeStyle.call(this);
+        var rect = this.graphModel.theme.rect;
+        return __assign(__assign({}, style), (0, lodash_es_1.cloneDeep)(rect));
+    };
+    __decorate([
+        mobx_1.observable
+    ], RectNodeModel.prototype, "radius", void 0);
+    __decorate([
+        mobx_1.observable
+    ], RectNodeModel.prototype, "properties", void 0);
+    return RectNodeModel;
+}(BaseNodeModel_1.default));
+exports.RectNodeModel = RectNodeModel;
+exports.default = RectNodeModel;
+//# sourceMappingURL=RectNodeModel.js.map

package/lib/model/node/RectNodeModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RectNodeModel.js","sourceRoot":"","sources":["../../../src/model/node/RectNodeModel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAqC;AACrC,6BAAiC;AACjC,kEAA2C;AAG3C,2CAA0C;AAW1C;IAAmC,iCAAa;IAK9C,uBAAY,IAA0B,EAAE,UAAsB;QAC5D,YAAA,MAAK,YAAC,IAAI,EAAE,UAAU,CAAC,SAAA;QALzB,eAAS,GAAG,oBAAS,CAAC,SAAS,CAAA;QACnB,YAAM,GAAG,CAAC,CAAA;QACV,gBAAU,GAAmB,EAAE,CAAA;QAIzC,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAA;QAEvC,KAAI,CAAC,aAAa,EAAE,CAAA;;IACtB,CAAC;IAED,qCAAa,GAAb;QACE,gBAAK,CAAC,aAAa,WAAE,CAAA;QAEf,IAAA,KAAoB,IAAI,CAAC,UAAU,EAAjC,KAAK,WAAA,EAAE,MAAM,YAAoB,CAAA;QACzC,IAAI,KAAK;YAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAC7B,IAAI,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;IAClC,CAAC;IAED,wCAAgB,GAAhB;QACQ,IAAA,KAA0B,IAAI,EAA5B,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAS,CAAA;QACpC,OAAO;YACL,EAAE,CAAC,GAAA,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,EAAE;YAC5C,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,GAAA,EAAE,EAAE,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,EAAE;YAC3C,EAAE,CAAC,GAAA,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,EAAE;YAC5C,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,GAAA,EAAE,EAAE,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,EAAE;SAC5C,CAAA;IACH,CAAC;IAED,oCAAY,GAAZ;QACE,IAAM,KAAK,GAAG,gBAAK,CAAC,YAAY,WAAE,CAAA;QAC1B,IAAA,IAAI,GAAK,IAAI,CAAC,UAAU,CAAC,KAAK,KAA1B,CAA0B;QACtC,6BACK,KAAK,GACL,IAAA,qBAAS,EAAC,IAAI,CAAC,EACnB;IACH,CAAC;IAnCW;QAAX,iBAAU;iDAAW;IACV;QAAX,iBAAU;qDAAgC;IAmC7C,oBAAC;CAAA,AAtCD,CAAmC,uBAAa,GAsC/C;AAtCY,sCAAa;AAwC1B,kBAAe,aAAa,CAAA"}

package/lib/model/node/TextNodeModel.d.ts

@@ -0,0 +1,27 @@
+import BaseNodeModel from './BaseNodeModel';
+import { ModelType } from '../../constant';
+export declare class TextNodeModel extends BaseNodeModel {
+    modelType: ModelType;
+    getTextStyle(): {
+        [x: string]: unknown;
+        background?: import("../..").LogicFlow.CommonTheme | undefined;
+        color?: string | undefined;
+        fontSize: number;
+        textWidth?: number | undefined;
+        lineHeight?: number | undefined;
+        textAnchor?: "middle" | "start" | "end" | undefined;
+        dominantBaseline?: "middle" | "auto" | "text-bottom" | "alphabetic" | "ideographic" | "central" | "mathematical" | "hanging" | "text-top" | undefined;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+        radius?: number | undefined;
+        rx?: number | undefined;
+        ry?: number | undefined;
+        path?: string | undefined;
+        overflowMode?: "default" | "ellipsis" | "autoWrap" | undefined;
+        wrapPadding?: string | undefined;
+    };
+    get width(): number;
+    get height(): number;
+}
+export default TextNodeModel;

package/lib/model/node/TextNodeModel.js

@@ -0,0 +1,119 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextNodeModel = void 0;
+var lodash_es_1 = require("lodash-es");
+var mobx_1 = require("mobx");
+var BaseNodeModel_1 = __importDefault(require("./BaseNodeModel"));
+var constant_1 = require("../../constant");
+var util_1 = require("../../util");
+var TextNodeModel = /** @class */ (function (_super) {
+    __extends(TextNodeModel, _super);
+    function TextNodeModel() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.modelType = constant_1.ModelType.TEXT_NODE;
+        return _this;
+    }
+    TextNodeModel.prototype.getTextStyle = function () {
+        var style = _super.prototype.getTextStyle.call(this);
+        var text = this.graphModel.theme.text;
+        return __assign(__assign({}, style), (0, lodash_es_1.cloneDeep)(text));
+    };
+    Object.defineProperty(TextNodeModel.prototype, "width", {
+        get: function () {
+            var rows = String(this.text.value).split(/[\r\n]/g);
+            var fontSize = this.getTextStyle().fontSize;
+            var width = (0, util_1.getSvgTextWidthHeight)({
+                rows: rows,
+                fontSize: fontSize,
+                rowsLength: rows.length,
+            }).width;
+            return width;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextNodeModel.prototype, "height", {
+        get: function () {
+            var rows = String(this.text.value).split(/[\r\n]/g);
+            var fontSize = this.getTextStyle().fontSize;
+            var height = (0, util_1.getSvgTextWidthHeight)({
+                rows: rows,
+                fontSize: fontSize,
+                rowsLength: rows.length,
+            }).height;
+            return height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    __decorate([
+        mobx_1.computed
+    ], TextNodeModel.prototype, "width", null);
+    __decorate([
+        mobx_1.computed
+    ], TextNodeModel.prototype, "height", null);
+    return TextNodeModel;
+}(BaseNodeModel_1.default));
+exports.TextNodeModel = TextNodeModel;
+exports.default = TextNodeModel;
+//# sourceMappingURL=TextNodeModel.js.map

package/lib/model/node/TextNodeModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextNodeModel.js","sourceRoot":"","sources":["../../../src/model/node/TextNodeModel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAqC;AACrC,6BAA+B;AAC/B,kEAA2C;AAC3C,2CAA0C;AAC1C,mCAAkD;AAElD;IAAmC,iCAAa;IAAhD;;QACE,eAAS,GAAG,oBAAS,CAAC,SAAS,CAAA;;IA+BjC,CAAC;IA7BC,oCAAY,GAAZ;QACE,IAAM,KAAK,GAAG,gBAAK,CAAC,YAAY,WAAE,CAAA;QAC1B,IAAA,IAAI,GAAK,IAAI,CAAC,UAAU,CAAC,KAAK,KAA1B,CAA0B;QACtC,6BACK,KAAK,GACL,IAAA,qBAAS,EAAC,IAAI,CAAC,EACnB;IACH,CAAC;IACS,sBAAI,gCAAK;aAAT;YACR,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;YAC7C,IAAA,QAAQ,GAAK,IAAI,CAAC,YAAY,EAAE,SAAxB,CAAwB;YAChC,IAAA,KAAK,GAAK,IAAA,4BAAqB,EAAC;gBACtC,IAAI,MAAA;gBACJ,QAAQ,UAAA;gBACR,UAAU,EAAE,IAAI,CAAC,MAAM;aACxB,CAAC,MAJW,CAIX;YACF,OAAO,KAAK,CAAA;QACd,CAAC;;;OAAA;IAES,sBAAI,iCAAM;aAAV;YACR,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;YAC7C,IAAA,QAAQ,GAAK,IAAI,CAAC,YAAY,EAAE,SAAxB,CAAwB;YAChC,IAAA,MAAM,GAAK,IAAA,4BAAqB,EAAC;gBACvC,IAAI,MAAA;gBACJ,QAAQ,UAAA;gBACR,UAAU,EAAE,IAAI,CAAC,MAAM;aACxB,CAAC,OAJY,CAIZ;YACF,OAAO,MAAM,CAAA;QACf,CAAC;;;OAAA;IApBS;QAAT,eAAQ;8CASR;IAES;QAAT,eAAQ;+CASR;IACH,oBAAC;CAAA,AAhCD,CAAmC,uBAAa,GAgC/C;AAhCY,sCAAa;AAkC1B,kBAAe,aAAa,CAAA"}

package/lib/model/node/index.d.ts

@@ -0,0 +1,8 @@
+export * from './BaseNodeModel';
+export * from './CircleNodeModel';
+export * from './DiamondNodeModel';
+export * from './EllipseNodeModel';
+export * from './PolygonNodeModel';
+export * from './RectNodeModel';
+export * from './TextNodeModel';
+export * from './HtmlNodeModel';

package/lib/model/node/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BaseNodeModel"), exports);
+__exportStar(require("./CircleNodeModel"), exports);
+__exportStar(require("./DiamondNodeModel"), exports);
+__exportStar(require("./EllipseNodeModel"), exports);
+__exportStar(require("./PolygonNodeModel"), exports);
+__exportStar(require("./RectNodeModel"), exports);
+__exportStar(require("./TextNodeModel"), exports);
+__exportStar(require("./HtmlNodeModel"), exports);
+//# sourceMappingURL=index.js.map

package/lib/model/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/model/node/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,kDAAgC;AAChC,kDAAgC;AAChC,kDAAgC"}