perf: 形状进入编辑状态后自动聚焦

This commit is contained in:
pipipi-pikachu 2021-07-31 22:06:22 +08:00
parent a7afcc8232
commit d26a7a1b43
2 changed files with 6 additions and 0 deletions

View File

@ -39,6 +39,10 @@ export default defineComponent({
type: String, type: String,
required: true, required: true,
}, },
autoFocus: {
type: Boolean,
default: false,
},
}, },
setup(props, { emit }) { setup(props, { emit }) {
const store = useStore() const store = useStore()
@ -107,6 +111,7 @@ export default defineComponent({
}, },
editable: () => props.editable, editable: () => props.editable,
}) })
if (props.autoFocus) editorView.focus()
}) })
onUnmounted(() => { onUnmounted(() => {
editorView && editorView.destroy() editorView && editorView.destroy()

View File

@ -64,6 +64,7 @@
:defaultColor="text.defaultColor" :defaultColor="text.defaultColor"
:defaultFontName="text.defaultFontName" :defaultFontName="text.defaultFontName"
:editable="!elementInfo.lock" :editable="!elementInfo.lock"
:autoFocus="true"
:value="text.content" :value="text.content"
@update="value => updateText(value)" @update="value => updateText(value)"
@mousedown.stop @mousedown.stop