init 初始化仓库

.env.library

+NODE_ENV=library
\ No newline at end of file

.gitignore

+.DS_Store
+node_modules
+debug.log
+/dist
+/public
+
+# local env files
+.env.local
+.env.*.local
+*chain.config.js
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierignore

+src/assets
+*/.DS_Store
+node_modules
+public
+*.json
+*.md
+.eslintrc.js
+.prettierignore
+.prettierrc
+package-lock.json
+package.json
\ No newline at end of file

.prettierrc

+semi: false
+singleQuote: true
+printWidth: 80
+trailingComma: 'none'
+arrowParens: 'avoid'

babel.config.js

+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package.json

+{
+  "name": "thoughts",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build && node ../copy.js",
+    "lint": "vue-cli-service lint",
+    "buildLibrary": "vue-cli-service build --mode library --target lib --name simpleMindMap ../simple-mind-map/full.js --dest ../simple-mind-map/dist && esbuild ../simple-mind-map/full.js --bundle --external:buffer --format=esm --outfile=../simple-mind-map/dist/simpleMindMap.esm.js && esbuild ../simple-mind-map/full.js --bundle --minify --external:buffer --format=esm --outfile=../simple-mind-map/dist/simpleMindMap.esm.min.js",
+    "format": "prettier --write src/* src/*/* src/*/*/* src/*/*/*/*",
+    "buildDoc": "node ./scripts/buildDoc.js",
+    "autoBuildDoc": "node ./scripts/autoBuildDoc.js",
+    "createNodeImageList": "node ./scripts/createNodeImageList.js"
+  },
+  "dependencies": {
+    "@toast-ui/editor": "^3.1.5",
+    "core-js": "^3.6.5",
+    "element-ui": "^2.15.1",
+    "highlight.js": "^10.7.3",
+    "v-viewer": "^1.6.4",
+    "vue": "^2.6.11",
+    "vue-i18n": "^8.27.2",
+    "vue-router": "^3.5.1",
+    "vuex": "^3.6.2",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^4.5.0",
+    "@vue/cli-plugin-eslint": "^4.5.0",
+    "@vue/cli-service": "^4.5.0",
+    "babel-eslint": "^10.1.0",
+    "chokidar": "^3.5.3",
+    "esbuild": "^0.17.15",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.2.2",
+    "less": "^3.12.2",
+    "less-loader": "^7.1.0",
+    "markdown-it": "^13.0.1",
+    "markdown-it-checkbox": "^1.1.0",
+    "prettier": "^1.19.1",
+    "vconsole": "^3.15.1",
+    "vue-template-compiler": "^2.6.11",
+    "webpack": "^4.44.2",
+    "webpack-dynamic-public-path": "^1.0.8"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

scripts/autoBuildDoc.js

+const chokidar = require('chokidar')
+const path = require('path')
+const fs = require('fs')
+const { exec } = require('node:child_process')
+const { transformMdToVue } = require('./transformMdToVue')
+
+const reBuildAll = () => {
+  exec(
+    'node ./buildDoc.js',
+    {
+      cwd: path.resolve(__dirname)
+    },
+    (error, msg) => {
+      console.log(error, msg)
+    }
+  )
+}
+
+const buildOne = file => {
+  let content = fs.readFileSync(file, 'utf-8')
+  let doc = transformMdToVue(content)
+  let destPath = path.join(path.dirname(file), './index.vue')
+  fs.writeFileSync(destPath, doc)
+}
+
+chokidar
+  .watch(path.join(__dirname, '../src/pages/Doc/'), {
+    ignoreInitial: true
+  })
+  .on('all', (event, file) => {
+    if (/\.md$/.test(file)) {
+      if (event === 'change') {
+        buildOne(file)
+      } else {
+        reBuildAll()
+      }
+    }
+  })

scripts/buildDoc.js

+// 编译文档
+const path = require('path')
+const fs = require('fs')
+const { transformMdToVue } = require('./transformMdToVue')
+
+// 文档语言种类
+let langList = ['zh', 'en']
+
+// 开始转换
+const transform = (dir, routerList) => {
+  let dirs = fs.readdirSync(dir)
+  dirs.forEach(item => {
+    let cur = path.join(dir, item)
+    if (fs.statSync(cur).isDirectory()) {
+      compilerDir(cur, item, routerList)
+    }
+  })
+}
+
+// 编译某种语言下的文档
+const compilerDir = (dir, dirName, routerList) => {
+  let files = fs.readdirSync(dir)
+  files.forEach(file => {
+    if (file.endsWith('.md')) {
+      compilerFile(dir, file, dirName, routerList)
+    }
+  })
+}
+
+// 编译具体的文档
+const compilerFile = (dir, file, dirName, routerList) => {
+  let filePath = path.join(dir, file)
+  let destPath = path.join(dir, './index.vue')
+  let content = fs.readFileSync(filePath, 'utf-8')
+  let title = /(^|\n\r)\s*#\s+([^\n\r]+)/g.exec(content)
+  if (title && title[2]) {
+    addRouter(dirName, routerList, title[2])
+  }
+  let doc = transformMdToVue(content)
+  fs.writeFileSync(destPath, doc)
+}
+
+// 收集文档路由
+const addRouter = (item, routerList, title) => {
+  routerList.push({
+    path: item,
+    title
+  })
+}
+
+// 创建路由
+const createRouter = () => {
+  let content = `
+        export default ${JSON.stringify(
+          routerTypeList.map(item => {
+            return {
+              lang: item.lang,
+              children: item.routerList
+            }
+          })
+        )}
+    `
+  fs.writeFileSync(
+    path.join(__dirname, '../src/pages/Doc/routerList.js'),
+    content
+  )
+}
+
+// 创建目录列表
+const createCatalogList = () => {}
+
+// 开始编译
+let routerTypeList = []
+langList.forEach(lang => {
+  let dir = path.join(__dirname, '../src/pages/Doc/', `./${lang}/`)
+  let routerList = []
+  transform(dir, routerList)
+  routerTypeList.push({
+    lang,
+    routerList
+  })
+})
+// 创建路由
+createRouter()
+console.log('编译完成')

scripts/createNodeImageList.js

+const path = require('path')
+const fs = require('fs')
+
+const fileDest = path.join(__dirname, '../src/assets/svg')
+const targetDest = path.join(__dirname, '../src/config/image.js')
+
+const run = (dir) => {
+    let dirs = fs.readdirSync(dir)
+    dirs.forEach(item => {
+        let cur = path.join(dir, item)
+        if (fs.statSync(cur).isDirectory()) {
+            walkDir(cur, item)
+        }
+    })
+}
+
+const list = []
+const importList = []
+const walkDir = (dir, item) => {
+    let files = fs.readdirSync(dir)
+    let name = files.find((file) => {
+        return !/\./.test(file)
+    })
+    let fileList = files.filter((file) => {
+        return /\.svg$/.test(file)
+    })
+    let itemList = []
+    fileList.forEach((file) => {
+        let fileName = item + '_' + file.replace(/\.svg$/, '').replaceAll('-', '')
+        importList.push(`import ${fileName} from '../assets/svg/${item}/${file}'`)
+        itemList.push({
+            url: fileName,
+            width: 100,
+            height: 100
+        })
+    })
+    list.push({
+        name,
+        list: itemList
+    })
+    const content = `
+// 该文件请运行npm run createNodeImageList命令自动生成
+${importList.join('\n')}
+export default ${JSON.stringify(list, null, 2).replace(/(url":\s*)"([^"]+)"(,)/g, '$1$2$3')}
+`
+    fs.writeFileSync(targetDest, content)
+}
+
+run(fileDest)
+console.log('运行成功')
\ No newline at end of file

scripts/transformMdToVue.js

+const path = require('path')
+const fs = require('fs')
+const hljs = require('highlight.js')
+const md = require('markdown-it')({
+  html: true,
+  xhtmlOut: true,
+  highlight: function(str, lang) {
+    if (lang && hljs.getLanguage(lang)) {
+      try {
+        return (
+          '<pre class="hljs"><code>' +
+          hljs.highlight(str, {
+            language: lang, 
+            ignoreIllegals: true
+          }).value +
+          '</code></pre>'
+        )
+      } catch (__) {}
+    }
+
+    return (
+      '<pre class="hljs"><code>' + md.utils.escapeHtml(str) + '</code></pre>'
+    )
+  }
+}).use(require('markdown-it-checkbox'))
+
+const templatePath = path.join(__dirname, '../src/pages/Doc/Template.vue')
+
+exports.transformMdToVue = (content) => {
+    let result = md.render(content)
+    let template = fs.readFileSync(templatePath, 'utf-8')
+    return template.replace('$$$$', result)
+}
\ No newline at end of file

src/App.vue

+<template>
+  <div id="app">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App',
+  components: {}
+}
+</script>
+
+<style>
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+}
+</style>

src/api/index.js

+import exampleData from 'simple-mind-map/example/exampleData'
+import { simpleDeepClone } from 'simple-mind-map/src/utils/index'
+import Vue from 'vue'
+
+const SIMPLE_MIND_MAP_DATA = 'SIMPLE_MIND_MAP_DATA'
+const SIMPLE_MIND_MAP_LANG = 'SIMPLE_MIND_MAP_LANG'
+const SIMPLE_MIND_MAP_LOCAL_CONFIG = 'SIMPLE_MIND_MAP_LOCAL_CONFIG'
+
+let mindMapData = null
+
+/**
+ * @Author: 王林
+ * @Date: 2021-08-02 22:36:48
+ * @Desc: 克隆思维导图数据，去除激活状态
+ */
+const copyMindMapTreeData = (tree, root) => {
+  tree.data = simpleDeepClone(root.data)
+  // tree.data.isActive = false
+  tree.children = []
+  if (root.children && root.children.length > 0) {
+    root.children.forEach((item, index) => {
+      tree.children[index] = copyMindMapTreeData({}, item)
+    })
+  }
+  return tree
+}
+
+/**
+ * @Author: 王林
+ * @Date: 2021-08-01 10:10:49
+ * @Desc: 获取缓存的思维导图数据
+ */
+export const getData = () => {
+  if (window.takeOverApp) {
+    mindMapData = window.takeOverAppMethods.getMindMapData()
+    return mindMapData
+  }
+  let store = localStorage.getItem(SIMPLE_MIND_MAP_DATA)
+  if (store === null) {
+    return simpleDeepClone(exampleData)
+  } else {
+    try {
+      return JSON.parse(store)
+    } catch (error) {
+      return simpleDeepClone(exampleData)
+    }
+  }
+}
+
+/**
+ * @Author: 王林
+ * @Date: 2021-08-01 10:14:28
+ * @Desc: 存储思维导图数据
+ */
+export const storeData = data => {
+  try {
+    let originData = null
+    if (window.takeOverApp) {
+      originData = mindMapData
+    } else {
+      originData = getData()
+    }
+    originData.root = copyMindMapTreeData({}, data)
+    if (window.takeOverApp) {
+      mindMapData = originData
+      window.takeOverAppMethods.saveMindMapData(originData)
+      return
+    }
+    Vue.prototype.$bus.$emit('write_local_file', originData)
+    let dataStr = JSON.stringify(originData)
+    localStorage.setItem(SIMPLE_MIND_MAP_DATA, dataStr)
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+/**
+ * @Author: 王林
+ * @Date: 2021-08-01 10:24:56
+ * @Desc: 存储思维导图配置数据
+ */
+export const storeConfig = config => {
+  try {
+    let originData = null
+    if (window.takeOverApp) {
+      originData = mindMapData
+    } else {
+      originData = getData()
+    }
+    originData = {
+      ...originData,
+      ...config
+    }
+    if (window.takeOverApp) {
+      mindMapData = originData
+      window.takeOverAppMethods.saveMindMapData(originData)
+      return
+    }
+    Vue.prototype.$bus.$emit('write_local_file', originData)
+    let dataStr = JSON.stringify(originData)
+    localStorage.setItem(SIMPLE_MIND_MAP_DATA, dataStr)
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+/**
+ * javascript comment
+ * @Author: 王林
+ * @Date: 2022-11-05 14:36:50
+ * @Desc: 存储语言
+ */
+export const storeLang = lang => {
+  if (window.takeOverApp) {
+    window.takeOverAppMethods.saveLanguage(lang)
+    return
+  }
+  localStorage.setItem(SIMPLE_MIND_MAP_LANG, lang)
+}
+
+/**
+ * javascript comment
+ * @Author: 王林
+ * @Date: 2022-11-05 14:37:36
+ * @Desc: 获取存储的语言
+ */
+export const getLang = () => {
+  if (window.takeOverApp) {
+    return window.takeOverAppMethods.getLanguage() || 'zh'
+  }
+  let lang = localStorage.getItem(SIMPLE_MIND_MAP_LANG)
+  if (lang) {
+    return lang
+  }
+  storeLang('zh')
+  return 'zh'
+}
+
+/**
+ * javascript comment
+ * @Author: 王林25
+ * @Date: 2022-11-14 18:57:31
+ * @Desc: 存储本地配置
+ */
+export const storeLocalConfig = config => {
+  if (window.takeOverApp) {
+    return window.takeOverAppMethods.saveLocalConfig(config)
+  }
+  localStorage.setItem(SIMPLE_MIND_MAP_LOCAL_CONFIG, JSON.stringify(config))
+}
+
+/**
+ * javascript comment
+ * @Author: 王林25
+ * @Date: 2022-11-14 18:57:37
+ * @Desc: 获取本地配置
+ */
+export const getLocalConfig = () => {
+  if (window.takeOverApp) {
+    return window.takeOverAppMethods.getLocalConfig()
+  }
+  let config = localStorage.getItem(SIMPLE_MIND_MAP_LOCAL_CONFIG)
+  if (config) {
+    return JSON.parse(config)
+  }
+  return null
+}

src/assets/icon-font/iconfont.css

+@font-face {
+  font-family: "iconfont"; /* Project id 2479351 */
+  src: url('iconfont.woff2?t=1697073602349') format('woff2'),
+       url('iconfont.woff?t=1697073602349') format('woff'),
+       url('iconfont.ttf?t=1697073602349') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icondodeparent:before {
+  content: "\e70f";
+}
+
+.icongongshi:before {
+  content: "\e617";
+}
+
+.icontouming:before {
+  content: "\e60c";
+}
+
+.iconlieri:before {
+  content: "\e60b";
+}
+
+.iconmoon_line:before {
+  content: "\e745";
+}
+
+.iconsousuo:before {
+  content: "\e693";
+}
+
+.iconjiantouyou:before {
+  content: "\e62d";
+}
+
+.iconbianji1:before {
+  content: "\e60a";
+}
+
+.icondaohang1:before {
+  content: "\e632";
+}
+
+.iconyanjing:before {
+  content: "\e8bf";
+}
+
+.iconwangzhan:before {
+  content: "\e628";
+}
+
+.iconcsdn:before {
+  content: "\e608";
+}
+
+.iconshejiaotubiao-10:before {
+  content: "\e644";
+}
+
+.iconstar:before {
+  content: "\e7df";
+}
+
+.iconfork:before {
+  content: "\e641";
+}
+
+.iconxiazai:before {
+  content: "\e613";
+}
+
+.iconteamwork:before {
+  content: "\e870";
+}
+
+.iconshuiyin:before {
+  content: "\e67a";
+}
+
+.iconxmind:before {
+  content: "\ea57";
+}
+
+.iconmouseR:before {
+  content: "\e6bd";
+}
+
+.iconmouseL:before {
+  content: "\e6c0";
+}
+
+.iconwenjian:before {
+  content: "\e607";
+}
+
+.iconpdf:before {
+  content: "\e740";
+}
+
+.iconPNG:before {
+  content: "\ec18";
+}
+
+.iconSVG:before {
+  content: "\e621";
+}
+
+.iconmarkdown:before {
+  content: "\ec04";
+}
+
+.iconjson:before {
+  content: "\ea42";
+}
+
+.iconlianjiexian:before {
+  content: "\e75b";
+}
+
+.iconbangzhu:before {
+  content: "\e620";
+}
+
+.iconshezhi:before {
+  content: "\e8b7";
+}
+
+.iconwushuju:before {
+  content: "\e643";
+}
+
+.iconzuijinliulan:before {
+  content: "\e62f";
+}
+
+.icon3zuidahua-3:before {
+  content: "\e692";
+}
+
+.iconzuixiaohua:before {
+  content: "\e650";
+}
+
+.iconzuidahua:before {
+  content: "\e651";
+}
+
+.iconguanbi:before {
+  content: "\e652";
+}
+
+.icondiannao:before {
+  content: "\eac0";
+}
+
+.iconzhuye:before {
+  content: "\e65c";
+}
+
+.iconbendi1x:before {
+  content: "\e606";
+}
+
+.iconbeijingyanse:before {
+  content: "\e6f8";
+}
+
+.iconqingchu:before {
+  content: "\e605";
+}
+
+.iconcase:before {
+  content: "\e6c6";
+}
+
+.iconxingzhuang-wenzi:before {
+  content: "\eb99";
+}
+
+.iconzitijiacu:before {
+  content: "\ec83";
+}
+
+.iconzitixiahuaxian:before {
+  content: "\ec85";
+}
+
+.iconzitixieti:before {
+  content: "\ec86";
+}
+
+.iconshanchuxian:before {
+  content: "\e612";
+}
+
+.iconzitiyanse:before {
+  content: "\e854";
+}
+
+.icongithub:before {
+  content: "\e64f";
+}
+
+.iconchoose1:before {
+  content: "\e6c5";
+}
+
+.iconzhuti:before {
+  content: "\e7aa";
+}
+
+.icondaochu1:before {
+  content: "\e63e";
+}
+
+.iconlingcunwei:before {
+  content: "\e657";
+}
+
+.iconexport:before {
+  content: "\e642";
+}
+
+.icondakai:before {
+  content: "\ebdf";
+}
+
+.iconxinjian:before {
+  content: "\e64e";
+}
+
+.iconjianqie:before {
+  content: "\e601";
+}
+
+.iconzhengli:before {
+  content: "\e83b";
+}
+
+.iconfuzhi:before {
+  content: "\e604";
+}
+
+.iconniantie:before {
+  content: "\e63f";
+}
+
+.iconshangyi:before {
+  content: "\e6be";
+}
+
+.iconxiayi:before {
+  content: "\e6bf";
+}
+
+.icongaikuozonglan:before {
+  content: "\e609";
+}
+
+.iconquanxuan:before {
+  content: "\f199";
+}
+
+.icondaoru:before {
+  content: "\e6a3";
+}
+
+.iconhoutui-shi:before {
+  content: "\e656";
+}
+
+.iconqianjin1:before {
+  content: "\e654";
+}
+
+.iconwithdraw:before {
+  content: "\e603";
+}
+
+.iconqianjin:before {
+  content: "\e600";
+}
+
+.iconhuifumoren:before {
+  content: "\e60e";
+}
+
+.iconhuanhang:before {
+  content: "\e61e";
+}
+
+.iconsuoxiao:before {
+  content: "\ec13";
+}
+
+.iconbianji:before {
+  content: "\e626";
+}
+
+.iconfangda:before {
+  content: "\e663";
+}
+
+.iconquanping1:before {
+  content: "\e664";
+}
+
+.icondingwei:before {
+  content: "\e616";
+}
+
+.icondaohang:before {
+  content: "\e611";
+}
+
+.iconjianpan:before {
+  content: "\e64d";
+}
+
+.iconquanping:before {
+  content: "\e602";
+}
+
+.icondaochu:before {
+  content: "\e63d";
+}
+
+.iconbiaoqian:before {
+  content: "\e63c";
+}
+
+.iconflow-Mark:before {
+  content: "\e65b";
+}
+
+.iconchaolianjie:before {
+  content: "\e6f4";
+}
+
+.iconjingzi:before {
+  content: "\e610";
+}
+
+.iconxiaolian:before {
+  content: "\e60f";
+}
+
+.iconimage:before {
+  content: "\e629";
+}
+
+.iconjiegou:before {
+  content: "\e61d";
+}
+
+.iconyangshi:before {
+  content: "\e631";
+}
+
+.iconfuhao-dagangshu:before {
+  content: "\e71f";
+}
+
+.icontianjiazijiedian:before {
+  content: "\e622";
+}
+
+.iconjiedian:before {
+  content: "\e655";
+}
+
+.iconshanchu:before {
+  content: "\e696";
+}
+
+.iconzhankai:before {
+  content: "\e64c";
+}
+
+.iconzhankai1:before {
+  content: "\e673";
+}
+