tvision-charts-component 3.3.24

package/dist/esm/basicTopo/_example/PerformanceTest.js

@@ -0,0 +1,155 @@
+import { __assign, __read } from "tslib";
+import React, { useRef, useMemo, useState } from 'react';
+import { BasicTopo } from '@tencent/tcharts-component';
+import { Button, InputNumber, Text, message } from '@tencent/tea-component';
+export default function PerformanceTest() {
+    var chartDom = useRef(null);
+    var _a = __read(useState(100), 2), rowCount = _a[0], setRowCount = _a[1];
+    var _b = __read(useState(100), 2), columnCount = _b[0], setColumnCount = _b[1];
+    var options = {
+        grid: { left: 300, right: 0, bottom: 0, top: 300, containLabel: true },
+        node: {
+            maxLabelLen: 130,
+        },
+        tooltip: {
+            trigger: 'item',
+            formatter: function (items) {
+                var content = "\u8282\u70B9ID: ".concat(items.id, "<br />");
+                return content;
+            },
+        },
+        chartRef: function (chart) {
+            chartDom.current = chart;
+            chart.network.registerImages([
+                {
+                    id: 'application',
+                    path: 'M48.872727 446.836364C23.272727 446.836364 0 425.890909 0 397.963636v-349.090909C0 20.945455 20.945455 0 48.872727 0h351.418182c25.6 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H48.872727zM623.709091 446.836364c-25.6 0-48.872727-20.945455-48.872727-48.872728v-349.090909c0-25.6 20.945455-48.872727 48.872727-48.872727h351.418182c27.927273 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H623.709091zM48.872727 1024C20.945455 1024 0 1003.054545 0 975.127273V623.709091c0-25.6 20.945455-48.872727 48.872727-48.872727h351.418182c25.6 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H48.872727zM623.709091 1024c-25.6 0-48.872727-20.945455-48.872727-48.872727V623.709091c0-25.6 20.945455-48.872727 48.872727-48.872727h351.418182c25.6 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H623.709091z',
+                    color: '#AAAAAA',
+                    width: 32,
+                    height: 32,
+                },
+                {
+                    id: 'database',
+                    path: 'M170.666667 798.464V262.101333C170.666667 235.178667 192.512 213.333333 219.434667 213.333333h585.130666C831.488 213.333333 853.333333 235.178667 853.333333 262.101333v536.362667c0 26.922667-21.845333 48.768-48.768 48.768H219.434667A48.768 48.768 0 0 1 170.666667 798.464z m48.768-146.261333v146.261333h585.130666v-146.261333H219.434667z m0-48.768h585.130666v-146.304H219.434667v146.304z m0-195.072h585.130666V262.101333H219.434667V408.32z m73.130666-97.493334h97.536a24.362667 24.362667 0 1 1 0 48.768H292.565333a24.362667 24.362667 0 1 1 0-48.768z m0 195.029334h97.536a24.362667 24.362667 0 1 1 0 48.768H292.565333a24.362667 24.362667 0 0 1 0-48.768z m0 195.072h97.536a24.362667 24.362667 0 0 1 0 48.725333H292.565333a24.362667 24.362667 0 0 1 0-48.725333z',
+                    color: '#AAAAAA',
+                    width: 32,
+                    height: 32,
+                },
+            ]);
+            chart.network.removeAll();
+            var i = 0, j = 0, name;
+            var rowCount = 100;
+            var columnCount = 100;
+            var nodeList = [];
+            var linkList = [];
+            for (j = 0; j < rowCount; j++) {
+                for (i = 0; i < columnCount; i++) {
+                    name = "Node_".concat(j, "_").concat(i);
+                    nodeList.push({
+                        group: 'nodes',
+                        data: { id: name, name: name },
+                        position: { x: 30 + i * 70, y: 30 + j * 70 },
+                        style: { width: 40, height: 40, image: 'application', imageStyle: 'auto' },
+                    });
+                }
+            }
+            for (j = 0; j < rowCount; j++) {
+                for (i = 0; i < columnCount; i++) {
+                    try {
+                        if (i > 0) {
+                            linkList.push({
+                                group: 'edges',
+                                data: {
+                                    id: "link:".concat(j, ",").concat(i),
+                                    source: nodeList[i + j * rowCount].data.id,
+                                    target: nodeList[i - 1 + j * rowCount].data.id,
+                                },
+                                style: { color: '#AAAAAA', width: 1 },
+                            });
+                        }
+                        if (j > 0) {
+                            linkList.push({
+                                group: 'edges',
+                                data: {
+                                    id: "link:".concat(j, ",").concat(i),
+                                    source: nodeList[i + j * rowCount].data.id,
+                                    target: nodeList[i + (j - 1) * rowCount].data.id,
+                                },
+                                style: { color: '#AAAAAA', width: 1 },
+                            });
+                        }
+                    }
+                    catch (error) { }
+                }
+            }
+            chart.network.add(nodeList.concat(linkList));
+        },
+    };
+    function addElements() {
+        message.warning({
+            content: '开始构建数据...',
+        });
+        var beginTime = new Date();
+        chartDom.current.network.removeAll();
+        var i = 0, j = 0, name;
+        var nodeList = [];
+        var linkList = [];
+        for (j = 0; j < rowCount; j++) {
+            for (i = 0; i < columnCount; i++) {
+                name = "Node_".concat(j, "_").concat(i);
+                nodeList.push({
+                    group: 'nodes',
+                    data: { id: name, name: name },
+                    position: { x: 30 + i * 70, y: 30 + j * 70 },
+                    style: { width: 40, height: 40, image: 'application', imageStyle: 'auto' },
+                });
+            }
+        }
+        for (j = 0; j < rowCount; j++) {
+            for (i = 0; i < columnCount; i++) {
+                try {
+                    if (i > 0) {
+                        linkList.push({
+                            group: 'edges',
+                            data: {
+                                id: "link:".concat(j, ",").concat(i),
+                                source: nodeList[i + j * rowCount].data.id,
+                                target: nodeList[i - 1 + j * rowCount].data.id,
+                            },
+                            style: { color: '#AAAAAA', width: 1 },
+                        });
+                    }
+                    if (j > 0) {
+                        linkList.push({
+                            group: 'edges',
+                            data: {
+                                id: "link:".concat(j, ",").concat(i),
+                                source: nodeList[i + j * rowCount].data.id,
+                                target: nodeList[i + (j - 1) * rowCount].data.id,
+                            },
+                            style: { color: '#AAAAAA', width: 1 },
+                        });
+                    }
+                }
+                catch (error) { }
+            }
+        }
+        var endTime = new Date();
+        message.warning({
+            content: "\u6784\u5EFA\u6570\u636E\u8017\u65F6: ".concat(endTime - beginTime, "ms"),
+        });
+        chartDom.current.network.add(nodeList.concat(linkList));
+        message.warning({
+            content: "\u5171\u521B\u5EFA".concat(rowCount * columnCount, "\u4E2A\u8282\u70B9\uFF0C").concat(chartDom.current.network.getElements().length - rowCount * columnCount, " \u4E2A\u94FE\u8DEF\u3002"),
+        });
+    }
+    var mapRender = useMemo(function () { return React.createElement(BasicTopo, __assign({ height: 850 }, options)); }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Text, { theme: "label" }, "\u884C\u6570: "),
+        React.createElement(InputNumber, { value: rowCount, max: 200, onChange: function (value) { return setRowCount(value); } }),
+        React.createElement(Text, { theme: "label" }, "\u5217\u6570: "),
+        React.createElement(InputNumber, { value: columnCount, max: 200, onChange: function (value) { return setColumnCount(value); } }),
+        React.createElement(Button, { onClick: function () { return addElements(); } }, "\u6267\u884C"),
+        mapRender));
+}
+//# sourceMappingURL=PerformanceTest.js.map

package/dist/esm/basicTopo/_example/PerformanceTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerformanceTest.js","sourceRoot":"","sources":["../../../../src/basicTopo/_example/PerformanceTest.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE5E,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,IAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,IAAA,KAAA,OAA0B,QAAQ,CAAC,GAAG,CAAC,IAAA,EAAtC,QAAQ,QAAA,EAAE,WAAW,QAAiB,CAAC;IACxC,IAAA,KAAA,OAAgC,QAAQ,CAAC,GAAG,CAAC,IAAA,EAA5C,WAAW,QAAA,EAAE,cAAc,QAAiB,CAAC;IAEpD,IAAM,OAAO,GAAG;QACd,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE;QAEtE,IAAI,EAAE;YACJ,WAAW,EAAE,GAAG;SACjB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,UAAA,KAAK;gBACd,IAAM,OAAO,GAAG,0BAAS,KAAK,CAAC,EAAE,WAAQ,CAAC;gBAE1C,OAAO,OAAO,CAAC;YACjB,CAAC;SACF;QACD,QAAQ,EAAE,UAAA,KAAK;YACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACzB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;gBAC3B;oBACE,EAAE,EAAE,aAAa;oBACjB,IAAI,EAAE,u+BAAu+B;oBAC7+B,KAAK,EAAE,SAAS;oBAChB,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;iBACX;gBACD;oBACE,EAAE,EAAE,UAAU;oBACd,IAAI,EAAE,wvBAAwvB;oBAC9vB,KAAK,EAAE,SAAS;oBAChB,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;iBACX;aACF,CAAC,CAAC;YACH,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YAC1B,IAAI,CAAC,GAAG,CAAC,EACP,CAAC,GAAG,CAAC,EACL,IAAI,CAAC;YACP,IAAM,QAAQ,GAAG,GAAG,CAAC;YACrB,IAAM,WAAW,GAAG,GAAG,CAAC;YACxB,IAAM,QAAQ,GAAG,EAAE,CAAC;YACpB,IAAM,QAAQ,GAAG,EAAE,CAAC;YACpB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC9B,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;oBACjC,IAAI,GAAG,eAAQ,CAAC,cAAI,CAAC,CAAE,CAAC;oBACxB,QAAQ,CAAC,IAAI,CAAC;wBACZ,KAAK,EAAE,OAAO;wBACd,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;wBAC9B,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE;wBAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE;qBAC3E,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;YAED,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC9B,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;oBACjC,IAAI,CAAC;wBACH,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;4BACV,QAAQ,CAAC,IAAI,CAAC;gCACZ,KAAK,EAAE,OAAO;gCACd,IAAI,EAAE;oCACJ,EAAE,EAAE,eAAQ,CAAC,cAAI,CAAC,CAAE;oCACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE;oCAC1C,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE;iCAC/C;gCACD,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE;6BACtC,CAAC,CAAC;wBACL,CAAC;wBACD,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;4BACV,QAAQ,CAAC,IAAI,CAAC;gCACZ,KAAK,EAAE,OAAO;gCACd,IAAI,EAAE;oCACJ,EAAE,EAAE,eAAQ,CAAC,cAAI,CAAC,CAAE;oCACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE;oCAC1C,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE;iCACjD;gCACD,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE;6BACtC,CAAC,CAAC;wBACL,CAAC;oBACH,CAAC;oBAAC,OAAO,KAAK,EAAE,CAAC,CAAA,CAAC;gBACpB,CAAC;YACH,CAAC;YACD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/C,CAAC;KACF,CAAC;IAEF,SAAS,WAAW;QAClB,OAAO,CAAC,OAAO,CAAC;YACd,OAAO,EAAE,WAAW;SACrB,CAAC,CAAC;QACH,IAAM,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC;QAC7B,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QACrC,IAAI,CAAC,GAAG,CAAC,EACP,CAAC,GAAG,CAAC,EACL,IAAI,CAAC;QACP,IAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,IAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9B,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;gBACjC,IAAI,GAAG,eAAQ,CAAC,cAAI,CAAC,CAAE,CAAC;gBACxB,QAAQ,CAAC,IAAI,CAAC;oBACZ,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;oBAC9B,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE;oBAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE;iBAC3E,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAED,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9B,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;gBACjC,IAAI,CAAC;oBACH,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;wBACV,QAAQ,CAAC,IAAI,CAAC;4BACZ,KAAK,EAAE,OAAO;4BACd,IAAI,EAAE;gCACJ,EAAE,EAAE,eAAQ,CAAC,cAAI,CAAC,CAAE;gCACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE;gCAC1C,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE;6BAC/C;4BACD,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE;yBACtC,CAAC,CAAC;oBACL,CAAC;oBACD,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;wBACV,QAAQ,CAAC,IAAI,CAAC;4BACZ,KAAK,EAAE,OAAO;4BACd,IAAI,EAAE;gCACJ,EAAE,EAAE,eAAQ,CAAC,cAAI,CAAC,CAAE;gCACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE;gCAC1C,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE;6BACjD;4BACD,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE;yBACtC,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC,CAAA,CAAC;YACpB,CAAC;QACH,CAAC;QACD,IAAM,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;QAC3B,OAAO,CAAC,OAAO,CAAC;YACd,OAAO,EAAE,gDAAW,OAAO,GAAG,SAAS,OAAI;SAC5C,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QAExD,OAAO,CAAC,OAAO,CAAC;YACd,OAAO,EAAE,4BAAM,QAAQ,GAAG,WAAW,qCACnC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,WAAW,8BACjE;SACR,CAAC,CAAC;IACL,CAAC;IAGD,IAAM,SAAS,GAAG,OAAO,CAAC,cAAM,OAAA,oBAAC,SAAS,aAAC,MAAM,EAAE,GAAG,IAAM,OAAO,EAAI,EAAvC,CAAuC,EAAE,EAAE,CAAC,CAAC;IAE7E,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,KAAK,EAAC,OAAO,qBAAY;QAC/B,oBAAC,WAAW,IAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,GAAgB;QAC7F,oBAAC,IAAI,IAAC,KAAK,EAAC,OAAO,qBAAY;QAC/B,oBAAC,WAAW,IAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,GAAgB;QACnG,oBAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,mBAAa;QAChD,SAAS,CACT,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/basicTopo/_example/PerformanceTest.jsx

@@ -0,0 +1,171 @@
+import React, { useRef, useMemo, useState } from 'react';
+import { BasicTopo } from '@tencent/tcharts-component';
+import { Button, InputNumber, Text, message } from '@tencent/tea-component';
+
+export default function PerformanceTest() {
+  const chartDom = useRef(null);
+  const [rowCount, setRowCount] = useState(100);
+  const [columnCount, setColumnCount] = useState(100);
+
+  const options = {
+    grid: { left: 300, right: 0, bottom: 0, top: 300, containLabel: true },
+    // 如果需要定制节点label的最大长度，在props中增加node配置
+    node: {
+      maxLabelLen: 130,
+    },
+    tooltip: {
+      trigger: 'item',
+      formatter: items => {
+        const content = `节点ID: ${items.id}<br />`;
+        // console.log('tooltip', items)
+        return content;
+      },
+    },
+    chartRef: chart => {
+      chartDom.current = chart;
+      chart.network.registerImages([
+        {
+          id: 'application',
+          path: 'M48.872727 446.836364C23.272727 446.836364 0 425.890909 0 397.963636v-349.090909C0 20.945455 20.945455 0 48.872727 0h351.418182c25.6 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H48.872727zM623.709091 446.836364c-25.6 0-48.872727-20.945455-48.872727-48.872728v-349.090909c0-25.6 20.945455-48.872727 48.872727-48.872727h351.418182c27.927273 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H623.709091zM48.872727 1024C20.945455 1024 0 1003.054545 0 975.127273V623.709091c0-25.6 20.945455-48.872727 48.872727-48.872727h351.418182c25.6 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H48.872727zM623.709091 1024c-25.6 0-48.872727-20.945455-48.872727-48.872727V623.709091c0-25.6 20.945455-48.872727 48.872727-48.872727h351.418182c25.6 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H623.709091z',
+          color: '#AAAAAA',
+          width: 32,
+          height: 32,
+        },
+        {
+          id: 'database',
+          path: 'M170.666667 798.464V262.101333C170.666667 235.178667 192.512 213.333333 219.434667 213.333333h585.130666C831.488 213.333333 853.333333 235.178667 853.333333 262.101333v536.362667c0 26.922667-21.845333 48.768-48.768 48.768H219.434667A48.768 48.768 0 0 1 170.666667 798.464z m48.768-146.261333v146.261333h585.130666v-146.261333H219.434667z m0-48.768h585.130666v-146.304H219.434667v146.304z m0-195.072h585.130666V262.101333H219.434667V408.32z m73.130666-97.493334h97.536a24.362667 24.362667 0 1 1 0 48.768H292.565333a24.362667 24.362667 0 1 1 0-48.768z m0 195.029334h97.536a24.362667 24.362667 0 1 1 0 48.768H292.565333a24.362667 24.362667 0 0 1 0-48.768z m0 195.072h97.536a24.362667 24.362667 0 0 1 0 48.725333H292.565333a24.362667 24.362667 0 0 1 0-48.725333z',
+          color: '#AAAAAA',
+          width: 32,
+          height: 32,
+        },
+      ]);
+      chart.network.removeAll();
+      let i = 0,
+        j = 0,
+        name;
+      const rowCount = 100;
+      const columnCount = 100;
+      const nodeList = [];
+      const linkList = [];
+      for (j = 0; j < rowCount; j++) {
+        for (i = 0; i < columnCount; i++) {
+          name = `Node_${j}_${i}`;
+          nodeList.push({
+            group: 'nodes',
+            data: { id: name, name: name },
+            position: { x: 30 + i * 70, y: 30 + j * 70 },
+            style: { width: 40, height: 40, image: 'application', imageStyle: 'auto' },
+          });
+        }
+      }
+
+      for (j = 0; j < rowCount; j++) {
+        for (i = 0; i < columnCount; i++) {
+          try {
+            if (i > 0) {
+              linkList.push({
+                group: 'edges',
+                data: {
+                  id: `link:${j},${i}`,
+                  source: nodeList[i + j * rowCount].data.id,
+                  target: nodeList[i - 1 + j * rowCount].data.id,
+                },
+                style: { color: '#AAAAAA', width: 1 },
+              });
+            }
+            if (j > 0) {
+              linkList.push({
+                group: 'edges',
+                data: {
+                  id: `link:${j},${i}`,
+                  source: nodeList[i + j * rowCount].data.id,
+                  target: nodeList[i + (j - 1) * rowCount].data.id,
+                },
+                style: { color: '#AAAAAA', width: 1 },
+              });
+            }
+          } catch (error) {}
+        }
+      }
+      chart.network.add(nodeList.concat(linkList));
+    },
+  };
+
+  function addElements() {
+    message.warning({
+      content: '开始构建数据...',
+    });
+    const beginTime = new Date();
+    chartDom.current.network.removeAll();
+    let i = 0,
+      j = 0,
+      name;
+    const nodeList = [];
+    const linkList = [];
+    for (j = 0; j < rowCount; j++) {
+      for (i = 0; i < columnCount; i++) {
+        name = `Node_${j}_${i}`;
+        nodeList.push({
+          group: 'nodes',
+          data: { id: name, name: name },
+          position: { x: 30 + i * 70, y: 30 + j * 70 },
+          style: { width: 40, height: 40, image: 'application', imageStyle: 'auto' },
+        });
+      }
+    }
+
+    for (j = 0; j < rowCount; j++) {
+      for (i = 0; i < columnCount; i++) {
+        try {
+          if (i > 0) {
+            linkList.push({
+              group: 'edges',
+              data: {
+                id: `link:${j},${i}`,
+                source: nodeList[i + j * rowCount].data.id,
+                target: nodeList[i - 1 + j * rowCount].data.id,
+              },
+              style: { color: '#AAAAAA', width: 1 },
+            });
+          }
+          if (j > 0) {
+            linkList.push({
+              group: 'edges',
+              data: {
+                id: `link:${j},${i}`,
+                source: nodeList[i + j * rowCount].data.id,
+                target: nodeList[i + (j - 1) * rowCount].data.id,
+              },
+              style: { color: '#AAAAAA', width: 1 },
+            });
+          }
+        } catch (error) {}
+      }
+    }
+    const endTime = new Date();
+    message.warning({
+      content: `构建数据耗时: ${endTime - beginTime}ms`,
+    });
+    chartDom.current.network.add(nodeList.concat(linkList));
+
+    message.warning({
+      content: `共创建${rowCount * columnCount}个节点，${
+        chartDom.current.network.getElements().length - rowCount * columnCount
+      } 个链路。`,
+    });
+  }
+
+  // 防止无关属性变更引起图表重新初始化
+  const mapRender = useMemo(() => <BasicTopo height={850} {...options} />, []);
+
+  return (
+    <>
+      <Text theme="label">行数: </Text>
+      <InputNumber value={rowCount} max={200} onChange={value => setRowCount(value)}></InputNumber>
+      <Text theme="label">列数: </Text>
+      <InputNumber value={columnCount} max={200} onChange={value => setColumnCount(value)}></InputNumber>
+      <Button onClick={() => addElements()}>执行</Button>
+      {mapRender}
+    </>
+  );
+}

package/dist/esm/basicTopo/_example/VisioLinkTopo.d.ts

@@ -0,0 +1 @@
+export default function TaxiLinkTopo(): JSX.Element;

package/dist/esm/basicTopo/_example/VisioLinkTopo.js

@@ -0,0 +1,209 @@
+import { __assign } from "tslib";
+import React, { useRef, useMemo } from 'react';
+import { BasicTopo } from '@tencent/tcharts-component';
+import { Button } from '@tencent/tea-component';
+export default function TaxiLinkTopo() {
+    var chartDom = useRef(null);
+    var options = {
+        grid: { left: 300, right: 0, bottom: 0, top: 300, containLabel: true },
+        node: {
+            maxLabelLen: 130,
+        },
+        link: {
+            curveStyle: 'visio',
+        },
+        tooltip: {
+            trigger: 'item',
+            formatter: function (items) {
+                var content = "\u8282\u70B9ID: ".concat(items.id, "<br />");
+                return content;
+            },
+        },
+        chartRef: function (chart) {
+            chartDom.current = chart;
+            chart.network.registerImages([
+                {
+                    id: 'application',
+                    path: 'M48.872727 446.836364C23.272727 446.836364 0 425.890909 0 397.963636v-349.090909C0 20.945455 20.945455 0 48.872727 0h351.418182c25.6 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H48.872727zM623.709091 446.836364c-25.6 0-48.872727-20.945455-48.872727-48.872728v-349.090909c0-25.6 20.945455-48.872727 48.872727-48.872727h351.418182c27.927273 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H623.709091zM48.872727 1024C20.945455 1024 0 1003.054545 0 975.127273V623.709091c0-25.6 20.945455-48.872727 48.872727-48.872727h351.418182c25.6 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H48.872727zM623.709091 1024c-25.6 0-48.872727-20.945455-48.872727-48.872727V623.709091c0-25.6 20.945455-48.872727 48.872727-48.872727h351.418182c25.6 0 48.872727 20.945455 48.872727 48.872727v351.418182c0 25.6-20.945455 48.872727-48.872727 48.872727H623.709091z',
+                    color: '#AAAAAA',
+                    width: 32,
+                    height: 32,
+                },
+                {
+                    id: 'database',
+                    path: 'M170.666667 798.464V262.101333C170.666667 235.178667 192.512 213.333333 219.434667 213.333333h585.130666C831.488 213.333333 853.333333 235.178667 853.333333 262.101333v536.362667c0 26.922667-21.845333 48.768-48.768 48.768H219.434667A48.768 48.768 0 0 1 170.666667 798.464z m48.768-146.261333v146.261333h585.130666v-146.261333H219.434667z m0-48.768h585.130666v-146.304H219.434667v146.304z m0-195.072h585.130666V262.101333H219.434667V408.32z m73.130666-97.493334h97.536a24.362667 24.362667 0 1 1 0 48.768H292.565333a24.362667 24.362667 0 1 1 0-48.768z m0 195.029334h97.536a24.362667 24.362667 0 1 1 0 48.768H292.565333a24.362667 24.362667 0 0 1 0-48.768z m0 195.072h97.536a24.362667 24.362667 0 0 1 0 48.725333H292.565333a24.362667 24.362667 0 0 1 0-48.725333z',
+                    color: '#AAAAAA',
+                    width: 32,
+                    height: 32,
+                },
+            ]);
+            chart.network.add([
+                {
+                    group: 'nodes',
+                    data: { id: 'n0', name: 'skywalking-watch', selectable: true, animation: false },
+                    position: { x: 100, y: 100 },
+                    style: { width: 20, height: 20, color: '#D2514C', borer: 2, imageStyle: 'auto' },
+                    property: { type: 'server' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n1', name: 'skywalking-agent', grabbable: false, selectable: false },
+                    position: { x: 300, y: 300 },
+                    style: { width: 20, height: 20, color: '#D2514C', border: 2, imageStyle: 'auto' },
+                    property: { type: 'cpu' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n2', name: 'skywalking-agent2' },
+                    position: { x: 500, y: 100 },
+                    style: { width: 20, height: 20, imageStyle: 'auto' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n3', name: 'skywalking-agent3' },
+                    position: { x: 300, y: 500 },
+                    style: { width: 20, height: 20, color: '#F0A139', border: 2, imageStyle: 'auto' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n4', name: 'skywalking-agent4', animation: false },
+                    position: { x: 200, y: 600 },
+                    style: { width: 20, height: 20, color: '#F0A139', border: 2, imageStyle: 'auto' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n5', name: 'skywalking-agent5', animation: false },
+                    position: { x: 400, y: 600 },
+                    style: { width: 20, height: 20, color: '#F0A139', border: 2, imageStyle: 'auto' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n6', name: 'skywalking-agent6', animation: false },
+                    position: { x: 400, y: 400 },
+                    style: { width: 20, height: 20, color: '#F0A139', border: 2, imageStyle: 'auto' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n7', name: 'skywalking-agent-v1' },
+                    position: { x: 300, y: 300 },
+                    style: { width: 20, height: 20, color: '#D2514C', border: 2, imageStyle: 'auto' },
+                    property: { type: 'cpu' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n8', name: 'skywalking-agent-v2' },
+                    position: { x: 300, y: 300 },
+                    style: { width: 20, height: 20, color: '#D2514C', border: 2, imageStyle: 'auto' },
+                    property: { type: 'cpu' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n9', name: 'skywalking-agent-v3' },
+                    position: { x: 300, y: 300 },
+                    style: { width: 20, height: 20, color: '#D2514C', border: 2, imageStyle: 'auto' },
+                    property: { type: 'cpu' },
+                },
+                {
+                    group: 'nodes',
+                    data: { id: 'n10', name: 'skywalking-agent-v4' },
+                    position: { x: 300, y: 300 },
+                    style: { width: 20, height: 20, color: '#D2514C', border: 2, imageStyle: 'auto' },
+                    property: { type: 'cpu' },
+                },
+                {
+                    group: 'edges',
+                    data: { id: 'e0', source: 'n0', target: 'n1', selectable: false },
+                    style: { color: '#AAAAAA', width: 1, curveStyle: 'visio' },
+                },
+                { group: 'edges', data: { id: 'e1', source: 'n1', target: 'n2' }, style: { color: '#AAAAAA', width: 1 } },
+                { group: 'edges', data: { id: 'e2', source: 'n1', target: 'n3' }, style: { color: '#AAAAAA', width: 1 } },
+                { group: 'edges', data: { id: 'e3', source: 'n3', target: 'n4' }, style: { color: '#AAAAAA', width: 1 } },
+                { group: 'edges', data: { id: 'e4', source: 'n3', target: 'n5' }, style: { color: '#AAAAAA', width: 1 } },
+                {
+                    group: 'edges',
+                    data: { id: 'e7', source: 'n2', target: 'n6' },
+                    style: { color: '#AAAAAA', width: 1 },
+                },
+                {
+                    group: 'edges',
+                    data: { id: 'e8', source: 'n1', target: 'n7' },
+                    style: { color: '#AAAAAA', width: 1 },
+                },
+                {
+                    group: 'edges',
+                    data: { id: 'e9', source: 'n1', target: 'n8' },
+                    style: { color: '#AAAAAA', width: 1 },
+                },
+                {
+                    group: 'edges',
+                    data: { id: 'e10', source: 'n1', target: 'n9' },
+                    style: { color: '#AAAAAA', width: 1 },
+                },
+                {
+                    group: 'edges',
+                    data: { id: 'e11', source: 'n1', target: 'n10' },
+                    style: { color: '#AAAAAA', width: 1 },
+                },
+                {
+                    group: 'edges',
+                    data: { id: 'e8', source: 'n6', target: 'n6' },
+                    style: { color: '#AAAAAA', width: 1 },
+                },
+            ]);
+            chart.network.layout('dagre', { rankDir: 'LR' }, { alignHCenter: false, alignVCenter: true });
+        },
+    };
+    function bindClick(e) {
+        switch (e) {
+            case 'zoomOut':
+                chartDom.current.network.zoomOut();
+                break;
+            case 'zoomIn':
+                chartDom.current.network.zoomIn();
+                break;
+            case 'zoomReset':
+                chartDom.current.network.zoomReset();
+                break;
+            case 'remove':
+                chartDom.current.network.remove('n0');
+                break;
+            case 'highlight':
+                chartDom.current.dispatchAction({
+                    type: 'highlight',
+                    seriesName: ['n0', 'n1', 'e0'],
+                });
+                break;
+            case 'downplay':
+                chartDom.current.dispatchAction({
+                    type: 'downplay',
+                });
+                break;
+            case 'dagreH':
+                chartDom.current.network.layout('dagre', { rankDir: 'LR' });
+                break;
+            case 'dagreV':
+                chartDom.current.network.layout('dagre', { rankDir: 'TB' });
+                break;
+            case 'FruchtermanLayout':
+                chartDom.current.network.layout('FruchtermanLayout', null, {
+                    onLayoutEnd: function () {
+                    },
+                });
+                break;
+            case 'ForceLayout':
+                chartDom.current.network.layout('ForceLayout');
+                break;
+            case 'springy':
+                chartDom.current.network.layout('springy');
+                break;
+            default:
+                break;
+        }
+    }
+    var mapRender = useMemo(function () { return React.createElement(BasicTopo, __assign({ height: 850 }, options)); }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { title: "Dagre\u5E03\u5C40-\u6C34\u5E73", onClick: function () { return bindClick('dagreH'); } }, "Dagre\u5E03\u5C40-\u6C34\u5E73"),
+        React.createElement(Button, { title: "Dagre\u5E03\u5C40-\u7AD6\u76F4", onClick: function () { return bindClick('dagreV'); } }, "Dagre\u5E03\u5C40-\u7AD6\u76F4"),
+        mapRender));
+}
+//# sourceMappingURL=VisioLinkTopo.js.map

package/dist/esm/basicTopo/_example/VisioLinkTopo.js.map

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