zydx-plus 1.35.604 → 1.35.605

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.35.604",
+  "version": "1.35.605",
   "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.throttle(this.resizeCallback, 300));
+      resizeObserver.observe(this.$refs[this.id]);
     }, 0)
     window.onresize = () => {
       if (!document.fullscreenElement) {
@@ -141,6 +147,35 @@ export default {
     }
   },
   methods: {
+    resizeCallback (entries) {
+      entries.forEach(entry => {
+        this.mindMap?.resize()
+      });
+    },
+    throttle(fn, delay = 300) {
+      let lastExecuteTime = 0; // 上一次函数执行的时间戳
+      let timer = null; // 定时器标识
+
+      return function (...args) {
+        const currentTime = Date.now(); // 当前时间戳
+        const remainingTime = delay - (currentTime - lastExecuteTime); // 距离下次可执行的剩余时间
+
+        // 清除之前的定时器（避免重复触发）
+        clearTimeout(timer);
+
+        // 1. 如果剩余时间 <= 0，说明已经过了节流间隔，直接执行函数
+        if (remainingTime <= 0) {
+          fn.apply(this, args);
+          lastExecuteTime = currentTime; // 更新上一次执行时间
+        } else {
+          // 2. 否则，设置定时器，在剩余时间后执行一次（避免最后一次变化不触发）
+          timer = setTimeout(() => {
+            fn.apply(this, args);
+            lastExecuteTime = Date.now();
+          }, remainingTime);
+        }
+      };
+    },
     lineToolSelect(v) {
       const associativeLineStyle = this.activeLineNode.getData('associativeLineStyle') || {}
       const toNodeUid = this.activeLineToNode.getData('uid')
@@ -239,7 +274,7 @@ export default {
         this.nodeData = node
         this.activeNodes = activeNodeList
         this.mindShow = !node
-        if(node) {
+        if (node) {
           this.lineData = null
           this.lineShow = true
         }
@@ -301,7 +336,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.605',
     install,
     Calendar,
     Message,