@seafile/sdoc-editor 0.3.1 → 0.3.3

package/dist/assets/css/collaborator-popover.css

@@ -72,5 +72,3 @@
   text-overflow: ellipsis;
   color: #212529;
 }
-
-

package/dist/basic-sdk/comment/comment-decorate.js

@@ -22,6 +22,7 @@ export var commentDecorate = function commentDecorate(editor) {
           offset: Node.string(node).length
         }
       };
+
       // rgba prevents occlusion of the cursor
       decoration['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
       decoration['comment_count'] = unresolvedComments === null || unresolvedComments === void 0 ? void 0 : unresolvedComments.length;

package/dist/basic-sdk/comment/components/comment-item-wrapper.js

@@ -219,6 +219,7 @@ export default function CommentItemWrapper(_ref) {
   var insertContent = useCallback(function (content) {
     var user = context.getUserInfo();
     var replies = [];
+
     // The comment has already been resolved, when adding a new reply, resubmit the comment
     if (comment.resolved) {
       var _time = dayjs().format('YYYY-MM-DD HH:mm:ss');
@@ -343,6 +344,7 @@ export default function CommentItemWrapper(_ref) {
     onDeleteComment: onDeleteComment
   }), comment.replies && comment.replies.length > 0 && comment.replies.map(function (reply) {
     var type = reply.type;
+
     // type is reply | comment
     if (type === 'reply') {
       var props = {

package/dist/basic-sdk/comment/utils/notification-utils.js

@@ -6,7 +6,7 @@ var PERMISSION_GRANTED = 'granted';
 var notify = function notify($title, $options) {
   var notification = new Notification($title, $options);
 
-  //auto clear notifications
+  // auto clear notifications
   var timer = setTimeout(notification.close.bind(notification), 5000);
   notification.onshow = function (event) {
     var _context$getSetting = context.getSetting('mediaUrl'),

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

@@ -83,7 +83,7 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
       _this.menu = ref;
     };
     _this.getToolTip = function (type) {
-      //chrome in Mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36"
+      // chrome in Mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36"
       var isMac = window.navigator.userAgent.indexOf('Macintosh') !== -1;
       return isMac ? MAC_HOTKEYS[type] : WIN_HOTKEYS[type];
     };

package/dist/basic-sdk/extension/plugins/table/constants/index.js

@@ -28,4 +28,10 @@ export var TABLE_CELL_STYLE = {
 };
 export var TABLE_ROW_STYLE = {
   MIN_HEIGHT: 'min_height'
+};
+export var TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP = {
+  '#3f495d': 'sdoc-table-3f495d',
+  '#2367f2': 'sdoc-table-2367f2',
+  '#f77d21': 'sdoc-table-f77d21',
+  '#0099f4': 'sdoc-table-0099f4'
 };

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

@@ -67,8 +67,20 @@ export var generateTableRow = function generateTableRow(colsCount) {
     style: _defineProperty({}, TABLE_ROW_STYLE.MIN_HEIGHT, TABLE_ROW_MIN_HEIGHT)
   };
 };
-export var generateEmptyTable = function generateEmptyTable(editor) {
-  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [0, 0];
+
+/**
+ * @param {Editor} editor
+ * @param {Object} tableProps
+ * @param {[number,number]} tableProps.size - table size, [row,column]
+ * @param {Boolean} tableProps.alternate_highlight - is alternate highlight
+ * @param {string} tableProps.alternate_highlight_color - table alternate highlight color
+ */
+export var generateEmptyTable = function generateEmptyTable(editor, tableProps) {
+  var _tableProps$size = tableProps.size,
+    size = _tableProps$size === void 0 ? [0, 0] : _tableProps$size,
+    _tableProps$alternate = tableProps.alternate_highlight,
+    alternate_highlight = _tableProps$alternate === void 0 ? false : _tableProps$alternate,
+    alternate_highlight_color = tableProps.alternate_highlight_color;
   var rowsCount = size[0];
   var colsCount = size[1];
   var children = [];
@@ -87,7 +99,11 @@ export var generateEmptyTable = function generateEmptyTable(editor) {
     id: slugid.nice(),
     type: ELEMENT_TYPE.TABLE,
     children: children,
-    columns: columns
+    columns: columns,
+    style: {
+      alternate_highlight: alternate_highlight,
+      alternate_highlight_color: alternate_highlight_color
+    }
   };
 };
 export var insertTable = function insertTable(editor, size, selection) {
@@ -96,7 +112,9 @@ export var insertTable = function insertTable(editor, size, selection) {
   if (position !== INSERT_POSITION.AFTER) {
     if (isTableMenuDisabled(editor)) return;
   }
-  var tableNode = generateEmptyTable(editor, size);
+  var tableNode = generateEmptyTable(editor, {
+    size: size
+  });
   var validSelection = selection || editor.selection;
   var path = Editor.path(editor, validSelection);
   if (position === INSERT_POSITION.AFTER) {
@@ -926,7 +944,9 @@ var normalizeTableCell = function normalizeTableCell(cell) {
 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);
+    return generateEmptyTable(editor, {
+      size: size
+    });
   }
   var newElement = _objectSpread({}, element);
   for (var i = 0; i < element.children.length; i++) {
@@ -937,4 +957,16 @@ export var normalizeTableELement = function normalizeTableELement(editor, elemen
     newElement.children[i] = row;
   }
   return newElement;
+};
+export var insertTableByTemplate = function insertTableByTemplate(editor, alternateColor) {
+  var size = [4, 4];
+  var tableNode = generateEmptyTable(editor, {
+    size: size,
+    alternate_highlight_color: alternateColor,
+    alternate_highlight: true
+  });
+  var path = Editor.path(editor, editor.selection);
+  Transforms.insertNodes(editor, tableNode, {
+    at: [path[0]]
+  });
 };

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

@@ -4,7 +4,6 @@ import { insertTable, isTableMenuDisabled } from '../../helpers';
 import { MENUS_CONFIG_MAP, ELEMENT_TYPE, INSERT_POSITION } from '../../../../constants';
 import TableSizePopover from '../../popover/table-size-popover';
 import ElementDropdownMenuItem from '../../../../commons/dropdown-menu-item';
-import { INTERNAL_EVENT } from '../../../../../constants';
 var TableMenu = function TableMenu(_ref) {
   var editor = _ref.editor,
     readonly = _ref.readonly,
@@ -14,11 +13,6 @@ var TableMenu = function TableMenu(_ref) {
   var createTable = useCallback(function (size) {
     insertTable(editor, size, editor.selection, INSERT_POSITION.CURRENT);
   }, [editor]);
-  var openDialog = useCallback(function () {
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: ELEMENT_TYPE.TABLE
-    });
-  }, [eventBus]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ElementDropdownMenuItem, {
     disabled: disabled,
     menuConfig: menuConfig,
@@ -26,11 +20,11 @@ var TableMenu = function TableMenu(_ref) {
   }, !disabled && /*#__PURE__*/React.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
   })), !disabled && /*#__PURE__*/React.createElement(TableSizePopover, {
+    editor: editor,
     target: menuConfig.id,
     trigger: "hover",
     placement: "right-start",
-    createTable: createTable,
-    openDialog: openDialog
+    createTable: createTable
   }));
 };
 export default withTranslation('sdoc-editor')(TableMenu);

package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.css

@@ -45,13 +45,20 @@
   margin-top: 5px;
 }
 
+.sdoc-selected-table-size-container .sdoc-selected-table-tools-container {
+  padding: 10px 0;
+  margin-bottom: 10px;
+  border-bottom: 1px solid #dedede;
+}
+
 .sdoc-selected-table-size-popover .sdoc-selected-table-size-custom {
-  min-height: 40px;
-  margin-top: 10px;
-  border-top: 1px solid #dedede;
-  padding: 8px 10px;
+  display: flex;
+  justify-content: space-between;
+  padding: 5px 10px 0;
+  min-height: 32px;
 }
 
 .sdoc-selected-table-size-popover .sdoc-selected-table-size-custom:hover {
   cursor: pointer;
+  background: #f5f5f5;
 }

package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.js

@@ -3,25 +3,26 @@ import React, { useCallback, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { useTranslation } from 'react-i18next';
 import { UncontrolledPopover } from 'reactstrap';
+import TableTemplate from '../table-template';
 import './index.css';
 var TableSizePopover = function TableSizePopover(_ref) {
-  var target = _ref.target,
+  var editor = _ref.editor,
+    target = _ref.target,
     _ref$trigger = _ref.trigger,
     trigger = _ref$trigger === void 0 ? 'legacy' : _ref$trigger,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
     popperClassName = _ref.popperClassName,
-    createTable = _ref.createTable,
-    openDialog = _ref.openDialog;
-  var minSize = [4, 4];
+    createTable = _ref.createTable;
+  var minSize = [5, 10];
   var maxSize = [10, 10];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useState = useState([4, 4]),
+  var _useState = useState([5, 10]),
     _useState2 = _slicedToArray(_useState, 2),
     displaySize = _useState2[0],
     setDisplaySize = _useState2[1];
-  var _useState3 = useState([0, 0]),
+  var _useState3 = useState([1, 1]),
     _useState4 = _slicedToArray(_useState3, 2),
     selectedSize = _useState4[0],
     setSelectedSize = _useState4[1];
@@ -85,7 +86,7 @@ var TableSizePopover = function TableSizePopover(_ref) {
   }, [displaySize, selectedSize]);
   return /*#__PURE__*/React.createElement(UncontrolledPopover, {
     target: target,
-    className: "sdoc-selected-table-size-popover sdoc-sub-dropdown-menu",
+    className: "sdoc-selected-table-size-popover sdoc-sub-dropdown-menu sdoc-dropdown-menu",
     trigger: trigger,
     placement: placement,
     hideArrow: true,
@@ -95,12 +96,19 @@ var TableSizePopover = function TableSizePopover(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-selected-table-size-container w-100 h-100 d-flex flex-column"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-selected-table-size-tip w-100 "
-  }, "".concat(selectedSize[0], " x ").concat(selectedSize[1])), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-selected-table-tools-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "sdoc-table-template-review-btn",
+    className: "sdoc-selected-table-size-custom"
+  }, /*#__PURE__*/React.createElement("span", null, t('Table_template')), /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-table-size-select"
   }, renderTableSize()), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-selected-table-size-custom",
-    onClick: openDialog
-  }, t('Customize_the_number_of_rows_and_columns'))));
+    className: "sdoc-selected-table-size-tip w-100 "
+  }, "".concat(selectedSize[0], " x ").concat(selectedSize[1])), /*#__PURE__*/React.createElement(TableTemplate, {
+    editor: editor,
+    targetId: "sdoc-table-template-review-btn"
+  })));
 };
 export default TableSizePopover;

package/dist/basic-sdk/extension/plugins/table/popover/table-template/index.css

@@ -0,0 +1,35 @@
+.sdoc-table-template-inner-popover {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 20px;
+  width: 430px;
+  height: 100%;
+  background-color: #fff;
+}
+
+.sdoc-table-template-view-table {
+  padding: 10px;
+  margin: 10px 5px;
+  border: 1px solid #e2e3e6;
+  cursor: pointer;
+}
+
+.sdoc-table-template-view-table .sdoc-table-template-row .sdoc-table-template-cell {
+  width: 40px;
+  height: 20px;
+  border-left: 1px solid #e2e3e6;
+  border-right: 1px solid #e2e3e6;
+}
+
+.sdoc-table-template-view-table .sdoc-table-template-row {
+  display: flex;
+}
+
+.sdoc-table-template-view-table .sdoc-table-template-row:first-child .sdoc-table-template-cell {
+  border: none;
+  border-top: 1px solid #e2e3e6;
+}
+
+.sdoc-table-template-view-table .sdoc-table-template-row:last-child .sdoc-table-template-cell {
+  border-bottom: 1px solid #e2e3e6;
+}

package/dist/basic-sdk/extension/plugins/table/popover/table-template/index.js

@@ -0,0 +1,33 @@
+import React, { useCallback, useMemo } from 'react';
+import { UncontrolledPopover } from 'reactstrap';
+import { TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP } from '../../constants';
+import SmapleTable from './sample-table';
+import { insertTableByTemplate } from '../../helpers';
+import './index.css';
+import '../../render/alternate-color.css';
+var TableTemplate = function TableTemplate(_ref) {
+  var editor = _ref.editor,
+    targetId = _ref.targetId;
+  var tableTemplatePreviewList = useMemo(function () {
+    return Reflect.ownKeys(TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP);
+  }, []);
+  var handleClickTemplate = useCallback(function (e, alternateColor) {
+    insertTableByTemplate(editor, alternateColor);
+  }, [editor]);
+  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    target: targetId,
+    trigger: "hover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false,
+    className: "sdoc-sub-dropdown-menu sdoc-table-template-popover",
+    innerClassName: "sdoc-table-template-inner-popover"
+  }, tableTemplatePreviewList.map(function (alternateColor, index) {
+    return /*#__PURE__*/React.createElement(SmapleTable, {
+      key: alternateColor + index,
+      alternateColor: alternateColor,
+      onClickTemplate: handleClickTemplate
+    });
+  }));
+};
+export default TableTemplate;

package/dist/basic-sdk/extension/plugins/table/popover/table-template/sample-table.js

@@ -0,0 +1,33 @@
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP } from '../../constants';
+import './index.css';
+var SmapleTable = function SmapleTable(_ref) {
+  var alternateColor = _ref.alternateColor,
+    onClickTemplate = _ref.onClickTemplate;
+  // generate table
+  var renderTableRow = useCallback(function (row, column) {
+    return new Array(row).fill(null).map(function (_, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-table-template-row table-row",
+        key: "sdoc-template-table-row-".concat(index),
+        onClick: function onClick(e) {
+          return onClickTemplate(e, alternateColor);
+        }
+      }, new Array(column).fill(null).map(function (_, index) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "sdoc-table-template-cell",
+          key: "sdoc-template-table-cell-".concat(index)
+        });
+      }));
+    });
+  }, [onClickTemplate, alternateColor]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-table-template-view-table ".concat(TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP[alternateColor])
+  }, renderTableRow(4, 4));
+};
+SmapleTable.proptoTypes = {
+  alternateColor: PropTypes.string.isRequired,
+  onClickTemplate: PropTypes.func.isRequired
+};
+export default SmapleTable;

package/dist/basic-sdk/extension/plugins/table/render/alternate-color.css

@@ -0,0 +1,37 @@
+/* type1 */
+.sdoc-table-3f495d .table-row:nth-child(2n + 1) {
+  background-color: #f1f3f6;
+}
+
+.sdoc-table-3f495d .table-row:first-child {
+  background-color: #3f495d;
+  color: white;
+}
+
+/* type2 */
+.sdoc-table-2367f2 .table-row:nth-child(2n + 1) {
+  background-color: #e1edff;
+}
+
+.sdoc-table-2367f2 .table-row:first-child {
+  background-color: #2367f2;
+  color: white;
+}
+
+/* type3 */
+.sdoc-table-f77d21 .table-row:nth-child(2n + 1) {
+  background-color: #fff1e8;
+}
+
+.sdoc-table-f77d21 .table-row:first-child {
+  background-color: #f77d21;
+}
+
+/* type4 */
+.sdoc-table-0099f4 .table-row:nth-child(2n + 1) {
+  background-color: #e1f5ff;
+}
+
+.sdoc-table-0099f4 .table-row:first-child {
+  background-color: #0099f4;
+}

package/dist/basic-sdk/extension/plugins/table/render/index.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef, useState, useEffect, useCallback } from 'react';
@@ -5,7 +6,7 @@ import classnames from 'classnames';
 import throttle from 'lodash.throttle';
 import { useSelected, useSlateStatic, useReadOnly } from '@seafile/slate-react';
 import { Transforms, Editor } from '@seafile/slate';
-import { EMPTY_SELECTED_RANGE } from '../constants';
+import { EMPTY_SELECTED_RANGE, TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP } from '../constants';
 import { ResizeHandlersContext, TableSelectedRangeContext, SettingSelectRangeContext } from './hooks';
 import EventBus from '../../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../../constants';
@@ -17,7 +18,9 @@ import TableRoot from './table-root';
 import TableHeader from './table-header';
 import { findPath } from '../../../core';
 import './index.css';
+import './alternate-color.css';
 var Table = function Table(_ref) {
+  var _element$style, _element$style2;
   var className = _ref.className,
     attributes = _ref.attributes,
     children = _ref.children,
@@ -181,7 +184,7 @@ var Table = function Table(_ref) {
     table: element,
     setSelectedRange: setSelectedRangeByClick
   }), /*#__PURE__*/React.createElement("div", {
-    className: tableContainerClassName,
+    className: classnames(tableContainerClassName, _defineProperty({}, TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP[element === null || element === void 0 ? void 0 : (_element$style = element.style) === null || _element$style === void 0 ? void 0 : _element$style.alternate_highlight_color], element === null || element === void 0 ? void 0 : (_element$style2 = element.style) === null || _element$style2 === void 0 ? void 0 : _element$style2.alternate_highlight)),
     onMouseDown: onMouseDown,
     ref: table,
     "data-id": element.id
@@ -197,7 +200,6 @@ function renderTable(props) {
       attributes = props.attributes,
       children = props.children,
       element = props.element;
-
     // eslint-disable-next-line react-hooks/rules-of-hooks
     var editor = useSlateStatic();
     return /*#__PURE__*/React.createElement(TableRoot, {

package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -52,15 +52,6 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  var openTableDialog = useCallback(function () {
-    var eventBus = EventBus.getInstance();
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: ELEMENT_TYPE.TABLE,
-      insertPosition: insertPosition
-    });
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [insertPosition]);
   var onInsertList = useCallback(function (type) {
     toggleList(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -82,12 +73,12 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
   }, /*#__PURE__*/React.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
   }), /*#__PURE__*/React.createElement(TableSizePopover, {
+    editor: editor,
     target: "sdoc-side-menu-item-table",
     trigger: "hover",
     placement: "right-start",
     popperClassName: "sdoc-side-menu-table-size",
-    createTable: createTable,
-    openDialog: openTableDialog
+    createTable: createTable
   })), /*#__PURE__*/React.createElement(DropdownMenuItem, {
     menuConfig: _objectSpread({}, SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.LINK]),
     onClick: openLinkDialog

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

@@ -51,3 +51,48 @@
   display: flex;
   flex-direction: column;
 }
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-order {
+  display: inline-block;
+  font-size: 14px;
+  color: #888;
+  background: #eee;
+  padding: 0 8px; 
+  height: 20px;
+  line-height: 20px;
+  border-radius: 10px;
+  margin-left: 0.5rem;
+  cursor: default;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-published-tip {
+  display: inline-block;
+  font-size: 14px;
+  color: #fff;
+  background: #5EBA00;
+  padding: 0 8px; 
+  height: 20px;
+  line-height: 20px;
+  border-radius: 10px;
+  margin-left: 0.5rem;
+  cursor: default;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-source-doc {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 20px;
+  width: 20px;
+  margin-left: 0.5rem;
+  cursor: pointer;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-source-doc .sdoc-jump-to {
+  font-size: 14px;
+  color: #999;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-source-doc:hover .sdoc-jump-to {
+  color: #333;
+}

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

@@ -24,6 +24,10 @@ var DocInfo = function DocInfo(_ref) {
     var eventBus = EventBus.getInstance();
     eventBus.dispatch(EXTERNAL_EVENT.TOGGLE_STAR);
   }, []);
+  var jumpToSourceDoc = useCallback(function () {
+    var originFileURL = context.getSetting('originFileURL');
+    window.open(originFileURL, '_blank');
+  }, []);
   var isSdocRevision = context.getSetting('isSdocRevision');
   var docName = context.getSetting('docName');
   var _context$getSettings = context.getSettings(),
@@ -68,9 +72,15 @@ var DocInfo = function DocInfo(_ref) {
     className: "doc-name"
   }, oldDocName), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-revision-order"
-  }, t('Revision') + ' ' + revisionId), isPublished && /*#__PURE__*/React.createElement("div", {
+  }, t('Revision') + ' ' + revisionId), isPublished && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-revision-published-tip"
-  }, t('Published')), !isPublished && /*#__PURE__*/React.createElement(TipMessage, {
+  }, t('Published')), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-source-doc",
+    title: t('Jump_to_original_doc'),
+    onClick: jumpToSourceDoc
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-jump-to"
+  }))), !isPublished && /*#__PURE__*/React.createElement(TipMessage, {
     isEditMode: isEditMode
   })), /*#__PURE__*/React.createElement("div", {
     className: "doc-state"

package/dist/components/doc-operations/style.css

@@ -25,29 +25,3 @@
 .doc-ops .popover-wrapper {
   width: 300px;
 }
-
-.doc-info .sdoc-revision-order {
-  display: inline-block;
-  font-size: 14px;
-  color: #888;
-  background: #eee;
-  padding: 0 8px; 
-  height: 20px;
-  line-height: 20px;
-  border-radius: 10px;
-  margin-left: 0.5rem;
-  cursor: default;
-}
-
-.doc-info  .sdoc-revision-published-tip {
-  display: inline-block;
-  font-size: 14px;
-  color: #55A900;
-  background: #E6F4D6;
-  padding: 0 8px; 
-  height: 20px;
-  line-height: 20px;
-  border-radius: 3px;
-  margin-left: 0.5rem;
-  cursor: default;
-}

package/dist/components/toast/alert.js

@@ -103,6 +103,14 @@ var Alert = /*#__PURE__*/function (_React$PureComponent) {
             }),
             iconClass: 'sdocfont sdoc-exclamation-circle'
           };
+        default:
+          return {
+            borderStyle: this.containerBorderSuccess,
+            iconColor: css({
+              color: 'rgb(71, 184, 129)'
+            }),
+            iconClass: 'sdocfont sdoc-check-circle'
+          };
       }
     }
   }, {

package/dist/utils/date-utils.js

@@ -75,7 +75,7 @@ var DateUtils = /*#__PURE__*/function () {
       if (this.isValidDateObject(dateObject)) return dateObject;
       if (!isDateTypeString) return null;
 
-      //ios phone and safari browser not support use '2021-09-10 12:30', support '2021/09/10 12:30'
+      // ios phone and safari browser not support use '2021-09-10 12:30', support '2021/09/10 12:30'
       dateObject = new Date(dateString.replace(/-/g, '/'));
       if (this.isValidDateObject(dateObject)) return dateObject;
       return null;

package/dist/utils/local-storage-utils.js

@@ -34,7 +34,7 @@ var LocalStorage = /*#__PURE__*/function () {
       return window.localStorage.removeItem(key);
     }
 
-    //The setExpire and getExpire methods used to satisfy some cases that need to be updated regularly
+    // The setExpire and getExpire methods used to satisfy some cases that need to be updated regularly
   }, {
     key: "setExpire",
     value: function setExpire(key, value, expire) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

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

@@ -410,5 +410,7 @@
   "revision": "revision",
   "xxx_added_a_new_comment": "{{author}} added a new comment",
   "xxx_added_a_reply": "{{author}} added a reply",
-  "New": "Nový"
+  "New": "Nový",
+  "Table_template": "Table template",
+  "Jump_to_original_doc": "Jump to the original document"
 }

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

@@ -410,5 +410,7 @@
   "revision": "revision",
   "xxx_added_a_new_comment": "{{author}} added a new comment",
   "xxx_added_a_reply": "{{author}} added a reply",
-  "New": "Erstellen"
+  "New": "Erstellen",
+  "Table_template": "Table template",
+  "Jump_to_original_doc": "Jump to the original document"
 }

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

@@ -410,5 +410,7 @@
   "revision": "revision",
   "xxx_added_a_new_comment": "{{author}} added a new comment",
   "xxx_added_a_reply": "{{author}} added a reply",
-  "New": "New"
+  "New": "New",
+  "Table_template": "Table template",
+  "Jump_to_original_doc": "Jump to the original document"
 }

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

@@ -410,5 +410,7 @@
   "revision": "revision",
   "xxx_added_a_new_comment": "{{author}} added a new comment",
   "xxx_added_a_reply": "{{author}} added a reply",
-  "New": "Nuevo"
+  "New": "Nuevo",
+  "Table_template": "Table template",
+  "Jump_to_original_doc": "Jump to the original document"
 }

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

@@ -410,5 +410,7 @@
   "revision": "revision",
   "xxx_added_a_new_comment": "{{author}} added a new comment",
   "xxx_added_a_reply": "{{author}} added a reply",
-  "New": "Créer"
+  "New": "Créer",
+  "Table_template": "Table template",
+  "Jump_to_original_doc": "Jump to the original document"
 }

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

@@ -410,5 +410,7 @@
   "revision": "revision",
   "xxx_added_a_new_comment": "{{author}} added a new comment",
   "xxx_added_a_reply": "{{author}} added a reply",
-  "New": "Nuovo"
+  "New": "Nuovo",
+  "Table_template": "Table template",
+  "Jump_to_original_doc": "Jump to the original document"
 }

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

@@ -410,5 +410,7 @@
   "revision": "версия",
   "xxx_added_a_new_comment": "{{author}} добавил новый комментарий",
   "xxx_added_a_reply": "{{author}} добавил ответ",
-  "New": "Новый"
+  "New": "Новый",
+  "Table_template": "Шаблон таблицы",
+  "Jump_to_original_doc": "Jump to the original document"
 }

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

@@ -410,5 +410,7 @@
   "revision": "修订稿",
   "xxx_added_a_new_comment": "{{author}} 添加了一条新评论",
   "xxx_added_a_reply": "{{author}} 添加了一条回复",
-  "New": "新"
+  "New": "新",
+  "Table_template": "表格模版",
+  "Jump_to_original_doc": "跳转到源文档"
 }

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

@@ -14,6 +14,12 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-jump-to" unicode="&#58970;" d="M361.6 896c32 0 54.4-16 54.4-48S393.6 800 361.6 800H96v-832h832v262.4c0 32 16 57.6 48 57.6s48-25.6 48-57.6v-300.8c0-32-28.8-57.6-60.8-57.6H60.8c-32 0-60.8 25.6-60.8 57.6V835.2C0 870.4 25.6 896 60.8 896h300.8zM992 896c19.2 0 32-12.8 32-32v-332.8c0-28.8-19.2-51.2-48-51.2s-48 22.4-48 51.2V729.6L531.2 336c-6.4-9.6-19.2-16-35.2-16-12.8 0-25.6 6.4-35.2 16-19.2 19.2-19.2 51.2 0 70.4L857.6 800h-198.4c-28.8 0-51.2 19.2-51.2 48S630.4 896 656 896H992z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-callout" unicode="&#58972;" 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-chart" unicode="&#58971;" d="M992-128H32c-19.2 0-32 12.8-32 32V864c0 19.2 12.8 32 32 32h960c19.2 0 32-12.8 32-32v-960c0-19.2-12.8-32-32-32zM96-32h832V800H96v-832z m0 464v-96h832v96H96zM560 800h-96v-832h96V800z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-add" unicode="&#58968;" d="M512-128C227.2-128 0 99.2 0 384S227.2 896 512 896s512-227.2 512-512-227.2-512-512-512z m-51.2 563.2H291.2c-19.2 0-35.2-12.8-35.2-35.2v-35.2c0-19.2 12.8-35.2 35.2-35.2h169.6V160c0-19.2 12.8-35.2 35.2-35.2h35.2c19.2 0 35.2 12.8 35.2 35.2v169.6H736c19.2 0 35.2 12.8 35.2 35.2v35.2c0 19.2-12.8 35.2-35.2 35.2h-169.6V604.8c0 19.2-12.8 35.2-35.2 35.2h-35.2c-19.2 0-35.2-12.8-35.2-35.2v-169.6z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-tag" unicode="&#58969;" d="M521.353986 860.33363l466.979644-466.979644c22.389435-22.389435 35.183398-51.175851 35.183398-83.160758s-12.793963-60.771324-35.183398-83.160759l-323.047562-319.849071c-22.389435-22.389435-51.175851-35.183398-79.962268-35.183398-31.984907 0-60.771324 12.793963-83.160758 35.183398L35.183398 374.163042c-25.587926 25.587926-38.381889 60.771324-31.984907 95.954721l31.984907 291.062655c6.396981 54.374342 47.977361 95.954721 102.351703 102.351703l291.062654 31.984907c31.984907 3.198491 67.168305-9.595472 92.756231-35.183398zM444.590209 767.577399L159.924536 735.592492l-31.984908-281.467182L578.926819-0.060372l316.65058 313.45209L444.590209 767.577399z m12.793963-127.939628c57.572833-57.572833 57.572833-147.130573 0-204.703406-25.587926-25.587926-63.969814-41.580379-102.351703-41.580379-38.381889 0-73.565286 12.793963-102.351703 41.580379-57.572833 57.572833-57.572833 147.130573 0 204.703406 57.572833 57.572833 150.329063 57.572833 204.703406 0z m-102.351703-70.366796c-6.396981 0-15.992454-3.198491-22.389435-9.595472-12.793963-12.793963-12.793963-31.984907 0-44.77887 12.793963-12.793963 31.984907-12.793963 44.77887 0 12.793963 12.793963 12.793963 31.984907 0 44.77887-6.396981 6.396981-12.793963 9.595472-22.389435 9.595472z"  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=1699007792511'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1699007792511#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1699007792511') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1699007792511') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1699007792511') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1699007792511#sdocfont') format('svg');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1700460885427'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1700460885427#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1700460885427') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1700460885427') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1700460885427') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1700460885427#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-jump-to:before {
+  content: "\e65a";
+}
+
+.sdoc-callout:before {
+  content: "\e65c";
+}
+
+.sdoc-chart:before {
+  content: "\e65b";
+}
+
 .sdoc-add:before {
   content: "\e658";
 }