@logicflow/core 1.2.27 → 2.0.0-beta.0

package/lib/view/node/EllipseNode.d.ts

@@ -0,0 +1,10 @@
+import BaseNode from './BaseNode';
+import { GraphModel, EllipseNodeModel } from '../../model';
+export type IEllipseNodeProps = {
+    model: EllipseNodeModel;
+    graphModel: GraphModel;
+};
+export declare class EllipseNode extends BaseNode<IEllipseNodeProps> {
+    getShape(): import("preact").JSX.Element;
+}
+export default EllipseNode;

package/lib/view/node/EllipseNode.js

@@ -0,0 +1,50 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EllipseNode = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var BaseNode_1 = __importDefault(require("./BaseNode"));
+var Ellipse_1 = __importDefault(require("../shape/Ellipse"));
+var EllipseNode = /** @class */ (function (_super) {
+    __extends(EllipseNode, _super);
+    function EllipseNode() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    EllipseNode.prototype.getShape = function () {
+        var model = this.props.model;
+        var style = model.getNodeStyle();
+        return ((0, jsx_runtime_1.jsx)(Ellipse_1.default, __assign({}, style, { x: model.x, y: model.y, rx: model.rx, ry: model.ry })));
+    };
+    return EllipseNode;
+}(BaseNode_1.default));
+exports.EllipseNode = EllipseNode;
+exports.default = EllipseNode;
+//# sourceMappingURL=EllipseNode.js.map

package/lib/view/node/EllipseNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipseNode.js","sourceRoot":"","sources":["../../../src/view/node/EllipseNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAiC;AACjC,6DAAsC;AAQtC;IAAiC,+BAA2B;IAA5D;;IAQA,CAAC;IAPC,8BAAQ,GAAR;QACU,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAe;QAC5B,IAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;QAClC,OAAO,CACL,uBAAC,iBAAO,eAAK,KAAK,IAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAC3E,CAAA;IACH,CAAC;IACH,kBAAC;AAAD,CAAC,AARD,CAAiC,kBAAQ,GAQxC;AARY,kCAAW;AAUxB,kBAAe,WAAW,CAAA"}

package/lib/view/node/HtmlNode.d.ts

@@ -0,0 +1,38 @@
+import BaseNode from './BaseNode';
+import { GraphModel, HtmlNodeModel } from '../../model';
+export type IHtmlNodeProps = {
+    model: HtmlNodeModel;
+    graphModel: GraphModel;
+};
+export declare class HtmlNode extends BaseNode<IHtmlNodeProps> {
+    ref: import("preact").RefObject<any>;
+    currentProperties?: string;
+    preProperties?: string;
+    get rootEl(): any;
+    /**
+     * @overridable 支持重写
+     * 自定义HTML节点内容
+     * @param {HTMLElement} rootEl 自定义HTML节点内容可以挂载的dom节点
+     * @example
+     * class CustomHtmlNode extends HtmlNode {
+     *   setHtml(rootEl) {
+     *     const input = document.createElement('input');
+     *     rootEl.appendChild(input)
+     *   }
+     * }
+     */
+    setHtml(rootEl: SVGForeignObjectElement): void;
+    confirmUpdate(rootEl: SVGForeignObjectElement): void;
+    /**
+     * @overridable 支持重写
+     * 和react的shouldComponentUpdate类似，都是为了避免出发不必要的render.
+     * 但是这里不一样的地方在于，setHtml方法，我们只在properties发生变化了后再触发。
+     * 而x,y等这些坐标相关的方法发生了变化，不会再重新触发setHtml.
+     */
+    shouldUpdate(): boolean;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    getShape(): import("preact/compat").JSX.Element;
+}
+export default HtmlNode;

package/lib/view/node/HtmlNode.js

@@ -0,0 +1,135 @@
+"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 __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.HtmlNode = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var compat_1 = require("preact/compat");
+var BaseNode_1 = __importDefault(require("./BaseNode"));
+var HtmlNode = /** @class */ (function (_super) {
+    __extends(HtmlNode, _super);
+    function HtmlNode() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.ref = (0, compat_1.createRef)();
+        return _this;
+    }
+    Object.defineProperty(HtmlNode.prototype, "rootEl", {
+        get: function () {
+            return this.ref.current;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * @overridable 支持重写
+     * 自定义HTML节点内容
+     * @param {HTMLElement} rootEl 自定义HTML节点内容可以挂载的dom节点
+     * @example
+     * class CustomHtmlNode extends HtmlNode {
+     *   setHtml(rootEl) {
+     *     const input = document.createElement('input');
+     *     rootEl.appendChild(input)
+     *   }
+     * }
+     */
+    HtmlNode.prototype.setHtml = function (rootEl) {
+        rootEl.appendChild(document.createElement('div'));
+    };
+    // TODO: 1. 应该在什么时机进行更新呢？2. 如何精细化控制
+    HtmlNode.prototype.confirmUpdate = function (rootEl) {
+        this.setHtml(rootEl);
+    };
+    /**
+     * @overridable 支持重写
+     * 和react的shouldComponentUpdate类似，都是为了避免出发不必要的render.
+     * 但是这里不一样的地方在于，setHtml方法，我们只在properties发生变化了后再触发。
+     * 而x,y等这些坐标相关的方法发生了变化，不会再重新触发setHtml.
+     */
+    HtmlNode.prototype.shouldUpdate = function () {
+        if (this.preProperties && this.preProperties === this.currentProperties) {
+            return false;
+        }
+        this.preProperties = this.currentProperties;
+        return true;
+    };
+    HtmlNode.prototype.componentDidMount = function () {
+        console.log('HtmlNode --->>> componentDidMount - 初始化内容');
+        if (this.shouldUpdate() && this.rootEl) {
+            this.setHtml(this.rootEl);
+        }
+    };
+    HtmlNode.prototype.componentDidUpdate = function () {
+        console.log('HtmlNode --->>> componentDidUpdate - 更新节点内容');
+        // DONE: 将 componentDidMount 和 componentDidUpdate 区分开，如果写在一次，渲染 React 组件会重复初始化，消耗过多资源
+        // 为了保证历史兼容性，先将默认 HTML 节点的 setHtml 和 confirmUpdate 保持一直，用户可通过自定义的方式重新定义
+        if (this.shouldUpdate() && this.rootEl) {
+            this.confirmUpdate(this.rootEl);
+        }
+    };
+    HtmlNode.prototype.componentWillUnmount = function () {
+        this.rootEl.innerHTML = '';
+    };
+    HtmlNode.prototype.getShape = function () {
+        var model = this.props.model;
+        var x = model.x, y = model.y, height = model.height, width = model.width;
+        var style = model.getNodeStyle();
+        this.currentProperties = JSON.stringify(model.properties);
+        return ((0, jsx_runtime_1.jsx)("foreignObject", __assign({}, style, { x: x - width / 2, y: y - height / 2, width: width, height: height, ref: this.ref })));
+    };
+    return HtmlNode;
+}(BaseNode_1.default));
+exports.HtmlNode = HtmlNode;
+exports.default = HtmlNode;
+//# sourceMappingURL=HtmlNode.js.map

package/lib/view/node/HtmlNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlNode.js","sourceRoot":"","sources":["../../../src/view/node/HtmlNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAyC;AACzC,wDAAiC;AAQjC;IAA8B,4BAAwB;IAAtD;;QACE,SAAG,GAAG,IAAA,kBAAS,GAAE,CAAA;;IA+EnB,CAAC;IA3EC,sBAAI,4BAAM;aAAV;YACE,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAA;QACzB,CAAC;;;OAAA;IAED;;;;;;;;;;;OAWG;IACH,0BAAO,GAAP,UAAQ,MAA+B;QACrC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IACnD,CAAC;IAED,mCAAmC;IACnC,gCAAa,GAAb,UAAc,MAA+B;QAC3C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC;IAED;;;;;OAKG;IACH,+BAAY,GAAZ;QACE,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACxE,OAAO,KAAK,CAAA;QACd,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAA;QAC3C,OAAO,IAAI,CAAA;IACb,CAAC;IAED,oCAAiB,GAAjB;QACE,OAAO,CAAC,GAAG,CAAC,2CAA2C,CAAC,CAAA;QACxD,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;IAED,qCAAkB,GAAlB;QACE,OAAO,CAAC,GAAG,CAAC,6CAA6C,CAAC,CAAA;QAC1D,qFAAqF;QACrF,uEAAuE;QACvE,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACvC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACjC,CAAC;IACH,CAAC;IAED,uCAAoB,GAApB;QACE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAA;IAC5B,CAAC;IAED,2BAAQ,GAAR;QACU,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAe;QACpB,IAAA,CAAC,GAAuB,KAAK,EAA5B,EAAE,CAAC,GAAoB,KAAK,EAAzB,EAAE,MAAM,GAAY,KAAK,OAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAU;QACrC,IAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;QAClC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QACzD,OAAO,CACL,qDACM,KAAK,IACT,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAChB,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,EACjB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,IAAI,CAAC,GAAG,IACb,CACH,CAAA;IACH,CAAC;IACH,eAAC;AAAD,CAAC,AAhFD,CAA8B,kBAAQ,GAgFrC;AAhFY,4BAAQ;AAkFrB,kBAAe,QAAQ,CAAA"}

package/lib/view/node/PolygonNode.d.ts

@@ -0,0 +1,10 @@
+import BaseNode from './BaseNode';
+import { GraphModel, PolygonNodeModel } from '../../model';
+export type IPolygonNodeProps = {
+    model: PolygonNodeModel;
+    graphModel: GraphModel;
+};
+export declare class PolygonNode extends BaseNode<IPolygonNodeProps> {
+    getShape(): import("preact").JSX.Element;
+}
+export default PolygonNode;

package/lib/view/node/PolygonNode.js

@@ -0,0 +1,54 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PolygonNode = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var BaseNode_1 = __importDefault(require("./BaseNode"));
+var shape_1 = require("../shape");
+var PolygonNode = /** @class */ (function (_super) {
+    __extends(PolygonNode, _super);
+    function PolygonNode() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PolygonNode.prototype.getShape = function () {
+        var model = this.props.model;
+        var _a = model, x = _a.x, y = _a.y, width = _a.width, height = _a.height, points = _a.points;
+        var style = model.getNodeStyle();
+        var attr = {
+            transform: "matrix(1 0 0 1 ".concat(x - width / 2, " ").concat(y - height / 2, ")"),
+        };
+        return ((0, jsx_runtime_1.jsx)("g", __assign({}, attr, { children: (0, jsx_runtime_1.jsx)(shape_1.Polygon, __assign({}, style, { points: points, x: x, y: y })) })));
+    };
+    return PolygonNode;
+}(BaseNode_1.default));
+exports.PolygonNode = PolygonNode;
+exports.default = PolygonNode;
+//# sourceMappingURL=PolygonNode.js.map

package/lib/view/node/PolygonNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolygonNode.js","sourceRoot":"","sources":["../../../src/view/node/PolygonNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAiC;AACjC,kCAAkC;AAQlC;IAAiC,+BAA2B;IAA5D;;IAcA,CAAC;IAbC,8BAAQ,GAAR;QACU,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAe;QACtB,IAAA,KAAkC,KAAyB,EAAzD,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAA8B,CAAA;QACjE,IAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;QAClC,IAAM,IAAI,GAAG;YACX,SAAS,EAAE,yBAAkB,CAAC,GAAG,KAAK,GAAG,CAAC,cAAI,CAAC,GAAG,MAAM,GAAG,CAAC,MAAG;SAChE,CAAA;QACD,OAAO,CACL,yCAAO,IAAI,cACT,uBAAC,eAAO,eAAK,KAAK,IAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,IAChD,CACL,CAAA;IACH,CAAC;IACH,kBAAC;AAAD,CAAC,AAdD,CAAiC,kBAAQ,GAcxC;AAdY,kCAAW;AAgBxB,kBAAe,WAAW,CAAA"}

package/lib/view/node/RectNode.d.ts

@@ -0,0 +1,11 @@
+import { createElement as h } from 'preact/compat';
+import BaseNode from './BaseNode';
+import { GraphModel, RectNodeModel } from '../../model';
+export type IRectNodeProps = {
+    model: RectNodeModel;
+    graphModel: GraphModel;
+};
+export declare class RectNode extends BaseNode<IRectNodeProps> {
+    getShape(): h.JSX.Element | null;
+}
+export default RectNode;

package/lib/view/node/RectNode.js

@@ -0,0 +1,50 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RectNode = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var BaseNode_1 = __importDefault(require("./BaseNode"));
+var shape_1 = require("../shape");
+var RectNode = /** @class */ (function (_super) {
+    __extends(RectNode, _super);
+    function RectNode() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RectNode.prototype.getShape = function () {
+        var model = this.props.model;
+        var style = model.getNodeStyle();
+        return ((0, jsx_runtime_1.jsx)(shape_1.Rect, __assign({}, style, { x: model.x, y: model.y, width: model.width, height: model.height, radius: model.radius })));
+    };
+    return RectNode;
+}(BaseNode_1.default));
+exports.RectNode = RectNode;
+exports.default = RectNode;
+//# sourceMappingURL=RectNode.js.map

package/lib/view/node/RectNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RectNode.js","sourceRoot":"","sources":["../../../src/view/node/RectNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wDAAiC;AACjC,kCAA+B;AAQ/B;IAA8B,4BAAwB;IAAtD;;IAeA,CAAC;IAdC,2BAAQ,GAAR;QACU,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAe;QAC5B,IAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;QAClC,OAAO,CACL,uBAAC,YAAI,eACC,KAAK,IACT,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,IACpB,CACH,CAAA;IACH,CAAC;IACH,eAAC;AAAD,CAAC,AAfD,CAA8B,kBAAQ,GAerC;AAfY,4BAAQ;AAiBrB,kBAAe,QAAQ,CAAA"}

package/lib/view/node/TextNode.d.ts

@@ -0,0 +1,12 @@
+import BaseNode from './BaseNode';
+import { GraphModel, TextNodeModel } from '../../model';
+export type ITextNodeProps = {
+    model: TextNodeModel;
+    graphModel: GraphModel;
+};
+export declare class TextNode extends BaseNode<ITextNodeProps> {
+    getBackground(): import("preact").JSX.Element;
+    getResizeControl(): null;
+    getShape(): import("preact").JSX.Element;
+}
+export default TextNode;

package/lib/view/node/TextNode.js

@@ -0,0 +1,61 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextNode = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var Rect_1 = __importDefault(require("../shape/Rect"));
+var BaseNode_1 = __importDefault(require("./BaseNode"));
+var TextNode = /** @class */ (function (_super) {
+    __extends(TextNode, _super);
+    function TextNode() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TextNode.prototype.getBackground = function () {
+        var model = this.props.model;
+        var style = model.getTextStyle();
+        // 背景框宽度，最长一行字节数/2 * fontsize + 2
+        // 背景框宽度， 行数 * fontsize + 2
+        // FIX: #1067
+        var width = model.width, height = model.height, x = model.x, y = model.y;
+        var rectAttr = __assign(__assign({}, style.background), { x: x, y: y - 1, width: width, height: height });
+        return (0, jsx_runtime_1.jsx)(Rect_1.default, __assign({}, rectAttr));
+    };
+    TextNode.prototype.getResizeControl = function () {
+        return null;
+    };
+    TextNode.prototype.getShape = function () {
+        return (0, jsx_runtime_1.jsx)("g", { children: this.getBackground() });
+    };
+    return TextNode;
+}(BaseNode_1.default));
+exports.TextNode = TextNode;
+exports.default = TextNode;
+//# sourceMappingURL=TextNode.js.map

package/lib/view/node/TextNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextNode.js","sourceRoot":"","sources":["../../../src/view/node/TextNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAgC;AAChC,wDAAiC;AAQjC;IAA8B,4BAAwB;IAAtD;;IAyBA,CAAC;IAxBC,gCAAa,GAAb;QACU,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAe;QAC5B,IAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,CAAA;QAClC,iCAAiC;QACjC,2BAA2B;QAC3B,aAAa;QACL,IAAA,KAAK,GAAmB,KAAK,MAAxB,EAAE,MAAM,GAAW,KAAK,OAAhB,EAAE,CAAC,GAAQ,KAAK,EAAb,EAAE,CAAC,GAAK,KAAK,EAAV,CAAU;QACrC,IAAM,QAAQ,yBACT,KAAK,CAAC,UAAU,KACnB,CAAC,GAAA,EACD,CAAC,EAAE,CAAC,GAAG,CAAC,EACR,KAAK,OAAA,EACL,MAAM,QAAA,GACP,CAAA;QACD,OAAO,uBAAC,cAAI,eAAK,QAAQ,EAAI,CAAA;IAC/B,CAAC;IAED,mCAAgB,GAAhB;QACE,OAAO,IAAI,CAAA;IACb,CAAC;IAED,2BAAQ,GAAR;QACE,OAAO,wCAAI,IAAI,CAAC,aAAa,EAAE,GAAK,CAAA;IACtC,CAAC;IACH,eAAC;AAAD,CAAC,AAzBD,CAA8B,kBAAQ,GAyBrC;AAzBY,4BAAQ;AA2BrB,kBAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,8 @@
+export * from './BaseNode';
+export * from './RectNode';
+export * from './CircleNode';
+export * from './PolygonNode';
+export * from './DiamondNode';
+export * from './EllipseNode';
+export * from './TextNode';
+export * from './HtmlNode';

package/lib/view/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("./BaseNode"), exports);
+__exportStar(require("./RectNode"), exports);
+__exportStar(require("./CircleNode"), exports);
+__exportStar(require("./PolygonNode"), exports);
+__exportStar(require("./DiamondNode"), exports);
+__exportStar(require("./EllipseNode"), exports);
+__exportStar(require("./TextNode"), exports);
+__exportStar(require("./HtmlNode"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/view/node/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,6CAA0B;AAC1B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,6CAA0B;AAC1B,6CAA0B"}

package/lib/view/overlay/BackgroundOverlay.d.ts

@@ -0,0 +1,28 @@
+import { Component } from 'preact/compat';
+/**
+ * 背景配置, 支持css属性配置
+ * https://developer.mozilla.org/zh-CN/docs/Web/CSS/background
+ * @example
+ * {
+ *  backgroundImage: "url('./img/grid.svg')",
+ backgroundRepeat: 'repeat',
+ * }
+ */
+export type BackgroundConfig = {
+    /**
+     * 背景图片地址
+     */
+    backgroundImage?: string;
+    /**
+     * 是否重复
+     */
+    backgroundRepeat?: string;
+    [key: string]: any;
+};
+type IProps = {
+    background: BackgroundConfig;
+};
+export declare class BackgroundOverlay extends Component<IProps> {
+    render(): import("preact/compat").JSX.Element;
+}
+export default BackgroundOverlay;

package/lib/view/overlay/BackgroundOverlay.js

@@ -0,0 +1,34 @@
+"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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackgroundOverlay = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var compat_1 = require("preact/compat");
+var BackgroundOverlay = /** @class */ (function (_super) {
+    __extends(BackgroundOverlay, _super);
+    function BackgroundOverlay() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BackgroundOverlay.prototype.render = function () {
+        var background = this.props.background;
+        return ((0, jsx_runtime_1.jsx)("div", { className: "lf-background", children: (0, jsx_runtime_1.jsx)("div", { style: background, className: "lf-background-area" }) }));
+    };
+    return BackgroundOverlay;
+}(compat_1.Component));
+exports.BackgroundOverlay = BackgroundOverlay;
+exports.default = BackgroundOverlay;
+//# sourceMappingURL=BackgroundOverlay.js.map

package/lib/view/overlay/BackgroundOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundOverlay.js","sourceRoot":"","sources":["../../../src/view/overlay/BackgroundOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,wCAAyC;AA2BzC;IAAuC,qCAAiB;IAAxD;;IASA,CAAC;IARC,kCAAM,GAAN;QACU,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,WAAf,CAAe;QACjC,OAAO,CACL,gCAAK,SAAS,EAAC,eAAe,YAC5B,gCAAK,KAAK,EAAE,UAAU,EAAE,SAAS,EAAC,oBAAoB,GAAG,GACrD,CACP,CAAA;IACH,CAAC;IACH,wBAAC;AAAD,CAAC,AATD,CAAuC,kBAAS,GAS/C;AATY,8CAAiB;AAW9B,kBAAe,iBAAiB,CAAA"}

package/lib/view/overlay/BezierAdjustOverlay.d.ts

@@ -0,0 +1,31 @@
+import { Component } from 'preact/compat';
+import LogicFlow from '../../LogicFlow';
+import { StepDrag, IDragParams } from '../../util';
+import { GraphModel, BezierEdgeModel } from '../../model';
+import Point = LogicFlow.Point;
+type IProps = {
+    graphModel: GraphModel;
+};
+type IAnchorProps = {
+    position: Point;
+    bezierModel: BezierEdgeModel;
+    graphModel: GraphModel;
+    type: string;
+};
+type IState = {
+    endX: number;
+    endY: number;
+};
+export declare class BezierAdjustAnchor extends Component<IAnchorProps, IState> {
+    dragHandler: StepDrag;
+    constructor();
+    onDragging: ({ event }: IDragParams) => void;
+    onDragEnd: () => void;
+    render(): import("preact/compat").JSX.Element;
+}
+export declare class BezierAdjustOverlay extends Component<IProps> {
+    getBezierAdjust(bezier: BezierEdgeModel, graphModel: GraphModel): any;
+    selectedBezierEdge(): any;
+    render(): import("preact/compat").JSX.Element;
+}
+export default BezierAdjustOverlay;