From 0991315422b91a2289cf6035a65a7475d0a02f09 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: Mon, 10 Feb 2025 17:38:08 +0800 Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E8=87=AA?= =?UTF-8?q?=E5=AE=9A=E4=B9=89=E8=8A=82=E7=82=B9=E5=9B=BE=E7=89=87=E8=B0=83?= =?UTF-8?q?=E6=95=B4=E6=8F=92=E4=BB=B6=E4=B8=AD=E5=88=A0=E9=99=A4=E5=92=8C?= =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=8C=89=E9=92=AE=E5=86=85=E5=AE=B9=E7=9A=84?= =?UTF-8?q?=E5=AE=9E=E4=BE=8B=E5=8C=96=E9=80=89=E9=A1=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- simple-mind-map/src/constants/defaultOptions.js | 7 ++++++- simple-mind-map/src/plugins/NodeImgAdjust.js | 10 +++++++--- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/simple-mind-map/src/constants/defaultOptions.js b/simple-mind-map/src/constants/defaultOptions.js index c655211e..ef2f2898 100644 --- a/simple-mind-map/src/constants/defaultOptions.js +++ b/simple-mind-map/src/constants/defaultOptions.js @@ -492,5 +492,10 @@ export const defaultOpt = { maxImgResizeWidthInheritTheme: false, // 最大允许缩放的尺寸,maxImgResizeWidthInheritTheme选项设置为false时生效,不限制最大值可传递Infinity maxImgResizeWidth: Infinity, - maxImgResizeHeight: Infinity + maxImgResizeHeight: Infinity, + // 自定义删除按钮和尺寸调整按钮的内容 + // 默认为内置图标,你可以传递一个svg字符串,或者其他的html字符串 + // 整体大小请使用上面的minImgResizeWidth和minImgResizeHeight选项设置 + customDeleteBtnInnerHTML: '', + customResizeBtnInnerHTML: '' } diff --git a/simple-mind-map/src/plugins/NodeImgAdjust.js b/simple-mind-map/src/plugins/NodeImgAdjust.js index ce2a17d4..7f859c1d 100644 --- a/simple-mind-map/src/plugins/NodeImgAdjust.js +++ b/simple-mind-map/src/plugins/NodeImgAdjust.js @@ -122,7 +122,11 @@ class NodeImgAdjust { // 创建调整按钮元素 createResizeBtnEl() { - const { imgResizeBtnSize } = this.mindMap.opt + const { + imgResizeBtnSize, + customResizeBtnInnerHTML, + customDeleteBtnInnerHTML + } = this.mindMap.opt // 容器元素 this.handleEl = document.createElement('div') this.handleEl.style.cssText = ` @@ -134,7 +138,7 @@ class NodeImgAdjust { this.handleEl.className = 'node-img-handle' // 调整按钮元素 const btnEl = document.createElement('div') - btnEl.innerHTML = btnsSvg.imgAdjust + btnEl.innerHTML = customResizeBtnInnerHTML || btnsSvg.imgAdjust btnEl.style.cssText = ` position: absolute; right: 0; @@ -179,7 +183,7 @@ class NodeImgAdjust { const btnRemove = document.createElement('div') this.handleEl.prepend(btnRemove) btnRemove.className = 'node-image-remove' - btnRemove.innerHTML = btnsSvg.remove + btnRemove.innerHTML = customDeleteBtnInnerHTML || btnsSvg.remove btnRemove.style.cssText = ` position: absolute; right: 0;top:0;color:#fff;