Skip to content

Fixed: the edit mode not work good #596

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
zerob13 merged 3 commits into from
Jul 13, 2025
Merged

Fixed: the edit mode not work good #596

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5f87c3f
fixed: the textarea may too short when the message like: 'say1'
cmdparkour Jul 13, 2025
1353b80
fixed:the edit mode is not working when message content is structured
cmdparkour Jul 13, 2025
06a127a
add: add keyword listener to make save or cancel better
cmdparkour Jul 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 19 additions & 8 deletions src/renderer/src/components/message/MessageItemUser.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,14 +31,16 @@
@click="previewFile(file.path)"
/>
</div>
<div v-if="isEditMode" class="text-sm w-full whitespace-pre-wrap break-all">
<div v-if="isEditMode" class="text-sm w-full min-w-[40vw] whitespace-pre-wrap break-all">
<textarea
v-model="editedText"
class="text-sm bg-[#EFF6FF] dark:bg-muted rounded-lg p-2 border flex flex-col gap-1.5 resize"
class="text-sm bg-[#EFF6FF] dark:bg-muted rounded-lg p-2 border flex flex-col gap-1.5 resize min-w-[40vw] w-full"
:style="{
height: originalContentHeight + 18 + 'px',
width: originalContentWidth + 20 + 'px'
}"
@keydown.enter.prevent="saveEdit"
@keydown.esc="cancelEdit"
></textarea>
</div>
<div v-else ref="originalContent">
Expand Down Expand Up @@ -104,7 +106,6 @@ const props = defineProps<{

const isEditMode = ref(false)
const editedText = ref('')
const originalText = ref('')
const originalContent = ref(null)
const originalContentHeight = ref(0)
const originalContentWidth = ref(0)
Expand Down Expand Up @@ -138,20 +139,31 @@ const previewFile = (filePath: string) => {

const startEdit = () => {
isEditMode.value = true
// fixed the edit mode is not working when message content is structured
const row = props.message.content?.content?.find(block => block.type === 'text')
if (row) {
// If the content is structured, use the text from the first text block
editedText.value = row.content
return
}
editedText.value = props.message.content.text
originalText.value = props.message.content.text
}

const saveEdit = async () => {
if (editedText.value.trim() === '') return

try {
// Create a new content object with the edited text
const newContent = {
let newContent = {
...props.message.content,
text: editedText.value
}

// fixed the edit mode is not working when message content is structured
const row = newContent?.content?.find(block => block.type === 'text')
if (row) {
row.content = editedText.value
} else {
newContent.text = editedText.value
}
// Update the message in the database using editMessage method
await threadPresenter.editMessage(props.message.id, JSON.stringify(newContent))

Expand All @@ -166,7 +178,6 @@ const saveEdit = async () => {
}

const cancelEdit = () => {
editedText.value = originalText.value
isEditMode.value = false
}

Expand Down