Implement menu item "Remove"

This commit is contained in:
Jos de Jong 2020-07-27 16:21:09 +02:00
parent 0c418ac846
commit a54e5b6f08
2 changed files with 33 additions and 7 deletions

View File

@ -129,12 +129,13 @@ import { isObjectOrArray } from '../utils/typeUtils.js'
function handleCut() {
if (selection && selection.paths) {
console.log('cut', { selection, clipboard })
clipboard = selectionToClipboard(selection)
const operations = removeAll(selection.paths)
handlePatch(operations)
console.log('cut', { selection, clipboard })
selection = null
}
}
@ -156,6 +157,17 @@ import { isObjectOrArray } from '../utils/typeUtils.js'
}
}
function handleRemove() {
if (selection && selection.paths) {
console.log('remove', { selection })
const operations = removeAll(selection.paths)
handlePatch(operations)
selection = null
}
}
function handleDuplicate() {
if (selection && selection.paths) {
console.log('duplicate', { selection })
@ -368,7 +380,11 @@ import { isObjectOrArray } from '../utils/typeUtils.js'
event.preventDefault()
handleDuplicate()
}
if (combo === 'Ctrl+Insert' || combo === 'Command+Insert') {
if (combo === 'Delete') {
event.preventDefault()
handleRemove()
}
if (combo === 'Insert' || combo === 'Insert') {
event.preventDefault()
handleInsert('structure')
}
@ -430,6 +446,7 @@ import { isObjectOrArray } from '../utils/typeUtils.js'
onCut={handleCut}
onCopy={handleCopy}
onPaste={handlePaste}
onRemove={handleRemove}
onDuplicate={handleDuplicate}
onInsert={handleInsert}
onUndo={handleUndo}

View File

@ -1,6 +1,6 @@
<script>
import Icon from 'svelte-awesome'
import { faCut, faClone, faCopy, faPaste, faSearch, faUndo, faRedo, faPlus } from '@fortawesome/free-solid-svg-icons'
import { faCut, faClone, faCopy, faPaste, faSearch, faUndo, faRedo, faPlus, faTimes } from '@fortawesome/free-solid-svg-icons'
import SearchBox from './SearchBox.svelte'
import DropdownMenu from './DropdownMenu.svelte'
@ -14,6 +14,7 @@
export let onCut
export let onCopy
export let onPaste
export let onRemove
export let onDuplicate
export let onInsert
export let onUndo
@ -100,6 +101,15 @@
<div class="separator"></div>
<button
class="button remove"
on:click={onRemove}
disabled={!hasSelectionContents}
title="remove (Delete)"
>
<Icon data={faTimes} />
</button>
<button
class="button duplicate"
on:click={onDuplicate}
@ -108,10 +118,9 @@
>
<Icon data={faClone} />
</button>
<DropdownMenu
items={insertItems}
title="Insert new value (Ctrl+Insert)"
title="Insert new value (Insert)"
>
<button
class="button insert"