@logicflow/core 1.2.27 → 2.0.0-beta.0

package/es/view/overlay/SnaplineOverlay.js

@@ -0,0 +1,60 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { Component } from 'preact/compat';
+import Line from '../shape/Line';
+import { observer } from '../..';
+import OutlineOverlay from './OutlineOverlay';
+var SnaplineOverlay = /** @class */ (function (_super) {
+    __extends(SnaplineOverlay, _super);
+    function SnaplineOverlay() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SnaplineOverlay.prototype.render = function () {
+        var snaplineModel = this.props.snaplineModel;
+        var _a = snaplineModel !== null && snaplineModel !== void 0 ? snaplineModel : {}, position = _a.position, isShowHorizontal = _a.isShowHorizontal, isShowVertical = _a.isShowVertical;
+        var style = snaplineModel === null || snaplineModel === void 0 ? void 0 : snaplineModel.getStyle();
+        var _b = position !== null && position !== void 0 ? position : {}, _c = _b.x, x = _c === void 0 ? 0 : _c, _d = _b.y, y = _d === void 0 ? 0 : _d;
+        // 展示横向，纵向默认-100000,100000 减少计算量
+        var horizontalLine = __assign(__assign({ x1: -100000, y1: y, x2: 100000, y2: y }, style), { stroke: isShowHorizontal ? style === null || style === void 0 ? void 0 : style.stroke : 'none' });
+        var verticalLine = __assign(__assign({ x1: x, y1: -100000, x2: x, y2: 100000 }, style), { stroke: isShowVertical ? style === null || style === void 0 ? void 0 : style.stroke : 'none' });
+        return (_jsxs("g", { className: "lf-snapline", children: [_jsx(Line, __assign({}, horizontalLine)), _jsx(Line, __assign({}, verticalLine))] }));
+    };
+    SnaplineOverlay = __decorate([
+        observer
+    ], SnaplineOverlay);
+    return SnaplineOverlay;
+}(Component));
+export { SnaplineOverlay };
+export default OutlineOverlay;
+//# sourceMappingURL=SnaplineOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SnaplineOverlay.js","sourceRoot":"","sources":["../../../src/view/overlay/SnaplineOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEzC,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAO7C;IAAqC,mCAAiB;IAAtD;;IA8BA,CAAC;IA7BC,gCAAM,GAAN;QACU,IAAA,aAAa,GAAK,IAAI,CAAC,KAAK,cAAf,CAAe;QAC9B,IAAA,KAAiD,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,EAAlE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,cAAc,oBAAwB,CAAA;QAC1E,IAAM,KAAK,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,CAAA;QACjC,IAAA,KAAmB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,EAA/B,SAAK,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,SAAK,EAAL,CAAC,mBAAG,CAAC,KAAmB,CAAA;QACvC,gCAAgC;QAChC,IAAM,cAAc,uBAClB,EAAE,EAAE,CAAC,MAAM,EACX,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,CAAC,IACF,KAAK,KACR,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAC,MAAM,GAClD,CAAA;QACD,IAAM,YAAY,uBAChB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,MAAM,EACX,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,MAAM,IACP,KAAK,KACR,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAC,MAAM,GAChD,CAAA;QACD,OAAO,CACL,aAAG,SAAS,EAAC,aAAa,aACxB,KAAC,IAAI,eAAK,cAAc,EAAI,EAC5B,KAAC,IAAI,eAAK,YAAY,EAAI,IACxB,CACL,CAAA;IACH,CAAC;IA7BU,eAAe;QAD3B,QAAQ;OACI,eAAe,CA8B3B;IAAD,sBAAC;CAAA,AA9BD,CAAqC,SAAS,GA8B7C;SA9BY,eAAe;AAgC5B,eAAe,cAAc,CAAA"}

package/es/view/overlay/ToolOverlay.d.ts

@@ -0,0 +1,19 @@
+import { createElement as h, Component } from 'preact/compat';
+import { OutlineOverlay } from '.';
+import { GraphModel } from '../../model';
+import { Tool } from '../../tool';
+type IProps = {
+    graphModel: GraphModel;
+    tool: Tool;
+};
+export declare class ToolOverlay extends Component<IProps> {
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    /**
+     * 外部传入的一般是HTMLElement
+     */
+    getTools(): import("preact").VNode<import("../../tool").IToolProps>[];
+    triggerToolRender(): void;
+    render(): h.JSX.Element;
+}
+export default OutlineOverlay;

package/es/view/overlay/ToolOverlay.js

@@ -0,0 +1,76 @@
+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;
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+import { createElement as h, Component } from 'preact/compat';
+import { OutlineOverlay } from '.';
+import { observer } from '../..';
+var ToolOverlay = /** @class */ (function (_super) {
+    __extends(ToolOverlay, _super);
+    function ToolOverlay() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    // 在react严格模式下，useEffect会执行两次，但是在LogicFlow内部，则只会触发一次componentDidMount和componentDidUpdate。
+    // 其中第一次componentDidMount对应的graphModel为被丢弃的graphModel, 所以不应该生效。
+    // 在非react环境下，只会触发一次componentDidMount，不会触发componentDidUpdate。
+    // 所以这里采用componentDidUpdate和componentDidMount都去触发插件的render方法。
+    ToolOverlay.prototype.componentDidMount = function () {
+        this.triggerToolRender();
+    };
+    ToolOverlay.prototype.componentDidUpdate = function () {
+        this.triggerToolRender();
+    };
+    /**
+     * 外部传入的一般是HTMLElement
+     */
+    ToolOverlay.prototype.getTools = function () {
+        var _a = this.props, tool = _a.tool, graphModel = _a.graphModel;
+        var textEditElement = graphModel.textEditElement;
+        var tools = tool.getTools();
+        var components = tools.map(function (t) {
+            return h(t, {
+                textEditElement: textEditElement,
+                graphModel: graphModel,
+                logicFlow: tool.instance,
+            });
+        });
+        tool.components = components;
+        return components;
+    };
+    ToolOverlay.prototype.triggerToolRender = function () {
+        var _a = this.props, tool = _a.tool, graphModel = _a.graphModel;
+        var ToolOverlayElement = document.querySelector("#ToolOverlay_".concat(graphModel.flowId));
+        var lf = tool.getInstance();
+        lf.components.forEach(function (render) { return render(lf, ToolOverlayElement); });
+        lf.components = []; // 保证extension组件的render只执行一次
+    };
+    ToolOverlay.prototype.render = function () {
+        var graphModel = this.props.graphModel;
+        return (_jsx("div", { className: "lf-tool-overlay", id: "ToolOverlay_".concat(graphModel.flowId), children: this.getTools() }));
+    };
+    ToolOverlay = __decorate([
+        observer
+    ], ToolOverlay);
+    return ToolOverlay;
+}(Component));
+export { ToolOverlay };
+export default OutlineOverlay;
+//# sourceMappingURL=ToolOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolOverlay.js","sourceRoot":"","sources":["../../../src/view/overlay/ToolOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,IAAI,CAAC,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAWhC;IAAiC,+BAAiB;IAAlD;;IAiDA,CAAC;IAhDC,yFAAyF;IACzF,+DAA+D;IAC/D,6DAA6D;IAC7D,6DAA6D;IAC7D,uCAAiB,GAAjB;QACE,IAAI,CAAC,iBAAiB,EAAE,CAAA;IAC1B,CAAC;IAED,wCAAkB,GAAlB;QACE,IAAI,CAAC,iBAAiB,EAAE,CAAA;IAC1B,CAAC;IAED;;OAEG;IACH,8BAAQ,GAAR;QACQ,IAAA,KAAuB,IAAI,CAAC,KAAK,EAA/B,IAAI,UAAA,EAAE,UAAU,gBAAe,CAAA;QAC/B,IAAA,eAAe,GAAK,UAAU,gBAAf,CAAe;QACtC,IAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;QAC7B,IAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,CAAC;YAC7B,OAAA,CAAC,CAAC,CAAC,EAAE;gBACH,eAAe,iBAAA;gBACf,UAAU,YAAA;gBACV,SAAS,EAAE,IAAI,CAAC,QAAQ;aACzB,CAAC;QAJF,CAIE,CACH,CAAA;QACD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAC5B,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,uCAAiB,GAAjB;QACQ,IAAA,KAAuB,IAAI,CAAC,KAAK,EAA/B,IAAI,UAAA,EAAE,UAAU,gBAAe,CAAA;QACvC,IAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAC/C,uBAAgB,UAAU,CAAC,MAAM,CAAE,CACrB,CAAA;QAChB,IAAM,EAAE,GAAc,IAAI,CAAC,WAAW,EAAE,CAAA;QACxC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,EAAE,EAAE,kBAAkB,CAAC,EAA9B,CAA8B,CAAC,CAAA;QACjE,EAAE,CAAC,UAAU,GAAG,EAAE,CAAA,CAAC,4BAA4B;IACjD,CAAC;IAED,4BAAM,GAAN;QACU,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,WAAf,CAAe;QACjC,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAE,sBAAe,UAAU,CAAC,MAAM,CAAE,YACpE,IAAI,CAAC,QAAQ,EAAE,GACZ,CACP,CAAA;IACH,CAAC;IAhDU,WAAW;QADvB,QAAQ;OACI,WAAW,CAiDvB;IAAD,kBAAC;CAAA,AAjDD,CAAiC,SAAS,GAiDzC;SAjDY,WAAW;AAmDxB,eAAe,cAAc,CAAA"}

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

@@ -1,13 +1,16 @@
-import { h, ComponentType } from 'preact';
-import { GraphTransform } from '../../type';
+import { ComponentType } from 'preact';
 import GraphModel from '../../model/GraphModel';
-declare type IProps = {
+type IProps = {
     graphModel: GraphModel;
 };
-export default function getTransform<P>(WrappedComponent: ComponentType<P>): {
-    new (props?: IProps & P, context?: any): {
+export type GraphTransform = {
+    transform: string;
+    transformOrigin: string;
+};
+export declare function getTransform<P>(WrappedComponent: ComponentType<P>): {
+    new (props?: (IProps & P) | undefined, context?: any): {
         getMatrixString(): GraphTransform;
-        render(): h.JSX.Element;
+        render(): import("preact").JSX.Element;
         componentWillMount?(): void;
         componentDidMount?(): void;
         componentWillUnmount?(): void;
@@ -17,18 +20,18 @@ export default function getTransform<P>(WrappedComponent: ComponentType<P>): {
         componentWillUpdate?(nextProps: Readonly<IProps & P>, nextState: Readonly<{}>, nextContext: any): void;
         getSnapshotBeforeUpdate?(oldProps: Readonly<IProps & P>, oldState: Readonly<{}>): any;
         componentDidUpdate?(previousProps: Readonly<IProps & P>, previousState: Readonly<{}>, snapshot: any): void;
-        componentDidCatch?(error: any, errorInfo: any): void;
+        componentDidCatch?(error: any, errorInfo: import("preact").ErrorInfo): void;
         state: Readonly<{}>;
         props: import("preact").RenderableProps<IProps & P, any>;
         context: any;
-        base?: Element | Text;
-        setState<K extends never>(state: Partial<{}> | ((prevState: Readonly<{}>, props: Readonly<IProps & P>) => Partial<{}> | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
+        base?: Element | Text | undefined;
+        setState<K extends never>(state: Partial<{}> | ((prevState: Readonly<{}>, props: Readonly<IProps & P>) => Partial<{}> | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
     };
-    displayName?: string;
+    displayName?: string | undefined;
     defaultProps?: any;
-    contextType?: import("preact").Context<any>;
-    getDerivedStateFromProps?(props: object, state: object): object;
-    getDerivedStateFromError?(error: any): object;
+    contextType?: import("preact").Context<any> | undefined;
+    getDerivedStateFromProps?(props: object, state: object): object | null;
+    getDerivedStateFromError?(error: any): object | null;
 };
 export {};

package/es/view/overlay/getTransformHoc.js

@@ -0,0 +1,57 @@
+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 { Component } from 'preact';
+export function getTransform(WrappedComponent) {
+    return /** @class */ (function (_super) {
+        __extends(class_1, _super);
+        function class_1() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        class_1.prototype.getMatrixString = function () {
+            var graphModel = this.props.graphModel;
+            var _a = graphModel.transformModel, SCALE_X = _a.SCALE_X, SKEW_Y = _a.SKEW_Y, SKEW_X = _a.SKEW_X, SCALE_Y = _a.SCALE_Y, TRANSLATE_X = _a.TRANSLATE_X, TRANSLATE_Y = _a.TRANSLATE_Y;
+            var matrixString = [
+                SCALE_X,
+                SKEW_Y,
+                SKEW_X,
+                SCALE_Y,
+                TRANSLATE_X,
+                TRANSLATE_Y,
+            ].join(',');
+            return {
+                transform: "matrix(".concat(matrixString, ")"),
+                transformOrigin: 'left top',
+            };
+        };
+        class_1.prototype.render = function () {
+            return (_jsx(WrappedComponent, __assign({}, this.props, { transformStyle: this.getMatrixString() })));
+        };
+        return class_1;
+    }(Component));
+}
+//# sourceMappingURL=getTransformHoc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getTransformHoc.js","sourceRoot":"","sources":["../../../src/view/overlay/getTransformHoc.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,QAAQ,CAAA;AAYjD,MAAM,UAAU,YAAY,CAAI,gBAAkC;IAChE;QAAqB,2BAAqB;QAAnC;;QAmCP,CAAC;QAlCC,iCAAe,GAAf;YACU,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,WAAf,CAAe;YAE/B,IAAA,KAQE,UAAU,eADX,EANC,OAAO,aAAA,EACP,MAAM,YAAA,EACN,MAAM,YAAA,EACN,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBACZ,CACW;YACd,IAAM,YAAY,GAAG;gBACnB,OAAO;gBACP,MAAM;gBACN,MAAM;gBACN,OAAO;gBACP,WAAW;gBACX,WAAW;aACZ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACX,OAAO;gBACL,SAAS,EAAE,iBAAU,YAAY,MAAG;gBACpC,eAAe,EAAE,UAAU;aAC5B,CAAA;QACH,CAAC;QAED,wBAAM,GAAN;YACE,OAAO,CACL,KAAC,gBAAgB,eACV,IAAI,CAAC,KAAW,IACrB,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,IACtC,CACH,CAAA;QACH,CAAC;QACH,cAAC;IAAD,CAAC,AAnCM,CAAc,SAAS,GAmC7B;AACH,CAAC"}

package/es/view/overlay/index.d.ts

@@ -0,0 +1,8 @@
+export * from './CanvasOverlay';
+export * from './BezierAdjustOverlay';
+export * from './BackgroundOverlay';
+export * from './Grid';
+export * from './ModificationOverlay';
+export * from './OutlineOverlay';
+export * from './SnaplineOverlay';
+export * from './ToolOverlay';

package/es/view/overlay/index.js

@@ -0,0 +1,9 @@
+export * from './CanvasOverlay';
+export * from './BezierAdjustOverlay';
+export * from './BackgroundOverlay';
+export * from './Grid';
+export * from './ModificationOverlay';
+export * from './OutlineOverlay';
+export * from './SnaplineOverlay';
+export * from './ToolOverlay';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/view/overlay/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA"}

package/es/view/shape/Circle.d.ts

@@ -0,0 +1,2 @@
+export declare function Circle(props: any): import("preact").JSX.Element;
+export default Circle;

package/es/view/shape/Circle.js

@@ -0,0 +1,57 @@
+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;
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+export function Circle(props) {
+    var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, _c = props.r, r = _c === void 0 ? 4 : _c, className = props.className;
+    var attrs = {
+        cx: x,
+        cy: y,
+        r: r,
+        fill: 'transparent',
+        fillOpacity: 1,
+        strokeWidth: '1',
+        stroke: '#000',
+        strokeOpacity: 1,
+    };
+    Object.entries(props).forEach(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        var valueType = typeof v;
+        if (valueType !== 'object') {
+            attrs[k] = v;
+        }
+    });
+    if (className) {
+        attrs.className = "lf-basic-shape ".concat(className);
+    }
+    else {
+        attrs.className = 'lf-shape';
+    }
+    return _jsx("circle", __assign({}, attrs));
+}
+export default Circle;
+//# sourceMappingURL=Circle.js.map

package/es/view/shape/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../src/view/shape/Circle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,UAAU,MAAM,CAAC,KAAK;IAClB,IAAA,KAAmC,KAAK,EAAnC,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAA4B,KAAK,EAA5B,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAAqB,KAAK,EAArB,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IAChD,IAAM,KAAK,GAAwB;QACjC,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,CAAC,GAAA;QACD,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,GAAG;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;KACjB,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;QAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IACF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;IAC9B,CAAC;IACD,OAAO,4BAAY,KAAK,EAAI,CAAA;AAC9B,CAAC;AAED,eAAe,MAAM,CAAA"}

package/es/view/shape/Ellipse.d.ts

@@ -0,0 +1,2 @@
+export declare function Ellipse(props: any): import("preact").JSX.Element;
+export default Ellipse;

package/es/view/shape/Ellipse.js

@@ -0,0 +1,58 @@
+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;
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+export function Ellipse(props) {
+    var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, _c = props.rx, rx = _c === void 0 ? 4 : _c, _d = props.ry, ry = _d === void 0 ? 4 : _d, className = props.className;
+    var attrs = {
+        cx: x,
+        cy: y,
+        rx: rx,
+        ry: ry,
+        fill: 'transparent',
+        fillOpacity: 1,
+        strokeWidth: '1',
+        stroke: '#000',
+        strokeOpacity: 1,
+    };
+    Object.entries(props).forEach(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        var valueType = typeof v;
+        if (valueType !== 'object') {
+            attrs[k] = v;
+        }
+    });
+    if (className) {
+        attrs.className = "lf-basic-shape ".concat(className);
+    }
+    else {
+        attrs.className = 'lf-shape';
+    }
+    return _jsx("ellipse", __assign({}, attrs));
+}
+export default Ellipse;
+//# sourceMappingURL=Ellipse.js.map

package/es/view/shape/Ellipse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipse.js","sourceRoot":"","sources":["../../../src/view/shape/Ellipse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,UAAU,OAAO,CAAC,KAAK;IACnB,IAAA,KAA4C,KAAK,EAA5C,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAAqC,KAAK,EAArC,EAAL,CAAC,mBAAG,CAAC,KAAA,EAAE,KAA8B,KAAK,GAA7B,EAAN,EAAE,mBAAG,CAAC,KAAA,EAAE,KAAsB,KAAK,GAArB,EAAN,EAAE,mBAAG,CAAC,KAAA,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IACzD,IAAM,KAAK,GAAwB;QACjC,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,IAAA;QACF,EAAE,IAAA;QACF,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,GAAG;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;KACjB,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;QAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IACF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;IAC9B,CAAC;IACD,OAAO,6BAAa,KAAK,EAAI,CAAA;AAC/B,CAAC;AAED,eAAe,OAAO,CAAA"}

package/es/view/shape/Line.d.ts

@@ -0,0 +1,2 @@
+export declare function Line(props: any): import("preact").JSX.Element;
+export default Line;

package/es/view/shape/Line.js

@@ -0,0 +1,54 @@
+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;
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+export function Line(props) {
+    var attrs = {
+        // default
+        x1: 10,
+        y1: 10,
+        x2: 20,
+        y2: 20,
+        stroke: 'black',
+        // ...props,
+    };
+    Object.entries(props).forEach(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        if (k === 'style') {
+            attrs[k] = v;
+        }
+        else {
+            var valueType = typeof v;
+            if (valueType !== 'object') {
+                attrs[k] = v;
+            }
+        }
+    });
+    return _jsx("line", __assign({}, attrs));
+}
+export default Line;
+//# sourceMappingURL=Line.js.map

package/es/view/shape/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../src/view/shape/Line.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,UAAU,IAAI,CAAC,KAAK;IACxB,IAAM,KAAK,GAAG;QACZ,UAAU;QACV,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,MAAM,EAAE,OAAO;QACf,YAAY;KACb,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAI,CAAC,KAAK,OAAO,EAAE,CAAC;YAClB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;aAAM,CAAC;YACN,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;YAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;gBAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;YACd,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,0BAAU,KAAK,EAAI,CAAA;AAC5B,CAAC;AAED,eAAe,IAAI,CAAA"}

package/es/view/shape/Path.d.ts

@@ -0,0 +1,6 @@
+type IProps = {
+    d: string;
+    [key: string]: any;
+};
+export declare function Path(props: IProps): import("preact").JSX.Element;
+export default Path;

package/es/view/shape/Path.js

@@ -0,0 +1,43 @@
+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;
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+export function Path(props) {
+    var attrs = {
+        d: '',
+    };
+    Object.entries(props).forEach(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        var valueType = typeof v;
+        if (k === 'style' || valueType !== 'object') {
+            attrs[k] = v;
+        }
+    });
+    return _jsx("path", __assign({}, attrs));
+}
+export default Path;
+//# sourceMappingURL=Path.js.map

package/es/view/shape/Path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../src/view/shape/Path.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,UAAU,IAAI,CAAC,KAAa;IAChC,IAAM,KAAK,GAAG;QACZ,CAAC,EAAE,EAAE;KACN,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;QAC1B,IAAI,CAAC,KAAK,OAAO,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC5C,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,0BAAU,KAAK,EAAI,CAAA;AAC5B,CAAC;AAED,eAAe,IAAI,CAAA"}

package/es/view/shape/Polygon.d.ts

@@ -0,0 +1,8 @@
+import LogicFlow from '../../LogicFlow';
+export type IPolygonProps = {
+    points: LogicFlow.PointTuple[];
+    className?: string;
+    [key: string]: any;
+};
+export declare function Polygon(props: IPolygonProps): import("preact").JSX.Element;
+export default Polygon;

package/es/view/shape/Polygon.js

@@ -0,0 +1,56 @@
+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;
+};
+import { jsx as _jsx } from "preact/jsx-runtime";
+export function Polygon(props) {
+    var points = props.points, className = props.className;
+    var attrs = {
+        fill: 'transparent',
+        fillOpacity: 1,
+        strokeWidth: 1,
+        stroke: '#000',
+        strokeOpacity: 1,
+        points: '',
+    };
+    Object.entries(props).forEach(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        var valueType = typeof v;
+        if (valueType !== 'object') {
+            attrs[k] = v;
+        }
+    });
+    if (className) {
+        attrs.className = "lf-basic-shape ".concat(className);
+    }
+    else {
+        attrs.className = 'lf-shape';
+    }
+    attrs.points = points.map(function (point) { return point.join(','); }).join(' ');
+    return _jsx("polygon", __assign({}, attrs));
+}
+export default Polygon;
+//# sourceMappingURL=Polygon.js.map

package/es/view/shape/Polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../src/view/shape/Polygon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,UAAU,OAAO,CAAC,KAAoB;IAClC,IAAA,MAAM,GAAgB,KAAK,OAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAU;IACnC,IAAM,KAAK,GAAwB;QACjC,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,CAAC;QAChB,MAAM,EAAE,EAAE;KACX,CAAA;IACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;YAAN,KAAA,aAAM,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAClC,IAAM,SAAS,GAAG,OAAO,CAAC,CAAA;QAC1B,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;IACH,CAAC,CAAC,CAAA;IACF,IAAI,SAAS,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,yBAAkB,SAAS,CAAE,CAAA;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;IAC9B,CAAC;IACD,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAf,CAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE/D,OAAO,6BAAa,KAAK,EAAI,CAAA;AAC/B,CAAC;AAED,eAAe,OAAO,CAAA"}

package/es/view/shape/Polyline.d.ts

@@ -0,0 +1,2 @@
+export declare function Polyline(props: any): import("preact").JSX.Element;
+export default Polyline;