尝试修复 bug， 找到原因： user-pivot.vue 的闭包似乎共用了变量，尝试将闭包函数的变量全部放入js中

src/components/pivot/index.vue

@@ -3,8 +3,10 @@
     <!-- <TimeScale></TimeScale> -->
     <div
         class="vcd-render-wrapper"
-        @mousedown="onRenderClick()"
+        @mousedown="onMousedown()"
+        @mouseup="onMouseup()"
         @mouseenter="onEnter()"
+        @mouseleave="onLeave()"
         :ref="el => pivotWrapper = el"
     >
         <Pivot
@@ -42,19 +44,29 @@ defineComponent({ name: 'main-render' });
 /**
  * @description 渲染区域被鼠标点击时
  */
-function onRenderClick() {    
+function onMousedown() {    
     updateWireCurrentValue();
     changeCursorLocation();
+
+    // 关闭所有
     for (const id of UserPivotCtxShows.keys()) {
         UserPivotCtxShows.set(id, false);
     }
 }
 
+function onMouseup() {
+
+}
+
 function onEnter() {
     MovingPivot.show = true;
     MovingPivot.currentTakenPivot = undefined;
 }
 
+function onLeave() {
+    MovingPivot.show = false;
+}
+
 const pivotWrapper = ref(null);
 
 onMounted(() => {

src/components/pivot/moving-pivot.vue

@@ -73,8 +73,6 @@ function onMousemove(event) {
             // 此时距离用户信标比较近，隐藏主信标
             MovingPivot.show = false;
             MovingPivot.currentTakenPivot = userPivot;
-        } else {
-            MovingPivot.show = true;
         }
     }
 }

src/components/pivot/user-pivot.vue

@@ -3,7 +3,6 @@
         v-if="renderPivot" 
         @mouseenter="onEnter()"
         @mouseleave="onLeave()"
-        @mouseup="onVLineMouseup()"
         @contextmenu.prevent="handleUserContextMenu($event)"
         class="user-pivot"
     >
@@ -20,7 +19,6 @@
                 :style="colorStyle"
                 :ref="el => vline.element = el"
                 @mousedown.stop="onVLineMousedown()"
-                @mouseup.stop="onVLineMouseup()"
             ></div>
             <div class="current-display-cursor-down">
                 <div class="current-time-value" :style="colorStyle">{{ props.label }}</div>
@@ -127,7 +125,8 @@ function onLeave() {
 const vline = reactive({
     dragEnable: false,
     element: undefined,
-    originTime: 0
+    originTime: 0,
+    delayTag: false,
 });
 
 
@@ -156,6 +155,11 @@ function onVLineMousedown() {
     // console.log('begin to drag');
 
     mousemoveEventPipes.set(pivot.id, event => {
+        if (vline.dragEnable === false || vline.delayTag === true) {
+            return;
+        }
+        console.log('move pivot', vline);
+        
         const x = event.clientX || event.x;
         pivot.x = x;
         const pstate = globalLookup.pstate;
@@ -168,6 +172,16 @@ function onVLineMousedown() {
     });
 }
 
+document.onmouseup = () => {
+    vline.delayTag = true;
+    console.log('mouse up');
+    console.log(vline);
+    setTimeout(() => {
+        vline.delayTag = false;
+    }, 300);
+    onVLineMouseup();
+}
+
 function onVLineMouseup() {
     MovingPivot.dragEnable = false;
     mousemoveEventPipes.delete(props.id);

src/components/toolbar/index.vue

@@ -1,5 +1,8 @@
 <template>
-    <div class="toolbar-container">
+    <div
+        class="toolbar-container"
+        @mouseenter="onEnter()"
+    >
         <div class="toolbar-body">
             <CurrentStatus></CurrentStatus>
             &emsp;
@@ -16,16 +19,31 @@
 </template>
 
 <script setup>
-import { defineComponent } from 'vue';
+import { defineComponent, nextTick } from 'vue';
 import CurrentStatus from './current-status.vue';
 import SignalModal from './signal-modal.vue';
 import SignalValueFormat from './signal-value-format.vue';
 import CursorLocation from './cursor-location.vue';
 import ValueSearch from './value-search.vue';
 
+import { MovingPivot } from '../pivot/cursor';
+
 
 defineComponent({ name: 'toolbar' });
 
+function onEnter() {
+    console.log('enter');
+    MovingPivot.show = false;
+    console.log(MovingPivot.show);
+    nextTick(() => {
+        MovingPivot.show = false;
+    });
+    setTimeout(() => {
+        console.log(MovingPivot.show);
+        MovingPivot.show = false;
+    }, 20);
+    
+}
 
 </script>