v2，取消/影响

src/views/workflow/instance/component/params-textarea/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <version1 v-model="state.value" :node="node" :readonly="readonly" />
+  <version2 v-model="state.value" :node="node" :readonly="readonly" />
 </template>
 
 <script setup lang="ts">

src/views/workflow/instance/component/params-textarea/param-value.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="mx-1 mt-1 flex translate-y-0.5 flex-wrap items-center rounded-sm bg-[#ffffff] px-2 py-1"
+    class="mx-1 my-0.5 flex translate-y-0.5 flex-wrap items-center rounded-sm bg-[#ffffff] px-2 py-1"
     v-if="vars"
   >
     <template v-if="vars.source === VarsSource.Env">

src/views/workflow/instance/component/params-textarea/version-2.vue

@@ -79,7 +79,7 @@
       </div>
       <div class="text-text-secondary flex-1 py-0 text-xs">
         <div
-          class="break-all"
+          class="pb-1 break-all"
           style="line-height: 1.2"
           ref="ref_textarea"
           @input="handleInput"
@@ -138,12 +138,14 @@ const ref_textarea = ref()
 watch(
   () => props.modelValue,
   (n) => {
-    console.log(n)
     if (props.readonly) {
       ref_textarea.value.innerHTML = n.replace(
         /\{\{#([^#]+)#\}\}/g,
         (match, p1) => {
-          const k = p1.split('_')
+          const k = [
+            p1.substring(0, p1.indexOf('_')),
+            p1.substring(p1.indexOf('_') + 1),
+          ]
           const vars = state.optionsMap.get(`${k[0]}_${k[1]}`)
           const dom = document.createElement('div')
           dom.appendChild(initVarsDom(vars))
@@ -224,7 +226,7 @@ const handleInput = (e) => {
     newSelection.addRange(newRange)
   }
   state.textCount = e.target.innerText?.trim().length || 0
-  isSlashBeforeCursorEnhanced()
+  // isSlashBeforeCursorEnhanced()
   emitValue()
 }
 function isSlashBeforeCursorEnhanced() {
@@ -355,7 +357,6 @@ const setVars = (vars) => {
     // 恢复选区
     const sel: any = window.getSelection()
     sel.removeAllRanges()
-    console.log(state.lastSelection)
     sel.addRange(state.lastSelection)
 
     // 插入内容
@@ -441,7 +442,6 @@ onMounted(() => {
     //     cancelable: true,
     //   }),
     // )
-    console.log(123)
     ref_textarea.value.innerHTML = props.modelValue.replace(
       /\{\{#([^#]+)#\}\}/g,
       (match, p1) => {