@aicupa/plugin-todo-dependency 1.0.8 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aicupa/plugin-todo-dependency",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Set and visualize dependencies between todo items",
   "description_zh": "设置并可视化待办事项之间的依赖关系",
   "main": "./service",

package/view/index.html

@@ -51,7 +51,7 @@
       border: 2px solid #d9d9d9; border-radius: 10px;
       padding: 10px 12px; cursor: default;
       box-shadow: 0 1px 4px rgba(0,0,0,0.06);
-      transition: box-shadow 0.2s, transform 0.15s;
+      transition: box-shadow 0.2s, transform 0.15s, opacity 0.25s;
       display: flex; align-items: flex-start; gap: 8px;
     }
     .node:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.1); transform: translateY(-1px); }
@@ -509,6 +509,7 @@
         return visited
       }
 
+      const nodeElList = []
       for (const id of nodeIds) {
         const pos = positions[id]; if (!pos) continue
         const todo = todoData[id]
@@ -521,8 +522,11 @@
         } else el.classList.add('not-found')
         el.style.cssText = `left:${pos.x}px;top:${pos.y}px;width:${NODE_W}px;`
         el.dataset.id = id
+        nodeElList.push({ id, el })
         el.addEventListener('mouseenter', () => {
           const chain = collectChain(id)
+          const svgRoot = document.getElementById('edgeSvg')
+          if (svgRoot) svgRoot.style.zIndex = '10'
           edgeEls.forEach(e => {
             if (chain.has(e.from) && chain.has(e.to)) {
               e.el.style.strokeWidth = '2.5'
@@ -531,12 +535,18 @@
               e.el.style.opacity = '0.15'
             }
           })
+          nodeElList.forEach(n => {
+            if (!chain.has(n.id)) n.el.style.opacity = '0.5'
+          })
         })
         el.addEventListener('mouseleave', () => {
+          const svgRoot = document.getElementById('edgeSvg')
+          if (svgRoot) svgRoot.style.zIndex = ''
           edgeEls.forEach(e => {
             e.el.style.strokeWidth = ''
             e.el.style.opacity = ''
           })
+          nodeElList.forEach(n => { n.el.style.opacity = '' })
         })
 
         if (todo) {