Browse Source

chore(gui-v2): prevent renaming twice

pull/2837/head
braks 2 years ago
parent
commit
69898abd90
  1. 30
      packages/nc-gui-v2/components/smartsheet/Sidebar.vue

30
packages/nc-gui-v2/components/smartsheet/Sidebar.vue

@ -55,15 +55,15 @@ watch(activeView, (nextActiveView) => {
} }
}) })
onKeyStroke('Escape', () => { onKeyStroke('Escape', (event) => {
if (isEditing !== null) { if (isEditing !== null) {
onCancel(isEditing) onKeyEsc(event, isEditing)
} }
}) })
onKeyStroke('Enter', () => { onKeyStroke('Enter', (event) => {
if (isEditing !== null) { if (isEditing !== null) {
onRename(isEditing) onKeyEnter(event, isEditing)
} }
}) })
@ -106,12 +106,26 @@ function onDblClick(index: number) {
function onKeyDown(event: KeyboardEvent, index: number) { function onKeyDown(event: KeyboardEvent, index: number) {
if (event.key === 'Escape') { if (event.key === 'Escape') {
onCancel(index) onKeyEsc(event, index)
} else if (event.key === 'Enter') { } else if (event.key === 'Enter') {
onRename(index) onKeyEnter(event, index)
} }
} }
function onKeyEnter(event: KeyboardEvent, index: number) {
event.stopImmediatePropagation()
event.preventDefault()
onRename(index)
}
function onKeyEsc(event: KeyboardEvent, index: number) {
event.stopImmediatePropagation()
event.preventDefault()
onCancel(index)
}
const inputRef = $ref<HTMLInputElement>() const inputRef = $ref<HTMLInputElement>()
function setInputRef(el: HTMLInputElement) { function setInputRef(el: HTMLInputElement) {
@ -137,6 +151,8 @@ async function onRename(index: number) {
if (isEditing === null) return if (isEditing === null) return
const view = views.value[index] const view = views.value[index]
console.log(view.title, originalTitle)
if (view.title === '' || view.title === originalTitle) { if (view.title === '' || view.title === originalTitle) {
onCancel(index) onCancel(index)
return return
@ -149,6 +165,8 @@ async function onRename(index: number) {
order: (view as any).order, order: (view as any).order,
}) })
console.log('rename success')
notification.success({ notification.success({
message: 'View renamed successfully', message: 'View renamed successfully',
duration: 3000, duration: 3000,

Loading…
Cancel
Save