Просмотр исходного кода

fix(formula): 控制光标显示逻辑以避免不必要的闪烁

新增 `isShowCursor` 属性用于更精确地控制光标是否显示,
并更新相关组件调用逻辑以传递该属性值。
duy 3 дней назад
Родитель
Сommit
f95d597d6f
2 измененных файлов с 8 добавлено и 4 удалено
  1. 6 2
      src/views/formula/component/formulaItem.vue
  2. 2 2
      src/views/formula/edit.vue

+ 6 - 2
src/views/formula/component/formulaItem.vue

@@ -21,7 +21,7 @@
     </span>
     
     <!-- 光标指示器 - 选中时或强制显示时显示 -->
-    <span v-if="item.selected || showCursor" class="cursor-blink"></span>
+    <span v-if="isShowCursor&&(item.selected || showCursor)" class="cursor-blink"></span>
   </div>
 </template>
 
@@ -37,7 +37,11 @@ export default {
     showCursor: {
       type: Boolean,
       default: false
-    }
+    },
+    isShowCursor: {
+      type: Boolean,
+      default: true
+    }//是否显示光标
   },
   methods: {
     itemClick(item) {

+ 2 - 2
src/views/formula/edit.vue

@@ -44,7 +44,7 @@
         <span>
           <formula-item
             v-for="(item,index) in resultFormula" :key="index"
-            :item="item" @click="obj => equationClick(obj,index,'resultFormula')" :showCursor="false"
+            :item="item" @click="obj => equationClick(obj,index,'resultFormula')" :isShowCursor="false"
           >
           </formula-item>
         </span>
@@ -54,7 +54,7 @@
             <div slot="content">{{item.tableName }}</div>
             <formula-item
               :getname="getItemTableName(item)"
-              :item="item" @click="obj => equationClick(obj,index,'processFormula')"
+              :item="item" @click="obj => equationClick(obj,index,'processFormula')" :isShowCursor="false"
             >
             </formula-item>
           </el-tooltip>