@seafile/sdoc-editor 0.1.123 → 0.1.125-beta

package/dist/basic-sdk/slate-editor.js

@@ -0,0 +1,149 @@
+import React, { useCallback, useMemo, Fragment } from 'react';
+import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
+import { renderLeaf, renderElement, ContextToolbar } from './extension';
+import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from './extension/core';
+import EventProxy from './utils/event-handler';
+import { useCursors } from './cursor/use-cursors';
+import { INTERNAL_EVENT } from './constants';
+import { SetNodeToDecorations } from './highlight-decorate/setNodeToDecorations';
+import CommentContextProvider from './comment/comment-context-provider';
+import CommentWrapper from './comment';
+import { usePipDecorate } from './decorates';
+import { getCursorPosition, getDomHeight, getDomMarginTop } from './utils/dom-utils';
+import EventBus from './utils/event-bus';
+import { ArticleContainer } from './layout';
+import { useScrollContext } from './hooks/use-scroll-context';
+var SlateEditor = function SlateEditor(_ref) {
+  var editor = _ref.editor,
+    setSlateValue = _ref.setSlateValue,
+    slateValue = _ref.slateValue;
+  var _useCursors = useCursors(editor),
+    cursors = _useCursors.cursors;
+  var decorate = usePipDecorate(editor);
+
+  // init eventHandler
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var eventProxy = useMemo(function () {
+    return new EventProxy(editor);
+  }, []);
+  var onChange = useCallback(function (slateValue) {
+    setSlateValue(slateValue);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onMouseDown = useCallback(function (event) {
+    if (event.button === 0) {
+      editor.reSetTableSelectedRange();
+      var eventBus = EventBus.getInstance();
+      eventBus.dispatch(INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var scrollRef = useScrollContext();
+  var onKeyDown = useCallback(function (event) {
+    var _scrollRef$current = scrollRef.current,
+      scrollTop = _scrollRef$current.scrollTop,
+      clientHeight = _scrollRef$current.clientHeight;
+    eventProxy.onKeyDown(event);
+    if (event.key === 'ArrowLeft') {
+      if (!isSelectionAtBlockStart(editor)) return;
+    }
+    if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {
+      if (scrollTop === 0) return;
+      var prevNode = getPrevNode(editor);
+      if (!prevNode) return;
+      var domNode = ReactEditor.toDOMNode(editor, prevNode[0]);
+      var domHeight = getDomHeight(domNode);
+      var isScrollUp = true;
+      var _getCursorPosition = getCursorPosition(isScrollUp),
+        y = _getCursorPosition.y;
+      if (y >= domHeight) return;
+      scrollRef.current.scroll(0, Math.max(0, scrollTop - domHeight));
+      return;
+    }
+    if (event.key === 'ArrowRight') {
+      if (!isSelectionAtBlockEnd(editor)) return;
+    }
+    if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {
+      var nextNode = getNextNode(editor);
+      if (!nextNode) return;
+      var _domNode = ReactEditor.toDOMNode(editor, nextNode[0]);
+      var _domHeight = getDomHeight(_domNode);
+      var _isScrollUp = false;
+      var _getCursorPosition2 = getCursorPosition(_isScrollUp),
+        _y = _getCursorPosition2.y;
+      if (clientHeight - _y >= _domHeight) return;
+      scrollRef.current.scroll(0, Math.max(0, scrollTop + _domHeight));
+      return;
+    }
+    if (event.key === 'Backspace') {
+      var _getCursorPosition3 = getCursorPosition(),
+        _y2 = _getCursorPosition3.y;
+
+      // above viewport
+      if (_y2 < 0) {
+        var newY = Math.abs(_y2);
+        if (isSelectionAtBlockStart(editor)) {
+          var _prevNode = getPrevNode(editor);
+          if (!_prevNode) return;
+          var _domNode2 = ReactEditor.toDOMNode(editor, _prevNode[0]);
+          var _domHeight2 = getDomHeight(_domNode2);
+          var node = getAboveBlockNode(editor);
+          if (!node) return;
+          var currentDomNode = ReactEditor.toDOMNode(editor, node[0]);
+          var marginTop = getDomMarginTop(currentDomNode);
+          scrollRef.current.scroll(0, Math.max(0, scrollTop - (newY + _domHeight2 + marginTop)));
+        } else {
+          scrollRef.current.scroll(0, Math.max(0, scrollTop - newY));
+        }
+        return;
+      }
+
+      // insider viewport
+      if (_y2 >= 0 && _y2 <= clientHeight) {
+        if (isSelectionAtBlockStart(editor)) {
+          var _prevNode2 = getPrevNode(editor);
+          if (!_prevNode2) return;
+          var _domNode3 = ReactEditor.toDOMNode(editor, _prevNode2[0]);
+          var _domHeight3 = getDomHeight(_domNode3);
+          if (_y2 >= _domHeight3) return;
+          // Scroll up the height of the previous block
+          scrollRef.current.scroll(0, Math.max(0, scrollTop - _domHeight3));
+          return;
+        }
+      }
+
+      // below viewport
+      if (_y2 > clientHeight) {
+        if (isSelectionAtBlockStart(editor)) {
+          // y: text top border
+          scrollRef.current.scroll(0, Math.max(0, scrollTop + (_y2 - clientHeight)));
+        } else {
+          var marginBottom = 11.2;
+          var _getCursorPosition4 = getCursorPosition(false),
+            _newY = _getCursorPosition4.y;
+          var rectBottom = _newY + marginBottom; // text bottom border
+          scrollRef.current.scroll(0, Math.max(0, scrollTop + (rectBottom - clientHeight)));
+        }
+        return;
+      }
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [scrollRef]);
+  return /*#__PURE__*/React.createElement(Slate, {
+    editor: editor,
+    value: slateValue,
+    onChange: onChange
+  }, /*#__PURE__*/React.createElement(ArticleContainer, {
+    editor: editor
+  }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ContextToolbar, null), /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
+    cursors: cursors,
+    renderElement: renderElement,
+    renderLeaf: renderLeaf,
+    onKeyDown: onKeyDown,
+    onMouseDown: onMouseDown,
+    decorate: decorate,
+    onCut: eventProxy.onCut
+  })), /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement(CommentWrapper, null))));
+};
+export default SlateEditor;

package/dist/basic-sdk/socket/with-socket-io.js

@@ -19,6 +19,7 @@ var withSocketIO = function withSocketIO(editor, options) {
     SocketManager.destroy();
   };
   newEditor.onChange = function () {
+    if (newEditor.readonly) return;
     var operations = newEditor.operations;
     if (!newEditor.isRemote && operations.length > 0) {
       var isAllSetSelection = operations.every(function (operation) {

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

@@ -261,6 +261,18 @@ export var getDiff = function getDiff() {
   var oldValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     children: []
   };
+  if (!currentValue && !oldValue) return {
+    value: [],
+    changes: []
+  };
+  if (!currentValue && oldValue) return {
+    value: normalizeChildren(oldValue.children),
+    changes: []
+  };
+  if (currentValue && !oldValue) return {
+    value: normalizeChildren(currentValue.children),
+    changes: []
+  };
   var _currentValue$childre = _objectSpread(_objectSpread({}, currentValue), {}, {
       children: normalizeChildren(currentValue.children)
     }),

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

@@ -8,11 +8,10 @@ import '../../assets/css/diff-viewer.css';
 var DiffViewer = function DiffViewer(_ref) {
   var currentContent = _ref.currentContent,
     lastContent = _ref.lastContent,
-    didMountCallback = _ref.didMountCallback;
-  var diff = currentContent ? getDiff(currentContent, lastContent) : {
-    value: [],
-    changes: []
-  };
+    didMountCallback = _ref.didMountCallback,
+    showToolbar = _ref.showToolbar,
+    showOutline = _ref.showOutline;
+  var diff = getDiff(currentContent, lastContent);
   context.initSettings();
   useEffect(function () {
     didMountCallback && didMountCallback(diff);
@@ -39,6 +38,8 @@ var DiffViewer = function DiffViewer(_ref) {
     return renderElement(props, editor);
   }, []);
   return /*#__PURE__*/React.createElement(SDocViewer, {
+    showToolbar: showToolbar,
+    showOutline: showOutline,
     document: {
       children: diff.value
     },
@@ -46,4 +47,8 @@ var DiffViewer = function DiffViewer(_ref) {
     renderElement: customRenderElement
   });
 };
+DiffViewer.defaultProps = {
+  showToolbar: false,
+  showOutline: false
+};
 export default DiffViewer;

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

@@ -1,35 +1,31 @@
 import React, { Fragment, useRef } from 'react';
+import classnames from 'classnames';
 import { Editable, Slate } from '@seafile/slate-react';
 import defaultEditor, { renderLeaf as _renderLeaf, renderElement as _renderElement } from '../extension';
 import withNodeId from '../node-id';
-import { ScrollContext } from '../hooks/use-scroll-context';
-import { generateDefaultDocContent, isMobile } from '../../utils';
+import { generateDefaultDocContent } from '../../utils';
 import { SetNodeToDecorations } from '../highlight-decorate/setNodeToDecorations';
 import { usePipDecorate } from '../decorates';
-import ArticleContainer from '../layout/article-container';
-import '../assets/css/layout.css';
-import '../assets/css/sdoc-editor-plugins.css';
-import '../assets/css/dropdown-menu.css';
+import { ArticleContainer, EditorContainer, EditorContent } from '../layout';
 import '../assets/css/simple-viewer.css';
 var SDocViewer = function SDocViewer(_ref) {
   var document = _ref.document,
     customRenderLeaf = _ref.renderLeaf,
-    customRenderElement = _ref.renderElement;
+    customRenderElement = _ref.renderElement,
+    showToolbar = _ref.showToolbar,
+    showOutline = _ref.showOutline;
   var editor = withNodeId(defaultEditor);
+  editor.readonly = true;
   var slateValue = (document || generateDefaultDocContent()).children;
-  var scrollRef = useRef(null);
   var decorate = usePipDecorate(editor);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-editor-container ".concat(isMobile ? 'mobile' : '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-editor-content readonly"
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: scrollRef,
-    className: "sdoc-scroll-container"
-  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
-    value: {
-      scrollRef: scrollRef
-    }
+  return /*#__PURE__*/React.createElement(EditorContainer, {
+    editor: editor,
+    showToolbar: showToolbar,
+    readonly: true
+  }, /*#__PURE__*/React.createElement(EditorContent, {
+    docValue: slateValue,
+    readonly: true,
+    showOutline: showOutline
   }, /*#__PURE__*/React.createElement(Slate, {
     editor: editor,
     value: slateValue
@@ -47,6 +43,10 @@ var SDocViewer = function SDocViewer(_ref) {
     },
     onDOMBeforeInput: function onDOMBeforeInput(event) {},
     decorate: decorate
-  }))))))));
+  }))))));
+};
+SDocViewer.defaultProps = {
+  showToolbar: false,
+  showOutline: false
 };
 export default SDocViewer;

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

@@ -10,12 +10,14 @@ import ShareOperation from './share-operation';
 import './style.css';
 var DocOperations = function DocOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
+    changes = _ref.changes,
     toggleViewChanges = _ref.toggleViewChanges;
   var isSdocRevision = context.getSetting('isSdocRevision');
   return /*#__PURE__*/React.createElement("div", {
     className: "doc-ops"
   }, /*#__PURE__*/React.createElement(RevisionOperations, {
     isShowChanges: isShowChanges,
+    changes: changes,
     toggleViewChanges: toggleViewChanges
   }), /*#__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));
 };

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

@@ -0,0 +1,34 @@
+.sdoc-revision-changes-container {
+  height: 32px;
+  border: 1px solid #e5e5e5;
+  border-radius: 3px;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-divider {
+  border-right: 1px solid #e5e5e5;
+  height: 100%;
+  width: 1px;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last,
+.sdoc-revision-changes-container .sdoc-revision-changes-next {
+  padding: 0 8px;
+  height: 100%;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last .sdocfont,
+.sdoc-revision-changes-container .sdoc-revision-changes-next .sdocfont {
+  color: #000;
+  opacity: .5;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last:hover,
+.sdoc-revision-changes-container .sdoc-revision-changes-next:hover {
+  cursor: pointer;
+  background-color: #f5f5f5;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last:hover .sdocfont,
+.sdoc-revision-changes-container .sdoc-revision-changes-next:hover .sdocfont {
+  opacity: .75;
+}

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

@@ -0,0 +1,85 @@
+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 './index.css';
+var ChangesCount = function ChangesCount(_ref) {
+  var changes = _ref.changes;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentDiffIndex = _useState2[0],
+    setDiffIndex = _useState2[1];
+  var jumpToElement = useCallback(function (currentDiffIndex) {
+    setDiffIndex(currentDiffIndex);
+    var change = changes[currentDiffIndex];
+    var changeElement = document.querySelectorAll("[data-id=".concat(change, "]"))[0];
+    if (changeElement) {
+      var scrollContainer = document.getElementById('sdoc-scroll-container');
+      if (scrollContainer) {
+        scrollContainer.scrollTop = changeElement.offsetTop - 10;
+      }
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changes, currentDiffIndex]);
+  var lastChange = useCallback(function () {
+    if (currentDiffIndex === 0) {
+      jumpToElement(changes.length - 1);
+      return;
+    }
+    jumpToElement(currentDiffIndex - 1);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changes, currentDiffIndex]);
+  var nextChange = useCallback(function () {
+    if (currentDiffIndex === changes.length - 1) {
+      jumpToElement(0);
+      return;
+    }
+    jumpToElement(currentDiffIndex + 1);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changes, currentDiffIndex]);
+  if (!Array.isArray(changes) || changes.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revision-changes-container d-flex align-items-center pl-2 pr-2 ml-4"
+    }, t('No changes'));
+  }
+  var changesCount = changes.length;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-container d-flex align-items-center ml-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-tip d-flex align-items-center justify-content-center pl-2 pr-2"
+  }, "".concat(t('Changes'), " ").concat(currentDiffIndex + 1, "/").concat(changesCount)), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-last d-flex align-items-center justify-content-center",
+    id: "sdoc-revision-changes-last",
+    onClick: lastChange
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-next-page",
+    style: {
+      transform: 'rotate(-90deg)'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-changes-next d-flex align-items-center justify-content-center",
+    id: "sdoc-revision-changes-next",
+    onClick: nextChange
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-previous-page",
+    style: {
+      transform: 'rotate(-90deg)'
+    }
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    target: "sdoc-revision-changes-last"
+  }, t('Last modification')), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    target: "sdoc-revision-changes-next"
+  }, t('Next modification')));
+};
+export default ChangesCount;

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

@@ -4,12 +4,16 @@ import PublishRevision from './publish-button';
 import ViewChanges from './view-changes';
 import MoreRevisionOperations from './more-revision-operations';
 import Revisions from './revisions';
+import ChangesCount from './changes-count';
 var RevisionOperations = function RevisionOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
+    changes = _ref.changes,
     toggleViewChanges = _ref.toggleViewChanges;
   var isSdocRevision = context.getSetting('isSdocRevision');
   var isPublished = context.getSetting('isPublished');
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !isSdocRevision && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoreRevisionOperations, null), /*#__PURE__*/React.createElement(Revisions, null)), isSdocRevision && /*#__PURE__*/React.createElement(ViewChanges, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !isSdocRevision && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoreRevisionOperations, null), /*#__PURE__*/React.createElement(Revisions, null)), isSdocRevision && isShowChanges && /*#__PURE__*/React.createElement(ChangesCount, {
+    changes: changes
+  }), isSdocRevision && /*#__PURE__*/React.createElement(ViewChanges, {
     isShowChanges: isShowChanges,
     toggleViewChanges: toggleViewChanges
   }), isSdocRevision && !isPublished && /*#__PURE__*/React.createElement(PublishRevision, null));

package/dist/pages/diff-viewer.js

@@ -0,0 +1,2 @@
+import { DiffViewer } from '../basic-sdk';
+export default DiffViewer;

package/dist/pages/simple-editor.js

@@ -3,14 +3,13 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { withTranslation } from 'react-i18next';
 import deepCopy from 'deep-copy';
-import { SDocEditor } from '../basic-sdk';
+import { SDocEditor, DiffViewer } from '../basic-sdk';
 import Loading from '../components/loading';
 import DocInfo from '../components/doc-info';
 import DocOperations from '../components/doc-operations';
 import Layout, { Header, Content } from '../layout';
 import { generateDefaultDocContent } from '../utils';
 import context from '../context';
-import DiffViewer from './diff-viewer';
 import ErrorBoundary from './error-boundary';
 import '../assets/css/simple-editor.css';
 var SimpleEditor = function SimpleEditor(_ref) {
@@ -114,10 +113,20 @@ var SimpleEditor = function SimpleEditor(_ref) {
       initChangesData();
       return;
     }
+    setChanges([]);
     initDocumentData(false);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [document]);
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    changes = _useState16[0],
+    setChanges = _useState16[1];
+  var setDiffChanges = useCallback(function (diff) {
+    setChanges(diff.changes);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowChanges]);
   if (isFirstLoad && !errorMessage) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
@@ -134,6 +143,7 @@ var SimpleEditor = function SimpleEditor(_ref) {
     isEditMode: !isShowChanges
   }), /*#__PURE__*/React.createElement(DocOperations, {
     isShowChanges: isShowChanges,
+    changes: changes,
     toggleViewChanges: toggleViewChanges
   })), /*#__PURE__*/React.createElement(Content, null, isLoadingSdoc && /*#__PURE__*/React.createElement("div", {
     className: "w-100 h-100 d-flex align-items-center justify-content-center"
@@ -142,8 +152,11 @@ var SimpleEditor = function SimpleEditor(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "error-tip"
   }, t(errorMessage))), !isLoadingSdoc && !errorMessage && /*#__PURE__*/React.createElement(React.Fragment, null, isShowChanges ? /*#__PURE__*/React.createElement(DiffViewer, {
+    showToolbar: true,
+    showOutline: true,
     currentContent: currentContent,
-    lastContent: lastContent
+    lastContent: lastContent,
+    didMountCallback: setDiffChanges
   }) : /*#__PURE__*/React.createElement(SDocEditor, {
     config: context.getEditorConfig(),
     document: document,

package/package.json

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

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

@@ -14,6 +14,10 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-next-page" unicode="&#58918;" d="M342.4 768c12.8 0 28.8-6.4 38.4-16l329.6-329.6c22.4-22.4 22.4-57.6 0-76.8L380.8 16c-22.4-22.4-57.6-22.4-76.8 0-22.4 22.4-22.4 57.6 0 76.8L595.2 384 304 675.2c-22.4 22.4-22.4 57.6 0 76.8 9.6 9.6 25.6 16 38.4 16z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-previous-page" unicode="&#58961;" d="M672 768c-12.8 0-28.8-6.4-38.4-16L304 422.4c-22.4-22.4-22.4-57.6 0-76.8L633.6 16c22.4-22.4 57.6-22.4 76.8 0 22.4 22.4 22.4 57.6 0 76.8L419.2 384l291.2 291.2c22.4 22.4 22.4 57.6 0 76.8-9.6 9.6-25.6 16-38.4 16z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-save-tip" unicode="&#58960;" d="M528 800c153.6 0 272-112 284.8-252.8 121.6-9.6 208-137.6 208-291.2 0-160-86.4-284.8-201.6-288H208c-96 0-208 124.8-208 284.8s89.6 294.4 227.2 288c9.6 0 16 0 22.4-3.2C291.2 694.4 374.4 800 528 800z m3.2-96c-99.2 0-179.2-73.6-208-256-48 3.2-76.8 3.2-96 0-73.6-9.6-131.2-86.4-131.2-185.6S166.4 64 227.2 64h582.4c54.4 0 118.4 96 118.4 198.4 0 89.6-35.2 166.4-99.2 185.6-28.8 9.6-67.2 12.8-92.8 6.4-6.4 169.6-99.2 249.6-204.8 249.6z m163.2-252.8l38.4-41.6c6.4-6.4 6.4-16 0-22.4l-256-249.6c-12.8-12.8-32-16-44.8-3.2l-147.2 140.8c-6.4 6.4-6.4 12.8-3.2 19.2l3.2 3.2 38.4 38.4c6.4 6.4 16 6.4 22.4 0l108.8-105.6L672 448c6.4 9.6 16 9.6 22.4 3.2z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-file" unicode="&#58895;" d="M460.8 723.2H112c-16 0-35.2-12.8-35.2-35.2v-601.6c0-19.2 16-35.2 35.2-35.2h803.2c16 0 35.2 19.2 35.2 35.2V576c0 19.2-16 35.2-35.2 35.2H588.8c-12.8 0-16 6.4-22.4 12.8l-105.6 99.2z m137.6-38.4h313.6c57.6 0 112-48 112-115.2v-489.6c0-60.8-48-115.2-112-115.2h-800C51.2-32 0 16 0 83.2V684.8C0 745.6 48 800 112 800h361.6c12.8 0 16-6.4 22.4-12.8l102.4-102.4z"  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=1692612471690'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1692612471690#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1692612471690') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1692612471690') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1692612471690') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1692612471690#sdocfont') format('svg');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1692935854632'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1692935854632#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1692935854632') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1692935854632') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1692935854632') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1692935854632#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-next-page:before {
+  content: "\e626";
+}
+
+.sdoc-previous-page:before {
+  content: "\e651";
+}
+
 .sdoc-save-tip:before {
   content: "\e650";
 }

package/dist/basic-sdk/extension/plugins/sdoc-link/menu/local-files.css

@@ -1,98 +0,0 @@
-.sdoc-local-files-library {
-  color: #212529;
-  cursor: pointer;
-  font-size: 14px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info {
-  display: flex;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info > span:nth-child(-n+2) {
-  padding-right: 3px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info :first-child {
-  transform: scale(0.6)
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .active {
-  background: #ff8000;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-  color: #fff;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .active .sdoc-local-file-icon {
-  color: #fff;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .inactive:hover {
-  background: #fdefb9;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .inactive > span:nth-child(-n+2) {
-  color: #9aa0ac;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info .icon-drop-down-scale {
-  transform: scale(1.1) !important;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-info > span:nth-child(3) {
-  padding-left: 3px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  line-height: 24px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-files {
-  padding-left: 24px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-files .active {
-  background: #ff8000;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-  color: #fff;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-files .inactive:hover {
-  background: #fdefb9;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-children {
-  padding-left: 24px
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .sdoc-local-folder .sdoc-local-folder-children .inactive .sdoc-local-file-icon {
-  color: #ff9800;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .inactive:hover {
-  background: #fdefb9;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .active {
-  background: #ff8000;
-  border-radius: 2px;
-  box-shadow: inset 0 0 1px #999;
-  color: #fff;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .active .sdoc-local-file-icon {
-  color: #fff;
-  padding-right: 5px;
-}
-
-.sdoc-local-files-library .sdoc-local-folder-container .inactive .sdoc-local-file-icon {
-  color: #ff9800;
-  padding-right: 5px;
-}