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

Fix：优化富文本测量元素的逻辑，删除样式的重复设置和重复添加

Browse Source
This commit is contained in:
wanglin2 2023-08-21 09:58:33 +08:00
parent d3e1389f10
commit beb2b550f0
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
simple-mind-map/src/core/render/node/nodeCreateContents.js
View File

@ -86,6 +86,7 @@ function createIconNode() {
// 创建富文本节点 // 创建富文本节点
function createRichTextNode() { function createRichTextNode() {
const { textAutoWrapWidth } = this.mindMap.opt
let g = new G() let g = new G()
// 重新设置富文本节点内容 // 重新设置富文本节点内容
let recoverText = false let recoverText = false
@ -119,15 +120,16 @@ function createRichTextNode() {
let html = `<div>${this.nodeData.data.text}</div>` let html = `<div>${this.nodeData.data.text}</div>`
if (!commonCaches.measureRichtextNodeTextSizeEl) { if (!commonCaches.measureRichtextNodeTextSizeEl) {
commonCaches.measureRichtextNodeTextSizeEl = document.createElement('div') commonCaches.measureRichtextNodeTextSizeEl = document.createElement('div')
commonCaches.measureRichtextNodeTextSizeEl.style.position = 'fixed'
commonCaches.measureRichtextNodeTextSizeEl.style.left = '-999999px'
this.mindMap.el.appendChild(commonCaches.measureRichtextNodeTextSizeEl)
} }
let div = commonCaches.measureRichtextNodeTextSizeEl let div = commonCaches.measureRichtextNodeTextSizeEl
div.innerHTML = html div.innerHTML = html
div.style.cssText = `position: fixed; left: -999999px;`
let el = div.children[0] let el = div.children[0]
el.classList.add('smm-richtext-node-wrap') el.classList.add('smm-richtext-node-wrap')
el.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml') el.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml')
el.style.maxWidth = this.mindMap.opt.textAutoWrapWidth + 'px' el.style.maxWidth = textAutoWrapWidth + 'px'
this.mindMap.el.appendChild(div)
let { width, height } = el.getBoundingClientRect() let { width, height } = el.getBoundingClientRect()
// 如果文本为空，那么需要计算一个默认高度 // 如果文本为空，那么需要计算一个默认高度
if (height <= 0) { if (height <= 0) {