From 2e5d17de160476879bba60dce6c2d253baf94a7e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=A1=97=E8=A7=92=E5=B0=8F=E6=9E=97?= <1013335014@qq.com> Date: Fri, 22 Mar 2024 09:03:00 +0800 Subject: [PATCH] update --- web/src/pages/Edit/components/Edit.vue | 171 +------------------------ 1 file changed, 3 insertions(+), 168 deletions(-) diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue index 7f8605b1..0fae330d 100644 --- a/web/src/pages/Edit/components/Edit.vue +++ b/web/src/pages/Edit/components/Edit.vue @@ -46,7 +46,7 @@ import Painter from 'simple-mind-map/src/plugins/Painter.js' import ScrollbarPlugin from 'simple-mind-map/src/plugins/Scrollbar.js' import Formula from 'simple-mind-map/src/plugins/Formula.js' // 协同编辑插件 -import Cooperate from 'simple-mind-map/src/plugins/Cooperate.js' +// import Cooperate from 'simple-mind-map/src/plugins/Cooperate.js' // 手绘风格插件，该插件为付费插件，详情请查看开发文档 // import HandDrawnLikeStyle from 'simple-mind-map-plugin-handdrawnlikestyle' import OutlineSidebar from './OutlineSidebar' @@ -82,7 +82,6 @@ import handleClipboardText from '@/utils/handleClipboardText' import Scrollbar from './Scrollbar.vue' import exampleData from 'simple-mind-map/example/exampleData' import FormulaSidebar from './FormulaSidebar.vue' -import { isSameObject } from 'simple-mind-map/src/utils'; // 注册插件 MindMap.usePlugin(MiniMap) @@ -99,11 +98,7 @@ MindMap.usePlugin(MiniMap) .usePlugin(SearchPlugin) .usePlugin(Painter) .usePlugin(Formula) -.usePlugin(Cooperate) // 协同插件 - -const request = (data) => { - console.log(data) -} +// .usePlugin(Cooperate) // 协同插件 // 注册自定义主题 customThemeList.forEach(item => { @@ -310,7 +305,7 @@ export default { this.mindMap = new MindMap({ el: this.$refs.mindMapContainer, data: root, - fit: true, + fit: false, layout: layout, theme: theme.template, themeConfig: theme.config, @@ -353,150 +348,6 @@ export default { default: break } - }, - onlyOneEnableActiveNodeOnCooperate: true, - beforeCooperateUpdate: ({ type, list, data }) => { - const { title, userINumber } = this.$route.meta - // 所有节点数据 - const allData = data - // 创建或更新节点 - if (type === 'createOrUpdate') { - // 获取节点的父节点的uid - const getParentUid = uid => { - let res = null - Object.keys(allData).forEach(item => { - if (allData[item].children.includes(uid)) { - res = allData[item].data - } - }) - return res ? res.uid : '' - } - // 找出新创建的 - const crateList = list - .filter(({ oldData }) => { - return !oldData - }) - .map(({ uid }) => { - return uid - }) - // 遍历所有创建或更新的节点列表 - list.forEach(({ uid, data, oldData }) => { - // 更新版本号 - if (data.data.version === undefined) { - data.data.version = 0 - } - const newVersion = data.data.version + 1 - data.data.version = newVersion - const targetNode = this.mindMap.renderer.findNodeByUid(uid) - if (targetNode) { - targetNode.setData({ - version: newVersion - }) - } - // 调接口 - if (!oldData) { - // 新增节点 - request({ - url: `/addOneNode/${title}/${userINumber}`, - method: 'post', - data: { - parentNodeId: getParentUid(uid), - newNodeContent: JSON.stringify(data.data) - } - }) - } else { - // 更新节点 - const oldChildrenLength = oldData.children.length - const newChildrenLength = data.children.length - if (oldChildrenLength !== newChildrenLength) { - if (newChildrenLength > oldChildrenLength) { - const moveList = data.children.filter(item => { - return ( - !oldData.children.includes(item) && - !crateList.includes(item) - ) - }) - moveList.forEach(item => { - request({ - url: `/changeNodeParentNode/${title}/${userINumber}`, - method: 'post', - data: { - movedNodeId: item, - newParentNodeId: uid - } - }) - }) - } - } else { - if (!isSameObject(data.data, oldData.data)) { - // 关联线 - const associativeLineTargets = - data.data.associativeLineTargets || [] - const oldDataAssociativeLineTargets = - oldData.data.associativeLineTargets || [] - const newTargets = [] - const deleteTargets = [] - associativeLineTargets.forEach(item => { - if (!oldDataAssociativeLineTargets.includes(item)) { - newTargets.push(item) - } - }) - oldDataAssociativeLineTargets.forEach(item => { - if (!associativeLineTargets.includes(item)) { - deleteTargets.push(item) - } - }) - // 添加关联线 - if (newTargets.length > 0) { - newTargets.forEach(item => { - request({ - url: `/addAssociationLine/${title}/${userINumber}`, - method: 'post', - data: { - startNodeId: uid, - endNodeId: item - } - }) - }) - } else if (deleteTargets.length > 0) { - // 删除关联线 - deleteTargets.forEach(item => { - request({ - url: `/deleteAssociationLine/${title}/${userINumber}`, - method: 'post', - data: { - startNodeId: uid, - endNodeId: item - } - }) - }) - } else { - // 更新节点自身内容 - request({ - url: `/updateOneNodeContent/${title}/${userINumber}`, - method: 'post', - data: { - mindMapName: title, - nodeId: uid, - jsonContent: JSON.stringify(data.data) - } - }) - } - } - } - } - }) - } else if (type === 'delete') { - // 删除 - const res = this.getTopIdList(list) - request({ - url: `/deleteNodeList/${title}/${userINumber}`, - method: 'post', - data: { - idList: res - } - }) - } } // beforeShortcutRun: (key, activeNodeList) => { // console.log(key, activeNodeList) @@ -627,22 +478,6 @@ export default { // }, 5000) }, - // 获取被删除节点的顶层节点的uid列表 - getTopIdList(list) { - const res = [] - list.forEach((item) => { - const hasParent = list.find((item2) => { - return item2.data.children.includes(item.uid) - }) - if (!hasParent) { - res.push(item) - } - }) - return res.map((item) => { - return item.uid - }) - }, - // url中是否存在要打开的文件 hasFileURL() { const fileURL = this.$route.query.fileURL