openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

打包demo

Browse Source
This commit is contained in:
街角小林 2024-05-14 16:01:05 +08:00
parent 98f0d5e0fc
commit 5c6d460455
2 changed files with 60 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
index.html
View File

@ -1,24 +1,28 @@
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><link rel="icon" href="dist/logo.ico"><title>思绪思维导图</title><script>// 自定义静态资源的路径 <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><link rel="icon" href="dist/logo.ico"><title>思绪思维导图</title><script>// 自定义静态资源的路径
window.externalPublicPath = './dist/' window.externalPublicPath = './dist/'
// 接管应用 // 接管应用
window.takeOverApp = false</script><link href="dist/css/chunk-vendors.css?78d97b280dca5d10b8bc" rel="stylesheet"><link href="dist/css/app.css?78d97b280dca5d10b8bc" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>const getDataFromBackend = () => { window.takeOverApp = false</script><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script><script>LA.init({
id: 'KRO0WxK8GT66tYCQ',
ck: 'KRO0WxK8GT66tYCQ',
autoTrack: true
})</script><link href="dist/css/chunk-vendors.css?2972dfe280bad8d26040" rel="stylesheet"><link href="dist/css/app.css?2972dfe280bad8d26040" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>const getDataFromBackend = () => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
setTimeout(() => { setTimeout(() => {
resolve({ resolve({
mindMapData: { mindMapData: {
root:{ root: {
"data": { data: {
"text": "根节点" text: '根节点'
}, },
"children": [] children: []
}, },
theme:{ theme: {
"template":"avocado", template: 'avocado',
"config":{} config: {}
}, },
layout:"logicalStructure", layout: 'logicalStructure',
config: {}, config: {},
view: null, view: null
}, },
lang: 'zh', lang: 'zh',
localConfig: null localConfig: null
@ -26,14 +30,14 @@
}, 200) }, 200)
}) })
} }
const setTakeOverAppMethods = (data) => { const setTakeOverAppMethods = data => {
window.takeOverAppMethods = {} window.takeOverAppMethods = {}
// 获取思维导图数据的函数 // 获取思维导图数据的函数
window.takeOverAppMethods.getMindMapData = () => { window.takeOverAppMethods.getMindMapData = () => {
return data.mindMapData return data.mindMapData
} }
// 保存思维导图数据的函数 // 保存思维导图数据的函数
window.takeOverAppMethods.saveMindMapData = (data) => { window.takeOverAppMethods.saveMindMapData = data => {
console.log(data) console.log(data)
} }
// 获取语言的函数 // 获取语言的函数
@ -41,7 +45,7 @@
return data.lang return data.lang
} }
// 保存语言的函数 // 保存语言的函数
window.takeOverAppMethods.saveLanguage = (lang) => { window.takeOverAppMethods.saveLanguage = lang => {
console.log(lang) console.log(lang)
} }
// 获取本地配置的函数 // 获取本地配置的函数
@ -49,7 +53,7 @@
return data.localConfig return data.localConfig
} }
// 保存本地配置的函数 // 保存本地配置的函数
window.takeOverAppMethods.saveLocalConfig = (config) => { window.takeOverAppMethods.saveLocalConfig = config => {
console.log(config) console.log(config)
} }
} }
@ -60,10 +64,10 @@
// 设置全局的方法 // 设置全局的方法
setTakeOverAppMethods(data) setTakeOverAppMethods(data)
// 思维导图实例创建完成事件 // 思维导图实例创建完成事件
window.$bus.$on('app_inited', (mindMap) => { window.$bus.$on('app_inited', mindMap => {
console.log(mindMap) console.log(mindMap)
}) })
// 可以通过window.$bus.$on()来监听应用的一些事件 // 可以通过window.$bus.$on()来监听应用的一些事件
// 实例化页面 // 实例化页面
window.initApp() window.initApp()
}</script><script src="dist/js/chunk-vendors.js?78d97b280dca5d10b8bc"></script><script src="dist/js/app.js?78d97b280dca5d10b8bc"></script></body></html> }</script><script src="dist/js/chunk-vendors.js?2972dfe280bad8d26040"></script><script src="dist/js/app.js?2972dfe280bad8d26040"></script></body></html>

59
web/public/index.html
View File

@ -1,10 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang=""> <html lang="">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> <meta
<link rel="icon" href="dist/logo.ico"> name="viewport"
content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"
/>
<link rel="icon" href="dist/logo.ico" />
<title>思绪思维导图</title> <title>思绪思维导图</title>
<script> <script>
// 自定义静态资源的路径 // 自定义静态资源的路径
@ -12,10 +15,26 @@
// 接管应用 // 接管应用
window.takeOverApp = false window.takeOverApp = false
</script> </script>
<script
charset="UTF-8"
id="LA_COLLECT"
src="//sdk.51.la/js-sdk-pro.min.js"
></script>
<script>
LA.init({
id: 'KRO0WxK8GT66tYCQ',
ck: 'KRO0WxK8GT66tYCQ',
autoTrack: true
})
</script>
</head> </head>
<body> <body>
<noscript> <noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong
>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
properly without JavaScript enabled. Please enable it to
continue.</strong
>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
@ -25,19 +44,19 @@
setTimeout(() => { setTimeout(() => {
resolve({ resolve({
mindMapData: { mindMapData: {
root:{ root: {
"data": { data: {
"text": "根节点" text: '根节点'
}, },
"children": [] children: []
}, },
theme:{ theme: {
"template":"avocado", template: 'avocado',
"config":{} config: {}
}, },
layout:"logicalStructure", layout: 'logicalStructure',
config: {}, config: {},
view: null, view: null
}, },
lang: 'zh', lang: 'zh',
localConfig: null localConfig: null
@ -45,14 +64,14 @@
}, 200) }, 200)
}) })
} }
const setTakeOverAppMethods = (data) => { const setTakeOverAppMethods = data => {
window.takeOverAppMethods = {} window.takeOverAppMethods = {}
// 获取思维导图数据的函数 // 获取思维导图数据的函数
window.takeOverAppMethods.getMindMapData = () => { window.takeOverAppMethods.getMindMapData = () => {
return data.mindMapData return data.mindMapData
} }
// 保存思维导图数据的函数 // 保存思维导图数据的函数
window.takeOverAppMethods.saveMindMapData = (data) => { window.takeOverAppMethods.saveMindMapData = data => {
console.log(data) console.log(data)
} }
// 获取语言的函数 // 获取语言的函数
@ -60,7 +79,7 @@
return data.lang return data.lang
} }
// 保存语言的函数 // 保存语言的函数
window.takeOverAppMethods.saveLanguage = (lang) => { window.takeOverAppMethods.saveLanguage = lang => {
console.log(lang) console.log(lang)
} }
// 获取本地配置的函数 // 获取本地配置的函数
@ -68,7 +87,7 @@
return data.localConfig return data.localConfig
} }
// 保存本地配置的函数 // 保存本地配置的函数
window.takeOverAppMethods.saveLocalConfig = (config) => { window.takeOverAppMethods.saveLocalConfig = config => {
console.log(config) console.log(config)
} }
} }
@ -79,7 +98,7 @@
// 设置全局的方法 // 设置全局的方法
setTakeOverAppMethods(data) setTakeOverAppMethods(data)
// 思维导图实例创建完成事件 // 思维导图实例创建完成事件
window.$bus.$on('app_inited', (mindMap) => { window.$bus.$on('app_inited', mindMap => {
console.log(mindMap) console.log(mindMap)
}) })
// 可以通过window.$bus.$on()来监听应用的一些事件 // 可以通过window.$bus.$on()来监听应用的一些事件