@logicflow/core 1.2.27 → 2.0.0-beta.0

package/{types → es}/view/node/HtmlNode.d.ts

@@ -1,11 +1,14 @@
-import { h } from 'preact';
 import BaseNode from './BaseNode';
-export default class HtmlNode extends BaseNode {
-    ref: HTMLElement;
-    currentProperties: string;
-    preProperties: string;
-    setRef: (dom: any) => void;
-    get rootEl(): HTMLElement;
+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节点内容
@@ -18,7 +21,8 @@ export default class HtmlNode extends BaseNode {
      *   }
      * }
      */
-    setHtml(rootEl: HTMLElement): void;
+    setHtml(rootEl: SVGForeignObjectElement): void;
+    confirmUpdate(rootEl: SVGForeignObjectElement): void;
     /**
      * @overridable 支持重写
      * 和react的shouldComponentUpdate类似，都是为了避免出发不必要的render.
@@ -28,5 +32,7 @@ export default class HtmlNode extends BaseNode {
     shouldUpdate(): boolean;
     componentDidMount(): void;
     componentDidUpdate(): void;
-    getShape(): h.JSX.Element;
+    componentWillUnmount(): void;
+    getShape(): import("preact/compat").JSX.Element;
 }
+export default HtmlNode;

package/es/view/node/HtmlNode.js

@@ -0,0 +1,129 @@
+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));
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { createRef } from 'preact/compat';
+import BaseNode from './BaseNode';
+var HtmlNode = /** @class */ (function (_super) {
+    __extends(HtmlNode, _super);
+    function HtmlNode() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.ref = 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 (_jsx("foreignObject", __assign({}, style, { x: x - width / 2, y: y - height / 2, width: width, height: height, ref: this.ref })));
+    };
+    return HtmlNode;
+}(BaseNode));
+export { HtmlNode };
+export default HtmlNode;
+//# sourceMappingURL=HtmlNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlNode.js","sourceRoot":"","sources":["../../../src/view/node/HtmlNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAQjC;IAA8B,4BAAwB;IAAtD;;QACE,SAAG,GAAG,SAAS,EAAE,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,mCACM,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,QAAQ,GAgFrC;;AAED,eAAe,QAAQ,CAAA"}

package/es/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/es/view/node/PolygonNode.js

@@ -0,0 +1,48 @@
+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);
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+import BaseNode from './BaseNode';
+import { Polygon } from '../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 (_jsx("g", __assign({}, attr, { children: _jsx(Polygon, __assign({}, style, { points: points, x: x, y: y })) })));
+    };
+    return PolygonNode;
+}(BaseNode));
+export { PolygonNode };
+export default PolygonNode;
+//# sourceMappingURL=PolygonNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolygonNode.js","sourceRoot":"","sources":["../../../src/view/node/PolygonNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;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,uBAAO,IAAI,cACT,KAAC,OAAO,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,QAAQ,GAcxC;;AAED,eAAe,WAAW,CAAA"}

package/es/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/es/view/node/RectNode.js

@@ -0,0 +1,44 @@
+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);
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+import BaseNode from './BaseNode';
+import { Rect } from '../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 (_jsx(Rect, __assign({}, style, { x: model.x, y: model.y, width: model.width, height: model.height, radius: model.radius })));
+    };
+    return RectNode;
+}(BaseNode));
+export { RectNode };
+export default RectNode;
+//# sourceMappingURL=RectNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RectNode.js","sourceRoot":"","sources":["../../../src/view/node/RectNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;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,KAAC,IAAI,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,QAAQ,GAerC;;AAED,eAAe,QAAQ,CAAA"}

package/es/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/es/view/node/TextNode.js

@@ -0,0 +1,55 @@
+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);
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+import Rect from '../shape/Rect';
+import BaseNode from './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 _jsx(Rect, __assign({}, rectAttr));
+    };
+    TextNode.prototype.getResizeControl = function () {
+        return null;
+    };
+    TextNode.prototype.getShape = function () {
+        return _jsx("g", { children: this.getBackground() });
+    };
+    return TextNode;
+}(BaseNode));
+export { TextNode };
+export default TextNode;
+//# sourceMappingURL=TextNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextNode.js","sourceRoot":"","sources":["../../../src/view/node/TextNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAA;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,KAAC,IAAI,eAAK,QAAQ,EAAI,CAAA;IAC/B,CAAC;IAED,mCAAgB,GAAhB;QACE,OAAO,IAAI,CAAA;IACb,CAAC;IAED,2BAAQ,GAAR;QACE,OAAO,sBAAI,IAAI,CAAC,aAAa,EAAE,GAAK,CAAA;IACtC,CAAC;IACH,eAAC;AAAD,CAAC,AAzBD,CAA8B,QAAQ,GAyBrC;;AAED,eAAe,QAAQ,CAAA"}

package/es/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/es/view/node/index.js

@@ -0,0 +1,9 @@
+export * from './BaseNode';
+export * from './RectNode';
+export * from './CircleNode';
+export * from './PolygonNode';
+export * from './DiamondNode';
+export * from './EllipseNode';
+export * from './TextNode';
+export * from './HtmlNode';
+//# sourceMappingURL=index.js.map

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

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

package/{types → es}/view/overlay/BackgroundOverlay.d.ts

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

package/es/view/overlay/BackgroundOverlay.js

@@ -0,0 +1,31 @@
+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 __());
+    };
+})();
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { Component } from '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 (_jsx("div", { className: "lf-background", children: _jsx("div", { style: background, className: "lf-background-area" }) }));
+    };
+    return BackgroundOverlay;
+}(Component));
+export { BackgroundOverlay };
+export default BackgroundOverlay;
+//# sourceMappingURL=BackgroundOverlay.js.map

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

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

package/es/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;

package/es/view/overlay/BezierAdjustOverlay.js

@@ -0,0 +1,142 @@
+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;
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { Component } from 'preact/compat';
+import { Circle, Line } from '../shape';
+import { observer } from '../..';
+import { EventType, ModelType } from '../../constant';
+import { StepDrag, getBezierPoints } from '../../util';
+// bezier曲线的可调整锚点
+var BezierAdjustAnchor = /** @class */ (function (_super) {
+    __extends(BezierAdjustAnchor, _super);
+    function BezierAdjustAnchor() {
+        var _this = _super.call(this) || this;
+        _this.onDragging = function (_a) {
+            var event = _a.event;
+            var _b = _this.props, graphModel = _b.graphModel, bezierModel = _b.bezierModel, type = _b.type;
+            var _c = graphModel.getPointByClient({
+                x: event.clientX,
+                y: event.clientY,
+            }).canvasOverlayPosition, x = _c.x, y = _c.y;
+            bezierModel.updateAdjustAnchor({
+                x: x,
+                y: y,
+            }, type);
+            graphModel.eventCenter.emit(EventType.EDGE_ADJUST, {
+                data: bezierModel.getData(),
+            });
+        };
+        _this.onDragEnd = function () {
+            var bezierModel = _this.props.bezierModel;
+            bezierModel.isDragging = false;
+        };
+        _this.dragHandler = new StepDrag({
+            onDragging: _this.onDragging,
+            onDragEnd: _this.onDragEnd,
+        });
+        return _this;
+    }
+    BezierAdjustAnchor.prototype.render = function () {
+        var _this = this;
+        var position = this.props.position;
+        var x = position.x, y = position.y;
+        var bezierModel = this.props.bezierModel;
+        var adjustAnchor = bezierModel.getEdgeStyle().adjustAnchor;
+        return (_jsx(Circle, __assign({ className: "lf-bezier-adjust-anchor", x: x, y: y }, adjustAnchor, { onMouseDown: function (ev) {
+                // if (edgeAddable !== false) {
+                _this.dragHandler.handleMouseDown(ev);
+                // }
+            } })));
+    };
+    return BezierAdjustAnchor;
+}(Component));
+export { BezierAdjustAnchor };
+var BezierAdjustOverlay = /** @class */ (function (_super) {
+    __extends(BezierAdjustOverlay, _super);
+    function BezierAdjustOverlay() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BezierAdjustOverlay.prototype.getBezierAdjust = function (bezier, graphModel) {
+        var path = bezier.path, id = bezier.id;
+        var pointsList = getBezierPoints(path);
+        var _a = __read(pointsList, 4), start = _a[0], sNext = _a[1], ePre = _a[2], end = _a[3];
+        var adjustLine = bezier.getEdgeStyle().adjustLine;
+        var result = []; // TODO: 类型定义
+        result.push(_jsx(Line, __assign({ x1: start.x, y1: start.y, x2: sNext.x, y2: sNext.y }, adjustLine)));
+        result.push(_jsx(BezierAdjustAnchor, { position: sNext, bezierModel: bezier, graphModel: graphModel, type: "sNext" }, "".concat(id, "_ePre")));
+        result.push(_jsx(Line, __assign({ x1: end.x, y1: end.y, x2: ePre.x, y2: ePre.y }, adjustLine)));
+        result.push(_jsx(BezierAdjustAnchor, { position: ePre, bezierModel: bezier, graphModel: graphModel, type: "ePre" }, "".concat(id, "_sNext")));
+        return result;
+    };
+    // 获取选中bezier曲线，调整操作线和锚点
+    BezierAdjustOverlay.prototype.selectedBezierEdge = function () {
+        var graphModel = this.props.graphModel;
+        var edgeList = graphModel.edges;
+        var edgeAdjust = []; // TODO：类型定义
+        for (var i = 0; i < edgeList.length; i++) {
+            var edge = edgeList[i];
+            if (edge.isSelected &&
+                edge.modelType === ModelType.BEZIER_EDGE &&
+                edge.draggable) {
+                edgeAdjust.push(this.getBezierAdjust(edge, graphModel));
+            }
+        }
+        return edgeAdjust;
+    };
+    BezierAdjustOverlay.prototype.render = function () {
+        return _jsx("g", { className: "lf-bezier-adjust", children: this.selectedBezierEdge() });
+    };
+    BezierAdjustOverlay = __decorate([
+        observer
+    ], BezierAdjustOverlay);
+    return BezierAdjustOverlay;
+}(Component));
+export { BezierAdjustOverlay };
+export default BezierAdjustOverlay;
+//# sourceMappingURL=BezierAdjustOverlay.js.map

package/es/view/overlay/BezierAdjustOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BezierAdjustOverlay.js","sourceRoot":"","sources":["../../../src/view/overlay/BezierAdjustOverlay.tsx"],"names":[],"mappings":"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"}