yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(@vben-core/form-ui): fix the issue of Textarea not being able to wrap lines in the form (#4691)

pull/48/MERGE
Svend 2024-10-20 21:07:34 +08:00 committed by GitHub
parent 234544c40d
commit 646598afba
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/@core/ui-kit/form-ui/src/vben-use-form.vue
View File

@ -39,7 +39,14 @@ const handleUpdateCollapsed = (value: boolean) => {
props.formApi?.setState({ collapsed: !!value }); props.formApi?.setState({ collapsed: !!value });
}; };
function handleKeyDownEnter() { function handleKeyDownEnter(event: KeyboardEvent) {
// 如果是 textarea 不阻止默认行为，否则会导致无法换行。
// 跳过 textarea 的回车提交处理
if (event.target instanceof HTMLTextAreaElement) {
return;
}
event.preventDefault();
if (!state.value.submitOnEnter || !formActionsRef.value) { if (!state.value.submitOnEnter || !formActionsRef.value) {
return; return;
} }
@ -49,7 +56,7 @@ function handleKeyDownEnter() {
<template> <template>
<Form <Form
@keydown.enter.prevent="handleKeyDownEnter" @keydown.enter="handleKeyDownEnter"
v-bind="forward" v-bind="forward"
:collapsed="state.collapsed" :collapsed="state.collapsed"
:component-bind-event-map="COMPONENT_BIND_EVENT_MAP" :component-bind-event-map="COMPONENT_BIND_EVENT_MAP"