@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -1,65 +1,74 @@
-import { Transforms, Node, Editor, Element, Path } from '@seafile/slate';
-import slugid from 'slugid';
-import { ReactEditor } from '@seafile/slate-react';
-import copy from 'copy-to-clipboard';
-import { toggleList } from '../../plugins/list/transforms';
-import { generateEmptyElement, findPath, isMultiLevelList } from '../../core';
-import { generateEmptyList } from '../../plugins/list/model';
-import { setClipboardCodeBlockData } from '../../plugins/code-block/helpers';
-import { ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, CHECK_LIST_ITEM, IMAGE, TABLE, CODE_BLOCK, BLOCKQUOTE, LIST_ITEM_CORRELATION_TYPE, ADD_POSITION_OFFSET_TYPE, INSERT_POSITION, ELEMENT_TYPE, CALL_OUT } from '../../constants';
-import { EMPTY_SELECTED_RANGE } from '../../plugins/table/constants';
-import { unwrapCallout, wrapCallout } from '../../plugins/callout/helper';
-import { convertToCheck } from '../../plugins/check-list/helpers';
-import { WIKI_EDITOR } from '../../../constants';
-export const onSetNodeType = (editor, element, type) => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setSelection = exports.onWrapListItem = exports.onSetNodeType = exports.onDeleteNode = exports.onCopyNode = exports.isVoidNode = exports.isNotSupportTransform = exports.isList = exports.isBlockquote = exports.insertElement = exports.getTopValue = exports.getNodeEntry = exports.getListNode = void 0;
+var _slate = require("@seafile/slate");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _slateReact = require("@seafile/slate-react");
+var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
+var _transforms = require("../../plugins/list/transforms");
+var _core = require("../../core");
+var _model = require("../../plugins/list/model");
+var _helpers = require("../../plugins/code-block/helpers");
+var _constants = require("../../constants");
+var _constants2 = require("../../plugins/table/constants");
+var _helper = require("../../plugins/callout/helper");
+var _helpers2 = require("../../plugins/check-list/helpers");
+var _constants3 = require("../../../constants");
+const onSetNodeType = (editor, element, type) => {
   if (!type) return;
-  if (type === CALL_OUT) {
-    wrapCallout(editor);
+  if (type === _constants.CALL_OUT) {
+    (0, _helper.wrapCallout)(editor);
     return;
   }
-  if ([ORDERED_LIST, UNORDERED_LIST].includes(type)) {
-    toggleList(editor, type);
+  if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(type)) {
+    (0, _transforms.toggleList)(editor, type);
     return;
   }
-  if (type === CHECK_LIST_ITEM) {
-    const path = findPath(editor, element);
-    const [targetNode, targetPath] = Editor.node(editor, [path[0]]) || [];
-    if (targetNode && [ORDERED_LIST, UNORDERED_LIST].includes(targetNode === null || targetNode === void 0 ? void 0 : targetNode.type) && !isMultiLevelList(targetNode)) {
-      convertToCheck(editor, targetNode, targetPath);
+  if (type === _constants.CHECK_LIST_ITEM) {
+    const path = (0, _core.findPath)(editor, element);
+    const [targetNode, targetPath] = _slate.Editor.node(editor, [path[0]]) || [];
+    if (targetNode && [_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(targetNode === null || targetNode === void 0 ? void 0 : targetNode.type) && !(0, _core.isMultiLevelList)(targetNode)) {
+      (0, _helpers2.convertToCheck)(editor, targetNode, targetPath);
       return;
     }
-    const newType = element.type === CHECK_LIST_ITEM ? PARAGRAPH : CHECK_LIST_ITEM;
-    Transforms.setNodes(editor, {
+    const newType = element.type === _constants.CHECK_LIST_ITEM ? _constants.PARAGRAPH : _constants.CHECK_LIST_ITEM;
+    _slate.Transforms.setNodes(editor, {
       type: newType
     });
     return;
   }
-  if (type === BLOCKQUOTE && LIST_ITEM_CORRELATION_TYPE.includes(element.type)) {
-    Transforms.wrapNodes(editor, {
-      id: slugid.nice(),
-      type: BLOCKQUOTE
+  if (type === _constants.BLOCKQUOTE && _constants.LIST_ITEM_CORRELATION_TYPE.includes(element.type)) {
+    _slate.Transforms.wrapNodes(editor, {
+      id: _slugid.default.nice(),
+      type: _constants.BLOCKQUOTE
     }, {
       mode: 'highest',
-      match: n => Element.isElement(n) && Editor.isBlock(editor, n)
+      match: n => _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n)
     });
     return;
   }
-  Transforms.setNodes(editor, {
+  _slate.Transforms.setNodes(editor, {
     type: type
   });
 };
-export const setSelection = (editor, element) => {
+exports.onSetNodeType = onSetNodeType;
+const setSelection = (editor, element) => {
   if (element) {
-    const path = ReactEditor.findPath(editor, element);
-    Transforms.select(editor, path);
+    const path = _slateReact.ReactEditor.findPath(editor, element);
+    _slate.Transforms.select(editor, path);
   }
 };
-export const onCopyNode = (editor, element) => {
-  if (element.type === ELEMENT_TYPE.CODE_BLOCK) {
-    setClipboardCodeBlockData(element);
+exports.setSelection = setSelection;
+const onCopyNode = (editor, element) => {
+  if (element.type === _constants.ELEMENT_TYPE.CODE_BLOCK) {
+    (0, _helpers.setClipboardCodeBlockData)(element);
     return;
   }
-  if (element.type === ELEMENT_TYPE.TABLE) {
+  if (element.type === _constants.ELEMENT_TYPE.TABLE) {
     const tableSize = [element.children.length, element.children[0].children.length];
     const tableSelectedRange = {
       minRowIndex: 0,
@@ -70,7 +79,7 @@ export const onCopyNode = (editor, element) => {
     editor.tableSelectedRange = tableSelectedRange;
   }
   const newData = editor.setFragmentData(new DataTransfer());
-  copy('copy', {
+  (0, _copyToClipboard.default)('copy', {
     onCopy: clipboardData => {
       newData.types.forEach(type => {
         const data = newData.getData(type);
@@ -78,27 +87,29 @@ export const onCopyNode = (editor, element) => {
       });
     }
   });
-  if (element.type === ELEMENT_TYPE.TABLE) {
-    editor.tableSelectedRange = EMPTY_SELECTED_RANGE;
+  if (element.type === _constants.ELEMENT_TYPE.TABLE) {
+    editor.tableSelectedRange = _constants2.EMPTY_SELECTED_RANGE;
   }
 };
-export const onDeleteNode = (editor, element) => {
-  if (element.type === CALL_OUT) {
-    unwrapCallout(editor);
+exports.onCopyNode = onCopyNode;
+const onDeleteNode = (editor, element) => {
+  if (element.type === _constants.CALL_OUT) {
+    (0, _helper.unwrapCallout)(editor);
     return;
   }
-  const path = ReactEditor.findPath(editor, element);
-  Transforms.removeNodes(editor, {
+  const path = _slateReact.ReactEditor.findPath(editor, element);
+  _slate.Transforms.removeNodes(editor, {
     at: path
   });
 };
-export const getTopValue = (editor, dom, containerDom, slateNode) => {
+exports.onDeleteNode = onDeleteNode;
+const getTopValue = (editor, dom, containerDom, slateNode) => {
   if (!dom) return 0;
   if (!containerDom) return 0;
   const currentRect = dom.getBoundingClientRect();
   let containerRect = containerDom.getBoundingClientRect();
   let headerHeight = 0;
-  if (editor.editorType === WIKI_EDITOR) {
+  if (editor.editorType === _constants3.WIKI_EDITOR) {
     const titleDom = document.getElementById('wiki-page-title');
     const coverDom = document.getElementById('wiki-page-cover');
     const titleHeight = (titleDom === null || titleDom === void 0 ? void 0 : titleDom.getBoundingClientRect().height) || 0;
@@ -110,90 +121,99 @@ export const getTopValue = (editor, dom, containerDom, slateNode) => {
   let paddingTop = parseFloat(window.getComputedStyle(dom).getPropertyValue('padding-top'));
   const lineHeight = parseFloat(window.getComputedStyle(dom).getPropertyValue('line-height'));
   const disToolBarHeight = 21; // side toolbar icon line-height is 21
-  if (ADD_POSITION_OFFSET_TYPE.includes(slateNode.type)) {
-    paddingTop = slateNode.type === CHECK_LIST_ITEM ? 5 : paddingTop;
+  if (_constants.ADD_POSITION_OFFSET_TYPE.includes(slateNode.type)) {
+    paddingTop = slateNode.type === _constants.CHECK_LIST_ITEM ? 5 : paddingTop;
     offsetY = lineHeight / 2 + paddingTop - disToolBarHeight / 2;
   }
   return top + offsetY - headerHeight;
 };
-export const isVoidNode = node => {
+exports.getTopValue = getTopValue;
+const isVoidNode = node => {
   if (!node) return true;
-  const hasImage = node.children.find(n => n.type === IMAGE);
-  const isTable = node.type === TABLE;
-  const isCodeBlock = node.type === CODE_BLOCK;
-  const isCallout = node.type === CALL_OUT;
-  return Node.string(node) === '' && !hasImage && !isTable && !isCodeBlock && !isCallout;
+  const hasImage = node.children.find(n => n.type === _constants.IMAGE);
+  const isTable = node.type === _constants.TABLE;
+  const isCodeBlock = node.type === _constants.CODE_BLOCK;
+  const isCallout = node.type === _constants.CALL_OUT;
+  return _slate.Node.string(node) === '' && !hasImage && !isTable && !isCodeBlock && !isCallout;
 };
-export const isNotSupportTransform = node => {
-  if (node.type && [CODE_BLOCK, TABLE, CALL_OUT].includes(node.type)) {
+exports.isVoidNode = isVoidNode;
+const isNotSupportTransform = node => {
+  if (node.type && [_constants.CODE_BLOCK, _constants.TABLE, _constants.CALL_OUT].includes(node.type)) {
     return true;
   }
   return false;
 };
-export const insertElement = (editor, type, insertPosition) => {
-  if (insertPosition === INSERT_POSITION.AFTER) {
-    const p = generateEmptyElement(PARAGRAPH);
-    const path = Editor.path(editor, editor.selection);
-    Transforms.insertNodes(editor, p, {
+exports.isNotSupportTransform = isNotSupportTransform;
+const insertElement = (editor, type, insertPosition) => {
+  if (insertPosition === _constants.INSERT_POSITION.AFTER) {
+    const p = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
+    const path = _slate.Editor.path(editor, editor.selection);
+    _slate.Transforms.insertNodes(editor, p, {
       at: [path[0] + 1]
     });
-    Transforms.select(editor, [path[0] + 1]);
+    _slate.Transforms.select(editor, [path[0] + 1]);
   }
   // Insertion position is current or after
-  Transforms.setNodes(editor, {
+  _slate.Transforms.setNodes(editor, {
     type
   });
 };
-export const getNodeEntry = (editor, el) => {
-  const node = ReactEditor.toSlateNode(editor, el);
-  let path = ReactEditor.findPath(editor, node);
+exports.insertElement = insertElement;
+const getNodeEntry = (editor, el) => {
+  const node = _slateReact.ReactEditor.toSlateNode(editor, el);
+  let path = _slateReact.ReactEditor.findPath(editor, node);
   if (isList(editor, path)) {
     path = path.slice(0, path.length - 1);
   }
   if (node && path) return [node, path];
   return [];
 };
-export const isBlockquote = (editor, path) => {
+exports.getNodeEntry = getNodeEntry;
+const isBlockquote = (editor, path) => {
   var _nodeEntry$;
-  const nodeEntry = Editor.node(editor, path);
-  if (nodeEntry && ((_nodeEntry$ = nodeEntry[0]) === null || _nodeEntry$ === void 0 ? void 0 : _nodeEntry$.type) === BLOCKQUOTE) {
+  const nodeEntry = _slate.Editor.node(editor, path);
+  if (nodeEntry && ((_nodeEntry$ = nodeEntry[0]) === null || _nodeEntry$ === void 0 ? void 0 : _nodeEntry$.type) === _constants.BLOCKQUOTE) {
     return true;
   }
   return false;
 };
-export const isList = (editor, path) => {
+exports.isBlockquote = isBlockquote;
+const isList = (editor, path) => {
   var _nodeEntry$2;
-  const nodeEntry = Editor.node(editor, [path[0]]);
-  if (nodeEntry && [ORDERED_LIST, UNORDERED_LIST].includes((_nodeEntry$2 = nodeEntry[0]) === null || _nodeEntry$2 === void 0 ? void 0 : _nodeEntry$2.type)) {
+  const nodeEntry = _slate.Editor.node(editor, [path[0]]);
+  if (nodeEntry && [_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes((_nodeEntry$2 = nodeEntry[0]) === null || _nodeEntry$2 === void 0 ? void 0 : _nodeEntry$2.type)) {
     return true;
   }
   if (path.length > 1 && isBlockquote(editor, [path[0]])) {
     var _nodeEntry$3;
-    const nodeEntry = Editor.node(editor, [path[0], path[1]]);
-    if ([ORDERED_LIST, UNORDERED_LIST].includes((_nodeEntry$3 = nodeEntry[0]) === null || _nodeEntry$3 === void 0 ? void 0 : _nodeEntry$3.type)) {
+    const nodeEntry = _slate.Editor.node(editor, [path[0], path[1]]);
+    if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes((_nodeEntry$3 = nodeEntry[0]) === null || _nodeEntry$3 === void 0 ? void 0 : _nodeEntry$3.type)) {
       return true;
     }
   }
   return false;
 };
-export const getListNode = (editor, path) => {
-  let listType = Editor.node(editor, [path[0]])[0].type;
-  if (listType === BLOCKQUOTE) {
-    listType = Editor.node(editor, [path[0], path[1]])[0].type;
-  }
-  const listItem = Editor.node(editor, path)[0];
-  const listNode = generateEmptyList(listType);
+exports.isList = isList;
+const getListNode = (editor, path) => {
+  let listType = _slate.Editor.node(editor, [path[0]])[0].type;
+  if (listType === _constants.BLOCKQUOTE) {
+    listType = _slate.Editor.node(editor, [path[0], path[1]])[0].type;
+  }
+  const listItem = _slate.Editor.node(editor, path)[0];
+  const listNode = (0, _model.generateEmptyList)(listType);
   listNode.children[0] = listItem;
   return listNode;
 };
-export const onWrapListItem = (editor, targetPath, sourcePath) => {
-  const nextPath = Path.next(targetPath);
+exports.getListNode = getListNode;
+const onWrapListItem = (editor, targetPath, sourcePath) => {
+  const nextPath = _slate.Path.next(targetPath);
   const listNode = getListNode(editor, sourcePath);
-  Transforms.removeNodes(editor, {
+  _slate.Transforms.removeNodes(editor, {
     at: sourcePath
   });
-  Transforms.insertNodes(editor, listNode, {
+  _slate.Transforms.insertNodes(editor, listNode, {
     at: nextPath
   });
   return;
-};
+};
+exports.onWrapListItem = onWrapListItem;