Doc: update

README.md

@@ -171,4 +171,8 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/南风.jpg" style="width: 50px;height: 50px;" />
         <span>南风</span>
     </span>
+    <span>
+        <img src="./web/src/assets/avatar/蜉蝣撼大叔.jpg" style="width: 50px;height: 50px;" />
+        <span>蜉蝣撼大叔</span>
+    </span>
 </p>

web/src/pages/Doc/catalogList.js

@@ -39,7 +39,7 @@ let APIList = [
   'markdown',
   'utils'
 ]
-let helpList = new Array(3).fill(0).map((_, index) => {
+let helpList = new Array(4).fill(0).map((_, index) => {
   return 'help' + (index + 1)
 })
 

web/src/pages/Doc/en/introduction/index.md

@@ -192,4 +192,8 @@ Open source is not easy. If this project is helpful to you, you can invite the a
         <img src="../../../../assets/avatar/南风.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
         <p>南风</p>
     </div>
+    <div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
+        <img src="../../../../assets/avatar/蜉蝣撼大叔.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
+        <p>蜉蝣撼大叔</p>
+    </div>
 </div>

web/src/pages/Doc/en/introduction/index.vue

@@ -151,6 +151,10 @@ full screen, support mini map</li>
         <img src="../../../../assets/avatar/南风.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
         <p>南风</p>
     </div>
+    <div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
+        <img src="../../../../assets/avatar/蜉蝣撼大叔.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
+        <p>蜉蝣撼大叔</p>
+    </div>
 </div>
   </div>
 </template>

web/src/pages/Doc/en/start/index.md

@@ -167,4 +167,14 @@ module. If you need it, you can try using other libraries to parse `xml` to
 
 ### Error `Getting bbox of element "text" is not possible: TypeError: Cannot read properties of undefined (reading 'apply')`
 
-The reason is that the installed version of `@svgdotjs/svg.js` is too high. You can manually reduce it to the version of `3.0.16`.
+The reason is that the installed version of `@svgdotjs/svg.js` is too high. You can manually reduce it to the version of `3.0.16`.
+
+### TypeError: Cannot read properties of undefined (reading 'prototype') at sax.js:222:46 
+
+The following configurations can be added to the packaging configuration file:
+
+```js
+resolve: { alias: { stream: "stream-browserify" } }
+```
+
+Different packaging tools may have different specific configurations, with the principle of excluding 'stream' dependencies.

web/src/pages/Doc/en/start/index.vue

@@ -116,6 +116,11 @@ module. If you need it, you can try using other libraries to parse <code>xml</co
 <code>json</code>.</p>
 <h3>Error <code>Getting bbox of element &quot;text&quot; is not possible: TypeError: Cannot read properties of undefined (reading 'apply')</code></h3>
 <p>The reason is that the installed version of <code>@svgdotjs/svg.js</code> is too high. You can manually reduce it to the version of <code>3.0.16</code>.</p>
+<h3>TypeError: Cannot read properties of undefined (reading 'prototype') at sax.js:222:46</h3>
+<p>The following configurations can be added to the packaging configuration file:</p>
+<pre class="hljs"><code>resolve: { <span class="hljs-attr">alias</span>: { <span class="hljs-attr">stream</span>: <span class="hljs-string">&quot;stream-browserify&quot;</span> } }
+</code></pre>
+<p>Different packaging tools may have different specific configurations, with the principle of excluding 'stream' dependencies.</p>
 
   </div>
 </template>

web/src/pages/Doc/routerList.js

@@ -58,7 +58,8 @@ export default [
       { path: 'scrollbar', title: 'Scrollbar插件' },
       { path: 'help1', title: '概要/关联线' },
       { path: 'help2', title: '客户端' },
-      { path: 'help3', title: '打开预览在线文件' }
+      { path: 'help3', title: '打开预览在线文件' },
+      { path: 'help4', title: '复制粘贴' }
     ]
   },
   {

web/src/pages/Doc/zh/help4/index.md

@@ -0,0 +1,23 @@
+# 复制粘贴
+
+## 复制粘贴画布内的节点
+
+你可以通过选中某个节点，然后按`ctrl`+`c`快捷键来复制节点，如果选中多个节点，目前只支持复制第一个节点，然后点击你要复制到的节点，按`ctrl`+`v`快捷键粘贴即可。
+
+除了快捷键，也可以通过右键菜单来操作。
+
+## 支持粘贴剪贴板中的数据
+
+当你选中某个节点后，直接按`ctrl`+`v`快捷键时，如果你的剪贴板中有数据，会粘贴你剪贴板中的数据，目前支持文本和图片两种格式，如果你的剪贴板中有图片，那么会将图片粘贴到你选中的节点里，如果存在文本，那么会以该文件创建一个子节点。
+
+如果你的剪贴板中存在数据，又在画布里复制了节点数据，那么是以谁最后改变了为准。
+
+## 支持跨浏览器标签、跨浏览器复制
+
+如果你在多个浏览器里打开了思维导图编辑页面，那么可以复制一个页面的节点数据到另一个页面进行粘贴。
+
+在客户端场景下打开了多个编辑页面时比较常用。
+
+## 支持粘贴知犀思维导图数据
+
+目前支持复制知犀思维导图的节点数据粘贴到本思维导图里。

web/src/pages/Doc/zh/help4/index.vue

@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <h1>复制粘贴</h1>
+<h2>复制粘贴画布内的节点</h2>
+<p>你可以通过选中某个节点，然后按<code>ctrl</code>+<code>c</code>快捷键来复制节点，如果选中多个节点，目前只支持复制第一个节点，然后点击你要复制到的节点，按<code>ctrl</code>+<code>v</code>快捷键粘贴即可。</p>
+<p>除了快捷键，也可以通过右键菜单来操作。</p>
+<h2>支持粘贴剪贴板中的数据</h2>
+<p>当你选中某个节点后，直接按<code>ctrl</code>+<code>v</code>快捷键时，如果你的剪贴板中有数据，会粘贴你剪贴板中的数据，目前支持文本和图片两种格式，如果你的剪贴板中有图片，那么会将图片粘贴到你选中的节点里，如果存在文本，那么会以该文件创建一个子节点。</p>
+<p>如果你的剪贴板中存在数据，又在画布里复制了节点数据，那么是以谁最后改变了为准。</p>
+<h2>支持跨浏览器标签、跨浏览器复制</h2>
+<p>如果你在多个浏览器里打开了思维导图编辑页面，那么可以复制一个页面的节点数据到另一个页面进行粘贴。</p>
+<p>在客户端场景下打开了多个编辑页面时比较常用。</p>
+<h2>支持粘贴知犀思维导图数据</h2>
+<p>目前支持复制知犀思维导图的节点数据粘贴到本思维导图里。</p>
+
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

web/src/pages/Doc/zh/introduction/index.md

@@ -185,4 +185,8 @@
         <img src="../../../../assets/avatar/南风.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
         <p>南风</p>
     </div>
+    <div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
+        <img src="../../../../assets/avatar/蜉蝣撼大叔.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
+        <p>蜉蝣撼大叔</p>
+    </div>
 </div>

web/src/pages/Doc/zh/introduction/index.vue

@@ -145,6 +145,10 @@
         <img src="../../../../assets/avatar/南风.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
         <p>南风</p>
     </div>
+    <div style="display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 5px;">
+        <img src="../../../../assets/avatar/蜉蝣撼大叔.jpg" style="width: 50px;height: 50px;object-fit: cover;border-radius: 50%;" />
+        <p>蜉蝣撼大叔</p>
+    </div>
 </div>
   </div>
 </template>

web/src/pages/Doc/zh/start/index.md

@@ -151,4 +151,14 @@ import MindMap from "simple-mind-map/dist/simpleMindMap.umd.min"
 
 ### 2.报错`Getting bbox of element "text" is not possible: TypeError: Cannot read properties of undefined (reading 'apply')`
 
-原因为安装的`@svgdotjs/svg.js`版本太高，手动降到`3.0.16`版本即可。
+原因为安装的`@svgdotjs/svg.js`版本太高，手动降到`3.0.16`版本即可。
+
+### 3.TypeError: Cannot read properties of undefined (reading 'prototype') at sax.js:222:46 
+
+可以在打包配置文件中增加如下配置：
+
+```js
+resolve: { alias: { stream: "stream-browserify" } }
+```
+
+不同的打包工具可能具体配置不一样，原理就是排除`stream`依赖。

web/src/pages/Doc/zh/start/index.vue

@@ -99,6 +99,11 @@ npm run build
 <p>如果需要二次开发，也就是必须要使用未打包代码的话，如果你不需要解析<code>xmind</code>文件的话，可以去除<code>xmind</code>模块，如果需要的话那么可以尝试换成其他的解析<code>xml</code>为<code>json</code>的库。</p>
 <h3>2.报错<code>Getting bbox of element &quot;text&quot; is not possible: TypeError: Cannot read properties of undefined (reading 'apply')</code></h3>
 <p>原因为安装的<code>@svgdotjs/svg.js</code>版本太高，手动降到<code>3.0.16</code>版本即可。</p>
+<h3>3.TypeError: Cannot read properties of undefined (reading 'prototype') at sax.js:222:46</h3>
+<p>可以在打包配置文件中增加如下配置：</p>
+<pre class="hljs"><code>resolve: { <span class="hljs-attr">alias</span>: { <span class="hljs-attr">stream</span>: <span class="hljs-string">&quot;stream-browserify&quot;</span> } }
+</code></pre>
+<p>不同的打包工具可能具体配置不一样，原理就是排除<code>stream</code>依赖。</p>
 
   </div>
 </template>