@logicflow/extension 1.2.26 → 2.0.0-beta.0

package/es/mindmap/index.js

@@ -0,0 +1,314 @@
+import Hierarchy from '@antv/hierarchy';
+import MarkEntity from './markEntity';
+import FakerRoot from './fakerRoot';
+import MarkRoot from './markRoot';
+import MarkContent from './markContent';
+import MarkContentOption from './markContentOption';
+import { theme } from './theme';
+export var ROOT_NODE = 'mark:root';
+export var FAKER_NODE = 'faker:root';
+var FIRST_ROOT_X = 10;
+var FIRST_ROOT_Y = 10;
+var MindMap = /** @class */ (function () {
+    function MindMap(_a) {
+        var lf = _a.lf;
+        var _this = this;
+        /**
+         * 将传入的数据转换为logicflow格式的数据
+         */
+        this.adapterIn = function (trees) {
+            var tree = {
+                id: 'faker:root',
+                type: 'faker:root',
+                x: 0,
+                y: 0,
+                children: trees,
+            };
+            var newtree = _this.layoutTree(tree);
+            var graphData = _this.treeToGraph(newtree);
+            return graphData;
+        };
+        /**
+         * 将logicflow格式的数据转换为mindmap需要的数据
+         */
+        this.adapterOut = function (graphData) { return _this.graphToTree(graphData).children; };
+        this.lf = lf;
+        lf.adapterIn = this.adapterIn;
+        lf.adapterOut = this.adapterOut;
+        lf.setTheme(theme);
+        lf.register(FakerRoot);
+        lf.register(MarkRoot);
+        lf.register(MarkContent);
+        lf.register(MarkContentOption);
+        lf.register(MarkEntity);
+        lf.setDefaultEdgeType('bezier');
+        lf.updateEditConfig({
+            hideAnchors: true,
+            adjustNodePosition: false,
+            edgeTextEdit: false,
+            adjustEdge: false,
+        });
+        lf.graphModel.transformModel.translate(200, 200);
+        this.setContextMenu();
+        /**
+         * 删除树上的某一个点和这个点后面所有的点
+         */
+        lf.removeTreeNode = function (nodeId) {
+            var nodesMap = _this.getGraphTreeData().nodesMap;
+            var node = nodesMap.get(nodeId);
+            if (node.type === ROOT_NODE) {
+                return;
+            }
+            _this.removeNode(node);
+            _this.renderTree();
+        };
+        /**
+         * 重新排布树
+         */
+        lf.renderTree = function () {
+            _this.renderTree();
+        };
+        /**
+         * 监听删除
+         */
+        this.lf.keyboard.on('backspace', function () {
+            var nodes = _this.lf.getSelectElements(true).nodes;
+            if (nodes.length > 0) {
+                _this.lf.clearSelectElements();
+                nodes.forEach(function (node) {
+                    _this.lf.removeTreeNode(node.id);
+                });
+            }
+        });
+    }
+    MindMap.prototype.setContextMenu = function () {
+        var _this = this;
+        var menuItem = [
+            {
+                icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA5NJREFUWEfNmOtRFEEQgHsiACIQIkAiADOQCMAI7I0AjOCaCMQIxAg4IlAjQCIQIhjrW3uuZvf2bmf2Vov+d3Xz+LbfPUFeuYS5+JqmOU1nxRhfzOzHHGdPAlTVwxDCaYzxvYicicj+BphnEbkLISxjjN/MjN9VUgWoqsB8FBHAkJ8ishSRXyLS11gCZ+0bX38rIp/MjPVFUgSoqmhoISKXIvIiIiYit6UXqepb/6grp7oWkZsSjY4Cuta+ighrAbOSg4fUg2uICHAXrvEPY766FVBV0dhnN+Xl2GFFNhMR/+g7EYki8m7buRsBM7gHzFOiNVXF357NDL/cKq5NIPHPjZCDgO4z92jOzHD2IlHVFqx0j/s2e4A8GfLpNUDf9N2D4axEc4m+FpB9rgwgH83spK+JIUBSQZvfan1uCqBDch+BSAoiiFbSAXS/eBxaWGLjqYAOiRaPReQot1ofMGnvsMa0u5g420uuxLU6WlwBuu/9nqq9TAvFQdK3iqqioFMzO0r/5YAp5xFNkwr9Lib2D1xjyAGhJzDI9pNkBkBKKlZsKFdA5ID88cXMdBLd35RRlQeH7umfkQNSdtbCvAZ2JkAseZxyYguYpZdzM6P8TJKZAMmDV2bWsiVAyhmljZq4qqNeW+n/SoVUsal5HTqDBrZTh1W1CjD1caWARCGCmUql074NArqZ8UH6s5rDOxD/zMQZ4GsIEmJgP3VEeRQzJyzNLJmp1ESrdTNpkHL3ZGbt3JMDkhgvzOygmsw37AqYZZOVq+WAqeXpRHIN7AyAFAmGMzqadvLrdzPtHDvVzDMAkuoOzIzs0UofsM1B+Rf8Lw1mM1Ankww1rHQy92Z2XgPnmWByLVZVGuXQb1aGWv6kxeqc6CZmqksvD0XfmJJzv5KtmTid5hfRfm+dWfu3+z5SVWeu2EaZmZZOai3FbRo76QkxNdWlMyOMXIaJiwGz8fbJe9G1x6VtgzuRxIWj03+mefZg4tHHIdccKWUj3EYT9y4Eci+EoIvF4qbIqUYWqSqZAjfgdWzr7F3yeET7RH3kgRJY6vXo08YQY9M0FzFGwHAhPvZ6bHocBcy0iQNTDvcADSHcxhgfxsyJn/ljJ1UCMEzKQ1TRRxYDep5Dm6QQLiPKEYIJ584vZB3+CFAawjAnvV9VO1cFmJvNCzudOMAAAZJeUtESgdJ2SF4+q59/R4NkjoDY9YzJGtz14tL9fwB50PM48Yfe+AAAAABJRU5ErkJggg==',
+                className: 'lf-mindmap_addIcon',
+                callback: function (data) {
+                    _this.addChild(data);
+                },
+            },
+        ];
+        this.lf.setContextMenuByType(ROOT_NODE, menuItem);
+        this.lf.setContextMenuByType('mark:entity', menuItem);
+        this.lf.setContextMenuByType('mark:content', menuItem);
+        this.lf.setContextMenuByType('mark:content-option', menuItem);
+    };
+    MindMap.prototype.addChild = function (data) {
+        var type = 'mark:content-option';
+        switch (data.type) {
+            case ROOT_NODE:
+                type = 'mark:entity';
+                break;
+            case 'mark:entity':
+                type = 'mark:content';
+                break;
+            default:
+                break;
+        }
+        var nodeModel = this.lf.addNode({
+            type: type,
+            x: data.x,
+            y: data.y,
+        });
+        this.lf.addEdge({
+            sourceNodeId: data.id,
+            targetNodeId: nodeModel.id,
+        });
+        this.renderTree();
+    };
+    MindMap.prototype.removeNode = function (node) {
+        var _this = this;
+        if (node.children && node.children.length > 0) {
+            node.children.forEach(function (subNode) {
+                _this.removeNode(subNode);
+            });
+        }
+        this.lf.deleteNode(node.id);
+    };
+    MindMap.prototype.getGraphTreeData = function () {
+        var graphData = this.lf.getGraphRawData();
+        var nodesMap = new Map();
+        var rootNodes = [];
+        var root = null;
+        graphData.nodes.forEach(function (node) {
+            var treeNode = {
+                id: node.id,
+                type: node.type,
+                properties: node.properties,
+                x: node.x,
+                y: node.y,
+                children: [],
+            };
+            nodesMap.set(node.id, treeNode);
+            if (node.type === ROOT_NODE) {
+                rootNodes.push(node.id);
+            }
+            if (node.type === FAKER_NODE) {
+                root = treeNode;
+            }
+        });
+        graphData.edges.forEach(function (edge) {
+            var node = nodesMap.get(edge.sourceNodeId);
+            node.children.push(nodesMap.get(edge.targetNodeId));
+        });
+        rootNodes.forEach(function (nodeId) {
+            root.children.push(nodesMap.get(nodeId));
+        });
+        return {
+            root: root,
+            nodesMap: nodesMap,
+        };
+    };
+    MindMap.prototype.renderTree = function () {
+        var graphData = this.lf.getGraphRawData();
+        var tree = this.graphToTree(graphData);
+        tree = this.layoutTree(tree);
+        graphData = this.treeToGraph(tree);
+        this.lf.graphModel.graphDataToModel(graphData);
+    };
+    MindMap.prototype.graphToTree = function (graphData) {
+        var tree = null;
+        var nodesMap = new Map();
+        var roots = [];
+        graphData.nodes.forEach(function (node) {
+            var treeNode = {
+                id: node.id,
+                type: node.type,
+                properties: node.proerties,
+                text: node.text,
+                children: [],
+            };
+            nodesMap.set(node.id, treeNode);
+            if (node.type === 'mark:root') {
+                roots.push(node);
+            }
+            if (node.type === FAKER_NODE) {
+                tree = treeNode;
+            }
+        });
+        graphData.edges.forEach(function (edge) {
+            var node = nodesMap.get(edge.sourceNodeId);
+            node.children.push(nodesMap.get(edge.targetNodeId));
+        });
+        if (tree && tree.children) {
+            tree.children = roots.map(function (root) { return nodesMap.get(root.id); });
+        }
+        return tree;
+    };
+    /**
+     * 将树这种数据格式转换为图
+     */
+    MindMap.prototype.treeToGraph = function (rootNode) {
+        var nodes = [];
+        var edges = [];
+        function getNode(current, parent) {
+            if (parent === void 0) { parent = null; }
+            var node = {
+                id: current.id,
+                x: current.x,
+                y: current.y,
+                type: current.type || current.data.type,
+                properties: current.properties || {},
+            };
+            nodes.push(node);
+            if (current.children) {
+                current.children.forEach(function (subNode) {
+                    getNode(subNode, node);
+                });
+            }
+            if (parent && parent.type !== FAKER_NODE) {
+                var edge = {
+                    sourceNodeId: parent.id,
+                    targetNodeId: node.id,
+                    type: 'bezier',
+                };
+                edges.push(edge);
+            }
+        }
+        getNode(rootNode);
+        return {
+            nodes: nodes,
+            edges: edges,
+        };
+    };
+    /**
+     * 由于树这种数据格式本身是没有坐标的
+     * 需要使用一些算法来将树转换为有坐标的树
+     */
+    MindMap.prototype.layoutTree = function (tree) {
+        if (!tree || !tree.children || tree.children.length === 0)
+            return tree;
+        var NODE_SIZE = 40;
+        var PEM = 20;
+        tree.isRoot = true;
+        var rootNode = Hierarchy.compactBox(tree, {
+            direction: 'LR',
+            getId: function (d) {
+                return d.id;
+            },
+            getHeight: function (d) {
+                if (d.type === ROOT_NODE) {
+                    return NODE_SIZE * 4;
+                }
+                return NODE_SIZE;
+            },
+            getWidth: function () {
+                return 200 + PEM * 1.6;
+            },
+            getHGap: function () {
+                return PEM;
+            },
+            getVGap: function () {
+                return PEM;
+            },
+            getSubTreeSep: function (d) {
+                if (!d.children || !d.children.length) {
+                    return 0;
+                }
+                return PEM;
+            },
+        });
+        // const { nodes, edges } = this.treeToGraph(rootNode);
+        // 将根节点位置平移回原位置
+        // 保证第一个根节点在画布位置不变
+        // 为什么取第一个child呢，这里是因为一张图上存在多个树的情况下
+        // 我们需要使用一个虚拟的节点(faker:root)作为所有树的根节点
+        // 这样在使用树布局算法的时候方便统一处理。
+        // 但是为了在视觉上保证图形不抖动，
+        // 我们需要把第一个真实的根节点位置保持不动
+        var x = tree.children[0].x || FIRST_ROOT_X;
+        var y = tree.children[0].y || FIRST_ROOT_Y;
+        var x1 = rootNode.children[0].x;
+        var y1 = rootNode.children[0].y;
+        var moveX = x - x1;
+        var moveY = y - y1;
+        var newTree = this.dfsTree(rootNode, function (currentNode) { return ({
+            id: currentNode.id,
+            x: currentNode.x + moveX,
+            y: currentNode.y + moveY,
+            type: currentNode.data.type,
+        }); });
+        return newTree;
+    };
+    /**
+     * 遍历树的每一项，已传入的回调方法重新构建一个新的树
+     */
+    MindMap.prototype.dfsTree = function (tree, callback) {
+        var _this = this;
+        var newTree = callback(tree);
+        if (tree.children && tree.children.length > 0) {
+            newTree.children = tree.children.map(function (treeNode) {
+                return _this.dfsTree(treeNode, callback);
+            });
+        }
+        return newTree;
+    };
+    MindMap.pluginName = 'MindMap';
+    return MindMap;
+}());
+export { MindMap };
+//# sourceMappingURL=index.js.map

package/es/mindmap/index.js.map

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

package/es/mindmap/markContent.d.ts

@@ -0,0 +1,17 @@
+import { h, RectNode, RectNodeModel } from '@logicflow/core';
+declare class MarkContentModel extends RectNodeModel {
+    static extendKey: string;
+    constructor(data: any, graphModel: any);
+    setAttributes(): void;
+}
+declare class MarkContentView extends RectNode {
+    static extendKey: string;
+    getLabelShape(): h.JSX.Element;
+    getShape(): h.JSX.Element;
+}
+declare const MarkContent: {
+    type: string;
+    view: typeof MarkContentView;
+    model: typeof MarkContentModel;
+};
+export default MarkContent;

package/es/mindmap/markContent.js

@@ -0,0 +1,91 @@
+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 { h, RectNode, RectNodeModel } from '@logicflow/core';
+var MarkContentModel = /** @class */ (function (_super) {
+    __extends(MarkContentModel, _super);
+    function MarkContentModel(data, graphModel) {
+        if (!data.text) {
+            data.text = {
+                x: data.x,
+                y: data.y + 15,
+                value: '',
+            };
+        }
+        return _super.call(this, data, graphModel) || this;
+    }
+    MarkContentModel.prototype.setAttributes = function () {
+        this.height = 60;
+        this.strokeWidth = 1;
+    };
+    MarkContentModel.extendKey = 'MarkContentModel';
+    return MarkContentModel;
+}(RectNodeModel));
+var MarkContentView = /** @class */ (function (_super) {
+    __extends(MarkContentView, _super);
+    function MarkContentView() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    MarkContentView.prototype.getLabelShape = function () {
+        var _a = this.props.model, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+        var style = this.props.model.getNodeStyle();
+        return h('svg', {
+            x: x - width / 2 + 5,
+            y: y - height / 2 + 5,
+            width: 25,
+            height: 25,
+            viewBox: '0 0 1274 1024',
+        }, h('path', {
+            fill: style.stroke,
+            d: 'M655.807326 287.35973m-223.989415 0a218.879 218.879 0 1 0 447.978829 0 218.879 218.879 0 1 0-447.978829 0ZM1039.955839 895.482975c-0.490184-212.177424-172.287821-384.030443-384.148513-384.030443-211.862739 0-383.660376 171.85302-384.15056 384.030443L1039.955839 895.482975z',
+        }));
+    };
+    MarkContentView.prototype.getShape = function () {
+        var _a = this.props.model, x = _a.x, y = _a.y, width = _a.width, height = _a.height, radius = _a.radius;
+        var style = this.props.model.getNodeStyle();
+        return h('g', {}, [
+            h('rect', __assign(__assign({}, style), { x: x - width / 2, y: y - height / 2, rx: radius, ry: radius, width: width, height: height })),
+            this.getLabelShape(),
+            h('text', {
+                fill: style.stroke,
+                fontSize: 12,
+                x: x - width / 2 + 30,
+                y: y - height / 2 + 20,
+                width: 50,
+                height: 25,
+            }, '二级主题'),
+        ]);
+    };
+    MarkContentView.extendKey = 'MarkContent';
+    return MarkContentView;
+}(RectNode));
+var MarkContent = {
+    type: 'mark:content',
+    view: MarkContentView,
+    model: MarkContentModel,
+};
+export default MarkContent;
+//# sourceMappingURL=markContent.js.map

package/es/mindmap/markContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markContent.js","sourceRoot":"","sources":["../../src/mindmap/markContent.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE5D;IAA+B,oCAAa;IAG1C,0BAAY,IAAI,EAAE,UAAU;QAC1B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,IAAI,GAAG;gBACV,CAAC,EAAE,IAAI,CAAC,CAAC;gBACT,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,EAAE;gBACd,KAAK,EAAE,EAAE;aACV,CAAA;QACH,CAAC;QACD,OAAA,MAAK,YAAC,IAAI,EAAE,UAAU,CAAC,SAAA;IACzB,CAAC;IAED,wCAAa,GAAb;QACE,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;QAChB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAA;IACtB,CAAC;IAhBM,0BAAS,GAAG,kBAAkB,CAAA;IAiBvC,uBAAC;CAAA,AAlBD,CAA+B,aAAa;AAoB5C;IAA8B,mCAAQ;IAAtC;;IAkDA,CAAC;IA/CC,uCAAa,GAAb;QACQ,IAAA,KAA0B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAxC,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAqB,CAAA;QAChD,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,CAAA;QAC7C,OAAO,CAAC,CACN,KAAK,EACL;YACE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC;YACpB,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC;YACrB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,eAAe;SACzB,EACD,CAAC,CAAC,MAAM,EAAE;YACR,IAAI,EAAE,KAAK,CAAC,MAAM;YAClB,CAAC,EAAE,mRAAmR;SACvR,CAAC,CACH,CAAA;IACH,CAAC;IAED,kCAAQ,GAAR;QACQ,IAAA,KAAkC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAhD,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAqB,CAAA;QACxD,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,CAAA;QAC7C,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE;YAChB,CAAC,CAAC,MAAM,wBACH,KAAK,KACR,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAChB,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,EACjB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,KAAK,OAAA,EACL,MAAM,QAAA,IACN;YACF,IAAI,CAAC,aAAa,EAAE;YACpB,CAAC,CACC,MAAM,EACN;gBACE,IAAI,EAAE,KAAK,CAAC,MAAM;gBAClB,QAAQ,EAAE,EAAE;gBACZ,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,EAAE;gBACrB,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,EAAE;gBACtB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;aACX,EACD,MAAM,CACP;SACF,CAAC,CAAA;IACJ,CAAC;IAhDM,yBAAS,GAAG,aAAa,CAAA;IAiDlC,sBAAC;CAAA,AAlDD,CAA8B,QAAQ,GAkDrC;AAED,IAAM,WAAW,GAAG;IAClB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,gBAAgB;CACxB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/es/mindmap/markContentOption.d.ts

@@ -0,0 +1,17 @@
+import { h, RectNode, RectNodeModel } from '@logicflow/core';
+declare class MarkContentOptionModel extends RectNodeModel {
+    static extendKey: string;
+    constructor(data: any, graphModel: any);
+    setAttributes(): void;
+}
+export declare class MarkContentOptionView extends RectNode {
+    static extendKey: string;
+    getLabelShape(): h.JSX.Element;
+    getShape(): h.JSX.Element;
+}
+declare const MarkContentOption: {
+    type: string;
+    view: typeof MarkContentOptionView;
+    model: typeof MarkContentOptionModel;
+};
+export default MarkContentOption;

package/es/mindmap/markContentOption.js

@@ -0,0 +1,92 @@
+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 { h, RectNode, RectNodeModel } from '@logicflow/core';
+var MarkContentOptionModel = /** @class */ (function (_super) {
+    __extends(MarkContentOptionModel, _super);
+    function MarkContentOptionModel(data, graphModel) {
+        if (!data.text) {
+            data.text = {
+                x: data.x,
+                y: data.y + 15,
+                value: '',
+            };
+        }
+        return _super.call(this, data, graphModel) || this;
+    }
+    MarkContentOptionModel.prototype.setAttributes = function () {
+        this.height = 60;
+        this.strokeWidth = 1;
+    };
+    MarkContentOptionModel.extendKey = 'MarkContentOptionModel';
+    return MarkContentOptionModel;
+}(RectNodeModel));
+var MarkContentOptionView = /** @class */ (function (_super) {
+    __extends(MarkContentOptionView, _super);
+    function MarkContentOptionView() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    MarkContentOptionView.prototype.getLabelShape = function () {
+        var _a = this.props.model, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+        var style = this.props.model.getNodeStyle();
+        return h('svg', {
+            x: x - width / 2 + 5,
+            y: y - height / 2 + 5,
+            width: 25,
+            height: 25,
+            viewBox: '0 0 1274 1024',
+        }, h('path', {
+            fill: style.stroke,
+            d: 'M655.807326 287.35973m-223.989415 0a218.879 218.879 0 1 0 447.978829 0 218.879 218.879 0 1 0-447.978829 0ZM1039.955839 895.482975c-0.490184-212.177424-172.287821-384.030443-384.148513-384.030443-211.862739 0-383.660376 171.85302-384.15056 384.030443L1039.955839 895.482975z',
+        }));
+    };
+    MarkContentOptionView.prototype.getShape = function () {
+        var _a = this.props.model, x = _a.x, y = _a.y, width = _a.width, height = _a.height, radius = _a.radius;
+        var style = this.props.model.getNodeStyle();
+        return h('g', {}, [
+            h('rect', __assign(__assign({ x: x - width / 2, y: y - height / 2 }, style), { rx: radius, ry: radius, width: width, height: height })),
+            this.getLabelShape(),
+            h('text', {
+                fill: style.stroke,
+                fontSize: 12,
+                x: x - width / 2 + 30,
+                y: y - height / 2 + 20,
+                width: 50,
+                height: 25,
+            }, '主题内容'),
+        ]);
+    };
+    MarkContentOptionView.extendKey = 'MarkContentOption';
+    return MarkContentOptionView;
+}(RectNode));
+export { MarkContentOptionView };
+var MarkContentOption = {
+    type: 'mark:content-option',
+    view: MarkContentOptionView,
+    model: MarkContentOptionModel,
+};
+export default MarkContentOption;
+//# sourceMappingURL=markContentOption.js.map

package/es/mindmap/markContentOption.js.map

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

package/es/mindmap/markEntity.d.ts

@@ -0,0 +1,17 @@
+import { h, RectNode, RectNodeModel } from '@logicflow/core';
+declare class MarkEntityModel extends RectNodeModel {
+    static extendKey: string;
+    constructor(data: any, graphModel: any);
+    setAttributes(): void;
+}
+declare class MarkEntityView extends RectNode {
+    static extendKey: string;
+    getLabelShape(): h.JSX.Element;
+    getShape(): h.JSX.Element;
+}
+declare const MarkEntity: {
+    type: string;
+    view: typeof MarkEntityView;
+    model: typeof MarkEntityModel;
+};
+export default MarkEntity;

package/es/mindmap/markEntity.js

@@ -0,0 +1,92 @@
+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 { h, RectNode, RectNodeModel } from '@logicflow/core';
+var MarkEntityModel = /** @class */ (function (_super) {
+    __extends(MarkEntityModel, _super);
+    function MarkEntityModel(data, graphModel) {
+        if (!data.text) {
+            data.text = {
+                x: data.x,
+                y: data.y + 15,
+                value: '',
+            };
+        }
+        return _super.call(this, data, graphModel) || this;
+    }
+    MarkEntityModel.prototype.setAttributes = function () {
+        this.height = 60;
+        this.strokeWidth = 1;
+    };
+    MarkEntityModel.extendKey = 'MarkEntityModel';
+    return MarkEntityModel;
+}(RectNodeModel));
+var MarkEntityView = /** @class */ (function (_super) {
+    __extends(MarkEntityView, _super);
+    function MarkEntityView() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    MarkEntityView.prototype.getLabelShape = function () {
+        var _a = this.props.model, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+        var style = this.props.model.getNodeStyle();
+        return h('svg', {
+            x: x - width / 2 + 5,
+            y: y - height / 2 + 5,
+            width: 25,
+            height: 25,
+            viewBox: '0 0 1274 1024',
+        }, h('path', {
+            fill: style.stroke,
+            d: 'M655.807326 287.35973m-223.989415 0a218.879 218.879 0 1 0 447.978829 0 218.879 218.879 0 1 0-447.978829 0ZM1039.955839 895.482975c-0.490184-212.177424-172.287821-384.030443-384.148513-384.030443-211.862739 0-383.660376 171.85302-384.15056 384.030443L1039.955839 895.482975z',
+        }));
+    };
+    MarkEntityView.prototype.getShape = function () {
+        var _a = this.props.model, x = _a.x, y = _a.y, width = _a.width, height = _a.height, radius = _a.radius;
+        var style = this.props.model.getNodeStyle();
+        // todo: 将basic-shape对外暴露，在这里可以直接用。现在纯手写有点麻烦。
+        return h('g', {}, [
+            h('rect', __assign({ x: x - width / 2, y: y - height / 2, rx: radius, ry: radius, width: width, height: height }, style)),
+            this.getLabelShape(),
+            h('text', {
+                fill: style.stroke,
+                fontSize: 12,
+                x: x - width / 2 + 30,
+                y: y - height / 2 + 20,
+                width: 50,
+                height: 25,
+            }, '一级主题'),
+        ]);
+    };
+    MarkEntityView.extendKey = 'MarkEntity';
+    return MarkEntityView;
+}(RectNode));
+var MarkEntity = {
+    type: 'mark:entity',
+    view: MarkEntityView,
+    model: MarkEntityModel,
+};
+export default MarkEntity;
+//# sourceMappingURL=markEntity.js.map