@seafile/sdoc-editor 2.0.81 → 2.0.83

package/dist/extension/plugins/wiki-link/helpers.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insertWikiPageLink = exports.getWikiUrl = exports.generateWikiFileNode = void 0;
+var _slate = require("@seafile/slate");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _context = _interopRequireDefault(require("../../../context"));
+var _constants = require("../../constants");
+var _elementType = require("../../constants/element-type");
+var _helpers = require("../sdoc-link/helpers");
+var insertWikiPageLink = exports.insertWikiPageLink = function insertWikiPageLink(editor, text, wikiRepoId, pageId, icon, isDir) {
+  if ((0, _helpers.isMenuDisabled)(editor)) return;
+  // Selection folded or not
+  var selection = editor.selection;
+  if (selection == null) return;
+  var isCollapsed = _slate.Range.isCollapsed(selection);
+
+  // Remove shortcut symbol,if trigger by shortcut
+  (0, _helpers.removeShortCutSymbol)(editor);
+  var wikiLinkNode = generateWikiFileNode(wikiRepoId, pageId, text, icon, isDir);
+  if (isCollapsed) {
+    _slate.Transforms.insertNodes(editor, wikiLinkNode);
+  } else {
+    var selectedText = _slate.Editor.string(editor, selection); // Selected text
+    if (selectedText !== text) {
+      // If the selected text is different from the typed text, delete the text and insert the link
+      editor.deleteFragment();
+      _slate.Transforms.insertNodes(editor, wikiLinkNode);
+    } else {
+      // If the selected text is the same as the entered text, only the link can be wrapped
+      _slate.Transforms.wrapNodes(editor, wikiLinkNode, {
+        split: true
+      });
+      _slate.Transforms.collapse(editor, {
+        edge: 'end'
+      });
+    }
+  }
+};
+var generateWikiFileNode = exports.generateWikiFileNode = function generateWikiFileNode(wikiRepoId, pageId) {
+  var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  var icon = arguments.length > 3 ? arguments[3] : undefined;
+  var isDir = arguments.length > 4 ? arguments[4] : undefined;
+  var wikiPageLinkNode = {
+    id: _slugid["default"].nice(),
+    type: _elementType.WIKI_LINK,
+    wiki_repo_id: wikiRepoId,
+    page_id: pageId,
+    title: title,
+    icon: icon,
+    isDir: isDir,
+    display_type: _constants.INSERT_FILE_DISPLAY_TYPE[1],
+    children: [{
+      id: _slugid["default"].nice(),
+      text: title
+    }]
+  };
+  return wikiPageLinkNode;
+};
+var getWikiUrl = exports.getWikiUrl = function getWikiUrl(wikiRepoId, pageId, readOnly) {
+  if (readOnly) {
+    var _siteRoot = _context["default"].getSetting('siteRoot');
+    var publishUrl = _context["default"].getSetting('publishUrl');
+    var DEFAULT_URL = 'wiki/publish';
+    return "".concat(_siteRoot).concat(DEFAULT_URL, "/").concat(publishUrl, "/").concat(pageId, "/");
+  }
+  var siteRoot = _context["default"].getSetting('siteRoot');
+  return "".concat(siteRoot, "wikis/").concat(wikiRepoId, "/").concat(pageId, "/");
+};

package/dist/extension/plugins/wiki-link/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _elementType = require("../../constants/element-type");
+var _plugin = _interopRequireDefault(require("../sdoc-link/plugin"));
+var _renderElem = _interopRequireDefault(require("../sdoc-link/render/render-elem"));
+var WikiLinkPlugin = {
+  type: _elementType.WIKI_LINK,
+  editorPlugin: _plugin["default"],
+  renderElements: [_renderElem["default"]]
+};
+var _default = exports["default"] = WikiLinkPlugin;

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

@@ -0,0 +1,240 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../constants");
+var _constants2 = require("../constants");
+var _elementType = require("../constants/element-type");
+var _core = require("../core");
+var _plugins = require("../plugins");
+var _helper = require("./helper");
+var CustomRenderElement = function CustomRenderElement(props) {
+  var editor = (0, _slateReact.useSlateStatic)();
+  var readonly = (0, _slateReact.useReadOnly)();
+  var element = props.element,
+    attributes = props.attributes;
+  if (_constants2.SUPPORTED_SIDE_OPERATION_TYPE.includes(element.type)) {
+    (0, _helper.setMouseEnter)(editor, element, attributes);
+    attributes['onDragOver'] = _helper.onDragOver;
+    attributes['onDragLeave'] = _helper.onDragLeave;
+    attributes['onDrop'] = _helper.onDrop;
+    attributes['className'] = 'sdoc-drag-cover';
+  }
+
+  // Sets the data-root attribute to true for certain elements
+  (0, _helper.setDataRoot)(element, attributes);
+  switch (element.type) {
+    case _constants2.PARAGRAPH:
+      {
+        var placeholder = undefined;
+        if (editor.editorType === _constants.DIFF_VIEWER) placeholder = '';
+        var parentNode = (0, _core.getParentNode)(editor.children, element.id);
+        if (parentNode && parentNode.type === _constants2.LIST_ITEM) {
+          var _ParagraphPlugin$rend = (0, _slicedToArray2["default"])(_plugins.ParagraphPlugin.renderElements, 1),
+            _renderParagraph = _ParagraphPlugin$rend[0];
+          return _renderParagraph((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+            placeholder: placeholder
+          }));
+        }
+        placeholder = readonly ? '' : 'Enter_text_or_press_forward_slash_to_insert_element';
+        var _ParagraphPlugin$rend2 = (0, _slicedToArray2["default"])(_plugins.ParagraphPlugin.renderElements, 1),
+          renderParagraph = _ParagraphPlugin$rend2[0];
+        return renderParagraph((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+          placeholder: placeholder
+        }));
+      }
+    case _constants2.TITLE:
+      {
+        var _HeaderPlugin$renderE = (0, _slicedToArray2["default"])(_plugins.HeaderPlugin.renderElements, 1),
+          renderTitle = _HeaderPlugin$renderE[0];
+        return renderTitle(props, editor);
+      }
+    case _constants2.SUBTITLE:
+      {
+        var _HeaderPlugin$renderE2 = (0, _slicedToArray2["default"])(_plugins.HeaderPlugin.renderElements, 2),
+          renderSubtitle = _HeaderPlugin$renderE2[1];
+        return renderSubtitle(props, editor);
+      }
+    case _constants2.HEADER1:
+    case _constants2.HEADER2:
+    case _constants2.HEADER3:
+    case _constants2.HEADER4:
+    case _constants2.HEADER5:
+    case _constants2.HEADER6:
+      {
+        var _HeaderPlugin$renderE3 = (0, _slicedToArray2["default"])(_plugins.HeaderPlugin.renderElements, 3),
+          renderHeader = _HeaderPlugin$renderE3[2];
+        return renderHeader(props, editor);
+      }
+    case _constants2.LINK:
+      {
+        var _LinkPlugin$renderEle = (0, _slicedToArray2["default"])(_plugins.LinkPlugin.renderElements, 1),
+          renderLink = _LinkPlugin$renderEle[0];
+        return renderLink(props, editor, readonly);
+      }
+    case _constants2.BLOCKQUOTE:
+      {
+        var _BlockquotePlugin$ren = (0, _slicedToArray2["default"])(_plugins.BlockquotePlugin.renderElements, 1),
+          renderBlockquote = _BlockquotePlugin$ren[0];
+        return renderBlockquote(props, editor);
+      }
+    case _constants2.ORDERED_LIST:
+    case _constants2.UNORDERED_LIST:
+      {
+        var _ListPlugin$renderEle = (0, _slicedToArray2["default"])(_plugins.ListPlugin.renderElements, 1),
+          renderList = _ListPlugin$renderEle[0];
+        return renderList(props, editor);
+      }
+    case _constants2.LIST_ITEM:
+      {
+        var _ListPlugin$renderEle2 = (0, _slicedToArray2["default"])(_plugins.ListPlugin.renderElements, 2),
+          renderListItem = _ListPlugin$renderEle2[1];
+        return renderListItem(props, editor);
+      }
+    case _constants2.CHECK_LIST_ITEM:
+      {
+        var _CheckListPlugin$rend = (0, _slicedToArray2["default"])(_plugins.CheckListPlugin.renderElements, 1),
+          renderCheckListItem = _CheckListPlugin$rend[0];
+        return renderCheckListItem(props, editor);
+      }
+    case _constants2.CODE_BLOCK:
+      {
+        var _CodeBlockPlugin$rend = (0, _slicedToArray2["default"])(_plugins.CodeBlockPlugin.renderElements, 1),
+          renderCodeBlock = _CodeBlockPlugin$rend[0];
+        return renderCodeBlock(props, editor);
+      }
+    case _constants2.CODE_LINE:
+      {
+        var _CodeBlockPlugin$rend2 = (0, _slicedToArray2["default"])(_plugins.CodeBlockPlugin.renderElements, 2),
+          renderCodeLine = _CodeBlockPlugin$rend2[1];
+        return renderCodeLine(props, editor);
+      }
+    case _constants2.IMAGE:
+      {
+        var _editor$element_comme;
+        var _parentNode = (0, _core.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 = {};
+        if (unresolvedComments && unresolvedComments.length > 0) {
+          leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
+        }
+        var _ImagePlugin$renderEl = (0, _slicedToArray2["default"])(_plugins.ImagePlugin.renderElements, 1),
+          renderImage = _ImagePlugin$renderEl[0];
+        return renderImage((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+          leaf: leaf
+        }), editor);
+      }
+    case _constants2.IMAGE_BLOCK:
+      {
+        var _ImagePlugin$renderEl2 = (0, _slicedToArray2["default"])(_plugins.ImagePlugin.renderElements, 2),
+          renderImageBlock = _ImagePlugin$renderEl2[1];
+        return renderImageBlock((0, _objectSpread2["default"])({}, props), editor);
+      }
+    case _constants2.VIDEO:
+      {
+        var _VideoPlugin$renderEl = (0, _slicedToArray2["default"])(_plugins.VideoPlugin.renderElements, 1),
+          renderVideo = _VideoPlugin$renderEl[0];
+        return renderVideo((0, _objectSpread2["default"])({}, props), editor);
+      }
+    case _constants2.ELEMENT_TYPE.MULTI_COLUMN:
+      {
+        var _MultiColumnPlugin$re = (0, _slicedToArray2["default"])(_plugins.MultiColumnPlugin.renderElements, 1),
+          renderMultiColumn = _MultiColumnPlugin$re[0];
+        return renderMultiColumn(props, editor);
+      }
+    case _constants2.ELEMENT_TYPE.COLUMN:
+      {
+        var _MultiColumnPlugin$re2 = (0, _slicedToArray2["default"])(_plugins.MultiColumnPlugin.renderElements, 2),
+          renderColumn = _MultiColumnPlugin$re2[1];
+        return renderColumn(props, editor);
+      }
+    case _constants2.ELEMENT_TYPE.TABLE:
+      {
+        var _TablePlugin$renderEl = (0, _slicedToArray2["default"])(_plugins.TablePlugin.renderElements, 1),
+          renderTable = _TablePlugin$renderEl[0];
+        return renderTable(props, editor);
+      }
+    case _constants2.ELEMENT_TYPE.TABLE_ROW:
+      {
+        var _TablePlugin$renderEl2 = (0, _slicedToArray2["default"])(_plugins.TablePlugin.renderElements, 2),
+          renderTableRow = _TablePlugin$renderEl2[1];
+        return renderTableRow(props, editor);
+      }
+    case _constants2.ELEMENT_TYPE.TABLE_CELL:
+      {
+        var _TablePlugin$renderEl3 = (0, _slicedToArray2["default"])(_plugins.TablePlugin.renderElements, 3),
+          renderTableCell = _TablePlugin$renderEl3[2];
+        return renderTableCell(props, editor);
+      }
+    case _constants2.SDOC_LINK:
+      {
+        var _SdocLinkPlugin$rende = (0, _slicedToArray2["default"])(_plugins.SdocLinkPlugin.renderElements, 1),
+          renderSdocLink = _SdocLinkPlugin$rende[0];
+        return renderSdocLink(props, editor);
+      }
+    case _constants2.FILE_LINK:
+      {
+        var _FileLinkPlugin$rende = (0, _slicedToArray2["default"])(_plugins.FileLinkPlugin.renderElements, 1),
+          renderFileLink = _FileLinkPlugin$rende[0];
+        return renderFileLink(props, editor);
+      }
+    case _constants2.FILE_LINK_INSET_INPUT_TEMP:
+      {
+        var _SdocLinkPlugin$rende2 = (0, _slicedToArray2["default"])(_plugins.SdocLinkPlugin.renderElements, 2),
+          renderFileLinkFileSearchInput = _SdocLinkPlugin$rende2[1];
+        return renderFileLinkFileSearchInput(props, editor);
+      }
+    case _constants2.CALL_OUT:
+      {
+        var _CalloutPlugin$render = (0, _slicedToArray2["default"])(_plugins.CalloutPlugin.renderElements, 1),
+          renderCallout = _CalloutPlugin$render[0];
+        return renderCallout(props, editor);
+      }
+    case _constants2.MENTION:
+      {
+        var _MentionPlugin$render = (0, _slicedToArray2["default"])(_plugins.MentionPlugin.renderElements, 1),
+          renderMention = _MentionPlugin$render[0];
+        return renderMention(props, editor);
+      }
+    case _constants2.MENTION_TEMP:
+      {
+        var _MentionPlugin$render2 = (0, _slicedToArray2["default"])(_plugins.MentionPlugin.renderElements, 2),
+          renderMentionTemporaryInput = _MentionPlugin$render2[1];
+        return renderMentionTemporaryInput(props, editor);
+      }
+    case _constants2.QUICK_INSERT:
+      {
+        var _QuickInsertPlugin$re = (0, _slicedToArray2["default"])(_plugins.QuickInsertPlugin.renderElements, 1),
+          renderQuickInsert = _QuickInsertPlugin$re[0];
+        return renderQuickInsert(props, editor, readonly);
+      }
+    case _elementType.WIKI_LINK:
+      {
+        var _WikiLinkPlugin$rende = (0, _slicedToArray2["default"])(_plugins.WikiLinkPlugin.renderElements, 1),
+          renderWikiLink = _WikiLinkPlugin$rende[0];
+        return renderWikiLink(props, editor);
+      }
+    case _constants2.ELEMENT_TYPE.GROUP:
+      {
+        var _GroupPlugin$renderEl = (0, _slicedToArray2["default"])(_plugins.GroupPlugin.renderElements, 1),
+          renderGroup = _GroupPlugin$renderEl[0];
+        return renderGroup(props);
+      }
+    default:
+      {
+        var _ParagraphPlugin$rend3 = (0, _slicedToArray2["default"])(_plugins.ParagraphPlugin.renderElements, 1),
+          _renderParagraph2 = _ParagraphPlugin$rend3[0];
+        return _renderParagraph2(props);
+      }
+  }
+};
+var _default = exports["default"] = CustomRenderElement;

package/dist/extension/render/element-decorate/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RebaseDecorate", {
+  enumerable: true,
+  get: function get() {
+    return _rebaseDecorate["default"];
+  }
+});
+var _rebaseDecorate = _interopRequireDefault(require("./rebase-decorate"));

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

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../../../constants");
+var _rebaseDeleteModifyDecorate = _interopRequireDefault(require("./rebase-delete-modify-decorate"));
+var _rebaseModifyDeleteDecorate = _interopRequireDefault(require("./rebase-modify-delete-decorate"));
+var _rebaseModifyModifyDecorate = _interopRequireDefault(require("./rebase-modify-modify-decorate"));
+require("./index.css");
+var RebaseDecorate = function RebaseDecorate(_ref) {
+  var element = _ref.element,
+    children = _ref.children;
+  var rebaseType = element[_constants.REBASE_MARK_KEY.REBASE_TYPE];
+  if (!rebaseType) return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+  if (rebaseType === _constants.REBASE_TYPE.MODIFY_DELETE) {
+    return /*#__PURE__*/_react["default"].createElement(_rebaseModifyDeleteDecorate["default"], {
+      element: element
+    }, children);
+  }
+  if (rebaseType === _constants.REBASE_TYPE.DELETE_MODIFY) {
+    return /*#__PURE__*/_react["default"].createElement(_rebaseDeleteModifyDecorate["default"], {
+      element: element
+    }, children);
+  }
+  if (rebaseType === _constants.REBASE_TYPE.MODIFY_MODIFY) {
+    return /*#__PURE__*/_react["default"].createElement(_rebaseModifyModifyDecorate["default"], {
+      element: element
+    }, children);
+  }
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+};
+var _default = exports["default"] = RebaseDecorate;

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

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../../../constants");
+var _constants2 = require("../../../constants");
+var _core = require("../../../core");
+var RebaseDeleteModifyDecorate = function RebaseDeleteModifyDecorate(_ref) {
+  var element = _ref.element,
+    children = _ref.children;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var editor = (0, _slateReact.useSlateStatic)();
+  var deleteElement = (0, _react.useCallback)(function () {
+    var path = (0, _core.findPath)(editor, element);
+    _slate.Transforms.removeNodes(editor, {
+      at: path
+    });
+    if (element.type === _constants2.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, element]);
+  var deleteMark = (0, _react.useCallback)(function () {
+    var path = (0, _core.findPath)(editor, element);
+    (0, _core.deleteRebaseNodeMark)(editor, path, element, _constants.REBASE_MARKS);
+    if (element.type === _constants2.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, element]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-btn-group",
+    contentEditable: false
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-btn",
+    onClick: deleteElement
+  }, t('Keep_other_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mr-2 ml-2"
+  }, '|'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-btn",
+    onClick: deleteMark
+  }, t('Keep_my_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mr-2 ml-2"
+  }, '|'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-btn",
+    onClick: deleteMark
+  }, t('Keep_both_modification'))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-other-changes-title",
+    contentEditable: false
+  }, t('Other_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-other-changes empty",
+    contentEditable: false
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-my-changes-title",
+    contentEditable: false
+  }, t('My_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-my-changes",
+    contentEditable: false
+  }, children));
+};
+var _default = exports["default"] = RebaseDeleteModifyDecorate;

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

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../../../constants");
+var _constants2 = require("../../../constants");
+var _core = require("../../../core");
+var RebaseModifyDeleteDecorate = function RebaseModifyDeleteDecorate(_ref) {
+  var element = _ref.element,
+    children = _ref.children;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var editor = (0, _slateReact.useSlateStatic)();
+  var deleteElement = (0, _react.useCallback)(function () {
+    var path = (0, _core.findPath)(editor, element);
+    _slate.Transforms.removeNodes(editor, {
+      at: path
+    });
+    if (element.type === _constants2.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, element]);
+  var deleteMark = (0, _react.useCallback)(function () {
+    var path = (0, _core.findPath)(editor, element);
+    (0, _core.deleteRebaseNodeMark)(editor, path, element, _constants.REBASE_MARKS);
+    if (element.type === _constants2.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, element]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-btn-group",
+    contentEditable: false
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-btn",
+    onClick: deleteMark
+  }, t('Keep_other_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mr-2 ml-2"
+  }, '|'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-btn",
+    onClick: deleteElement
+  }, t('Keep_my_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "mr-2 ml-2"
+  }, '|'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-btn",
+    onClick: deleteMark
+  }, t('Keep_both_modification'))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-other-changes-title",
+    contentEditable: false
+  }, t('Other_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "w-100 sdoc-rebase-my-changes",
+    contentEditable: false
+  }, children), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-my-changes-title",
+    contentEditable: false
+  }, t('My_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-my-changes empty",
+    contentEditable: false
+  }));
+};
+var _default = exports["default"] = RebaseModifyDeleteDecorate;

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

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _constants = require("../../../../constants");
+var _constants2 = require("../../../constants");
+var _core = require("../../../core");
+var RebaseModifyModifyDecorate = function RebaseModifyModifyDecorate(_ref) {
+  var element = _ref.element,
+    children = _ref.children;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var editor = (0, _slateReact.useSlateStatic)();
+  var useMasterChanges = (0, _react.useCallback)(function () {
+    (0, _core.rebaseNode)(editor, function () {
+      var path = (0, _core.findPath)(editor, element);
+
+      // delete my changes
+      var nextElementPath = (0, _toConsumableArray2["default"])(path);
+      nextElementPath[path.length - 1] = path[path.length - 1] + 1;
+      _slate.Transforms.removeNodes(editor, {
+        at: nextElementPath
+      });
+
+      // update master changes
+      if (element.type === _constants2.ELEMENT_TYPE.GROUP) {
+        (0, _core.replaceRebaseNode)(editor, {
+          at: path,
+          nodes: element.children
+        });
+      } else {
+        (0, _core.deleteRebaseNodeMark)(editor, path, element[_constants.REBASE_MARK_KEY.OLD_ELEMENT], _constants.REBASE_MARKS);
+      }
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, element]);
+  var useMyChanges = (0, _react.useCallback)(function () {
+    (0, _core.rebaseNode)(editor, function () {
+      var path = (0, _core.findPath)(editor, element);
+      var currentElementPath = (0, _toConsumableArray2["default"])(path);
+      currentElementPath[path.length - 1] = path[path.length - 1] + 1;
+      var currentElement = (0, _core.getNode)(editor, currentElementPath);
+      var newCurrentElement = (0, _deepCopy["default"])(currentElement);
+      if (element.type === _constants2.ELEMENT_TYPE.GROUP) {
+        (0, _core.replaceRebaseNode)(editor, {
+          at: currentElementPath,
+          nodes: newCurrentElement.children
+        });
+      } else {
+        (0, _core.deleteRebaseNodeMark)(editor, currentElementPath, newCurrentElement, _constants.REBASE_MARKS);
+      }
+      _slate.Transforms.removeNodes(editor, {
+        at: path
+      });
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, element]);
+  var useBothChanges = (0, _react.useCallback)(function () {
+    (0, _core.rebaseNode)(editor, function () {
+      var path = (0, _core.findPath)(editor, element);
+      var nextElementPath = [].concat((0, _toConsumableArray2["default"])(path.slice(0, -1)), [path[path.length - 1] + 1]);
+      var nextElement = (0, _core.getNode)(editor, nextElementPath);
+      if (element.type === _constants2.ELEMENT_TYPE.GROUP) {
+        // replace next element
+        (0, _core.replaceRebaseNode)(editor, {
+          at: nextElementPath,
+          nodes: nextElement.children
+        });
+
+        // replace current element
+        (0, _core.replaceRebaseNode)(editor, {
+          at: path,
+          nodes: element.children
+        });
+      } else {
+        // delete element marks
+        (0, _core.deleteRebaseNodeMark)(editor, path, element, _constants.REBASE_MARKS);
+
+        // delete next element marks
+        (0, _core.deleteRebaseNodeMark)(editor, nextElementPath, nextElement, _constants.REBASE_MARKS);
+      }
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, element]);
+  if (element[_constants.REBASE_MARK_KEY.ORIGIN] === _constants.REBASE_ORIGIN.OTHER) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-rebase-btn-group",
+      contentEditable: false
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-rebase-btn",
+      onClick: useMasterChanges
+    }, t('Keep_other_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "mr-2 ml-2"
+    }, '|'), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-rebase-btn",
+      onClick: useMyChanges
+    }, t('Keep_my_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "mr-2 ml-2"
+    }, '|'), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-rebase-btn",
+      onClick: useBothChanges
+    }, t('Keep_both_modification'))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-rebase-other-changes-title",
+      contentEditable: false
+    }, t('Other_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-rebase-other-changes",
+      contentEditable: false
+    }, children));
+  }
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-my-changes-title",
+    contentEditable: false
+  }, t('My_modification')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-rebase-my-changes",
+    contentEditable: false
+  }, children));
+};
+var _default = exports["default"] = RebaseModifyModifyDecorate;