@logicflow/extension 2.0.0-beta.5 → 2.0.0-beta.7

package/es/tools/label/Label.js

@@ -0,0 +1,241 @@
+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, createRef, ElementState, observer, StepDrag, } from '@logicflow/core';
+import classNames from 'classnames';
+import { findIndex } from 'lodash-es';
+var Label = /** @class */ (function (_super) {
+    __extends(Label, _super);
+    function Label(props) {
+        var _this = _super.call(this, props) || this;
+        _this.textRef = createRef();
+        _this.setHoverOn = function () {
+            var element = _this.props.element;
+            if (element.isDragging || _this.state.isHovered)
+                return; // 当节点或边在拖拽中时，不触发 hover 态
+            _this.setState({ isHovered: true });
+            element.setHovered(true);
+        };
+        _this.setHoverOff = function () {
+            var element = _this.props.element;
+            if (!_this.state.isHovered)
+                return;
+            _this.setState({ isHovered: false });
+            element.setHovered(false);
+        };
+        _this.handleMouseDown = function (e) {
+            var _a;
+            var _b = _this.props, label = _b.label, graphModel = _b.graphModel;
+            var nodeTextDraggable = graphModel.editConfigModel.nodeTextDraggable;
+            // 当 label 允许拖拽 且不处于拖拽状态时， StepDrag 开启拖拽
+            if (((_a = label.draggable) !== null && _a !== void 0 ? _a : nodeTextDraggable) && !_this.state.isDragging) {
+                _this.setState({ isDragging: true });
+                _this.stepDrag.handleMouseDown(e);
+            }
+        };
+        _this.handleDragging = function (_a) {
+            var deltaX = _a.deltaX, deltaY = _a.deltaY;
+            var _b = _this.props, label = _b.label, element = _b.element, graphModel = _b.graphModel;
+            // DONE: 添加缩放时拖拽的逻辑，对 deltaX 和 deltaY 进行按比例缩放
+            var transformModel = graphModel.transformModel;
+            var _c = __read(transformModel.fixDeltaXY(deltaX, deltaY), 2), curDeltaX = _c[0], curDeltaY = _c[1];
+            // DONE：更新 label 位置，触发 LABEL:DRAG 事件，并抛出相关的数据
+            var _label = element.properties._label;
+            var elementLabel = _label;
+            var idx = findIndex(elementLabel, function (cur) { return cur.id === label.id; });
+            var target = elementLabel[idx];
+            elementLabel[idx] = __assign(__assign({}, target), { x: target.x + curDeltaX, y: target.y + curDeltaY });
+            var targetElem = graphModel.getElement(element.id);
+            targetElem === null || targetElem === void 0 ? void 0 : targetElem.setProperty('_label', elementLabel);
+            graphModel.eventCenter.emit('label:drag', {
+                data: label.getData(),
+                model: label,
+            });
+        };
+        _this.handleDragEnd = function () {
+            _this.setState({ isDragging: false });
+        };
+        _this.handleDbClick = function (e) {
+            var _a = _this.props, label = _a.label, element = _a.element, graphModel = _a.graphModel;
+            graphModel.eventCenter.emit('label:dblclick', {
+                data: label.getData(),
+                e: e,
+                model: element,
+            });
+            if (!label.editable) {
+                element.setSelected(true);
+                return;
+            }
+            element.setSelected();
+            element.setElementState(ElementState.TEXT_EDIT);
+            _this.setState({ isEditing: true });
+            // DONE: 触发当前 label 的 focus 事件，设置内容可编辑，且在文本最后添加光标
+            if (_this.textRef.current) {
+                _this.textRef.current.contentEditable = 'true';
+                _this.textRef.current.focus();
+                var range = document.createRange();
+                var selection = window.getSelection();
+                range.selectNodeContents(_this.textRef.current);
+                range.collapse(false);
+                selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+                selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+            }
+        };
+        _this.handleBlur = function (e) {
+            var _a = _this.props, label = _a.label, element = _a.element, eventCenter = _a.graphModel.eventCenter;
+            // DONE: 触发 LABEL:BLUR 事件，并抛出相关的事件
+            eventCenter.emit('label:blur', {
+                e: e,
+                model: element,
+                data: label.getData(),
+                element: _this.textRef.current,
+            });
+            _this.setState({
+                isDragging: false,
+                isHovered: false,
+            });
+        };
+        // 重新计算 Label 大小
+        _this.reCalcLabelSize = function () { };
+        var label = props.label, _a = props.graphModel, gridSize = _a.gridSize, eventCenter = _a.eventCenter;
+        _this.stepDrag = new StepDrag({
+            onDragging: _this.handleDragging,
+            onDragEnd: _this.handleDragEnd,
+            step: gridSize,
+            eventType: 'LABEL',
+            model: label,
+            eventCenter: eventCenter,
+        });
+        _this.state = {
+            isEditing: false,
+            isHovered: false,
+            isDragging: false,
+        };
+        return _this;
+    }
+    // TODO：如何处理 Label zIndex 的问题, Label 永远会比节点层级高
+    // 当 Label 被元素遮盖时，隐藏它
+    Label.prototype.componentDidMount = function () {
+        var _this = this;
+        var _a = this.props, label = _a.label, element = _a.element, graphModel = _a.graphModel;
+        // 在点击元素、边或者画布 时，结束 Label 的编辑态
+        graphModel.eventCenter.on('blank:click,node:click,edge:click', function () {
+            var _a, _b, _c, _d;
+            // 如果当前 label 处于编辑态，则结束编辑态
+            if (_this.state.isEditing) {
+                _this.setState({ isEditing: false });
+                var value = (_b = (_a = _this.textRef.current) === null || _a === void 0 ? void 0 : _a.innerText) !== null && _b !== void 0 ? _b : '';
+                var content = (_d = (_c = _this.textRef.current) === null || _c === void 0 ? void 0 : _c.innerHTML) !== null && _d !== void 0 ? _d : '';
+                var _label = element.properties._label;
+                var elementLabel = _label;
+                var idx = findIndex(elementLabel, function (cur) { return cur.id === label.id; });
+                var target = elementLabel[idx];
+                elementLabel[idx] = __assign(__assign({}, target), { value: value, content: content });
+                var targetElem = graphModel.getElement(element.id);
+                targetElem === null || targetElem === void 0 ? void 0 : targetElem.setProperty('_label', elementLabel);
+                element.setElementState(ElementState.DEFAULT);
+            }
+            if (_this.textRef.current) {
+                _this.textRef.current.contentEditable = 'false';
+            }
+        });
+        // TODO: 节点拖拽结束后，更新 Label 的位置
+        // eventCenter.on('node:drag', () => {})
+        // eventCenter.on('node:drop', () => {})
+        // eventCenter.on('node:mousemove', () => {})
+        //
+        // eventCenter.on('node:properties-change,node:properties-delete', () => {})
+    };
+    Label.prototype.componentDidUpdate = function () {
+        // snapshot: any, // previousState: Readonly<ILabelState>, // previousProps: Readonly<ILabelProps>,
+        console.log('Label componentDidUpdate');
+        // console.log('previousProps', previousProps)
+        // console.log('previousState', previousState)
+        // console.log('snapshot', snapshot)
+    };
+    Label.prototype.componentWillUnmount = function () {
+        var graphModel = this.props.graphModel;
+        graphModel.eventCenter.off('blank:click,node:click,edge:click');
+    };
+    // TODO: 当某一个标签更新时，如何避免其它标签的更新
+    // shouldComponentUpdate or memo
+    Label.prototype.render = function () {
+        var _a;
+        var _b = this.props, label = _b.label, element = _b.element, graphModel = _b.graphModel;
+        var _c = this.state, isDragging = _c.isDragging, isHovered = _c.isHovered, isEditing = _c.isEditing;
+        var transformModel = graphModel.transformModel;
+        var transform = transformModel.getTransformStyle().transform;
+        var id = label.id, x = label.x, y = label.y, zIndex = label.zIndex, vertical = label.vertical, style = label.style, rotate = label.rotate, content = label.content, labelWidth = label.labelWidth, textOverflowMode = label.textOverflowMode;
+        var maxLabelWidth = labelWidth !== null && labelWidth !== void 0 ? labelWidth : (element.BaseType === 'node' ? element.width - 20 : 80);
+        var containerStyle = {
+            left: "".concat(x - maxLabelWidth / 2, "px"),
+            top: "".concat(y - 10, "px"),
+            width: "".concat(maxLabelWidth, "px"),
+            height: '20px',
+            zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : 1,
+            transform: rotate
+                ? "".concat(transform, " rotate(").concat(rotate, "deg)")
+                : "".concat(transform, " rotate(").concat(vertical ? -0.25 : 0, "turn)"),
+        };
+        return (_jsx("div", { id: "element-container-".concat(id), className: classNames('lf-label-editor-container'), style: containerStyle, onMouseDown: this.handleMouseDown, onDblClick: this.handleDbClick, onBlur: this.handleBlur, onMouseEnter: this.setHoverOn, onMouseOver: this.setHoverOn, onMouseLeave: this.setHoverOff, children: _jsx("div", { ref: this.textRef, id: "editor-container-".concat(id), className: classNames('lf-label-editor', (_a = {
+                        'lf-label-editor-dragging': isDragging,
+                        'lf-label-editor-editing': isEditing,
+                        'lf-label-editor-hover': !isEditing && isHovered
+                    },
+                    _a["lf-label-editor-".concat(textOverflowMode)] = !isEditing,
+                    _a)), style: __assign({ maxWidth: "".concat(maxLabelWidth, "px"), width: "".concat(maxLabelWidth, "px") }, style), dangerouslySetInnerHTML: { __html: content } }) }));
+    };
+    Label = __decorate([
+        observer
+    ], Label);
+    return Label;
+}(Component));
+export { Label };
+export default Label;
+//# sourceMappingURL=Label.js.map

package/es/tools/label/Label.js.map

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

package/es/tools/label/LabelModel.d.ts

@@ -0,0 +1,26 @@
+import LogicFlow, { BaseEdgeModel, BaseNodeModel, GraphModel, h } from '@logicflow/core';
+import LabelData = LogicFlow.LabelData;
+import LabelConfig = LogicFlow.LabelConfig;
+import GraphElement = LogicFlow.GraphElement;
+export declare class LabelModel {
+    id: string;
+    type: string;
+    x: number;
+    y: number;
+    content: string;
+    value: string;
+    rotate?: number;
+    style: h.JSX.CSSProperties;
+    zIndex?: number;
+    vertical: boolean;
+    editable: boolean;
+    draggable: boolean;
+    labelWidth?: number;
+    textOverflowMode: 'ellipsis' | 'wrap' | 'clip' | 'nowrap' | 'default';
+    element: BaseNodeModel | BaseEdgeModel;
+    graphModel: GraphModel;
+    constructor(config: LabelConfig, element: GraphElement, graphModel: GraphModel);
+    initLabelData(config: LabelConfig): void;
+    getData(): LabelData;
+}
+export default LabelModel;

package/es/tools/label/LabelModel.js

@@ -0,0 +1,86 @@
+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 { LogicFlowUtil, observable, toJS, } from '@logicflow/core';
+import { assign } from 'lodash-es';
+// export type ILabelConfig = {}
+var createUuid = LogicFlowUtil.createUuid;
+var LabelModel = /** @class */ (function () {
+    function LabelModel(config, element, graphModel) {
+        var _a;
+        this.type = 'label'; // 目前写死，后续可以根据业务需求进行扩展
+        this.content = '';
+        this.value = '';
+        this.style = {};
+        this.vertical = false; // 文字是否垂直显示
+        this.editable = true; // label 是否可编辑
+        this.draggable = true; // label 是否可拖拽
+        this.textOverflowMode = 'default'; // Label 节点的文本溢出模式
+        this.element = element;
+        this.graphModel = graphModel;
+        this.id = (_a = config.id) !== null && _a !== void 0 ? _a : createUuid();
+        this.initLabelData(config);
+    }
+    LabelModel.prototype.initLabelData = function (config) {
+        assign(this, config);
+    };
+    LabelModel.prototype.getData = function () {
+        return {
+            id: this.id,
+            x: this.x,
+            y: this.y,
+            content: this.content,
+            value: this.value,
+            rotate: this.rotate,
+            style: toJS(this.style),
+            draggable: this.draggable,
+            editable: this.editable,
+            labelWidth: this.labelWidth,
+            textOverflowMode: this.textOverflowMode,
+            vertical: this.vertical,
+        };
+    };
+    __decorate([
+        observable
+    ], LabelModel.prototype, "x", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "y", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "content", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "value", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "rotate", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "style", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "zIndex", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "vertical", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "editable", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "draggable", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "labelWidth", void 0);
+    __decorate([
+        observable
+    ], LabelModel.prototype, "textOverflowMode", void 0);
+    return LabelModel;
+}());
+export { LabelModel };
+export default LabelModel;
+//# sourceMappingURL=LabelModel.js.map

package/es/tools/label/LabelModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelModel.js","sourceRoot":"","sources":["../../../src/tools/label/LabelModel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAkB,EAIhB,aAAa,EAEb,UAAU,EACV,IAAI,GACL,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAMlC,gCAAgC;AACxB,IAAA,UAAU,GAAK,aAAa,WAAlB,CAAkB;AAEpC;IA2BE,oBACE,MAAmB,EACnB,OAAqB,EACrB,UAAsB;;QA5BxB,SAAI,GAAW,OAAO,CAAA,CAAC,sBAAsB;QAIjC,YAAO,GAAW,EAAE,CAAA;QACpB,UAAK,GAAW,EAAE,CAAA;QAElB,UAAK,GAAwB,EAAE,CAAA;QAG/B,aAAQ,GAAY,KAAK,CAAA,CAAC,WAAW;QACrC,aAAQ,GAAY,IAAI,CAAA,CAAC,cAAc;QACvC,cAAS,GAAY,IAAI,CAAA,CAAC,cAAc;QAExC,qBAAgB,GAKZ,SAAS,CAAA,CAAC,kBAAkB;QAW1C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAC5B,IAAI,CAAC,EAAE,GAAG,MAAA,MAAM,CAAC,EAAE,mCAAI,UAAU,EAAE,CAAA;QAEnC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,CAAC;IAED,kCAAa,GAAb,UAAc,MAAmB;QAC/B,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACtB,CAAC;IAED,4BAAO,GAAP;QACE,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;YAEvB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YAEvC,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAA;IACH,CAAC;IAxDW;QAAX,UAAU;yCAAW;IACV;QAAX,UAAU;yCAAW;IACV;QAAX,UAAU;+CAAqB;IACpB;QAAX,UAAU;6CAAmB;IAClB;QAAX,UAAU;8CAAgB;IACf;QAAX,UAAU;6CAAgC;IAE/B;QAAX,UAAU;8CAAgB;IACf;QAAX,UAAU;gDAA0B;IACzB;QAAX,UAAU;gDAAyB;IACxB;QAAX,UAAU;iDAA0B;IACzB;QAAX,UAAU;kDAAoB;IACnB;QAAX,UAAU;wDAKc;IAwC3B,iBAAC;CAAA,AA7DD,IA6DC;SA7DY,UAAU;AA+DvB,eAAe,UAAU,CAAA"}

package/es/tools/label/LabelOverlay.d.ts

@@ -0,0 +1,28 @@
+import LogicFlow, { Component, GraphModel, h } from '@logicflow/core';
+import type { IToolProps } from '@logicflow/core';
+import LabelModel from './LabelModel';
+import { MediumEditor } from './mediumEditor';
+import LabelConfig = LogicFlow.LabelConfig;
+export type LabelConfigType = string | LabelConfig | LabelConfig[];
+export interface ILabelOverlayState {
+    tick: number;
+}
+export declare class LabelOverlay extends Component<IToolProps, ILabelOverlayState> {
+    static toolName: string;
+    lf: LogicFlow;
+    editor?: MediumEditor;
+    graphModel: GraphModel;
+    labelMap: Map<string, LabelModel>;
+    constructor(props: IToolProps);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    /**
+     * 获取当前画布上所有的 label
+     * 1. 第一步，先把当前所有的 text 转换为 label 进行展示
+     * 2. 数据同步，text 编辑后，同步更新 label，并重新渲染
+     */
+    getLabels(): h.JSX.Element[] | null;
+    render(): h.JSX.Element;
+}
+export default LabelOverlay;

package/es/tools/label/LabelOverlay.js

@@ -0,0 +1,161 @@
+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, observer } from '@logicflow/core';
+import { forEach, merge } from 'lodash-es';
+import Label from './Label';
+import LabelModel from './LabelModel';
+import { MediumEditor, defaultOptions, ColorPickerButton } from './mediumEditor';
+// const { createUuid } = LogicFlowUtil
+// DONE: 解决问题，如果 LabelOverlay 设置为 Observer，拖拽 Label 时会导致 LabelOverlay 组件重新渲染，不知道为何
+// 目前解决了。流程是 拖动 -> 更新 label 的数据信息到 element model -> 重新渲染 LabelOverlay
+// 这种目前存在的问题，会全量重新渲染，是否会影响性能 ❓❓❓
+// 另一种解决方案是，在此组件中监听一些事件，当这些事件触发时，再重新渲染 LabelOverlay
+// 讨论一下
+var LabelOverlay = /** @class */ (function (_super) {
+    __extends(LabelOverlay, _super);
+    function LabelOverlay(props) {
+        var _this = _super.call(this, props) || this;
+        _this.labelMap = new Map();
+        var lf = props.lf, graphModel = props.graphModel;
+        _this.lf = lf;
+        _this.graphModel = graphModel;
+        _this.state = { tick: 0 };
+        return _this;
+    }
+    LabelOverlay.prototype.componentDidMount = function () {
+        var _this = this;
+        var graphModel = this.props.graphModel;
+        // 1. 直接在此处初始化 RichTextEdit 工具
+        this.editor = new MediumEditor('.lf-label-editor', merge(defaultOptions, {
+            autoLink: true,
+            extensions: {
+                colorPicker: new ColorPickerButton(),
+            },
+        }));
+        // TODO: 2. 在此处监听一些事件，当 node、edge 数据变化时，主动触发重新渲染，保证同步更新
+        // TODO: 3. 整理哪些事件应该触发 Label 的更新
+        // 不需要了，将当前组件设置成 @observer 后，graphModel 更新会自动触发更新
+        graphModel.eventCenter.on('text:update,node:mousemove,node:resize,node:rotate,node:drag,label:drop,node:drop', function () {
+            // this.setState({ tick: this.state.tick + 1 })
+        });
+        graphModel.eventCenter.on('node:properties-change,node:properties-delete', function () {
+            _this.setState({ tick: _this.state.tick + 1 });
+        });
+    };
+    LabelOverlay.prototype.componentDidUpdate = function () {
+        var _a;
+        // 在组件更新后，将新增的 label 元素添加到富文本编辑器中
+        if (this.editor && this.editor.elements.length > 0) {
+            this.editor.addElements('.lf-label-editor');
+        }
+        else {
+            // FIX: 如果初始化的数据中没有 properties._label，需要重新初始化富文本编辑器
+            (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
+            this.editor = new MediumEditor('.lf-label-editor', merge(defaultOptions, {
+                autoLink: true,
+                extensions: {
+                    colorPicker: new ColorPickerButton(),
+                },
+            }));
+        }
+    };
+    LabelOverlay.prototype.componentWillUnmount = function () {
+        var _a;
+        // 组件销毁时，同时将富文本编辑器注销
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
+    };
+    /**
+     * 获取当前画布上所有的 label
+     * 1. 第一步，先把当前所有的 text 转换为 label 进行展示
+     * 2. 数据同步，text 编辑后，同步更新 label，并重新渲染
+     */
+    LabelOverlay.prototype.getLabels = function () {
+        var _this = this;
+        // 1. 通过 graphModel 获取当前画布上所有的 label 配置数据
+        var _a = this.props, extension = _a.lf.extension, graphModel = _a.graphModel;
+        var elements = __spreadArray(__spreadArray([], __read(graphModel.nodes), false), __read(graphModel.edges), false);
+        var curExtension = extension['Label'];
+        if (curExtension) {
+            var labels_1 = []; // 保存所有的 Label 元素
+            // TODO: 筛选出当前画布上，textMode 为 TextMode.LABEL 的元素(在支持元素级别的 textMode 时，需要做这个筛选)
+            // REMIND: 本期先只支持全局配置，所以判断全局的 textMode 即可
+            forEach(elements, function (element) {
+                var _a, _b;
+                var elementData = element.getData();
+                var labelConfig = (_b = (_a = elementData.properties) === null || _a === void 0 ? void 0 : _a._label) !== null && _b !== void 0 ? _b : [];
+                forEach(labelConfig, function (config) {
+                    var labelMap = _this.labelMap;
+                    // 查找 labelModel 实例，如果是实例化过的，直接复用；如果是新的，创建实例
+                    // let label: LabelModel
+                    // if (config.id && labelMap.has(config.id)) {
+                    //   label = labelMap.get(config.id)!
+                    // } else {
+                    //   label = new LabelModel(config, element, graphModel)
+                    //   labelMap.set(label.id, label)
+                    // }
+                    var label = new LabelModel(config, element, graphModel);
+                    labelMap.set(label.id, label);
+                    labels_1.push(_jsx(Label, { label: label, element: element, graphModel: graphModel }, label.id));
+                });
+            });
+            return labels_1;
+        }
+        return null;
+    };
+    LabelOverlay.prototype.render = function () {
+        return (_jsx("foreignObject", { id: "lf-label-overlay", class: "lf-label-overlay", children: this.getLabels() }));
+    };
+    LabelOverlay.toolName = 'label-edit-tool';
+    LabelOverlay = __decorate([
+        observer
+    ], LabelOverlay);
+    return LabelOverlay;
+}(Component));
+export { LabelOverlay };
+export default LabelOverlay;
+//# sourceMappingURL=LabelOverlay.js.map

package/es/tools/label/LabelOverlay.js.map

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

package/es/tools/label/algorithm.d.ts

@@ -0,0 +1,16 @@
+import LogicFlow from '@logicflow/core';
+import Point = LogicFlow.Point;
+/**
+ * 三次贝塞尔曲线公式
+ */
+export declare const getPointOnBezier: (t: number, P0: Point, P1: Point, P2: Point, P3: Point) => {
+    x: number;
+    y: number;
+};
+/**
+ * 计算两个节点间的距离
+ * @param point1
+ * @param point2
+ * @param gridSize
+ */
+export declare const calcTwoPointsDistance: (point1: Point, point2: Point, gridSize?: number) => number;

package/es/tools/label/algorithm.js

@@ -0,0 +1,27 @@
+/**
+ * 三次贝塞尔曲线公式
+ */
+export var getPointOnBezier = function (t, P0, P1, P2, P3) {
+    var x = Math.pow((1 - t), 3) * P0.x +
+        3 * Math.pow((1 - t), 2) * t * P1.x +
+        3 * (1 - t) * Math.pow(t, 2) * P2.x +
+        Math.pow(t, 3) * P3.x;
+    var y = Math.pow((1 - t), 3) * P0.y +
+        3 * Math.pow((1 - t), 2) * t * P1.y +
+        3 * (1 - t) * Math.pow(t, 2) * P2.y +
+        Math.pow(t, 3) * P3.y;
+    return { x: x, y: y };
+};
+/**
+ * 计算两个节点间的距离
+ * @param point1
+ * @param point2
+ * @param gridSize
+ */
+export var calcTwoPointsDistance = function (point1, point2, gridSize) {
+    if (gridSize === void 0) { gridSize = 1; }
+    var dx = (point1.x - point2.x) / gridSize;
+    var dy = (point1.y - point2.y) / gridSize;
+    return Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
+};
+//# sourceMappingURL=algorithm.js.map

package/es/tools/label/algorithm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"algorithm.js","sourceRoot":"","sources":["../../../src/tools/label/algorithm.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAC9B,CAAS,EACT,EAAS,EACT,EAAS,EACT,EAAS,EACT,EAAS;IAET,IAAM,CAAC,GACL,SAAA,CAAC,CAAC,GAAG,CAAC,CAAC,EAAI,CAAC,CAAA,GAAG,EAAE,CAAC,CAAC;QACnB,CAAC,GAAG,SAAA,CAAC,CAAC,GAAG,CAAC,CAAC,EAAI,CAAC,CAAA,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3B,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,SAAA,CAAC,EAAI,CAAC,CAAA,GAAG,EAAE,CAAC,CAAC;QAC3B,SAAA,CAAC,EAAI,CAAC,CAAA,GAAG,EAAE,CAAC,CAAC,CAAA;IACf,IAAM,CAAC,GACL,SAAA,CAAC,CAAC,GAAG,CAAC,CAAC,EAAI,CAAC,CAAA,GAAG,EAAE,CAAC,CAAC;QACnB,CAAC,GAAG,SAAA,CAAC,CAAC,GAAG,CAAC,CAAC,EAAI,CAAC,CAAA,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3B,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,SAAA,CAAC,EAAI,CAAC,CAAA,GAAG,EAAE,CAAC,CAAC;QAC3B,SAAA,CAAC,EAAI,CAAC,CAAA,GAAG,EAAE,CAAC,CAAC,CAAA;IAEf,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AACvB,CAAC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAAG,UACnC,MAAa,EACb,MAAa,EACb,QAAoB;IAApB,yBAAA,EAAA,YAAoB;IAEpB,IAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAA;IAC3C,IAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAA;IAC3C,OAAO,IAAI,CAAC,IAAI,CAAC,SAAA,EAAE,EAAI,CAAC,CAAA,GAAG,SAAA,EAAE,EAAI,CAAC,CAAA,CAAC,CAAA;AACrC,CAAC,CAAA"}