state.localConfig.isZenMode,
- isDark: state => state.localConfig.isDark
+ isDark: state => state.localConfig.isDark,
+ supportNumbers: state => state.supportNumbers
}),
expandList() {
return [
@@ -263,6 +313,12 @@ export default {
},
hasNote() {
return !!this.node.getData('note')
+ },
+ numberTypeList() {
+ return numberTypeList[this.$i18n.locale] || numberTypeList.zh
+ },
+ numberLevelList() {
+ return numberLevelList[this.$i18n.locale] || numberLevelList.zh
}
},
created() {
@@ -288,9 +344,11 @@ export default {
// 计算右键菜单元素的显示位置
getShowPosition(x, y) {
+ this.subItemsShowLeft = false
const rect = this.$refs.contextmenuRef.getBoundingClientRect()
if (x + rect.width > window.innerWidth) {
x = x - rect.width - 20
+ this.subItemsShowLeft = true
}
if (y + rect.height > window.innerHeight) {
y = window.innerHeight - rect.height - 10
@@ -303,6 +361,11 @@ export default {
this.type = 'node'
this.isShow = true
this.node = node
+ const number = this.node.getData('number')
+ if (number) {
+ this.numberType = number.type || 1
+ this.numberLevel = number.level === '' ? 1 : number.level
+ }
this.$nextTick(() => {
const { x, y } = this.getShowPosition(e.clientX + 10, e.clientY + 10)
this.left = x
@@ -353,6 +416,9 @@ export default {
this.left = -9999
this.top = -9999
this.type = ''
+ this.node = ''
+ this.numberType = ''
+ this.numberLevel = ''
},
// 执行命令
@@ -403,6 +469,30 @@ export default {
this.hide()
},
+ // 设置节点编号
+ setNodeNumber(prop, value) {
+ if (prop === 'type') {
+ this.numberType = value
+ if (value === '') {
+ // 无编号
+ this.numberLevel = ''
+ this.mindMap.execCommand('SET_NUMBER', [], null)
+ return
+ } else {
+ // 有编号
+ if (this.numberLevel === '') {
+ this.numberLevel = 1
+ }
+ }
+ }
+ if (prop === 'level') {
+ this.numberLevel = value
+ }
+ this.mindMap.execCommand('SET_NUMBER', [], {
+ [prop]: value
+ })
+ },
+
// 复制到剪贴板
async copyToClipboard(type) {
try {
@@ -478,6 +568,13 @@ export default {
}
}
+ .splitLine {
+ width: 95%;
+ height: 1px;
+ background-color: #e9edf2;
+ margin: 2px auto;
+ }
+
.item {
position: relative;
height: 28px;
@@ -525,9 +622,13 @@ export default {
.subItems {
position: absolute;
left: 100%;
- top: 0;
visibility: hidden;
width: 150px;
+ cursor: auto;
+
+ &.showLeft {
+ left: -150px;
+ }
}
}
}
diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index f3a82e1b..ecf1c353 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -77,6 +77,8 @@ import OuterFrame from 'simple-mind-map/src/plugins/OuterFrame.js'
// import HandDrawnLikeStyle from 'simple-mind-map-plugin-handdrawnlikestyle'
// 标记插件，该插件为付费插件，详情请查看开发文档
// import Notation from 'simple-mind-map-plugin-notation'
+// 编号插件，该插件为付费插件，详情请查看开发文档
+// import Numbers from 'simple-mind-map-plugin-numbers'
import OutlineSidebar from './OutlineSidebar'
import Style from './Style'
import BaseStyle from './BaseStyle'
@@ -538,6 +540,10 @@ export default {
this.mindMap.addPlugin(Notation)
this.$store.commit('setSupportMark', true)
}
+ if (typeof Numbers !== 'undefined') {
+ this.mindMap.addPlugin(Numbers)
+ this.$store.commit('setSupportNumbers', true)
+ }
this.mindMap.keyCommand.addShortcut('Control+s', () => {
this.manualSave()
})
diff --git a/web/src/store.js b/web/src/store.js
index 420fd486..ca5a76e4 100644
--- a/web/src/store.js
+++ b/web/src/store.js
@@ -30,6 +30,7 @@ const store = new Vuex.Store({
extraTextOnExport: '', // 导出时底部添加的文字
supportHandDrawnLikeStyle: false, // 是否支持设置手绘风格
supportMark: false, // 是否支持标记
+ supportNumbers: false, // 是否支持编号
isDragOutlineTreeNode: false // 当前是否正在拖拽大纲树的节点
},
mutations: {
@@ -87,6 +88,11 @@ const store = new Vuex.Store({
state.supportMark = data
},
+ // 设置是否支持编号
+ setSupportNumbers(state, data) {
+ state.supportNumbers = data
+ },
+
// 设置树节点拖拽
setIsDragOutlineTreeNode(state, data) {
state.isDragOutlineTreeNode = data