feat(component): 优化 contenteditable组件功能

- 添加 showAction 控制编辑按钮显示
- 实现文本域聚焦和失焦时的编辑按钮显示和隐藏
-优化键盘弹出和收起时的编辑按钮显示逻辑
-修复文档中描述的产品问卷配置- 优化问卷设计页面的题目编辑功能

src/views/Design/components/Questions/NPS.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="content">
+    <van-field
+      v-model="element.stem"
+      :label="element.stem"
+      :required="element.config.is_required === 1"
+      label-align="top"
+    >
+      <template #label>
+        <div
+          :contenteditable="active"
+          class="van-field"
+          @blur="saveStem($event, element)"
+          v-html="element.stem"
+        ></div>
+      </template>
+      <template #input>
+        <div v-for="(optionItem, optionItemIndex) in element.options" :key="optionItemIndex">
+          <div v-for="(item, index) in optionItem" :key="index" @click="chooseOption(item)">
+            <!--            <div-->
+            <!--              :contenteditable="item.id === chooseId"-->
+            <!--              class="van-field"-->
+            <!--              v-html="item.option"-->
+            <!--            ></div>-->
+            <RateCharacter :config="element.config"></RateCharacter>
+            <div class="tips">
+              <p>{{ element.config.prompt_left }}</p>
+              <p>{{ element.config.prompt_center }}</p>
+              <p>{{ element.config.prompt_right }}</p>
+            </div>
+          </div>
+        </div>
+      </template>
+    </van-field>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import RateCharacter from './RateCharacter.vue';
+
+const props = defineProps({
+  element: {
+    type: Object
+  },
+  active: {
+    type: Boolean,
+    default: false
+  },
+  sn: { type: String, default: '' },
+  questionType: { type: [String, Number], default: 4 }
+});
+const element = ref(props.element);
+const chooseId = ref('');
+// 创建一个本地副本以保存更改
+const localElement = ref({ ...props.element });
+
+const saveStem = (e) => {
+  localElement.value.stem = e.target.innerHTML;
+};
+
+const chooseOption = (item) => {
+  chooseId.value = item.id;
+};
+</script>
+
+<style scoped lang="scss">
+.content {
+  background-color: #fff;
+}
+
+.tips {
+  display: flex;
+  justify-content: space-between;
+  color: #bfbfbf;
+}
+</style>