mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-07-31 12:30:11 +02:00
Code Issues Releases Wiki Activity

Add origin event type to setFragmentData to be able to distinguish copy, cut and drag (#4720)

Browse Source 
* Add origin event to setFragmentData to be able to distinguish copy, cut, drag

* fix lint

* add changeset

* Make originEvent optional
This commit is contained in:
Bryan Haakman
2021-12-08 18:56:11 +01:00
committed by GitHub
parent dc2999a1aa
commit 1217021a9a
5 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/brave-emus-refuse.md Normal file
View File

@@ -0,0 +1,5 @@
---
'slate-react': patch
---
Add origin event type to setFragmentData to be able to distinguish copy, cut and drag

2
docs/libraries/slate-react.md
View File

@@ -148,7 +148,7 @@ Insert fragment data from a `DataTransfer` into the editor. Returns true if some
Insert text data from a `DataTransfer` into the editor. Returns true if some content has been effectively inserted. Insert text data from a `DataTransfer` into the editor. Returns true if some content has been effectively inserted.
### `setFragmentData(editor: ReactEditor, data: DataTransfer)` ### `setFragmentData(editor: ReactEditor, data: DataTransfer, originEvent?: 'drag' | 'copy' | 'cut')`
Sets data from the currently selected fragment on a `DataTransfer`. Sets data from the currently selected fragment on a `DataTransfer`.

4
packages/slate-react/src/components/android/android-editable.tsx
View File

@@ -340,7 +340,7 @@ export const AndroidEditable = (props: EditableProps): JSX.Element => {
!isEventHandled(event, attributes.onCopy) !isEventHandled(event, attributes.onCopy)
) { ) {
event.preventDefault() event.preventDefault()
ReactEditor.setFragmentData(editor, event.clipboardData) ReactEditor.setFragmentData(editor, event.clipboardData, 'copy')
} }
}, },
[attributes.onCopy] [attributes.onCopy]
@@ -353,7 +353,7 @@ export const AndroidEditable = (props: EditableProps): JSX.Element => {
!isEventHandled(event, attributes.onCut) !isEventHandled(event, attributes.onCut)
) { ) {
event.preventDefault() event.preventDefault()
ReactEditor.setFragmentData(editor, event.clipboardData) ReactEditor.setFragmentData(editor, event.clipboardData, 'cut')
const { selection } = editor const { selection } = editor
if (selection) { if (selection) {

6
packages/slate-react/src/components/editable.tsx
View File

@@ -867,7 +867,7 @@ export const Editable = (props: EditableProps) => {
!isEventHandled(event, attributes.onCopy) !isEventHandled(event, attributes.onCopy)
) { ) {
event.preventDefault() event.preventDefault()
ReactEditor.setFragmentData(editor, event.clipboardData) ReactEditor.setFragmentData(editor, event.clipboardData, 'copy')
} }
}, },
[attributes.onCopy] [attributes.onCopy]
@@ -880,7 +880,7 @@ export const Editable = (props: EditableProps) => {
!isEventHandled(event, attributes.onCut) !isEventHandled(event, attributes.onCut)
) { ) {
event.preventDefault() event.preventDefault()
ReactEditor.setFragmentData(editor, event.clipboardData) ReactEditor.setFragmentData(editor, event.clipboardData, 'cut')
const { selection } = editor const { selection } = editor
if (selection) { if (selection) {
@@ -937,7 +937,7 @@ export const Editable = (props: EditableProps) => {
state.isDraggingInternally = true state.isDraggingInternally = true
ReactEditor.setFragmentData(editor, event.dataTransfer) ReactEditor.setFragmentData(editor, event.dataTransfer, 'drag')
} }
}, },
[readOnly, attributes.onDragStart] [readOnly, attributes.onDragStart]

13
packages/slate-react/src/plugin/react-editor.ts
View File

@@ -34,7 +34,10 @@ export interface ReactEditor extends BaseEditor {
insertData: (data: DataTransfer) => void insertData: (data: DataTransfer) => void
insertFragmentData: (data: DataTransfer) => boolean insertFragmentData: (data: DataTransfer) => boolean
insertTextData: (data: DataTransfer) => boolean insertTextData: (data: DataTransfer) => boolean
setFragmentData: (data: DataTransfer) => void setFragmentData: (
data: DataTransfer,
originEvent?: 'drag' | 'copy' | 'cut'
) => void
hasRange: (editor: ReactEditor, range: Range) => boolean hasRange: (editor: ReactEditor, range: Range) => boolean
} }
@@ -253,8 +256,12 @@ export const ReactEditor = {
* Sets data from the currently selected fragment on a `DataTransfer`. * Sets data from the currently selected fragment on a `DataTransfer`.
*/ */
setFragmentData(editor: ReactEditor, data: DataTransfer): void { setFragmentData(
editor.setFragmentData(data) editor: ReactEditor,
data: DataTransfer,
originEvent?: 'drag' | 'copy' | 'cut'
): void {
editor.setFragmentData(data, originEvent)
}, },
/** /**