zydx-plus 1.35.604 → 1.35.606

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.35.604",
+  "version": "1.35.606",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

package/src/components/mind/src/mind.vue

@@ -11,8 +11,12 @@
         <div class="mind-btn">
           <span>结构切换</span>
           <div class="mind-btn-list">
-            <button @click="structure('logicalStructure')" :disabled="layoutList === 'logicalStructure' || layoutList === ''">向右结构</button>
-            <button @click="structure('organizationStructure')" :disabled="layoutList === 'organizationStructure'">向下结构</button>
+            <button @click="structure('logicalStructure')"
+                    :disabled="layoutList === 'logicalStructure' || layoutList === ''">向右结构
+            </button>
+            <button @click="structure('organizationStructure')" :disabled="layoutList === 'organizationStructure'">
+              向下结构
+            </button>
             <button @click="structure('mindMap')" :disabled="layoutList === 'mindMap'">左右结构</button>
           </div>
         </div>
@@ -132,6 +136,8 @@ export default {
     this.id = this.randomId()
     setTimeout(() => {
       this.init()
+      const resizeObserver = new ResizeObserver(this.debounce(this.resizeCallback, 300));
+      resizeObserver.observe(this.$refs[this.id]);
     }, 0)
     window.onresize = () => {
       if (!document.fullscreenElement) {
@@ -141,6 +147,23 @@ export default {
     }
   },
   methods: {
+    resizeCallback(entries) {
+      entries.forEach(entry => {
+        this.mindMap?.resize()
+      });
+    },
+    debounce(fn, delay = 500) {
+      let timer = null; // 定时器标识，用于重置延迟
+
+      return function (...args) {
+        // 每次触发时，清除之前的定时器（重置延迟）
+        clearTimeout(timer);
+        // 重新设置定时器，延迟执行目标函数
+        timer = setTimeout(() => {
+          fn.apply(this, args); // 保证this指向和参数传递正常
+        }, delay);
+      };
+    },
     lineToolSelect(v) {
       const associativeLineStyle = this.activeLineNode.getData('associativeLineStyle') || {}
       const toNodeUid = this.activeLineToNode.getData('uid')
@@ -239,7 +262,7 @@ export default {
         this.nodeData = node
         this.activeNodes = activeNodeList
         this.mindShow = !node
-        if(node) {
+        if (node) {
           this.lineData = null
           this.lineShow = true
         }
@@ -301,7 +324,7 @@ export default {
       })
     },
     getImage(v) {
-      const name = v? v : 'mind'
+      const name = v ? v : 'mind'
       this.mindMap.export('png', true, name, true, false, null, true)
     },
     lineStyle() {

package/src/components/tagging/src/tagging.vue

@@ -118,7 +118,7 @@ export default {
         value: {
             handler(val) {
                 this.$nextTick(() => {
-                    document.getElementById('htmlText').innerHTML = json2html(JSON.parse(val.html))
+                    document.getElementById('htmlText').innerHTML = typeof val.html ==='string' ? json2html(JSON.parse(val.html)) : json2html(val.html)
                     document.getElementById('htmlText').style.width = this.$refs.tagging.offsetWidth + 'px'
                     this.annotationsData = val.annotations
                     setTimeout(() => {

package/src/index.js

@@ -87,7 +87,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.35.604',
+    version: '1.35.606',
     install,
     Calendar,
     Message,