From 79df869058a5b880ba4b7dfc863b67361e91d7c5 Mon Sep 17 00:00:00 2001
From: Shaw <shaw@aicoa.cn>
Date: Sat, 21 Dec 2024 21:47:25 +0800
Subject: [PATCH] @aicoa/xmind-embed-viewer

---
 .gitignore                               |  3 +-
 docs/.vitepress/components/Xmind.vue     |  4 +-
 docs/public/images/xmind-b6f6b3ca68.svg  | 49 ++++++++++++
 docs/public/js/share-embed.c3df862d01.js | 14 ++--
 document/@aicoa_xmind-embed-viewer.md    | 96 ++++++++++++++++++++++++
 document/Xmind.md                        |  5 ++
 package.json                             |  4 +-
 7 files changed, 163 insertions(+), 12 deletions(-)
 create mode 100644 docs/public/images/xmind-b6f6b3ca68.svg
 create mode 100644 document/@aicoa_xmind-embed-viewer.md
 create mode 100644 document/Xmind.md

diff --git a/.gitignore b/.gitignore
index ce7ca6d..e5790e8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,5 @@ node_modules
 dist
 cache
 .temp
-.DS_Store
\ No newline at end of file
+.DS_Store
+package-lock.json
diff --git a/docs/.vitepress/components/Xmind.vue b/docs/.vitepress/components/Xmind.vue
index bc08ddd..336c44c 100644
--- a/docs/.vitepress/components/Xmind.vue
+++ b/docs/.vitepress/components/Xmind.vue
@@ -3,14 +3,14 @@
 </template>
 <script setup>
 import { onMounted, ref } from 'vue'
-// import { XMindEmbedViewer } from 'xmind-embed-viewer'
+// import { XMindEmbedViewer } from '@aicoa/xmind-embed-viewer'
 const props = defineProps({
   url: String,
 })
 
 onMounted(async () => {
   console.log('viewer-url', props?.url)
-  const { XMindEmbedViewer } = await import('xmind-embed-viewer')
+  const { XMindEmbedViewer } = await import('@aicoa/xmind-embed-viewer')
   const viewer = new XMindEmbedViewer({
     el: '#xmind-container', // HTMLElement | HTMLIFrameElement | string
     // 如果在中国大陆境内速度慢，可以添加的参数 `region: 'cn'` 改为使用 xmind.cn 的图库作为依赖。
diff --git a/docs/public/images/xmind-b6f6b3ca68.svg b/docs/public/images/xmind-b6f6b3ca68.svg
new file mode 100644
index 0000000..6c0ac79
--- /dev/null
+++ b/docs/public/images/xmind-b6f6b3ca68.svg
@@ -0,0 +1,49 @@
+<svg width="86" height="36" viewBox="0 0 86 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2356_8234)">
+<path d="M21.4667 9H11.1357C8.8516 9 7 10.8516 7 13.1357V23.4667C7 25.7507 8.8516 27.6023 11.1357 27.6023H21.4667C23.7507 27.6023 25.6023 25.7507 25.6023 23.4667V13.1357C25.6023 10.8516 23.7507 9 21.4667 9Z" fill="url(#paint0_linear_2356_8234)"/>
+<path d="M11.7281 16.1843C15.1335 16.6012 17.5632 19.6825 17.1669 23.0771C17.1669 23.088 17.1669 23.1016 17.1642 23.1125C17.1642 23.1234 17.1642 23.1316 17.1587 23.1425C17.0876 23.7037 16.9428 24.2377 16.7378 24.7363C15.3822 24.5701 14.1824 23.9843 13.2532 23.1207C13.3215 22.9545 13.3816 22.7829 13.4335 22.6085C13.5374 22.2707 13.6112 21.9165 13.6577 21.5542C13.7123 21.1128 13.7178 20.6769 13.6795 20.2519C13.5429 18.6935 12.8186 17.2714 11.709 16.2415C11.7145 16.2225 11.7226 16.2061 11.7308 16.1871L11.7281 16.1843Z" fill="url(#paint1_linear_2356_8234)"/>
+<path d="M20.9333 20.418C17.5279 20.0012 15.0982 16.9199 15.4945 13.5253C15.4945 13.5144 15.4945 13.5007 15.4972 13.4898C15.4972 13.4789 15.4972 13.4708 15.5027 13.4599C15.5737 12.8986 15.7186 12.3647 15.9236 11.8661C17.2792 12.0323 18.479 12.618 19.4082 13.4817C19.3399 13.6479 19.2798 13.8195 19.2278 13.9939C19.124 14.3317 19.0502 14.6859 19.0037 15.0482C18.9491 15.4896 18.9436 15.9255 18.9819 16.3505C19.1185 17.9088 19.8428 19.331 20.9524 20.3608C20.9469 20.3799 20.9387 20.3962 20.9305 20.4153L20.9333 20.418Z" fill="url(#paint2_linear_2356_8234)"/>
+<path d="M20.9333 20.4182C17.5279 20.0013 15.0982 16.92 15.4945 13.5254C16.2515 14.8413 17.4814 15.8684 18.9819 16.3533C19.3563 16.4759 19.7499 16.5631 20.1544 16.6122C20.5233 16.6557 20.8895 16.6694 21.2476 16.6503C21.4908 16.6367 21.7286 16.6094 21.9664 16.5713C22.5895 17.6829 22.8765 18.9933 22.7125 20.3555C22.7125 20.3664 22.7125 20.3746 22.707 20.3855C22.1632 20.4754 21.6001 20.4917 21.0262 20.4318C20.9879 20.4263 20.9579 20.4236 20.9333 20.4209V20.4182Z" fill="white"/>
+<path d="M11.728 16.1842C15.1334 16.6011 17.5631 19.6824 17.1668 23.077C16.4097 21.7611 15.1798 20.734 13.6794 20.2491C13.305 20.1265 12.9114 20.0393 12.5069 19.9903C12.1379 19.9467 11.7717 19.933 11.4137 19.9521C11.1704 19.9657 10.9327 19.993 10.6949 20.0311C10.0717 18.9196 9.78477 17.6091 9.94876 16.2469C9.94876 16.236 9.94876 16.2278 9.95422 16.2169C10.4981 16.127 11.0611 16.1107 11.6351 16.1706C11.6679 16.1733 11.6952 16.1761 11.728 16.1815V16.1842Z" fill="white"/>
+<path d="M40.1082 14.0974L37.4954 18.1977L40.1246 22.8373H37.1921L35.4047 19.7778L33.4997 22.8373H30.5671L33.333 18.1977L30.6355 14.0974H33.5352L35.4238 17.0207L37.1429 14.0974H40.111H40.1082Z" fill="black"/>
+<path d="M43.5463 14.0973L44.0027 14.9365C44.4072 14.2472 45.2162 13.7595 46.4133 13.7595C47.7279 13.7595 48.6899 14.2799 49.2283 15.2552C49.6656 14.4488 50.6113 13.7595 52.0106 13.7595C55.0115 13.7595 55.3668 16.3477 55.3668 17.778V22.8373H52.7021V17.8107C52.7021 16.819 52.1117 16.1815 51.2016 16.1815C50.4254 16.1815 49.7695 17.0043 49.7695 17.9469V22.8373H47.1048V17.8107C47.1048 16.819 46.5308 16.1815 45.6535 16.1815C44.8445 16.1815 44.1367 17.0043 44.1367 17.9469V22.8373H41.4719V14.0973H43.5463V14.0973Z" fill="black"/>
+<path d="M58.0809 9.71106C58.991 9.71106 59.7508 10.4848 59.7508 11.392C59.7508 12.2993 58.991 13.073 58.0809 13.073C57.1708 13.073 56.3782 12.3156 56.3782 11.392C56.3782 10.4684 57.138 9.71106 58.0809 9.71106V9.71106ZM59.3955 14.0974V22.8373H56.7307V14.0974H59.3955Z" fill="black"/>
+<path d="M63.0029 14.0973L63.4593 14.9365C63.8638 14.2472 64.6728 13.7595 65.8698 13.7595C68.029 13.7595 69.226 15.1544 69.226 17.6936V22.8373H66.5613V17.8107C66.5613 16.7673 66.0393 16.1815 65.11 16.1815C64.3011 16.1815 63.5932 17.0043 63.5932 17.9469V22.8373H60.9285V14.0973H63.0029V14.0973Z" fill="black"/>
+<path d="M70.2375 18.3993C70.2375 15.8275 72.2436 13.7596 74.7389 13.7596C75.7009 13.7596 76.5946 14.0784 77.3353 14.6178V10.6021L80 11.5093V22.8374H77.994L77.5211 22.0146C76.7614 22.6521 75.7857 23.0227 74.7389 23.0227C72.2436 23.0227 70.2375 20.9548 70.2375 18.4021V18.3993ZM75.1434 20.617C76.4088 20.617 77.42 19.6253 77.42 18.3476C77.42 17.0698 76.4088 16.0945 75.1434 16.0945C73.878 16.0945 72.8831 17.1025 72.8831 18.3476C72.8831 19.5926 73.878 20.617 75.1434 20.617V20.617Z" fill="black"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2356_8234" x1="25.8938" y1="8.1854" x2="9.31031" y2="25.6707" gradientUnits="userSpaceOnUse">
+<stop offset="0.01" stop-color="#E9913E"/>
+<stop offset="1" stop-color="#F20000"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2356_8234" x1="11.6926" y1="25.2103" x2="15.685" y2="17.6941" gradientUnits="userSpaceOnUse">
+<stop offset="0.19" stop-color="white"/>
+<stop offset="0.4" stop-color="#FDFCFC" stop-opacity="0.99"/>
+<stop offset="0.51" stop-color="#F9F4F5" stop-opacity="0.97"/>
+<stop offset="0.6" stop-color="#F3E7E9" stop-opacity="0.93"/>
+<stop offset="0.67" stop-color="#E9D4D7" stop-opacity="0.88"/>
+<stop offset="0.74" stop-color="#DDBBC0" stop-opacity="0.81"/>
+<stop offset="0.81" stop-color="#CE9CA4" stop-opacity="0.73"/>
+<stop offset="0.87" stop-color="#BC7883" stop-opacity="0.63"/>
+<stop offset="0.92" stop-color="#A84E5C" stop-opacity="0.51"/>
+<stop offset="0.97" stop-color="#911F31" stop-opacity="0.38"/>
+<stop offset="1" stop-color="#830317" stop-opacity="0.3"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2356_8234" x1="22.3217" y1="5.91869" x2="16.3068" y2="21.812" gradientUnits="userSpaceOnUse">
+<stop offset="0.19" stop-color="white"/>
+<stop offset="0.4" stop-color="#FDFCFC" stop-opacity="0.99"/>
+<stop offset="0.51" stop-color="#F9F4F5" stop-opacity="0.97"/>
+<stop offset="0.6" stop-color="#F3E7E9" stop-opacity="0.93"/>
+<stop offset="0.67" stop-color="#E9D4D7" stop-opacity="0.88"/>
+<stop offset="0.74" stop-color="#DDBBC0" stop-opacity="0.81"/>
+<stop offset="0.81" stop-color="#CE9CA4" stop-opacity="0.73"/>
+<stop offset="0.87" stop-color="#BC7883" stop-opacity="0.63"/>
+<stop offset="0.92" stop-color="#A84E5C" stop-opacity="0.51"/>
+<stop offset="0.97" stop-color="#911F31" stop-opacity="0.38"/>
+<stop offset="1" stop-color="#830317" stop-opacity="0.3"/>
+</linearGradient>
+<clipPath id="clip0_2356_8234">
+<rect width="73" height="18.6023" fill="white" transform="translate(7 9)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/docs/public/js/share-embed.c3df862d01.js b/docs/public/js/share-embed.c3df862d01.js
index 37f58c5..ac3c8cd 100644
--- a/docs/public/js/share-embed.c3df862d01.js
+++ b/docs/public/js/share-embed.c3df862d01.js
@@ -34834,13 +34834,13 @@ https://github.com/nodeca/pako/blob/master/LICENSE
                       staticClass:
                         "xmind-logo top-left-bar position-absolute d-flex justify-content-center align-items-center",
                     },
-                    [
-                      t("img", {
-                        staticClass: "xmind-logo__img",
-                        attrs: { src: r.manifests.xmindLogo },
-                        on: { click: r.handleGotoXmind },
-                      }),
-                    ]
+                    // [
+                    //   t("img", {
+                    //     staticClass: "xmind-logo__img",
+                    //     attrs: { src: r.manifests.xmindLogo },
+                    //     on: { click: r.handleGotoXmind },
+                    //   }),
+                    // ]
                   ),
                   e._v(" "),
                   r.isLoadingShareMap
diff --git a/document/@aicoa_xmind-embed-viewer.md b/document/@aicoa_xmind-embed-viewer.md
new file mode 100644
index 0000000..2d66bbe
--- /dev/null
+++ b/document/@aicoa_xmind-embed-viewer.md
@@ -0,0 +1,96 @@
+# @aicoa/xmind-embed-viewer
+
+## Vitepress
+
+### 使用
+
+1. xmind-embed-viewer.zip 解压文件放到 Vitepress项目public文件夹
+
+2. 引用@aicoa/xmind-embed-viewer包
+
+   ```bash
+   npm install @aicoa/xmind-embed-viewer
+   ```
+
+   
+
+3. 添加xmind组件
+
+    ```vue
+    <template>
+      <div id="xmind-container"></div>
+    </template>
+    <script setup>
+    import { onMounted, ref } from 'vue'
+    import { XMindEmbedViewer } from '@aicoa/xmind-embed-viewer'
+    const props = defineProps({
+      url: String,
+    })
+    
+    onMounted(async () => {
+      console.log('viewer-url', props?.url)
+      // const { XMindEmbedViewer } = await import('@aicoa/xmind-embed-viewer')
+      const viewer = new XMindEmbedViewer({
+        el: '#xmind-container', // HTMLElement | HTMLIFrameElement | string
+        // 如果在中国大陆境内速度慢，可以添加的参数 `region: 'cn'` 改为使用 xmind.cn 的图库作为依赖。
+        region: 'cn', //optinal, global(default) or cn
+        styles: { height: '100%', width: '100%' },
+        //默认引用网站根目录
+        // domain: 'http://localhost:5173',
+      })
+      // viewer.setStyles({
+      //   width: '100%',
+      //   height: '100%',
+      // })
+      const callback = () => {
+        viewer.removeEventListener('map-ready', callback)
+      }
+      viewer.addEventListener('map-ready', callback)
+      fetch(props?.url)
+        .then((res) => res.arrayBuffer())
+        .then((file) => {
+          viewer.load(file)
+        })
+        .catch((err) => {
+          console.err('加载xmind文件出错！')
+          viewer.removeEventListener('map-ready', callback)
+        })
+    })
+    </script>
+    <style>
+    #xmind-container {
+      display: flex;
+      height: 500px;
+      align-items: center;
+      justify-content: center;
+    }
+    </style>
+    
+    ```
+
+4. 注入xmind-embed-viewer组件
+
+   docs/.vitepress/theme/index.ts
+
+   ```js
+   ... 
+   export default {
+     ...
+     enhanceApp({ app }) {
+       app.component('Xmind', Xmind)
+     },
+   }
+   ```
+
+5. 预览，在markdown中添加
+
+    ```vue
+    <Xmind url="/EDA.xmind"/>
+    ```
+
+## html
+
+示例：`xmind-embed-viewer.zip`
+
+
+
diff --git a/document/Xmind.md b/document/Xmind.md
new file mode 100644
index 0000000..59a7f74
--- /dev/null
+++ b/document/Xmind.md
@@ -0,0 +1,5 @@
+# Xmind 预览
+
+```vue
+<Xmind url="/EDA.xmind"/>
+```
diff --git a/package.json b/package.json
index c63391d..685313c 100644
--- a/package.json
+++ b/package.json
@@ -10,11 +10,11 @@
     "serve": "vitepress serve docs"
   },
   "dependencies": {
+    "@aicoa/xmind-embed-viewer": "^1.2.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@sugarat/theme": "^0.5.2",
     "element-plus": "^2.7.2",
-    "vue": "3.5.12",
-    "xmind-embed-viewer": "^1.2.0"
+    "vue": "3.5.12"
   },
   "directories": {
     "doc": "docs"