diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index ce136a2d..1cfe5cb1 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -141,6 +141,7 @@ import NodeIconToolbar from './NodeIconToolbar.vue'
import OutlineEdit from './OutlineEdit.vue'
import { showLoading, hideLoading } from '@/utils/loading'
import handleClipboardText from '@/utils/handleClipboardText'
+import { getParentWithClass } from '@/utils'
import Scrollbar from './Scrollbar.vue'
import exampleData from 'simple-mind-map/example/exampleData'
import FormulaSidebar from './FormulaSidebar.vue'
@@ -294,6 +295,9 @@ export default {
this.$bus.$on('showLoading', this.handleShowLoading)
this.$bus.$on('localStorageExceeded', this.onLocalStorageExceeded)
window.addEventListener('resize', this.handleResize)
+ document.body.addEventListener('click', this.onVipCheckClick)
+ this.$bus.$on('showDownloadTip', this.showDownloadTip)
+ this.$bus.$on('vipCheckClick', this.onVipCheckClick)
},
beforeDestroy() {
this.$bus.$off('execCommand', this.execCommand)
@@ -308,6 +312,9 @@ export default {
this.$bus.$off('showLoading', this.handleShowLoading)
this.$bus.$off('localStorageExceeded', this.onLocalStorageExceeded)
window.removeEventListener('resize', this.handleResize)
+ document.body.removeEventListener('click', this.onVipCheckClick)
+ this.$bus.$off('showDownloadTip', this.showDownloadTip)
+ this.$bus.$off('vipCheckClick', this.onVipCheckClick)
this.mindMap.destroy()
},
methods: {
@@ -1025,6 +1032,74 @@ export default {
const file = dt.files && dt.files[0]
if (!file) return
this.$bus.$emit('importFile', file)
+ },
+
+ // 网页版功能试用提示
+ onVipCheckClick(e) {
+ const el = getParentWithClass(e.target, 'vip')
+ if (el) {
+ const className = el.classList.value.split(/\s+/).join('_')
+ const storageKey = 'VIP_USAGE_TIP'
+ let data = localStorage.getItem(storageKey)
+ if (data) {
+ data = JSON.parse(data)
+ } else {
+ data = {}
+ }
+ if (!data[className]) {
+ data[className] = 0
+ }
+ data[className]++
+ if (data[className] > 3) {
+ this.showDownloadTip(
+ this.$t('edit.tryTipTitle'),
+ this.$t('edit.tryTipDesc')
+ )
+ }
+ localStorage.setItem(storageKey, JSON.stringify(data))
+ }
+ },
+
+ showDownloadTip(title, desc) {
+ const h = this.$createElement
+ this.$msgbox({
+ title,
+ message: h('div', null, [
+ h('p', null, desc),
+ h('div', null, [
+ h(
+ 'a',
+ {
+ attrs: {
+ href:
+ 'https://pan.baidu.com/s/1huasEbKsGNH2Af68dvWiOg?pwd=3bp3',
+ target: '_blank'
+ },
+ style: {
+ color: '#409eff',
+ marginRight: '12px'
+ }
+ },
+ this.$t('edit.downBaidu')
+ ),
+ h(
+ 'a',
+ {
+ attrs: {
+ href: 'https://github.com/wanglin2/mind-map/releases',
+ target: '_blank'
+ },
+ style: {
+ color: '#409eff'
+ }
+ },
+ this.$t('edit.downGithub')
+ )
+ ])
+ ]),
+ showCancelButton: false,
+ showConfirmButton: false
+ })
}
}
}
diff --git a/web/src/pages/Edit/components/Export.vue b/web/src/pages/Edit/components/Export.vue
index 0b19bc73..bc8e5740 100644
--- a/web/src/pages/Edit/components/Export.vue
+++ b/web/src/pages/Edit/components/Export.vue
@@ -20,7 +20,10 @@
class="downloadTypeItem"
v-for="item in downTypeList"
:key="item.type"
- :class="{ active: exportType === item.type }"
+ :class="{
+ active: exportType === item.type,
+ vip: ['mm', 'xlsx'].includes(item.type)
+ }"
@click="exportType = item.type"
>
@@ -77,7 +80,7 @@
{{ $t('export.format') }}
PNG
- JPG
+ JPG
diff --git a/web/src/pages/Edit/components/Import.vue b/web/src/pages/Edit/components/Import.vue
index 1ac0a2c4..e5636124 100644
--- a/web/src/pages/Edit/components/Import.vue
+++ b/web/src/pages/Edit/components/Import.vue
@@ -25,6 +25,7 @@
size="small"
style="margin-left: 10px;"
@click="mdImportDialogVisible = true"
+ class="vip"
>{{ $t('import.mdImportDialogTitle') }}
@@ -33,7 +34,7 @@
diff --git a/web/src/pages/Edit/components/NavigatorToolbar.vue b/web/src/pages/Edit/components/NavigatorToolbar.vue
index 221888a6..f6d1991d 100644
--- a/web/src/pages/Edit/components/NavigatorToolbar.vue
+++ b/web/src/pages/Edit/components/NavigatorToolbar.vue
@@ -209,6 +209,13 @@ export default {
} else if (command === 'aiChat') {
this.setActiveSidebar('ai')
return
+ } else if (command === 'client') {
+ this.$bus.$emit(
+ 'showDownloadTip',
+ this.$t('navigatorToolbar.downloadClient'),
+ this.$t('navigatorToolbar.downloadDesc')
+ )
+ return
}
let url = ''
switch (command) {
@@ -228,8 +235,7 @@ export default {
case 'issue':
url = 'https://github.com/wanglin2/mind-map/issues/new'
break
- case 'client':
- url = 'https://pan.baidu.com/s/1huasEbKsGNH2Af68dvWiOg?pwd=3bp3'
+
default:
break
}
diff --git a/web/src/pages/Edit/components/NodeAnnotationBtn.vue b/web/src/pages/Edit/components/NodeAnnotationBtn.vue
index 72d2f8c5..aeac61eb 100644
--- a/web/src/pages/Edit/components/NodeAnnotationBtn.vue
+++ b/web/src/pages/Edit/components/NodeAnnotationBtn.vue
@@ -89,7 +89,7 @@
-
+
-
+
-
+
{
document.body.removeChild(iframe)
}, 500)
}
+
+export const getParentWithClass = (el, className) => {
+ if (el.classList.contains(className)) {
+ return el
+ }
+ if (el.parentNode && el.parentNode !== document.body) {
+ return getParentWithClass(el.parentNode, className)
+ }
+ return null
+}
\ No newline at end of file