@seafile/sdoc-editor 0.2.13 → 0.2.14

package/dist/api/seafile-api.js

@@ -110,6 +110,12 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = 'api/v2.1/seadoc/revision/base-version-content/' + docUuid + '/';
       return this.req.get(url);
     }
+  }, {
+    key: "getPublishedRevisionContent",
+    value: function getPublishedRevisionContent(docUuid) {
+      var url = 'api/v2.1/seadoc/revision/published-content/' + docUuid + '/';
+      return this.req.get(url);
+    }
 
     // local files
   }, {

package/dist/basic-sdk/assets/css/sdoc-editor-plugins.css

@@ -48,6 +48,32 @@
   display: inline-block;
 }
 
+.sdoc-editor-container .article .sdoc-image-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.sdoc-editor-container .article .sdoc-image-content :first-child {
+  position: relative;
+}
+
+.sdoc-editor-container .article .sdoc-image-content .sdoc-image-caption-input-wrapper {
+  border: 0px;
+  width: 120px;
+  margin-top: 8px;
+  color: #8A8F8D;
+  background-color: transparent;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdoc-editor-container .article .sdoc-image-content .sdoc-image-caption-input-wrapper::placeholder {
+  color: #bec0bf
+}
+
 .sdoc-editor-container .article .image-selected {
   box-shadow: 0 0 0 2px #007bff;
 }

package/dist/basic-sdk/comment/comment/comment-item-content.js

@@ -2,9 +2,10 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useMemo, useState } from 'react';
 import { withTranslation } from 'react-i18next';
-import { Dropdown, DropdownItem, DropdownMenu, DropdownToggle, UncontrolledTooltip } from 'reactstrap';
+import { Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
 import dayjs from 'dayjs';
 import CommentEditor from './comment-editor';
+import Tooltip from '../../../components/tooltip';
 var CommentItem = function CommentItem(_ref) {
   var isActive = _ref.isActive,
     container = _ref.container,
@@ -82,19 +83,13 @@ var CommentItem = function CommentItem(_ref) {
   }, dayjs(comment.updated_at).format('MM-DD HH:mm')))), isActive && /*#__PURE__*/React.createElement("div", {
     className: "d-flex"
   }, !comment.resolved && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: "tooltip_".concat(menuId),
     className: "comment-operation mr-2",
     onClick: markAsResolved
   }, /*#__PURE__*/React.createElement("i", {
-    id: "tooltip_".concat(menuId),
     className: "sdocfont sdoc-confirm"
-  })), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
-    target: "tooltip_".concat(menuId),
-    delay: {
-      show: 0,
-      hide: 0
-    },
-    fade: false,
-    placement: "bottom"
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    target: "tooltip_".concat(menuId)
   }, t('Resolved_tip'))), /*#__PURE__*/React.createElement(Dropdown, {
     isOpen: isDropdownOpen,
     toggle: function toggle() {

package/dist/basic-sdk/comment/comment/comment-list.css

@@ -103,25 +103,21 @@
   line-height: 16px;
 }
 
-.sdoc-comment-list-container .comment-header .comment-operation {
-  line-height: 20px;
-  font-size: 20px;
-  color: rgb(70, 77, 90);
-  width: 20px;
-  height: 20px;
-  cursor: pointer;
-}
-
 .sdoc-comment-list-container .comment-ui-container .comment-operation {
   width: 32px;
   height: 32px;
+  padding: 0 !important;
   display: flex;
   align-items: center;
   justify-content: center;
+  border-radius: 50%;
+  background-color: #fff;
+  color: rgb(70, 77, 90);
+  overflow: hidden;
 }
 
 .sdoc-comment-list-container .comment-ui-container.active .comment-operation:hover {
-  border-radius: 100%;
+  cursor: pointer;
   background-color: #f0f0f0;
 }
 

package/dist/basic-sdk/extension/commons/color-menu/index.js

@@ -8,7 +8,7 @@ import { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST } from '../..
 import { LocalStorage } from '../../../../utils';
 import { eventStopPropagation } from '../../../utils/mouse-event';
 import ColorItem from './color-item';
-import Tooltip from '../tooltip';
+import Tooltip from '../../../../components/tooltip';
 import './index.css';
 var ColorMenu = function ColorMenu(_ref) {
   var iconClass = _ref.iconClass,

package/dist/basic-sdk/extension/commons/menu/menu-item.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import Tooltip from '../tooltip';
+import Tooltip from '../../../../components/tooltip';
 import classnames from 'classnames';
 import { SDOC_LINK } from '../../constants';
 var MenuItem = function MenuItem(_ref) {

package/dist/basic-sdk/extension/plugins/code-block/render-elem.js

@@ -119,8 +119,9 @@ var CodeBlock = function CodeBlock(_ref) {
     };
   }, [onScroll, readOnly, scrollRef]);
   var onHiddenHoverMenu = useCallback(function () {
-    setShowHoverMenu(false);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    if (codeBlockRef.current) {
+      setShowHoverMenu(false);
+    }
   }, []);
   useEffect(function () {
     var eventBus = EventBus.getInstance();

package/dist/basic-sdk/extension/plugins/font/menu/font-family/index.js

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 import classnames from 'classnames';
 import { isMenuDisabled, getFont, setFont } from '../../helpers';
 import { FONT, RECENT_USED_FONTS_KEY, DEFAULT_FONT } from '../../../../constants';
-import Tooltip from '../../../../commons/tooltip';
+import Tooltip from '../../../../../../components/tooltip';
 import LocalStorage from '../../../../../../utils/local-storage-utils';
 import context from '../../../../../../context';
 import FontItem from './font-item';

package/dist/basic-sdk/extension/plugins/font/menu/font-size/font-size-scale.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
-import Tooltip from '../../../../commons/tooltip';
+import Tooltip from '../../../../../../components/tooltip';
 var FontSizeScale = function FontSizeScale(_ref) {
   var children = _ref.children,
     id = _ref.id,

package/dist/basic-sdk/extension/plugins/font/menu/font-size/index.js

@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 import classnames from 'classnames';
 import { isMenuDisabled, getFontSize, setFontSize } from '../../helpers';
 import { FONT_SIZE } from '../../../../constants';
-import Tooltip from '../../../../commons/tooltip';
+import Tooltip from '../../../../../../components/tooltip';
 import './index.css';
 var FontSize = function FontSize(_ref) {
   var isRichEditor = _ref.isRichEditor,

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

@@ -8,7 +8,7 @@ import { withTranslation } from 'react-i18next';
 import classnames from 'classnames';
 import { getHeaderType, isMenuDisabled, setHeaderType } from '../helpers';
 import { HEADERS, HEADER_TITLE_MAP, MAC_HOTKEYS, PARAGRAPH, SDOC_FONT_SIZE, SUBTITLE, TITLE, WIN_HOTKEYS } from '../../../constants';
-import Tooltip from '../../../commons/tooltip';
+import Tooltip from '../../../../../components/tooltip';
 import { focusEditor } from '../../../core';
 import './style.css';
 var HeaderMenu = /*#__PURE__*/function (_React$Component) {

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js

@@ -6,7 +6,7 @@ import { ReactEditor } from '@seafile/slate-react';
 import { withTranslation } from 'react-i18next';
 import classnames from 'classnames';
 import { ElementPopover } from '../../../commons';
-import Tooltip from '../../../commons/tooltip';
+import Tooltip from '../../../../../components/tooltip';
 import ImagePreviewer from '../dialogs/image-previewer';
 import { getImageURL } from '../helpers';
 import { IMAGE_DISPLAY_TYPE, IMAGE_BORDER_TYPE } from '../constants';
@@ -17,6 +17,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     menuPosition = _ref.menuPosition,
     element = _ref.element,
     onHideImageHoverMenu = _ref.onHideImageHoverMenu,
+    onShowCaption = _ref.onShowCaption,
     t = _ref.t;
   var data = element.data,
     _element$display_type = element.display_type,
@@ -116,7 +117,20 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     target: "sdoc_image_border",
     placement: "top",
     fade: true
-  }, t('Image_border')))), /*#__PURE__*/React.createElement("span", {
+  }, t('Image_border'))), display_type === IMAGE_DISPLAY_TYPE[1] && /*#__PURE__*/React.createElement("span", {
+    id: "sdoc_image_caption",
+    role: "button",
+    className: classnames('op-item', 'ml-1'),
+    onClick: function onClick() {
+      onShowCaption();
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-describe icon-font mr-1"
+  }), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    target: "sdoc_image_caption",
+    placement: "top",
+    fade: true
+  }, t('Insert_caption')))), /*#__PURE__*/React.createElement("span", {
     className: "op-group-item"
   }, /*#__PURE__*/React.createElement("span", {
     id: "sdoc_image_full_screen_mode",

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

@@ -1,7 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useCallback, useRef, useEffect } from 'react';
-import { useSelected, useReadOnly } from '@seafile/slate-react';
+import { ReactEditor, useSelected, useReadOnly } from '@seafile/slate-react';
+import { Transforms } from '@seafile/slate';
 import classNames from 'classnames';
 import { withTranslation } from 'react-i18next';
 import { getImageURL, updateImage } from './helpers';
@@ -27,9 +28,10 @@ var Image = function Image(_ref) {
     border_type = _element$border_type === void 0 ? IMAGE_BORDER_TYPE[0].type : _element$border_type;
   var imageWrapStyle = {
     display: display_type === 'Block' ? 'block' : 'inline-block',
+    paddingTop: display_type === 'Block' ? '8px' : '',
     textAlign: display_type === 'Block' ? align : ''
   };
-  var imageInnerStyle = {
+  var imageStyle = {
     border: IMAGE_BORDER_TYPE.find(function (item) {
       return item.type === border_type;
     }).value
@@ -58,6 +60,14 @@ var Image = function Image(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     menuPosition = _useState10[0],
     setMenuPosition = _useState10[1];
+  var _useState11 = useState((data === null || data === void 0 ? void 0 : data.caption) || ''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    caption = _useState12[0],
+    setCaption = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    isShowCaption = _useState14[0],
+    setIsShowCaption = _useState14[1];
   var registerEvent = useCallback(function (eventList) {
     eventList.forEach(function (element) {
       document.addEventListener(element.eventName, element.event);
@@ -92,12 +102,19 @@ var Image = function Image(_ref) {
       width: imageRef.current.width
     });
     updateImage(editor, newData);
-    setIsResizing(false);
+
+    // Reset hover menu position
+    setTimeout(function () {
+      setIsResizing(false);
+      setIsShowImageHoverMenu(true);
+      setPosition();
+    }, 100);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, element.data]);
+  }, [editor, element.data, imageRef.current]);
   var onResizeStart = useCallback(function (event) {
     event.preventDefault();
     event.stopPropagation();
+    setIsShowImageHoverMenu(false);
     setIsResizing(true);
     registerEvent([{
       'eventName': 'mousemove',
@@ -115,15 +132,16 @@ var Image = function Image(_ref) {
     };
   }, [element.data, movingWidth]);
   var onScroll = useCallback(function () {
-    setPosition(imageRef.current);
+    setPosition();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var onHideImageHoverMenu = useCallback(function (e) {
     var _imagePreviewer$;
+    if (isResizing) return;
     var imagePreviewer = document.getElementsByClassName('sf-editor-image-previewer');
     if (e.target === imageRef.current || ((_imagePreviewer$ = imagePreviewer[0]) === null || _imagePreviewer$ === void 0 ? void 0 : _imagePreviewer$.contains(e.target))) return;
     setIsShowImageHoverMenu(false);
-  }, []);
+  }, [isResizing]);
   useEffect(function () {
     var observerRefValue = null;
     if (isShowImageHoverMenu) {
@@ -151,23 +169,19 @@ var Image = function Image(_ref) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowImageHoverMenu, onHideImageHoverMenu]);
-  var setPosition = useCallback(function (elem) {
-    if (elem) {
-      var _elem$getBoundingClie = elem.getBoundingClientRect(),
-        top = _elem$getBoundingClie.top,
-        left = _elem$getBoundingClie.left,
-        width = _elem$getBoundingClie.width;
-      var menuTop = top - 42;
-      var menuLeft = left - 222 / 2 + width / 2; // left = left distance - (menu width / 2) + (image with / 2)
+  var setPosition = useCallback(function () {
+    if (imageRef.current) {
+      var _imageRef$current$get = imageRef.current.getBoundingClientRect(),
+        top = _imageRef$current$get.top,
+        left = _imageRef$current$get.left;
       setMenuPosition({
-        top: menuTop,
-        left: menuLeft
+        top: top - 42,
+        left: left - 3
       });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var onClickImage = useCallback(function (e) {
-    setPosition(e.currentTarget);
+    setPosition();
     setIsShowImageHoverMenu(true);
   }, [setPosition]);
   var reloadImage = useCallback(function () {
@@ -184,6 +198,19 @@ var Image = function Image(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  var onSetCaption = useCallback(function (e) {
+    var path = ReactEditor.findPath(editor, element);
+    var newData = _objectSpread(_objectSpread({}, data), {}, {
+      caption: e.target.value.trim()
+    });
+    if (path) {
+      Transforms.setNodes(editor, {
+        data: newData
+      }, {
+        at: path
+      });
+    }
+  }, [data, editor, element]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, isShowImagePlaceholder && /*#__PURE__*/React.createElement("span", Object.assign({
     className: classNames('sdoc-image-wrapper', className)
   }, attributes), /*#__PURE__*/React.createElement("img", {
@@ -197,13 +224,16 @@ var Image = function Image(_ref) {
   }, attributes, {
     style: imageWrapStyle
   }), /*#__PURE__*/React.createElement("span", {
-    className: "sdoc-image-inner",
-    onClick: onClickImage,
-    style: imageInnerStyle
+    className: "sdoc-image-inner"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sdoc-image-content"
+  }, /*#__PURE__*/React.createElement("span", {
+    style: imageStyle
   }, /*#__PURE__*/React.createElement("img", {
     className: classNames({
       'image-selected': isSelected
     }),
+    onClick: onClickImage,
     ref: imageRef,
     src: getImageURL(data.src),
     style: getImageStyle(),
@@ -217,12 +247,26 @@ var Image = function Image(_ref) {
   }), isResizing && /*#__PURE__*/React.createElement("span", {
     className: "image-size",
     contentEditable: false
-  }, /*#__PURE__*/React.createElement("span", null, t('Width'), ':', parseInt(movingWidth || imageRef.current.clientWidth)), /*#__PURE__*/React.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/React.createElement("span", null, t('Height'), ':', imageRef.current.clientHeight))), children), isShowImageHoverMenu && !readOnly && /*#__PURE__*/React.createElement(ImageHoverMenu, {
+  }, /*#__PURE__*/React.createElement("span", null, t('Width'), ':', parseInt(movingWidth || imageRef.current.clientWidth)), /*#__PURE__*/React.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/React.createElement("span", null, t('Height'), ':', imageRef.current.clientHeight))), display_type === 'Block' && (isShowCaption || (data === null || data === void 0 ? void 0 : data.caption)) && /*#__PURE__*/React.createElement("input", {
+    className: "sdoc-image-caption-input-wrapper",
+    placeholder: t('Insert_caption'),
+    value: caption,
+    onBlur: onSetCaption,
+    onChange: function onChange(e) {
+      setCaption(e.target.value.trim());
+    },
+    onCompositionStart: function onCompositionStart(e) {
+      e.stopPropagation();
+    }
+  }))), children), isShowImageHoverMenu && !readOnly && /*#__PURE__*/React.createElement(ImageHoverMenu, {
     editor: editor,
     menuPosition: menuPosition,
     element: element,
     onHideImageHoverMenu: function onHideImageHoverMenu() {
       setIsShowImageHoverMenu(false);
+    },
+    onShowCaption: function onShowCaption() {
+      setIsShowCaption(true);
     }
   })));
 };

package/dist/basic-sdk/extension/plugins/table/helpers.js

@@ -878,4 +878,64 @@ export var getRowHeight = function getRowHeight(element, rowIndex) {
     style = _element$style === void 0 ? {} : _element$style;
   var rowHeight = style[TABLE_ROW_STYLE.MIN_HEIGHT] || TABLE_ROW_MIN_HEIGHT;
   return rowIndex === 0 ? rowHeight + 1 : rowHeight;
+};
+var normalizeTableCell = function normalizeTableCell(cell) {
+  if (!cell) return generateTableCell();
+  var newCell = _objectSpread({
+    children: [{
+      text: '',
+      id: slugid.nice()
+    }]
+  }, cell);
+
+  // normalize cell children
+  var newCellChildren = [];
+  newCell.children.forEach(function (cellChild) {
+    var cellChildType = cellChild.type;
+    if (cellChildType === ELEMENT_TYPE.PARAGRAPH) {
+      newCellChildren.push.apply(newCellChildren, _toConsumableArray(cellChild.children));
+    } else {
+      newCellChildren.push(cellChild);
+    }
+  });
+  newCell.children = newCellChildren.map(function (item) {
+    if (item.BOLD) {
+      item.bold = item.BOLD;
+      delete item['BOLD'];
+    }
+    if (item.ITALIC) {
+      item.italic = item.ITALIC;
+      delete item['ITALIC'];
+    }
+    return item;
+  });
+
+  // normalize cell style
+  if (newCell.data) {
+    var cellStyle = _objectSpread({}, newCell.data);
+    delete newCell['data'];
+    Object.keys(cellStyle).forEach(function (cellStyleKey) {
+      if (cellStyleKey === 'align') {
+        cellStyle['text_align'] = cellStyle['align'];
+        delete cellStyle['align'];
+      }
+    });
+    newCell.style = cellStyle;
+  }
+  return newCell;
+};
+export var normalizeTableELement = function normalizeTableELement(editor, element) {
+  if (element.type !== ELEMENT_TYPE.TABLE) {
+    var size = [element.children.length, element.children[0].children.length];
+    return generateEmptyTable(editor, size);
+  }
+  var newElement = _objectSpread({}, element);
+  for (var i = 0; i < element.children.length; i++) {
+    var row = newElement.children[i];
+    for (var j = 0; j < row.children.length; j++) {
+      row.children[j] = normalizeTableCell(row.children[j]);
+    }
+    newElement.children[i] = row;
+  }
+  return newElement;
 };

package/dist/basic-sdk/index.js

@@ -1,5 +1,5 @@
 import SDocEditor from './editor/sdoc-editor';
-import { DiffViewer, SDocViewer } from './views';
+import { DiffViewer, SDocViewer, PublishedRevisionDiffViewer } from './views';
 import SDocOutline from './outline';
 import EventBus from './utils/event-bus';
-export { SDocEditor, SDocViewer, SDocOutline, EventBus, DiffViewer };
+export { SDocEditor, SDocViewer, SDocOutline, EventBus, DiffViewer, PublishedRevisionDiffViewer };

package/dist/basic-sdk/node-id/index.js

@@ -1,5 +1,5 @@
 import { decorateOperation, replacePastedDataId } from './helpers';
-import { getSlateFragmentAttribute } from '../utils/document-utils';
+import { getSlateFragmentAttribute, normalizeCopyNodes } from '../utils/document-utils';
 import { CLIPBOARD_FORMAT_KEY } from '../extension/constants';
 var withNodeId = function withNodeId(editor) {
   var apply = editor.apply;
@@ -16,7 +16,8 @@ var withNodeId = function withNodeId(editor) {
       var decoded = decodeURIComponent(window.atob(fragment));
       var parsed = JSON.parse(decoded);
       var newData = replacePastedDataId(parsed);
-      newEditor.insertFragment(newData);
+      var normalizeNewData = normalizeCopyNodes(newEditor, newData);
+      newEditor.insertFragment(normalizeNewData);
       return newEditor;
     }
   };

package/dist/basic-sdk/outline/index.js

@@ -1,10 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { withTranslation } from 'react-i18next';
-import { UncontrolledTooltip } from 'reactstrap';
 import { INTERNAL_EVENT } from '../constants';
 import EventBus from '../utils/event-bus';
 import OutlineItem from './outline-item';
+import Tooltip from '../../components/tooltip';
 import './style.css';
 export var getOutlineSetting = function getOutlineSetting() {
   var currentValue = localStorage.getItem('sdoc');
@@ -72,7 +72,7 @@ var SDocOutline = function SDocOutline(_ref) {
     id: "sdoc-outline-menu",
     className: "sdoc-outline-menu sdocfont sdoc-table-of-content",
     onClick: toggleShow
-  }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
+  }), /*#__PURE__*/React.createElement(Tooltip, {
     placement: "right",
     target: "sdoc-outline-menu"
   }, t('Outline'))));

package/dist/basic-sdk/utils/document-utils.js

@@ -2,7 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import ObjectUtils from './object-utils';
 import context from '../../context';
 import { generateDefaultText } from '../../basic-sdk/extension/core/utils/index';
-import { CLIPBOARD_ORIGIN_SDOC_KEY } from '../extension/constants';
+import { CLIPBOARD_ORIGIN_SDOC_KEY, ELEMENT_TYPE } from '../extension/constants';
+import { normalizeTableELement } from '../extension/plugins/table/helpers';
 export var normalizeChildren = function normalizeChildren(children) {
   // text
   if (!Array.isArray(children)) return children;
@@ -19,6 +20,15 @@ export var normalizeChildren = function normalizeChildren(children) {
     return child;
   });
 };
+export var normalizeCopyNodes = function normalizeCopyNodes(editor, elements) {
+  if (!Array.isArray(elements) || elements.length === 0) return [];
+  return elements.map(function (element) {
+    if (element.type === ELEMENT_TYPE.TABLE) {
+      return normalizeTableELement(editor, element);
+    }
+    return element;
+  });
+};
 export var setOriginSdocKey = function setOriginSdocKey(event) {
   var docUuid = context.getSetting('docUuid');
   event.clipboardData.setData("text/".concat(CLIPBOARD_ORIGIN_SDOC_KEY), docUuid);

package/dist/basic-sdk/views/index.js

@@ -1,4 +1,5 @@
 import SDocViewer from './sdoc-viewer';
 import DiffViewer from './sdoc-diff-viewer';
 import RevisionDiffViewer from './revision-diff-viewer';
-export { SDocViewer, DiffViewer, RevisionDiffViewer };
+import PublishedRevisionDiffViewer from './published-revision-diff-viewer';
+export { SDocViewer, DiffViewer, RevisionDiffViewer, PublishedRevisionDiffViewer };

package/dist/basic-sdk/views/published-revision-diff-viewer.js

@@ -0,0 +1,59 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import context from '../../context';
+import { getDiff } from '../utils/diff';
+import SDocViewer from './sdoc-viewer';
+import Loading from '../../components/loading';
+import '../../assets/css/diff-viewer.css';
+var PublishedRevisionDiffViewer = function PublishedRevisionDiffViewer(_ref) {
+  var isShowChanges = _ref.isShowChanges,
+    revisionContent = _ref.revisionContent,
+    didMountCallback = _ref.didMountCallback;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    diff = _useState4[0],
+    setDiff = _useState4[1];
+  useEffect(function () {
+    setIsLoading(true);
+    if (isShowChanges) {
+      if (diff) {
+        didMountCallback && didMountCallback(diff);
+        setTimeout(function () {
+          setIsLoading(false);
+        }, 1);
+        return;
+      }
+      context.getRevisionBaseVersionContent().then(function (res) {
+        var baseContentString = res.data.content;
+        var baseContent = JSON.parse(baseContentString);
+        var diff = getDiff(revisionContent, baseContent);
+        setDiff(diff);
+        didMountCallback && didMountCallback(diff);
+        setIsLoading(false);
+      }).catch(function (error) {
+        console.log('error');
+        setIsLoading(false);
+      });
+      return;
+    }
+    setTimeout(function () {
+      setIsLoading(false);
+    }, 1);
+  }, [revisionContent, didMountCallback, isShowChanges, diff]);
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loading, null);
+  }
+  var document = {
+    children: isShowChanges && (diff === null || diff === void 0 ? void 0 : diff.value) || revisionContent.children
+  };
+  return /*#__PURE__*/React.createElement(SDocViewer, {
+    showToolbar: true,
+    showOutline: true,
+    document: document
+  });
+};
+export default PublishedRevisionDiffViewer;

package/dist/components/doc-info/index.js

@@ -48,6 +48,7 @@ var DocInfo = function DocInfo(_ref) {
   var revisionCreatedAt = context.getSetting('revisionCreatedAt');
   var oldDocName = context.getSetting('originFilename');
   var revisionId = context.getSetting('revisionId');
+  var isPublished = context.getSetting('isPublished');
   return /*#__PURE__*/React.createElement("div", {
     className: "doc-info d-flex flex-column align-items-start"
   }, /*#__PURE__*/React.createElement("div", {
@@ -56,7 +57,9 @@ var DocInfo = function DocInfo(_ref) {
     className: "doc-name"
   }, oldDocName), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-revision-order"
-  }, t('Revision') + ' ' + revisionId), /*#__PURE__*/React.createElement(TipMessage, {
+  }, t('Revision') + ' ' + revisionId), isPublished && /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-order"
+  }, t('Published')), /*#__PURE__*/React.createElement(TipMessage, {
     isEditMode: isEditMode
   })), /*#__PURE__*/React.createElement("div", {
     className: "doc-state"

package/dist/components/doc-operations/index.js

@@ -15,6 +15,7 @@ var DocOperations = function DocOperations(_ref) {
     handleViewChangesToggle = _ref.handleViewChangesToggle,
     handleRevisionPublished = _ref.handleRevisionPublished;
   var isSdocRevision = context.getSetting('isSdocRevision');
+  var isPublished = context.getSetting('isPublished');
   if (isMobile) {
     return /*#__PURE__*/React.createElement("div", {
       className: "doc-ops"
@@ -27,6 +28,6 @@ var DocOperations = function DocOperations(_ref) {
     changes: changes,
     handleViewChangesToggle: handleViewChangesToggle,
     handleRevisionPublished: handleRevisionPublished
-  }), /*#__PURE__*/React.createElement(CommentsOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(ShareOperation, null), /*#__PURE__*/React.createElement(HistoryOperation, null), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(MoreOperations, null));
+  }), !isPublished && /*#__PURE__*/React.createElement(CommentsOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(ShareOperation, null), /*#__PURE__*/React.createElement(HistoryOperation, null), !isPublished && /*#__PURE__*/React.createElement(CollaboratorsOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(MoreOperations, null));
 };
 export default withTranslation('sdoc-editor')(DocOperations);

package/dist/components/doc-operations/revision-operations/changes-count/index.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import Tooltip from '../../../../basic-sdk/extension/commons/tooltip';
+import Tooltip from '../../../tooltip';
 import './index.css';
 var ChangesCount = function ChangesCount(_ref) {
   var changes = _ref.changes;

package/dist/components/doc-operations/revision-operations/index.js

@@ -78,7 +78,7 @@ var RevisionOperations = function RevisionOperations(_ref) {
 
   // solve show change view in revision editor
   var onViewChangesToggle = useCallback(function (isShowChanges) {
-    if (isShowChanges) {
+    if (!isPublished && isShowChanges) {
       // The trick here is to send one more api request in order to use the same information box.
       loadDocument().then(function (revisionContent) {
         // Prevent users from switching if document contains conflicting content
@@ -94,7 +94,7 @@ var RevisionOperations = function RevisionOperations(_ref) {
       return;
     }
     handleViewChangesToggle(isShowChanges);
-  }, [handleViewChangesToggle, loadDocument, t]);
+  }, [handleViewChangesToggle, loadDocument, t, isPublished]);
 
   // publish revision
   var publishRevision = useCallback(function () {

package/dist/components/doc-operations/revision-operations/view-changes/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { UncontrolledTooltip } from 'reactstrap';
 import Switch from '../../../switch';
+import Tooltip from '../../../tooltip';
 import './index.css';
 var ViewChanges = function ViewChanges(_ref) {
   var isShowChanges = _ref.isShowChanges,
@@ -19,9 +19,8 @@ var ViewChanges = function ViewChanges(_ref) {
     checked: isShowChanges,
     onChange: onViewChangesToggle,
     className: "sdoc-toggle-revision-changes d-flex align-items-center"
-  })), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
-    target: "sdoc-toggle-revision-changes-container",
-    fade: false
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    target: "sdoc-toggle-revision-changes-container"
   }, t('View_changes')));
 };
 export default ViewChanges;

package/dist/components/tooltip/index.js

@@ -0,0 +1,31 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { UncontrolledTooltip } from 'reactstrap';
+import classnames from 'classnames';
+import './index.css';
+var Tooltip = function Tooltip(_ref) {
+  var target = _ref.target,
+    children = _ref.children,
+    className = _ref.className,
+    modifiers = _ref.modifiers,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+    _ref$fade = _ref.fade,
+    fade = _ref$fade === void 0 ? false : _ref$fade,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 0 : _ref$delay;
+  var props = {
+    popperClassName: classnames('sdoc-tooltip', className),
+    modifiers: _objectSpread(_objectSpread({}, modifiers), {}, {
+      preventOverflow: _objectSpread({
+        boundariesElement: window.document.body
+      }, modifiers === null || modifiers === void 0 ? void 0 : modifiers.preventOverflow)
+    }),
+    placement: placement,
+    target: target,
+    fade: fade,
+    delay: delay
+  };
+  return /*#__PURE__*/React.createElement(UncontrolledTooltip, props, children);
+};
+export default Tooltip;

package/dist/context.js

@@ -216,6 +216,12 @@ var Context = /*#__PURE__*/function () {
       var docUuid = this.getSetting('docUuid');
       return this.api.getRevisionBaseVersionContent(docUuid);
     }
+  }, {
+    key: "getPublishedRevisionContent",
+    value: function getPublishedRevisionContent() {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getPublishedRevisionContent(docUuid);
+    }
 
     // local files
   }, {

package/dist/hooks/use-document.js

@@ -2,6 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useCallback, useEffect, useState } from 'react';
 import context from '../context';
 export var useDocument = function useDocument() {
+  var isSdocRevision = context.getSetting('isSdocRevision');
+  var isPublished = context.getSetting('isPublished');
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     isFirstLoading = _useState2[0],
@@ -10,7 +12,11 @@ export var useDocument = function useDocument() {
     _useState4 = _slicedToArray(_useState3, 2),
     isReloading = _useState4[0],
     setIsReloading = _useState4[1];
-  var _useState5 = useState(true),
+  var _useState5 = useState({
+      version: 0,
+      children: [],
+      cursors: {}
+    }),
     _useState6 = _slicedToArray(_useState5, 2),
     document = _useState6[0],
     setDocument = _useState6[1];
@@ -58,6 +64,7 @@ export var useDocument = function useDocument() {
     });
   }, [loadDocument]);
   useEffect(function () {
+    if (isSdocRevision && isPublished) return;
     loadDocument().then(function (document) {
       setDocument(document);
       setIsFirstLoading(false);

package/dist/index.js

@@ -3,4 +3,5 @@ import { EXTERNAL_EVENT } from './constants';
 import SimpleEditor from './pages/simple-editor';
 import SimpleViewer from './pages/simple-viewer';
 import DiffViewer from './pages/diff-viewer';
-export { SDocViewer, SimpleEditor, SimpleViewer, EventBus, EXTERNAL_EVENT, DiffViewer };
+import PublishedRevisionViewer from './pages/published-revision-viewer';
+export { SDocViewer, SimpleEditor, SimpleViewer, EventBus, EXTERNAL_EVENT, DiffViewer, PublishedRevisionViewer };

package/dist/pages/published-revision-viewer.js

@@ -0,0 +1,92 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import Loading from '../components/loading';
+import DocInfo from '../components/doc-info';
+import DocOperations from '../components/doc-operations';
+import Layout, { Header, Content } from '../layout';
+import context from '../context';
+import ErrorBoundary from './error-boundary';
+import { PublishedRevisionDiffViewer } from '../basic-sdk';
+import { resetWebTitleAndURL } from '../utils';
+import '../assets/css/simple-editor.css';
+var PublishedRevisionViewer = function PublishedRevisionViewer() {
+  context.initApi();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFirstLoading = _useState2[0],
+    setIsFirstLoading = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    errorMessage = _useState4[0],
+    setErrorMessage = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isShowChanges = _useState6[0],
+    setShowChanges = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    changes = _useState8[0],
+    setChanges = _useState8[1];
+  var _useState9 = useState({}),
+    _useState10 = _slicedToArray(_useState9, 2),
+    document = _useState10[0],
+    setDocument = _useState10[1];
+
+  // useMount: reset title
+  useEffect(function () {
+    resetWebTitleAndURL(t);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(function () {
+    context.getPublishedRevisionContent().then(function (res) {
+      var revisionContentString = res.data.content;
+      var document = JSON.parse(revisionContentString);
+      setDocument(document);
+      setIsFirstLoading(false);
+    }).catch(function (error) {
+      // eslint-disable-next-line
+      console.log(error);
+      var errorMessage = 'Load_doc_content_error';
+      if (error && error.response) {
+        var _ref = error.response.data || {},
+          error_type = _ref.error_type;
+        if (error_type === 'content_invalid') {
+          errorMessage = 'Sdoc_format_invalid';
+        }
+      }
+      setErrorMessage(errorMessage);
+      setIsFirstLoading(false);
+    });
+  }, []);
+  var setDiffChanges = useCallback(function (diff) {
+    setChanges((diff === null || diff === void 0 ? void 0 : diff.changes) || []);
+  }, []);
+  var handleViewChangesToggle = useCallback(function (isShowChanges) {
+    setShowChanges(isShowChanges);
+  }, []);
+  if (isFirstLoading) {
+    return /*#__PURE__*/React.createElement(Loading, null);
+  }
+  if (errorMessage) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "error-page"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "error-tip"
+    }, t(errorMessage)));
+  }
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(DocInfo, {
+    isEditMode: false
+  }), /*#__PURE__*/React.createElement(DocOperations, {
+    isShowChanges: isShowChanges,
+    changes: changes,
+    handleViewChangesToggle: handleViewChangesToggle
+  })), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(PublishedRevisionDiffViewer, {
+    isShowChanges: isShowChanges,
+    revisionContent: document,
+    didMountCallback: setDiffChanges
+  }))));
+};
+export default PublishedRevisionViewer;

package/dist/pages/simple-editor.js

@@ -1,4 +1,3 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { withTranslation } from 'react-i18next';
@@ -8,11 +7,10 @@ import DocOperations from '../components/doc-operations';
 import Layout, { Header, Content } from '../layout';
 import context from '../context';
 import ErrorBoundary from './error-boundary';
-import { REVISION_FIRST_LOAD_KEY, REVISION_FIRST_LOAD_VALUE } from '../constants';
-import toaster from '../components/toast';
 import { SDocEditor } from '../basic-sdk';
 import { RevisionDiffViewer } from '../basic-sdk/views';
 import { useDocument } from '../hooks/use-document';
+import { resetWebTitleAndURL } from '../utils';
 import '../assets/css/simple-editor.css';
 var SimpleEditor = function SimpleEditor(_ref) {
   var isStarred = _ref.isStarred,
@@ -41,40 +39,7 @@ var SimpleEditor = function SimpleEditor(_ref) {
 
   // useMount: reset title
   useEffect(function () {
-    var isSdocRevision = context.getSetting('isSdocRevision');
-    var originFilename = context.getSetting('originFilename');
-    if (isSdocRevision) {
-      window.document.getElementsByTagName('title')[0].innerText = "".concat(t('Revision'), " - ").concat(originFilename);
-
-      // show revision created success info
-      var url = new URL(window.location.href);
-      var searchParams = new URLSearchParams(url.search);
-      if (!searchParams.has(REVISION_FIRST_LOAD_KEY)) return;
-      var firstLoadValue = searchParams.get(REVISION_FIRST_LOAD_KEY);
-      if (firstLoadValue === REVISION_FIRST_LOAD_VALUE) {
-        var revisionId = context.getSetting('revisionId');
-        toaster.success(t('Revision_created', {
-          id: revisionId
-        }));
-        searchParams.delete(REVISION_FIRST_LOAD_KEY);
-      }
-      var newParamsString = '';
-      var _iterator = _createForOfIteratorHelper(searchParams.entries()),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var item = _step.value;
-          newParamsString = newParamsString + "&".concat(item[0], "=").concat(item[1]);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      var newURL = "".concat(url.origin).concat(url.pathname).concat(newParamsString ? '/?' + newParamsString : '');
-      window.history.replaceState(null, null, newURL);
-    }
-
+    resetWebTitleAndURL(t);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var setDiffChanges = useCallback(function (diff) {

package/dist/utils/index.js

@@ -1,5 +1,9 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import DateUtils from './date-utils';
 import LocalStorage from './local-storage-utils';
+import context from '../context';
+import { REVISION_FIRST_LOAD_KEY, REVISION_FIRST_LOAD_VALUE } from '../constants';
+import toaster from '../components/toast';
 export var getDirPath = function getDirPath(path) {
   var dir = path.slice(0, path.lastIndexOf('/'));
   if (dir === '') {
@@ -45,4 +49,38 @@ export var isMac = function isMac() {
   return platform === 'Mac68K' || platform === 'MacPPC' || platform === 'Macintosh' || platform === 'MacIntel';
 };
 export var isMobile = typeof window !== 'undefined' && (window.innerWidth < 768 || navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null);
+export var resetWebTitleAndURL = function resetWebTitleAndURL(t) {
+  var isSdocRevision = context.getSetting('isSdocRevision');
+  var originFilename = context.getSetting('originFilename');
+  if (!isSdocRevision) return;
+  window.document.getElementsByTagName('title')[0].innerText = "".concat(t('Revision'), " - ").concat(originFilename);
+
+  // show revision created success info
+  var url = new URL(window.location.href);
+  var searchParams = new URLSearchParams(url.search);
+  if (!searchParams.has(REVISION_FIRST_LOAD_KEY)) return;
+  var firstLoadValue = searchParams.get(REVISION_FIRST_LOAD_KEY);
+  if (firstLoadValue === REVISION_FIRST_LOAD_VALUE) {
+    var revisionId = context.getSetting('revisionId');
+    toaster.success(t('Revision_created', {
+      id: revisionId
+    }));
+    searchParams.delete(REVISION_FIRST_LOAD_KEY);
+  }
+  var newParamsString = '';
+  var _iterator = _createForOfIteratorHelper(searchParams.entries()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var item = _step.value;
+      newParamsString = newParamsString + "&".concat(item[0], "=").concat(item[1]);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var newURL = "".concat(url.origin).concat(url.pathname).concat(newParamsString ? '/?' + newParamsString : '');
+  window.history.replaceState(null, null, newURL);
+};
 export { DateUtils, LocalStorage };

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "2.0.4",
-    "@seafile/sdoc-editor": "0.2.12",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",

package/public/locales/cs/sdoc-editor.json

@@ -385,5 +385,6 @@
   "Image_border": "Image border",
   "Delete_revision": "Delete revision",
   "Delete_tip": "Are you sure you want to delete {{content}} ?",
-  "Revision_deleted": "Revision deleted"
+  "Revision_deleted": "Revision deleted",
+  "Published": "Zveřejněné"
 }

package/public/locales/de/sdoc-editor.json

@@ -385,5 +385,6 @@
   "Image_border": "Image border",
   "Delete_revision": "Delete revision",
   "Delete_tip": "Are you sure you want to delete {{content}} ?",
-  "Revision_deleted": "Revision deleted"
+  "Revision_deleted": "Revision deleted",
+  "Published": "Veröffentlicht"
 }

package/public/locales/en/sdoc-editor.json

@@ -385,5 +385,9 @@
   "Image_border": "Image border",
   "Delete_revision": "Delete revision",
   "Delete_tip": "Are you sure you want to delete {{content}} ?",
-  "Revision_deleted": "Revision deleted"
+  "Revision_deleted": "Revision deleted",
+  "Published": "Published",
+  "Delete_Successfully": "Delete Successfully",
+  "Delete_failed": "Delete failed",
+  "Insert_caption": "Insert caption"
 }

package/public/locales/es/sdoc-editor.json

@@ -385,5 +385,6 @@
   "Image_border": "Image border",
   "Delete_revision": "Delete revision",
   "Delete_tip": "Are you sure you want to delete {{content}} ?",
-  "Revision_deleted": "Revision deleted"
+  "Revision_deleted": "Revision deleted",
+  "Published": "Publicado"
 }

package/public/locales/fr/sdoc-editor.json

@@ -385,5 +385,6 @@
   "Image_border": "Image border",
   "Delete_revision": "Delete revision",
   "Delete_tip": "Are you sure you want to delete {{content}} ?",
-  "Revision_deleted": "Revision deleted"
+  "Revision_deleted": "Revision deleted",
+  "Published": "Publié"
 }

package/public/locales/it/sdoc-editor.json

@@ -385,5 +385,6 @@
   "Image_border": "Image border",
   "Delete_revision": "Delete revision",
   "Delete_tip": "Are you sure you want to delete {{content}} ?",
-  "Revision_deleted": "Revision deleted"
+  "Revision_deleted": "Revision deleted",
+  "Published": "Pubblicato"
 }

package/public/locales/ru/sdoc-editor.json

@@ -385,5 +385,6 @@
   "Image_border": "Граница изображения",
   "Delete_revision": "Удалить редакцию",
   "Delete_tip": "Вы уверены, что хотите удалить {{content}} ?",
-  "Revision_deleted": "Revision deleted"
+  "Revision_deleted": "Версия удалена",
+  "Published": "Опубликовано"
 }

package/public/locales/zh_CN/sdoc-editor.json

@@ -385,5 +385,9 @@
   "Image_border": "图片边框",
   "Delete_revision": "删除修订稿",
   "Delete_tip": "确定要删除 {{content}} 吗？",
-  "Revision_deleted": "修订稿已删除"
+  "Revision_deleted": "修订稿已删除",
+  "Published": "已发布",
+  "Delete_Successfully": "删除成功",
+  "Delete_failed": "删除失败",
+  "Insert_caption": "添加图片描述"
 }

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,8 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-describe" unicode="&#58967;" d="M992 352H32c-19.2 0-32 12.8-32 32V832c0 19.2 12.8 32 32 32h960c19.2 0 32-12.8 32-32v-448c0-19.2-12.8-32-32-32zM96 448h832V768H96v-320z m-96-224v-96h1024v96H0z m0-224v-96h576v96H0z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-add-comment" unicode="&#58939;" d="M960 896c35.2 0 64-28.8 64-64v-704c0-35.2-28.8-64-64-64h-224l-224-192-224 192H64c-35.2 0-64 28.8-64 64V832C0 867.2 28.8 896 64 896h896z m-32-96H96v-640h227.2l188.8-160 188.8 160H928V800zM288 528h448v-96H288zM464 704h96v-448h-96z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-comment-count" unicode="&#58966;" d="M1024 832v-704c0-35.2-28.8-64-64-64h-192l-256-192-224 192H64c-35.2 0-64 28.8-64 64V832C0 867.2 28.8 896 64 896h896c35.2 0 64-28.8 64-64z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "sdocfont"; /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1696755823394'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1696755823394#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1696755823394') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1696755823394') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1696755823394') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1696755823394#sdocfont') format('svg');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1698118988223'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1698118988223#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1698118988223') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1698118988223') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1698118988223') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1698118988223#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-describe:before {
+  content: "\e657";
+}
+
 .sdoc-add-comment:before {
   content: "\e63b";
 }

package/dist/basic-sdk/extension/commons/tooltip/index.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { UncontrolledTooltip } from 'reactstrap';
-import classnames from 'classnames';
-import './index.css';
-var Tooltip = function Tooltip(_ref) {
-  var target = _ref.target,
-    children = _ref.children,
-    className = _ref.className,
-    placement = _ref.placement,
-    _ref$fade = _ref.fade,
-    fade = _ref$fade === void 0 ? false : _ref$fade;
-  var popperClassName = classnames('sdoc-tooltip', className);
-  return /*#__PURE__*/React.createElement(UncontrolledTooltip, {
-    popperClassName: popperClassName,
-    target: target,
-    fade: fade,
-    placement: placement || 'bottom',
-    delay: 0
-  }, children);
-};
-export default Tooltip;