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

- 添加 showAction 控制编辑按钮显示
- 实现文本域聚焦和失焦时的编辑按钮显示和隐藏
-优化键盘弹出和收起时的编辑按钮显示逻辑
-修复文档中描述的产品问卷配置- 优化问卷设计页面的题目编辑功能
This commit is contained in:
陈昱达
2025-03-07 18:12:53 +08:00
parent 8f903e3869
commit 529c0ff940
14 changed files with 291 additions and 6274 deletions

View File

@@ -7,12 +7,7 @@
class="base-select"
>
<template #left-icon>
<div
class="van-filed"
:contenteditable="active"
@blur="saveStem($event, element, 'title')"
v-html="element.title"
/>
{{ index + 1 }}
</template>
<template #label>
<contenteditable v-model="element.stem" :active="active"></contenteditable>
@@ -93,6 +88,10 @@ const props = defineProps({
active: {
type: Boolean,
default: false
},
index: {
type: Number,
default: 0
}
});
@@ -100,9 +99,6 @@ const element = ref(props.element);
const saveOption = (e, ele) => {
ele.option = e.target.innerHTML;
};
const saveStem = (e, ele, key) => {
ele[key] = e.target.innerHTML;
};
</script>
<style scoped lang="scss">
.choice-html {