github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 批注面板优化

Browse Source
This commit is contained in:
pipipi-pikachu 2024-12-02 20:37:57 +08:00
parent 52ca83884e
commit ad1981934f
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/TextArea.vue
View File

@ -16,6 +16,7 @@
@input="$event => handleInput($event)" @input="$event => handleInput($event)"
@focus="$event => emit('focus', $event)" @focus="$event => emit('focus', $event)"
@blur="$event => emit('blur', $event)" @blur="$event => emit('blur', $event)"
@keydown.enter="$event => emit('enter', $event)"
></textarea> ></textarea>
</template> </template>
@ -40,6 +41,7 @@ const emit = defineEmits<{
(event: 'update:value', payload: string): void (event: 'update:value', payload: string): void
(event: 'focus', payload: FocusEvent): void (event: 'focus', payload: FocusEvent): void
(event: 'blur', payload: FocusEvent): void (event: 'blur', payload: FocusEvent): void
(event: 'enter', payload: FocusEvent): void
}>() }>()
const handleInput = (e: Event) => { const handleInput = (e: Event) => {

3
src/views/Editor/NotesPanel.vue
View File

@ -48,7 +48,7 @@
</div> </div>
</div> </div>
<div class="note-reply" v-if="replyNoteId === note.id"> <div class="note-reply" v-if="replyNoteId === note.id">
<TextArea :padding="6" v-model:value="replyContent" placeholder="输入回复内容" :rows="1" /> <TextArea :padding="6" v-model:value="replyContent" placeholder="输入回复内容" :rows="1" @enter.prevent="createNoteReply()" />
<div class="reply-btns"> <div class="reply-btns">
<Button class="btn" size="small" @click="replyNoteId = ''">取消</Button> <Button class="btn" size="small" @click="replyNoteId = ''">取消</Button>
<Button class="btn" size="small" type="primary" @click="createNoteReply()">回复</Button> <Button class="btn" size="small" type="primary" @click="createNoteReply()">回复</Button>
@ -65,6 +65,7 @@
:placeholder="`输入批注（为${handleElementId ? '选中元素' : '当前页幻灯片' }）`" :placeholder="`输入批注（为${handleElementId ? '选中元素' : '当前页幻灯片' }）`"
:rows="2" :rows="2"
@focus="replyNoteId = ''; activeNoteId = ''" @focus="replyNoteId = ''; activeNoteId = ''"
@enter.prevent="createNote()"
/> />
<div class="footer"> <div class="footer">
<IconDelete class="btn icon" v-tooltip="'清空本页批注'" style="flex: 1" @click="clear()" /> <IconDelete class="btn icon" v-tooltip="'清空本页批注'" style="flex: 1" @click="clear()" />