@seafile/sdoc-editor 0.3.5 → 0.3.7

package/dist/basic-sdk/extension/plugins/text-style/menu/index.js

@@ -10,36 +10,39 @@ import FontSizeScale from '../../font/menu/font-size/font-size-scale';
 import { getValue, isMenuDisabled, addMark, removeMark } from '../helpers';
 import { useColorContext } from '../../../../hooks/use-color-context';
 import { eventStopPropagation } from '../../../../utils/mouse-event';
-var TextStyleMenuList = function TextStyleMenuList(_ref) {
-  var editor = _ref.editor,
-    t = _ref.t,
-    isRichEditor = _ref.isRichEditor,
-    className = _ref.className,
-    idPrefix = _ref.idPrefix,
-    readonly = _ref.readonly;
-  var selectedFontSize = getFontSize(editor);
-  var selectedFontSizeValue = selectedFontSize;
-  var _useColorContext = useColorContext(),
-    lastUsedFontColor = _useColorContext.lastUsedFontColor,
-    updateLastUsedFontColor = _useColorContext.updateLastUsedFontColor,
-    lastUsedHighlightColor = _useColorContext.lastUsedHighlightColor,
-    updateLastUsedHighlightColor = _useColorContext.updateLastUsedHighlightColor;
-  var isActive = useCallback(function (type) {
-    var isMark = getValue(editor, type);
+const TextStyleMenuList = _ref => {
+  let {
+    editor,
+    t,
+    isRichEditor,
+    className,
+    idPrefix,
+    readonly
+  } = _ref;
+  let selectedFontSize = getFontSize(editor);
+  let selectedFontSizeValue = selectedFontSize;
+  const {
+    lastUsedFontColor,
+    updateLastUsedFontColor,
+    lastUsedHighlightColor,
+    updateLastUsedHighlightColor
+  } = useColorContext();
+  const isActive = useCallback(type => {
+    const isMark = getValue(editor, type);
     return !!isMark;
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  var isDisabled = useCallback(function () {
+  const isDisabled = useCallback(() => {
     return isMenuDisabled(editor, readonly);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, readonly]);
-  var onMouseDown = useCallback(function (event, type) {
+  const onMouseDown = useCallback((event, type) => {
     event.preventDefault();
     event.stopPropagation();
     if (isDisabled()) return;
-    var active = isActive(type);
+    const active = isActive(type);
     if (active) {
       removeMark(editor, type);
     } else {
@@ -49,39 +52,37 @@ var TextStyleMenuList = function TextStyleMenuList(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  var setColor = useCallback(function (type, color) {
+  const setColor = useCallback((type, color) => {
     Editor.addMark(editor, type, color);
     focusEditor(editor);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  var increaseFontSize = useCallback(function (event) {
+  const increaseFontSize = useCallback(event => {
     eventStopPropagation(event);
     setFontSize(editor, selectedFontSizeValue + 1);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, selectedFontSize, selectedFontSizeValue]);
-  var reduceFontSize = useCallback(function (event) {
+  const reduceFontSize = useCallback(event => {
     eventStopPropagation(event);
-    var nextFontSize = selectedFontSizeValue - 1;
+    const nextFontSize = selectedFontSizeValue - 1;
     if (nextFontSize < 1) return;
     setFontSize(editor, nextFontSize);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, selectedFontSize, selectedFontSizeValue]);
-  var getTextStyleList = useCallback(function (key) {
-    return MENUS_CONFIG_MAP[key].map(function (item) {
-      var itemProps = {
-        isRichEditor: isRichEditor,
-        className: className,
+  const getTextStyleList = useCallback(key => {
+    return MENUS_CONFIG_MAP[key].map(item => {
+      let itemProps = {
+        isRichEditor,
+        className,
         disabled: isDisabled(),
         isActive: isActive(item.type),
-        onMouseDown: item.isColor ? function () {} : onMouseDown
+        onMouseDown: item.isColor ? () => {} : onMouseDown
       };
       if (item.isColor) {
-        itemProps['setColor'] = function (color) {
-          return setColor(item.type, color);
-        };
+        itemProps['setColor'] = color => setColor(item.type, color);
         itemProps['defaultColorTip'] = item.type === TEXT_STYLE_MAP.COLOR ? t('Default') : '';
         itemProps['lastUsedColor'] = item.type === TEXT_STYLE_MAP.COLOR ? lastUsedFontColor : lastUsedHighlightColor;
         itemProps['updateLastUsedColor'] = item.type === TEXT_STYLE_MAP.COLOR ? updateLastUsedFontColor : updateLastUsedHighlightColor;
@@ -93,14 +94,14 @@ var TextStyleMenuList = function TextStyleMenuList(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, lastUsedFontColor, lastUsedHighlightColor, readonly]);
-  var list = getTextStyleList(TEXT_STYLE);
-  var dropdownList = getTextStyleList(TEXT_STYLE_MORE);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, list.map(function (itemProps, index) {
-    var Component = itemProps.isColor ? ColorMenu : MenuItem;
+  const list = getTextStyleList(TEXT_STYLE);
+  const dropdownList = getTextStyleList(TEXT_STYLE_MORE);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, list.map((itemProps, index) => {
+    const Component = itemProps.isColor ? ColorMenu : MenuItem;
     return /*#__PURE__*/React.createElement(Component, Object.assign({
       key: index
     }, itemProps));
-  }), /*#__PURE__*/React.createElement(MoreDropdown, null, dropdownList.map(function (itemProps, index) {
+  }), /*#__PURE__*/React.createElement(MoreDropdown, null, dropdownList.map((itemProps, index) => {
     return /*#__PURE__*/React.createElement(MenuItem, Object.assign({
       key: index
     }, itemProps));

package/dist/basic-sdk/extension/plugins/text-style/plugin.js

@@ -1,22 +1,22 @@
 import { TEXT_STYLE_MAP } from '../../constants';
 import { getValue, isMenuDisabled, addMark, removeMark } from './helpers';
-var withTextStyle = function withTextStyle(editor) {
-  var toggleTextStyle = function toggleTextStyle(type) {
-    var isDisabled = isMenuDisabled(editor);
+const withTextStyle = editor => {
+  const toggleTextStyle = type => {
+    const isDisabled = isMenuDisabled(editor);
     if (isDisabled) {
       return false;
     }
-    var isActive = !!getValue(editor, type);
+    const isActive = !!getValue(editor, type);
     if (isActive) {
       removeMark(editor, type);
     } else {
       addMark(editor, type);
     }
   };
-  editor.toggleTextBold = function () {
+  editor.toggleTextBold = () => {
     toggleTextStyle(TEXT_STYLE_MAP.BOLD);
   };
-  editor.toggleTextItalic = function () {
+  editor.toggleTextItalic = () => {
     toggleTextStyle(TEXT_STYLE_MAP.ITALIC);
   };
   return editor;

package/dist/basic-sdk/extension/plugins/text-style/render-elem.js

@@ -1,17 +1,21 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["text"];
+const _excluded = ["text"];
 import React from 'react';
 import Caret from './caret';
 import { TEXT_STYLE_MAP } from '../../constants';
 import { generatorFontFamily } from '../font/helpers';
-var renderText = function renderText(props, editor) {
-  var attributes = props.attributes,
-    children = props.children,
-    leaf = props.leaf;
-  var text = leaf.text,
+const renderText = (props, editor) => {
+  const {
+    attributes,
+    children,
+    leaf
+  } = props;
+  const {
+      text
+    } = leaf,
     rest = _objectWithoutProperties(leaf, _excluded);
-  var markedChildren = React.cloneElement(children);
-  var style = {};
+  let markedChildren = React.cloneElement(children);
+  let style = {};
   if (leaf.isCaret) {
     style['position'] = 'relative';
     style['display'] = 'inline-block';
@@ -27,13 +31,13 @@ var renderText = function renderText(props, editor) {
     style['backgroundColor'] = leaf[TEXT_STYLE_MAP.HIGHLIGHT_COLOR];
   }
   if (leaf[TEXT_STYLE_MAP.FONT_SIZE]) {
-    var fontSize = leaf[TEXT_STYLE_MAP.FONT_SIZE];
+    const fontSize = leaf[TEXT_STYLE_MAP.FONT_SIZE];
     if (typeof fontSize === 'number') {
       style['fontSize'] = "".concat(fontSize, "pt");
     }
   }
   if (leaf[TEXT_STYLE_MAP.FONT]) {
-    var fontWeight = leaf[TEXT_STYLE_MAP.BOLD] ? 600 : 400;
+    const fontWeight = leaf[TEXT_STYLE_MAP.BOLD] ? 600 : 400;
     style['fontFamily'] = generatorFontFamily(leaf[TEXT_STYLE_MAP.FONT], fontWeight);
   }
   if (leaf[TEXT_STYLE_MAP.BOLD]) {

package/dist/basic-sdk/extension/render/custom-element.js

@@ -1,46 +1,36 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useCallback } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
-import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, CODE_LINE, IMAGE, ELEMENT_TYPE, SDOC_LINK, FILE_LINK, TITLE, SUBTITLE } from '../constants';
+import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, CODE_LINE, IMAGE, ELEMENT_TYPE, SDOC_LINK, FILE_LINK, TITLE, SUBTITLE, SUPPORTED_SIDE_OPERATION_TYPE } from '../constants';
 import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin } from '../plugins';
-import EventBus from '../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../constants';
+import { onMouseEnter, onDragOver, onDragLeave, onDrop } from '../toolbar/side-toolbar/event';
 import { getParentNode } from '../core';
-var CustomRenderElement = function CustomRenderElement(props) {
-  var editor = useSlateStatic();
-  var element = props.element,
-    attributes = props.attributes;
-  var onMouseEnter = useCallback(function (event) {
-    event.stopPropagation();
-    var eventBus = EventBus.getInstance();
-    eventBus.dispatch(INTERNAL_EVENT.ON_MOUSE_ENTER_BLOCK, event);
-  }, []);
+const CustomRenderElement = props => {
+  const editor = useSlateStatic();
+  const {
+    element,
+    attributes
+  } = props;
+  if (SUPPORTED_SIDE_OPERATION_TYPE.includes(element.type)) {
+    attributes['onMouseEnter'] = onMouseEnter;
+    attributes['onDragOver'] = onDragOver;
+    attributes['onDragLeave'] = onDragLeave;
+    attributes['onDrop'] = onDrop;
+    attributes['className'] = 'sdoc-drag-cover';
+  }
   switch (element.type) {
     case PARAGRAPH:
       {
-        var parentNode = getParentNode(editor.children, element.id);
-        if (parentNode && parentNode.type === LIST_ITEM) {
-          var _ParagraphPlugin$rend = _slicedToArray(ParagraphPlugin.renderElements, 1),
-            _renderParagraph = _ParagraphPlugin$rend[0];
-          return _renderParagraph(props);
-        }
-        attributes['onMouseEnter'] = onMouseEnter;
-        var _ParagraphPlugin$rend2 = _slicedToArray(ParagraphPlugin.renderElements, 1),
-          renderParagraph = _ParagraphPlugin$rend2[0];
+        const [renderParagraph] = ParagraphPlugin.renderElements;
         return renderParagraph(props);
       }
     case TITLE:
       {
-        var _HeaderPlugin$renderE = _slicedToArray(HeaderPlugin.renderElements, 1),
-          renderTitle = _HeaderPlugin$renderE[0];
+        const [renderTitle] = HeaderPlugin.renderElements;
         return renderTitle(props, editor);
       }
     case SUBTITLE:
       {
-        attributes['onMouseEnter'] = onMouseEnter;
-        var _HeaderPlugin$renderE2 = _slicedToArray(HeaderPlugin.renderElements, 2),
-          renderSubtitle = _HeaderPlugin$renderE2[1];
+        const [, renderSubtitle] = HeaderPlugin.renderElements;
         return renderSubtitle(props, editor);
       }
     case HEADER1:
@@ -50,112 +40,89 @@ var CustomRenderElement = function CustomRenderElement(props) {
     case HEADER5:
     case HEADER6:
       {
-        attributes['onMouseEnter'] = onMouseEnter;
-        var _HeaderPlugin$renderE3 = _slicedToArray(HeaderPlugin.renderElements, 3),
-          renderHeader = _HeaderPlugin$renderE3[2];
+        const [,, renderHeader] = HeaderPlugin.renderElements;
         return renderHeader(props, editor);
       }
     case LINK:
       {
-        var _LinkPlugin$renderEle = _slicedToArray(LinkPlugin.renderElements, 1),
-          renderLink = _LinkPlugin$renderEle[0];
+        const [renderLink] = LinkPlugin.renderElements;
         return renderLink(props, editor);
       }
     case BLOCKQUOTE:
       {
-        attributes['onMouseEnter'] = onMouseEnter;
-        var _BlockquotePlugin$ren = _slicedToArray(BlockquotePlugin.renderElements, 1),
-          renderBlockquote = _BlockquotePlugin$ren[0];
+        const [renderBlockquote] = BlockquotePlugin.renderElements;
         return renderBlockquote(props, editor);
       }
     case ORDERED_LIST:
     case UNORDERED_LIST:
       {
-        var _ListPlugin$renderEle = _slicedToArray(ListPlugin.renderElements, 1),
-          renderList = _ListPlugin$renderEle[0];
+        const [renderList] = ListPlugin.renderElements;
         return renderList(props, editor);
       }
     case LIST_ITEM:
       {
-        attributes['onMouseEnter'] = onMouseEnter;
-        var _ListPlugin$renderEle2 = _slicedToArray(ListPlugin.renderElements, 2),
-          renderListItem = _ListPlugin$renderEle2[1];
+        const [, renderListItem] = ListPlugin.renderElements;
         return renderListItem(props, editor);
       }
     case CHECK_LIST_ITEM:
       {
-        attributes['onMouseEnter'] = onMouseEnter;
-        var _CheckListPlugin$rend = _slicedToArray(CheckListPlugin.renderElements, 1),
-          renderCheckListItem = _CheckListPlugin$rend[0];
+        const [renderCheckListItem] = CheckListPlugin.renderElements;
         return renderCheckListItem(props, editor);
       }
     case CODE_BLOCK:
       {
-        attributes['onMouseEnter'] = onMouseEnter;
-        var _CodeBlockPlugin$rend = _slicedToArray(CodeBlockPlugin.renderElements, 1),
-          renderCodeBlock = _CodeBlockPlugin$rend[0];
+        const [renderCodeBlock] = CodeBlockPlugin.renderElements;
         return renderCodeBlock(props, editor);
       }
     case CODE_LINE:
       {
-        var _CodeBlockPlugin$rend2 = _slicedToArray(CodeBlockPlugin.renderElements, 2),
-          renderCodeLine = _CodeBlockPlugin$rend2[1];
+        const [, renderCodeLine] = CodeBlockPlugin.renderElements;
         return renderCodeLine(props, editor);
       }
     case IMAGE:
       {
         var _editor$element_comme;
-        var _parentNode = getParentNode(editor.children, element.id);
-        var comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[_parentNode.id]) || [];
-        var unresolvedComments = comments && comments.filter(function (item) {
-          return !item.resolved;
-        });
-        var leaf = {};
+        const parentNode = getParentNode(editor.children, element.id);
+        const comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[parentNode.id]) || [];
+        const unresolvedComments = comments && comments.filter(item => !item.resolved);
+        let leaf = {};
         if (unresolvedComments && unresolvedComments.length > 0) {
           leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
         }
-        var _ImagePlugin$renderEl = _slicedToArray(ImagePlugin.renderElements, 1),
-          renderImage = _ImagePlugin$renderEl[0];
+        const [renderImage] = ImagePlugin.renderElements;
         return renderImage(_objectSpread(_objectSpread({}, props), {}, {
-          leaf: leaf
+          leaf
         }), editor);
       }
     case ELEMENT_TYPE.TABLE:
       {
-        attributes['onMouseEnter'] = onMouseEnter;
-        var _TablePlugin$renderEl = _slicedToArray(TablePlugin.renderElements, 1),
-          renderTable = _TablePlugin$renderEl[0];
+        const [renderTable] = TablePlugin.renderElements;
         return renderTable(props, editor);
       }
     case ELEMENT_TYPE.TABLE_ROW:
       {
-        var _TablePlugin$renderEl2 = _slicedToArray(TablePlugin.renderElements, 2),
-          renderTableRow = _TablePlugin$renderEl2[1];
+        const [, renderTableRow] = TablePlugin.renderElements;
         return renderTableRow(props, editor);
       }
     case ELEMENT_TYPE.TABLE_CELL:
       {
-        var _TablePlugin$renderEl3 = _slicedToArray(TablePlugin.renderElements, 3),
-          renderTableCell = _TablePlugin$renderEl3[2];
+        const [,, renderTableCell] = TablePlugin.renderElements;
         return renderTableCell(props, editor);
       }
     case SDOC_LINK:
       {
-        var _SdocLinkPlugin$rende = _slicedToArray(SdocLinkPlugin.renderElements, 1),
-          renderSdocLink = _SdocLinkPlugin$rende[0];
+        const [renderSdocLink] = SdocLinkPlugin.renderElements;
         return renderSdocLink(props, editor);
       }
     case FILE_LINK:
       {
-        var _FileLinkPlugin$rende = _slicedToArray(FileLinkPlugin.renderElements, 1),
-          renderFileLink = _FileLinkPlugin$rende[0];
+        const [renderFileLink] = FileLinkPlugin.renderElements;
         return renderFileLink(props, editor);
       }
     default:
       {
-        var _ParagraphPlugin$rend3 = _slicedToArray(ParagraphPlugin.renderElements, 1),
-          _renderParagraph2 = _ParagraphPlugin$rend3[0];
-        return _renderParagraph2(props);
+        const [renderParagraph] = ParagraphPlugin.renderElements;
+        return renderParagraph(props);
       }
   }
 };

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/index.js

@@ -4,10 +4,12 @@ import RebaseModifyModifyDecorate from './rebase-modify-modify-decorate';
 import RebaseDeleteModifyDecorate from './rebase-delete-modify-decorate';
 import { REBASE_MARK_KEY, REBASE_TYPE } from '../../../../constants';
 import './index.css';
-var RebaseDecorate = function RebaseDecorate(_ref) {
-  var element = _ref.element,
-    children = _ref.children;
-  var rebaseType = element[REBASE_MARK_KEY.REBASE_TYPE];
+const RebaseDecorate = _ref => {
+  let {
+    element,
+    children
+  } = _ref;
+  const rebaseType = element[REBASE_MARK_KEY.REBASE_TYPE];
   if (!rebaseType) return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   if (rebaseType === REBASE_TYPE.MODIFY_DELETE) {
     return /*#__PURE__*/React.createElement(RebaseModifyDeleteDecorate, {

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-delete-modify-decorate.js

@@ -5,14 +5,17 @@ import { useSlateStatic } from '@seafile/slate-react';
 import { ELEMENT_TYPE } from '../../../constants';
 import { REBASE_MARKS } from '../../../../constants';
 import { findPath, deleteNodeMark, updateRebaseParentNodeByPath } from '../../../core';
-var RebaseDeleteModifyDecorate = function RebaseDeleteModifyDecorate(_ref) {
-  var element = _ref.element,
-    children = _ref.children;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var editor = useSlateStatic();
-  var deleteElement = useCallback(function () {
-    var path = findPath(editor, element);
+const RebaseDeleteModifyDecorate = _ref => {
+  let {
+    element,
+    children
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const editor = useSlateStatic();
+  const deleteElement = useCallback(() => {
+    const path = findPath(editor, element);
     Transforms.removeNodes(editor, {
       at: path
     });
@@ -22,8 +25,8 @@ var RebaseDeleteModifyDecorate = function RebaseDeleteModifyDecorate(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  var deleteMark = useCallback(function () {
-    var path = findPath(editor, element);
+  const deleteMark = useCallback(() => {
+    const path = findPath(editor, element);
     deleteNodeMark(editor, path, element, REBASE_MARKS);
     if (element.type === ELEMENT_TYPE.LIST_ITEM) {
       updateRebaseParentNodeByPath(editor, path);

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-modify-delete-decorate.js

@@ -5,14 +5,17 @@ import { useSlateStatic } from '@seafile/slate-react';
 import { ELEMENT_TYPE } from '../../../constants';
 import { REBASE_MARKS } from '../../../../constants';
 import { findPath, deleteNodeMark, updateRebaseParentNodeByPath } from '../../../core';
-var RebaseModifyDeleteDecorate = function RebaseModifyDeleteDecorate(_ref) {
-  var element = _ref.element,
-    children = _ref.children;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var editor = useSlateStatic();
-  var deleteElement = useCallback(function () {
-    var path = findPath(editor, element);
+const RebaseModifyDeleteDecorate = _ref => {
+  let {
+    element,
+    children
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const editor = useSlateStatic();
+  const deleteElement = useCallback(() => {
+    const path = findPath(editor, element);
     Transforms.removeNodes(editor, {
       at: path
     });
@@ -22,8 +25,8 @@ var RebaseModifyDeleteDecorate = function RebaseModifyDeleteDecorate(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  var deleteMark = useCallback(function () {
-    var path = findPath(editor, element);
+  const deleteMark = useCallback(() => {
+    const path = findPath(editor, element);
     deleteNodeMark(editor, path, element, REBASE_MARKS);
     if (element.type === ELEMENT_TYPE.LIST_ITEM) {
       updateRebaseParentNodeByPath(editor, path);

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-modify-modify-decorate.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import deepCopy from 'deep-copy';
@@ -7,16 +6,19 @@ import { useSlateStatic } from '@seafile/slate-react';
 import { ELEMENT_TYPE } from '../../../constants';
 import { REBASE_MARKS, REBASE_MARK_KEY, REBASE_ORIGIN } from '../../../../constants';
 import { findPath, getNode, deleteNodeMark, updateRebaseParentNodeByPath } from '../../../core';
-var RebaseModifyModifyDecorate = function RebaseModifyModifyDecorate(_ref) {
-  var element = _ref.element,
-    children = _ref.children;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var editor = useSlateStatic();
-  var useMasterChanges = useCallback(function () {
-    var path = findPath(editor, element);
+const RebaseModifyModifyDecorate = _ref => {
+  let {
+    element,
+    children
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const editor = useSlateStatic();
+  const useMasterChanges = useCallback(() => {
+    const path = findPath(editor, element);
     deleteNodeMark(editor, path, element[REBASE_MARK_KEY.OLD_ELEMENT], REBASE_MARKS);
-    var nextElementPath = _toConsumableArray(path);
+    const nextElementPath = [...path];
     nextElementPath[path.length - 1] = path[path.length - 1] + 1;
     Transforms.removeNodes(editor, {
       at: nextElementPath
@@ -27,12 +29,12 @@ var RebaseModifyModifyDecorate = function RebaseModifyModifyDecorate(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  var useCurrentChanges = useCallback(function () {
-    var path = findPath(editor, element);
-    var currentElementPath = _toConsumableArray(path);
+  const useCurrentChanges = useCallback(() => {
+    const path = findPath(editor, element);
+    const currentElementPath = [...path];
     currentElementPath[path.length - 1] = path[path.length - 1] + 1;
-    var currentElement = getNode(editor, currentElementPath);
-    var newCurrentElement = deepCopy(currentElement);
+    const currentElement = getNode(editor, currentElementPath);
+    const newCurrentElement = deepCopy(currentElement);
     deleteNodeMark(editor, currentElementPath, newCurrentElement, REBASE_MARKS);
     Transforms.removeNodes(editor, {
       at: path
@@ -43,14 +45,14 @@ var RebaseModifyModifyDecorate = function RebaseModifyModifyDecorate(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  var useBothChanges = useCallback(function () {
+  const useBothChanges = useCallback(() => {
     // delete element marks
-    var path = findPath(editor, element);
+    const path = findPath(editor, element);
     deleteNodeMark(editor, path, element, REBASE_MARKS);
 
     // delete next element marks
-    var nextElementPath = [].concat(_toConsumableArray(path.slice(0, -1)), [path[path.length - 1] + 1]);
-    var nextElement = getNode(editor, nextElementPath);
+    const nextElementPath = [...path.slice(0, -1), path[path.length - 1] + 1];
+    const nextElement = getNode(editor, nextElementPath);
     deleteNodeMark(editor, nextElementPath, nextElement, REBASE_MARKS);
     if (element.type === ELEMENT_TYPE.LIST_ITEM) {
       updateRebaseParentNodeByPath(editor, path);

package/dist/basic-sdk/extension/render/render-element.js

@@ -2,9 +2,11 @@ import React from 'react';
 import { REBASE_MARK_KEY } from '../../constants';
 import { RebaseDecorate } from './element-decorate';
 import CustomElement from './custom-element';
-var RenderElement = function RenderElement(props) {
-  var element = props.element;
-  var rebaseType = element[REBASE_MARK_KEY.REBASE_TYPE];
+const RenderElement = props => {
+  const {
+    element
+  } = props;
+  const rebaseType = element[REBASE_MARK_KEY.REBASE_TYPE];
   if (rebaseType) {
     return /*#__PURE__*/React.createElement(RebaseDecorate, {
       element: element

package/dist/basic-sdk/extension/render/render-leaf.js

@@ -1,14 +1,12 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import { TextPlugin } from '../plugins';
-var CustomLeaf = function CustomLeaf(props) {
-  var editor = useSlateStatic();
-  var _TextPlugin$renderEle = _slicedToArray(TextPlugin.renderElements, 1),
-    renderText = _TextPlugin$renderEle[0];
+const CustomLeaf = props => {
+  const editor = useSlateStatic();
+  const [renderText] = TextPlugin.renderElements;
   return renderText(props, editor);
 };
-var renderLeaf = function renderLeaf(props) {
+const renderLeaf = props => {
   return /*#__PURE__*/React.createElement(CustomLeaf, props);
 };
 export default renderLeaf;