@logicflow/core 1.2.26 → 2.0.0-beta.0

package/es/tool/MultipleSelectTool.js

@@ -0,0 +1,159 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __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 { Component } from 'preact/compat';
+import { observer } from '..';
+import { StepDrag } from '../util';
+import { ElementType, EventType } from '../constant';
+import { getNodeOutline, getEdgeOutline } from '../algorithm/outline';
+var MultipleSelect = /** @class */ (function (_super) {
+    __extends(MultipleSelect, _super);
+    function MultipleSelect(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleMouseDown = function (ev) {
+            _this.stepDrag.handleMouseDown(ev);
+        };
+        // 使多选区域的滚轮事件可以触发画布的滚轮事件
+        _this.handleWheelEvent = function (ev) {
+            var _a, _b;
+            ev.preventDefault();
+            var deltaX = ev.deltaX, deltaY = ev.deltaY, clientX = ev.clientX, clientY = ev.clientY, ctrlKey = ev.ctrlKey;
+            var newEvent = new WheelEvent('wheel', {
+                deltaX: deltaX,
+                deltaY: deltaY,
+                clientX: clientX,
+                clientY: clientY,
+                ctrlKey: ctrlKey,
+            });
+            (_b = (_a = _this.props.logicFlow.container) === null || _a === void 0 ? void 0 : _a.querySelector('.lf-canvas-overlay[name="canvas-overlay"]')) === null || _b === void 0 ? void 0 : _b.dispatchEvent(newEvent);
+        };
+        _this.onDragging = function (_a) {
+            var deltaX = _a.deltaX, deltaY = _a.deltaY;
+            var _b = _this.props, graphModel = _b.graphModel, logicFlow = _b.logicFlow;
+            var _c = logicFlow.getTransform(), SCALE_X = _c.SCALE_X, SCALE_Y = _c.SCALE_Y;
+            var selectElements = graphModel.getSelectElements(true);
+            graphModel.moveNodes(selectElements.nodes.map(function (node) { return node.id; }), deltaX / SCALE_X, deltaY / SCALE_Y);
+        };
+        _this.handleContextMenu = function (ev) {
+            ev.preventDefault();
+            var _a = _this.props, graphModel = _a.graphModel, _b = _a.graphModel, eventCenter = _b.eventCenter, selectElements = _b.selectElements;
+            var position = graphModel.getPointByClient({
+                x: ev.clientX,
+                y: ev.clientY,
+            });
+            var selectGraphData = {
+                nodes: [],
+                edges: [],
+            };
+            var models = __spreadArray([], __read(selectElements.values()), false);
+            models.forEach(function (model) {
+                if (model.BaseType === ElementType.NODE) {
+                    selectGraphData.nodes.push(model.getData());
+                }
+                if (model.BaseType === ElementType.EDGE) {
+                    selectGraphData.edges.push(model.getData());
+                }
+            });
+            eventCenter.emit(EventType.SELECTION_CONTEXTMENU, {
+                data: selectGraphData,
+                e: ev,
+                position: position,
+            });
+        };
+        var _a = props.graphModel, gridSize = _a.gridSize, eventCenter = _a.eventCenter;
+        _this.stepDrag = new StepDrag({
+            onDragging: _this.onDragging,
+            step: gridSize,
+            eventType: 'SELECTION',
+            eventCenter: eventCenter,
+        });
+        return _this;
+    }
+    MultipleSelect.prototype.render = function () {
+        var _a, _b;
+        var _c = this.props.graphModel, selectElements = _c.selectElements, transformModel = _c.transformModel;
+        var _d = this.props.logicFlow.getTransform(), SCALE_X = _d.SCALE_X, SCALE_Y = _d.SCALE_Y;
+        if (selectElements.size <= 1)
+            return;
+        var x = Number.MAX_SAFE_INTEGER;
+        var y = Number.MAX_SAFE_INTEGER;
+        var x1 = Number.MIN_SAFE_INTEGER;
+        var y1 = Number.MIN_SAFE_INTEGER;
+        selectElements.forEach(function (element) {
+            var outline;
+            if (element.BaseType === ElementType.NODE) {
+                outline = getNodeOutline(element);
+            }
+            if (element.BaseType === ElementType.EDGE) {
+                outline = getEdgeOutline(element);
+            }
+            if (outline !== undefined) {
+                x = Math.min(x, outline.x);
+                y = Math.min(y, outline.y);
+                x1 = Math.max(x1, outline.x1);
+                y1 = Math.max(y1, outline.y1);
+            }
+        });
+        _a = __read(transformModel.CanvasPointToHtmlPoint([x, y]), 2), x = _a[0], y = _a[1];
+        _b = __read(transformModel.CanvasPointToHtmlPoint([x1, y1]), 2), x1 = _b[0], y1 = _b[1];
+        var style = {
+            left: "".concat(x - (20 * SCALE_X) / 2, "px"),
+            top: "".concat(y - (20 * SCALE_Y) / 2, "px"),
+            width: "".concat(x1 - x + 20 * SCALE_X, "px"),
+            height: "".concat(y1 - y + 20 * SCALE_Y, "px"),
+            'border-width': "".concat(2 * SCALE_X, "px"),
+        };
+        return (_jsx("div", { className: "lf-multiple-select", style: style, onMouseDown: this.handleMouseDown, onContextMenu: this.handleContextMenu, onWheel: this.handleWheelEvent }));
+    };
+    MultipleSelect.toolName = 'multipleSelect';
+    MultipleSelect = __decorate([
+        observer
+    ], MultipleSelect);
+    return MultipleSelect;
+}(Component));
+export default MultipleSelect;
+//# sourceMappingURL=MultipleSelectTool.js.map

package/es/tool/MultipleSelectTool.js.map

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

package/es/tool/TextEditTool.d.ts

@@ -0,0 +1,26 @@
+import { Component } from 'preact';
+import { IToolProps } from './tool';
+type IState = {
+    style: {
+        left: number;
+        top: number;
+    };
+};
+export declare class TextEditTool extends Component<IToolProps, IState> {
+    static toolName: string;
+    ref: import("preact").RefObject<any>;
+    __prevText: {
+        type: string;
+        text: string;
+        id: string;
+    };
+    constructor(props: IToolProps);
+    static getDerivedStateFromProps(props: IToolProps): IState | null;
+    componentDidUpdate(): void;
+    keyupHandler: (ev: KeyboardEvent) => void;
+    inputHandler: (ev: any) => void;
+    keydownHandler: (ev: any) => void;
+    placeCaretAtEnd(el: any): void;
+    render(): import("preact").JSX.Element | null;
+}
+export default TextEditTool;

package/es/tool/TextEditTool.js

@@ -0,0 +1,187 @@
+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 { createRef, Component } from 'preact';
+import { ElementState, observer } from '..';
+import { ElementType, EventType, ModelType } from '../constant';
+var TextEditTool = /** @class */ (function (_super) {
+    __extends(TextEditTool, _super);
+    function TextEditTool(props) {
+        var _this = _super.call(this, props) || this;
+        _this.ref = createRef();
+        _this.__prevText = {
+            type: '',
+            text: '',
+            id: '',
+        };
+        _this.keyupHandler = function (ev) {
+            var textEditElement = _this.props.graphModel.textEditElement;
+            // 按下alt+enter表示输入完成
+            if (ev.key === 'Enter' && ev.altKey) {
+                textEditElement === null || textEditElement === void 0 ? void 0 : textEditElement.setElementState(ElementState.DEFAULT);
+            }
+        };
+        _this.inputHandler = function (ev) {
+            var value = ev.target.innerText;
+            var textEditElement = _this.props.graphModel.textEditElement;
+            if (textEditElement) {
+                _this.__prevText = {
+                    type: textEditElement.type,
+                    text: value.replace(/(\r\n)+$|(\n)+$/, ''), // fix #488: 文本后面的换行符不保留
+                    id: textEditElement.id,
+                };
+            }
+        };
+        // fix: #587 #760
+        _this.keydownHandler = function (ev) {
+            ev.stopPropagation();
+        };
+        _this.state = {
+            style: {
+                left: 0,
+                top: 0,
+            },
+        };
+        return _this;
+    }
+    TextEditTool.getDerivedStateFromProps = function (props) {
+        var _a;
+        var textEditElement = props.textEditElement, graphModel = props.graphModel;
+        var transformModel = graphModel.transformModel, theme = graphModel.theme;
+        var inputText = theme.inputText;
+        var autoStyle;
+        if (textEditElement) {
+            // 由于边上的文本是依据显示的时候动态计算出来的
+            // 所以不能在边创建的时候就初始化文本位置。
+            // 而是在边上新建文本的时候创建。
+            if (!((_a = textEditElement.text) === null || _a === void 0 ? void 0 : _a.value)) {
+                if (textEditElement.BaseType === ElementType.EDGE) {
+                    // textEditElement = textEditElement as BaseEdgeModel
+                    var textConfig = textEditElement.text;
+                    var _b = textEditElement.textPosition, x_1 = _b.x, y_1 = _b.y;
+                    textConfig.x = x_1;
+                    textConfig.y = y_1;
+                    textEditElement.setText(textConfig);
+                }
+            }
+            // 自动换行节点边通用样式
+            var commonAutoStyle = {
+                resize: 'auto',
+                whiteSpace: 'normal',
+                wordBreak: 'break-all',
+            };
+            if (textEditElement.BaseType === ElementType.EDGE) {
+                // 如果边文案自动换行, 设置编辑框宽度
+                var _c = theme.edgeText, overflowMode = _c.overflowMode, lineHeight = _c.lineHeight, wrapPadding = _c.wrapPadding, textWidth = _c.textWidth;
+                if (textWidth && overflowMode === 'autoWrap') {
+                    autoStyle = __assign(__assign({}, commonAutoStyle), { width: textWidth, minWidth: textWidth, lineHeight: lineHeight, padding: wrapPadding });
+                }
+            }
+            else if (textEditElement.BaseType === ElementType.NODE) {
+                // 如果节点文案自动换行, 设置编辑框宽度
+                var _d = theme.nodeText, overflowMode = _d.overflowMode, lineHeight = _d.lineHeight, wrapPadding = _d.wrapPadding, textWidth = _d.textWidth;
+                var width = textEditElement.width, modelType = textEditElement.modelType, nodeTextWidth = textEditElement.textWidth;
+                var finalTextWidth = nodeTextWidth || textWidth || width;
+                // 文本节点没有默认宽高，只有在设置了textWidth之后才能进行自动换行
+                if ((modelType !== ModelType.TEXT_NODE && overflowMode === 'autoWrap') ||
+                    (modelType === ModelType.TEXT_NODE && textWidth)) {
+                    autoStyle = __assign(__assign({}, commonAutoStyle), { width: finalTextWidth, minWidth: finalTextWidth, lineHeight: lineHeight, padding: wrapPadding });
+                }
+            }
+            var _e = textEditElement.text, x = _e.x, y = _e.y;
+            var _f = __read(transformModel.CanvasPointToHtmlPoint([x, y]), 2), left = _f[0], top_1 = _f[1];
+            return {
+                style: __assign(__assign({ left: left, top: top_1 }, autoStyle), inputText),
+            };
+        }
+        return null;
+    };
+    TextEditTool.prototype.componentDidUpdate = function () {
+        var graphModel = this.props.graphModel;
+        if (this.ref.current) {
+            this.ref.current.focus();
+            this.placeCaretAtEnd(this.ref.current);
+        }
+        if (this.__prevText.id !== '') {
+            var _a = this.__prevText, text = _a.text, id = _a.id;
+            graphModel.updateText(id, text);
+            graphModel.eventCenter.emit(EventType.TEXT_UPDATE, {
+                data: __assign({}, this.__prevText),
+            });
+            this.__prevText.id = '';
+            this.__prevText.text = '';
+            this.__prevText.type = '';
+        }
+    };
+    TextEditTool.prototype.placeCaretAtEnd = function (el) {
+        if (window.getSelection !== undefined &&
+            document.createRange !== undefined) {
+            var range = document.createRange();
+            range.selectNodeContents(el);
+            range.collapse(false);
+            var sel = window.getSelection();
+            sel === null || sel === void 0 ? void 0 : sel.removeAllRanges();
+            sel === null || sel === void 0 ? void 0 : sel.addRange(range);
+        }
+    };
+    TextEditTool.prototype.render = function () {
+        var _a;
+        var textEditElement = this.props.graphModel.textEditElement;
+        var style = this.state.style;
+        return textEditElement ? (_jsx("div", { contentEditable: true, className: "lf-text-input", style: style, ref: this.ref, onKeyUp: this.keyupHandler, onKeyDown: this.keydownHandler, onKeyPress: this.keydownHandler, onInput: this.inputHandler, children: (_a = textEditElement.text) === null || _a === void 0 ? void 0 : _a.value }, textEditElement.id)) : null;
+    };
+    TextEditTool.toolName = 'textEdit';
+    TextEditTool = __decorate([
+        observer
+    ], TextEditTool);
+    return TextEditTool;
+}(Component));
+export { TextEditTool };
+export default TextEditTool;
+//# sourceMappingURL=TextEditTool.js.map

package/es/tool/TextEditTool.js.map

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

package/es/tool/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tool';
+export * from './snapline';

package/es/tool/index.js

@@ -0,0 +1,3 @@
+export * from './tool';
+export * from './snapline';
+//# sourceMappingURL=index.js.map

package/es/tool/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tool/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA"}

package/{types/tool/SnaplineTool.d.ts → es/tool/snapline.d.ts}

@@ -1,3 +1,3 @@
 import EventEmitter from '../event/eventEmitter';
 import SnaplineModel from '../model/SnaplineModel';
-export declare function snaplineTool(eventCenter: EventEmitter, snaplineModel: SnaplineModel): void;
+export declare function snapline(eventCenter: EventEmitter, snaplineModel: SnaplineModel): void;

package/es/tool/snapline.js

@@ -0,0 +1,13 @@
+export function snapline(eventCenter, snaplineModel) {
+    // 节点拖动时启动对齐线计算
+    eventCenter.on('node:mousemove', function (_a) {
+        var data = _a.data;
+        // TODO: 取消注释，定义 data 类型，解决编译问题
+        snaplineModel.setNodeSnapLine(data);
+    });
+    // 节点拖动结束时，对齐线消失
+    eventCenter.on('node:mouseup', function () {
+        snaplineModel.clearSnapline();
+    });
+}
+//# sourceMappingURL=snapline.js.map

package/es/tool/snapline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapline.js","sourceRoot":"","sources":["../../src/tool/snapline.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,QAAQ,CACtB,WAAyB,EACzB,aAA4B;IAE5B,eAAe;IACf,WAAW,CAAC,EAAE,CAAC,gBAAgB,EAAE,UAAC,EAAa;YAAX,IAAI,UAAA;QACtC,+BAA+B;QAC/B,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;IACF,gBAAgB;IAChB,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE;QAC7B,aAAa,CAAC,aAAa,EAAE,CAAA;IAC/B,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/es/tool/tool.d.ts

@@ -0,0 +1,22 @@
+import { Component } from 'preact/compat';
+import { VNode } from 'preact';
+import LogicFlow from '../LogicFlow';
+import { GraphModel, BaseEdgeModel, BaseNodeModel } from '../model';
+export type IToolProps = {
+    textEditElement?: BaseNodeModel | BaseEdgeModel;
+    graphModel: GraphModel;
+    logicFlow: LogicFlow;
+};
+type ToolConstructor = new (props: IToolProps) => Component<IToolProps>;
+export declare class Tool {
+    tools?: Component[];
+    components?: VNode<IToolProps>[];
+    toolMap: Map<string, ToolConstructor>;
+    instance: LogicFlow;
+    constructor(instance: LogicFlow);
+    private isDisabledTool;
+    registerTool(name: string, component: ToolConstructor): void;
+    getTools(): ToolConstructor[];
+    getInstance(): LogicFlow;
+}
+export default Tool;

package/es/tool/tool.js

@@ -0,0 +1,43 @@
+import TextEdit from './TextEditTool';
+import MultipleSelect from './MultipleSelectTool';
+import { ElementState, EventType } from '../constant';
+var Tool = /** @class */ (function () {
+    function Tool(instance) {
+        this.toolMap = new Map();
+        this.instance = instance;
+        if (!this.isDisabledTool(TextEdit.toolName)) {
+            this.registerTool(TextEdit.toolName, TextEdit);
+        }
+        if (!this.isDisabledTool(MultipleSelect.toolName)) {
+            this.registerTool(MultipleSelect.toolName, MultipleSelect);
+        }
+        // @see https://github.com/didi/LogicFlow/issues/152
+        var graphModel = instance.graphModel;
+        var eventCenter = graphModel.eventCenter;
+        eventCenter.on("".concat(EventType.GRAPH_TRANSFORM, ",").concat(EventType.NODE_CLICK, ",").concat(EventType.BLANK_CLICK, " "), function () {
+            var _a;
+            var textEditElement = graphModel.textEditElement, _b = graphModel.editConfigModel, edgeTextEdit = _b.edgeTextEdit, nodeTextEdit = _b.nodeTextEdit;
+            // fix #826, 保留之前的文本可以编辑点击空白才设置为不可编辑。如果以后有其他需求再改。
+            if ((edgeTextEdit || nodeTextEdit) && textEditElement) {
+                (_a = graphModel.textEditElement) === null || _a === void 0 ? void 0 : _a.setElementState(ElementState.DEFAULT);
+            }
+        });
+    }
+    Tool.prototype.isDisabledTool = function (toolName) {
+        var _a;
+        return ((_a = this.instance.options.disabledTools) === null || _a === void 0 ? void 0 : _a.indexOf(toolName)) !== -1;
+    };
+    Tool.prototype.registerTool = function (name, component) {
+        this.toolMap.set(name, component);
+    };
+    Tool.prototype.getTools = function () {
+        return Array.from(this.toolMap.values());
+    };
+    Tool.prototype.getInstance = function () {
+        return this.instance;
+    };
+    return Tool;
+}());
+export { Tool };
+export default Tool;
+//# sourceMappingURL=tool.js.map

package/es/tool/tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../src/tool/tool.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,cAAc,MAAM,sBAAsB,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAUrD;IAME,cAAY,QAAmB;QAH/B,YAAO,GAAG,IAAI,GAAG,EAA2B,CAAA;QAI1C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACxB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC5C,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAChD,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClD,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;QAC5D,CAAC;QACD,oDAAoD;QAC5C,IAAA,UAAU,GAAK,QAAQ,WAAb,CAAa;QACvB,IAAA,WAAW,GAAK,UAAU,YAAf,CAAe;QAClC,WAAW,CAAC,EAAE,CACZ,UAAG,SAAS,CAAC,eAAe,cAAI,SAAS,CAAC,UAAU,cAAI,SAAS,CAAC,WAAW,MAAG,EAChF;;YAEI,IAAA,eAAe,GAEb,UAAU,gBAFG,EACf,KACE,UAAU,gBADmC,EAA5B,YAAY,kBAAA,EAAE,YAAY,kBAAE,CACnC;YACd,iDAAiD;YACjD,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,IAAI,eAAe,EAAE,CAAC;gBACtD,MAAA,UAAU,CAAC,eAAe,0CAAE,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACnE,CAAC;QACH,CAAC,CACF,CAAA;IACH,CAAC;IAEO,6BAAc,GAAtB,UAAuB,QAAQ;;QAC7B,OAAO,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,0CAAE,OAAO,CAAC,QAAQ,CAAC,MAAK,CAAC,CAAC,CAAA;IACtE,CAAC;IAED,2BAAY,GAAZ,UAAa,IAAY,EAAE,SAA0B;QACnD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IACnC,CAAC;IAED,uBAAQ,GAAR;QACE,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;IAC1C,CAAC;IAED,0BAAW,GAAX;QACE,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IACH,WAAC;AAAD,CAAC,AA/CD,IA+CC;;AAED,eAAe,IAAI,CAAA"}

package/es/util/animation.d.ts

@@ -0,0 +1,12 @@
+import { Options } from '../options';
+import AnimationConfig = Options.AnimationConfig;
+export declare const defaultAnimationOffConfig: {
+    node: boolean;
+    edge: boolean;
+};
+export declare const defaultAnimationOnConfig: {
+    node: boolean;
+    edge: boolean;
+};
+export declare const setupAnimation: (config?: boolean | Partial<AnimationConfig>) => AnimationConfig;
+export declare const updateAnimation: (config?: boolean | Partial<AnimationConfig>) => AnimationConfig;

package/es/util/animation.js

@@ -0,0 +1,20 @@
+import { cloneDeep, merge } from 'lodash-es';
+export var defaultAnimationOffConfig = {
+    node: false,
+    edge: false,
+};
+export var defaultAnimationOnConfig = {
+    node: true,
+    edge: true,
+};
+export var setupAnimation = function (config) {
+    if (!config || typeof config === 'boolean') {
+        return config === true
+            ? cloneDeep(defaultAnimationOnConfig)
+            : cloneDeep(defaultAnimationOffConfig);
+    }
+    // 当传入的是对象时，将其与默认关合并
+    return merge(cloneDeep(defaultAnimationOffConfig), config);
+};
+export var updateAnimation = setupAnimation;
+//# sourceMappingURL=animation.js.map

package/es/util/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../src/util/animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAK5C,MAAM,CAAC,IAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,UAC5B,MAA2C;IAE3C,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,SAAS,EAAE,CAAC;QAC3C,OAAO,MAAM,KAAK,IAAI;YACpB,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC;YACrC,CAAC,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAA;IAC1C,CAAC;IAED,oBAAoB;IACpB,OAAO,KAAK,CAAC,SAAS,CAAC,yBAAyB,CAAC,EAAE,MAAM,CAAC,CAAA;AAC5D,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,cAAc,CAAA"}

package/es/util/browser.js

@@ -0,0 +1,3 @@
+import { get } from 'lodash-es';
+export var isIe = get(window, 'navigator.userAgent', '').match(/MSIE|Trident/) !== null;
+//# sourceMappingURL=browser.js.map

package/es/util/browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.js","sourceRoot":"","sources":["../../src/util/browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAE/B,MAAM,CAAC,IAAM,IAAI,GACf,GAAG,CAAC,MAAM,EAAE,qBAAqB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA"}

package/es/util/compatible.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 对数据实现兼容处理。
+ *
+ * Vue 中的 data 会进行 Observe，深拷贝的原始数据对象
+ */
+export declare function formatData<T>(data: T): T;

package/es/util/compatible.js

@@ -0,0 +1,17 @@
+// import { cloneDeep } from 'lodash-es'
+/**
+ * 对数据实现兼容处理。
+ *
+ * Vue 中的 data 会进行 Observe，深拷贝的原始数据对象
+ */
+export function formatData(data) {
+    try {
+        // WARNING: cloneDeep虽然也会将Observe对象转换为plain对象，但是不会像JSON.parse那样，会将undefined去掉。
+        // 会导致后面的pick因为存在pick覆盖默认值的情况。
+        return JSON.parse(JSON.stringify(data));
+    }
+    catch (_a) {
+        return data;
+    }
+}
+//# sourceMappingURL=compatible.js.map

package/es/util/compatible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compatible.js","sourceRoot":"","sources":["../../src/util/compatible.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAI,IAAO;IACnC,IAAI,CAAC;QACH,8EAA8E;QAC9E,8BAA8B;QAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;IACzC,CAAC;IAAC,WAAM,CAAC;QACP,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC"}

package/es/util/drag.d.ts

@@ -0,0 +1,47 @@
+import { Model } from '../model';
+import EventEmitter from '../event/eventEmitter';
+export type IDragParams = {
+    deltaX: number;
+    deltaY: number;
+    event: MouseEvent | null;
+    [key: string]: unknown;
+};
+export type ICreateDragParams = {
+    onDragStart?: (params: Partial<IDragParams>) => void;
+    onDragging?: (param: IDragParams) => void;
+    onDragEnd?: (param: Partial<IDragParams>) => void;
+    step?: number;
+    isStopPropagation?: boolean;
+};
+export type IStepperDragProps = {
+    eventType?: 'NODE' | 'BLANK' | 'SELECTION' | 'ADJUST_POINT' | '';
+    eventCenter?: EventEmitter;
+    model?: Model.BaseModel | null;
+    data?: Record<string, unknown>;
+    [key: string]: unknown;
+} & Partial<ICreateDragParams>;
+export declare class StepDrag {
+    onDragStart: (params: Partial<IDragParams>) => void;
+    onDragging: (params: IDragParams) => void;
+    onDragEnd: (params: Partial<IDragParams>) => void;
+    step: number;
+    isStopPropagation: boolean;
+    eventType: 'NODE' | 'BLANK' | 'SELECTION' | 'ADJUST_POINT' | '';
+    eventCenter?: EventEmitter;
+    model?: Model.BaseModel | null;
+    data?: Record<string, unknown>;
+    isDragging: boolean;
+    isStartDragging: boolean;
+    startX: number;
+    startY: number;
+    sumDeltaX: number;
+    sumDeltaY: number;
+    startTime?: number;
+    constructor({ onDragStart, onDragging, onDragEnd, eventType, eventCenter, step, isStopPropagation, model, data, }: IStepperDragProps);
+    setStep(step: number): void;
+    setModel(model: Model.BaseModel): void;
+    handleMouseDown: (e: MouseEvent) => void;
+    handleMouseMove: (e: MouseEvent) => void;
+    handleMouseUp: (e: MouseEvent) => void;
+    cancelDrag: () => void;
+}