didi
diff --git a/‎examples/demo.html
Lines changed: 37 additions & 1 deletion b/‎examples/demo.html
Lines changed: 37 additions & 1 deletion
diff --git a/‎pnpm-lock.yaml
Lines changed: 2444 additions & 701 deletions b/‎pnpm-lock.yaml
Lines changed: 2444 additions & 701 deletions
diff --git a/‎sites/docs/docs/api/detail/constructor.en-US.md
Lines changed: 5 additions & 0 deletions b/‎sites/docs/docs/api/detail/constructor.en-US.md
Lines changed: 5 additions & 0 deletions
diff --git a/‎sites/docs/docs/api/detail/constructor.md
Lines changed: 5 additions & 0 deletions b/‎sites/docs/docs/api/detail/constructor.md
Lines changed: 5 additions & 0 deletions
@@ -12,14 +12,50 @@
     <link rel="stylesheet" href="../packages/core/dist/index.css" />
   </head>
   <body>
+    <!-- 创建容器 -->
     <div id="container"></div>
     <script src="../packages/core/dist/index.min.js"></script>
     <script src="../packages/extension/dist/index.min.js"></script>
     <script>
+      // 准备图数据
+      const data = {
+        // 节点
+        nodes: [
+          {
+            id: '21',
+            type: 'rect',
+            x: 100,
+            y: 200,
+            text: 'rect node',
+          },
+          {
+            id: '50',
+            type: 'circle',
+            x: 300,
+            y: 400,
+            text: 'circle node',
+          },
+        ],
+        // 边
+        edges: [
+          {
+            type: 'polyline',
+            sourceNodeId: '50',
+            targetNodeId: '21',
+          },
+        ],
+      }
+
+      // 创建实例
       const lf = new Core.default({
         container: document.querySelector('#container'),
+        width: 700,
+        height: 500,
+        grid: true,
       })
-      lf.render({})
+
+      // 渲染实例
+      lf.render(data)
 
       console.log('Core --->>>', Core)
       console.log('Extension --->>>', Extension)
 
@@ -1,3 +1,8 @@
+---
+title: constructor
+toc: content
+order: 0
+---
 > All node instance operations on the flowchart, as well as events and behavior listening, are performed on the `LogicFlow` instance.
 
 ## configure
 
@@ -1,3 +1,8 @@
+---
+title: constructor
+toc: content
+order: 0
+---
 > 流程图上所有的节点实例操作以及事件，行为监听都在 `LogicFlow` 实例上进行。
 
 ## 配置