custom-app
Version:
ITIMS��Ʒ�鿪��ר��React���,�Dz��ý��ּ�dhcc-app���������
71 lines (59 loc) • 2.37 kB
Flow
/**
* Copyright (c) 2013-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*
* @providesModule editOnCut
* @format
* @flow
*/
;
import type DraftEditor from './DraftEditor.react';
const DraftModifier = require('./DraftModifier');
const EditorState = require('./EditorState');
const Style = require('fbjs/lib/Style');
const getFragmentFromSelection = require('./getFragmentFromSelection');
const getScrollPosition = require('fbjs/lib/getScrollPosition');
/**
* On `cut` events, native behavior is allowed to occur so that the system
* clipboard is set properly. This means that we need to take steps to recover
* the editor DOM state after the `cut` has occurred in order to maintain
* control of the component.
*
* In addition, we can keep a copy of the removed fragment, including all
* styles and entities, for use as an internal paste.
*/
function editOnCut(editor: DraftEditor, e: SyntheticClipboardEvent<>): void {
const editorState = editor._latestEditorState;
const selection = editorState.getSelection();
const element = e.target;
let scrollPosition;
// No selection, so there's nothing to cut.
if (selection.isCollapsed()) {
e.preventDefault();
return;
}
// Track the current scroll position so that it can be forced back in place
// after the editor regains control of the DOM.
if (element instanceof Node) {
scrollPosition = getScrollPosition(Style.getScrollParent(element));
}
const fragment = getFragmentFromSelection(editorState);
editor.setClipboard(fragment);
// Set `cut` mode to disable all event handling temporarily.
editor.setMode('cut');
// Let native `cut` behavior occur, then recover control.
setTimeout(() => {
editor.restoreEditorDOM(scrollPosition);
editor.exitCurrentMode();
editor.update(removeFragment(editorState));
}, 0);
}
function removeFragment(editorState: EditorState): EditorState {
const newContent = DraftModifier.removeRange(editorState.getCurrentContent(), editorState.getSelection(), 'forward');
return EditorState.push(editorState, newContent, 'remove-range');
}
module.exports = editOnCut;