@seafile/sdoc-editor 0.1.138 → 0.1.140

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

@@ -1,23 +1,20 @@
 import React from 'react';
 import { UncontrolledPopover } from 'reactstrap';
-import { insertBelowImage, insertBelowTable, insertBelowLink, insertBelowCodeBlock } from './helpers';
 import InsertBlockMenu from './insert-block-menu';
+import { INSERT_POSITION } from '../../constants';
 var InsertBelowMenu = function InsertBelowMenu(_ref) {
   var target = _ref.target;
   return /*#__PURE__*/React.createElement(UncontrolledPopover, {
     target: target,
-    className: "sdoc-side-menu-insert-below-popover",
+    className: "sdoc-side-menu-insert-below-popover sdoc-sub-dropdown-menu sdoc-dropdown-menu",
     trigger: "hover",
     placement: "right-start",
     hideArrow: true,
     fade: false
   }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-side-inner-menu"
+    className: "sdoc-dropdown-menu-container"
   }, /*#__PURE__*/React.createElement(InsertBlockMenu, {
-    insertImage: insertBelowImage,
-    insertTable: insertBelowTable,
-    insertLink: insertBelowLink,
-    insertCodeBlock: insertBelowCodeBlock
+    insertPosition: INSERT_POSITION.AFTER
   })));
 };
 export default InsertBelowMenu;

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

@@ -1,95 +1,89 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useCallback, useState } from 'react';
-import { withTranslation } from 'react-i18next';
-import { Transforms } from '@seafile/slate';
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React, { useCallback } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
-import context from '../../../../context';
-import AddLinkDialog from '../../plugins/link/menu/add-link-dialog';
-import { insertImage } from '../../plugins/image/helpers';
+import { Transforms } from '@seafile/slate';
 import { insertTable } from '../../plugins/table/helpers';
-import SideMenuItem from './side-menu-item';
 import TableSizePopover from '../../plugins/table/popover/table-size-popover';
 import { changeToCodeBlock } from '../../plugins/code-block/helpers';
+import { ELEMENT_TYPE, INSERT_POSITION, INSERT_IMAGE_TYPE, MENUS_CONFIG_MAP } from '../../constants';
+import EventBus from '../../../utils/event-bus';
+import { INTERNAL_EVENT } from '../../../constants';
+import DropdownMenuItem from '../../commons/dropdown-menu-item';
 var InsertBlockMenu = function InsertBlockMenu(_ref) {
-  var propsInsertImage = _ref.insertImage,
-    propsInsertLink = _ref.insertLink,
-    propsInsertTable = _ref.insertTable,
-    propsInsertCodeBlock = _ref.insertCodeBlock,
-    t = _ref.t;
-  var inputRef = useRef(null);
+  var insertPosition = _ref.insertPosition;
   var editor = useSlateStatic();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isShowLinkDialog = _useState2[0],
-    setShowLinkDialog = _useState2[1];
   var onInsertImageToggle = useCallback(function () {
-    if (propsInsertImage) {
-      inputRef.current.click();
-      return;
+    var eventBus = EventBus.getInstance();
+    if (insertPosition === INSERT_POSITION.CURRENT) {
+      Transforms.select(editor, editor.selection.focus);
     }
-    Transforms.select(editor, editor.selection.focus);
-    inputRef.current.click();
-  }, [editor, propsInsertImage]);
-  var onFileChanged = useCallback(function (event) {
-    var file = event.target.files[0];
-    context.uploadLocalImage(file).then(function (fileUrl) {
-      if (propsInsertImage) {
-        propsInsertImage(editor, fileUrl, editor.selection);
-      } else {
-        insertImage(editor, fileUrl, editor.selection);
-      }
+    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: INSERT_IMAGE_TYPE.LOCAL_IMAGE,
+      insertPosition: insertPosition
     });
-  }, [editor, propsInsertImage]);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, insertPosition]);
   var createTable = useCallback(function (size) {
-    if (propsInsertTable) {
-      propsInsertTable(editor, size, editor.selection);
-    } else {
-      insertTable(editor, size, editor.selection);
-    }
-  }, [editor, propsInsertTable]);
-  var onLinkDialogToggle = useCallback(function () {
-    setShowLinkDialog(!isShowLinkDialog);
-  }, [isShowLinkDialog]);
+    insertTable(editor, size, editor.selection, insertPosition);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, insertPosition]);
+  var openLinkDialog = useCallback(function () {
+    var eventBus = EventBus.getInstance();
+    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: ELEMENT_TYPE.LINK,
+      insertPosition: insertPosition
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [insertPosition]);
   var onInsertCodeBlock = useCallback(function () {
-    if (propsInsertCodeBlock) {
-      propsInsertCodeBlock(editor, 'plaintext');
-    } else {
-      changeToCodeBlock(editor, 'plaintext');
-    }
-  }, [editor, propsInsertCodeBlock]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SideMenuItem, {
-    iconClass: "sdocfont sdoc-image",
-    iconName: t('Image'),
+    changeToCodeBlock(editor, 'plaintext', insertPosition);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, insertPosition]);
+  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]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    menuConfig: _objectSpread(_objectSpread({}, MENUS_CONFIG_MAP[ELEMENT_TYPE.IMAGE]), {}, {
+      id: ''
+    }),
     onClick: onInsertImageToggle
-  }, /*#__PURE__*/React.createElement("input", {
-    ref: inputRef,
-    type: "file",
-    accept: "image/*",
-    className: "sdoc-upload-locale-image",
-    onChange: onFileChanged
-  })), /*#__PURE__*/React.createElement(SideMenuItem, {
-    menuId: "sdoc-side-menu-item-table",
-    iconClass: "sdocfont sdoc-table",
-    iconName: t('Table'),
-    hasRight: true
-  }, /*#__PURE__*/React.createElement(TableSizePopover, {
+  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    menuConfig: _objectSpread(_objectSpread({}, MENUS_CONFIG_MAP[ELEMENT_TYPE.TABLE]), {}, {
+      id: 'sdoc-side-menu-item-table'
+    }),
+    className: "pr-2"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+  }), /*#__PURE__*/React.createElement(TableSizePopover, {
     target: "sdoc-side-menu-item-table",
     trigger: "hover",
     placement: "right-start",
     popperClassName: "sdoc-side-menu-table-size",
-    createTable: createTable
-  })), /*#__PURE__*/React.createElement(SideMenuItem, {
-    iconClass: "sdocfont sdoc-link",
-    iconName: t('Link'),
-    onClick: onLinkDialogToggle
-  }, isShowLinkDialog && /*#__PURE__*/React.createElement(AddLinkDialog, {
-    editor: editor,
-    insertLink: propsInsertLink,
-    onLinkDialogToggle: onLinkDialogToggle
-  })), /*#__PURE__*/React.createElement(SideMenuItem, {
-    iconClass: "sdocfont sdoc-code-block",
-    iconName: t('Code_block'),
+    createTable: createTable,
+    openDialog: openTableDialog
+  })), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    menuConfig: _objectSpread(_objectSpread({}, MENUS_CONFIG_MAP[ELEMENT_TYPE.LINK]), {}, {
+      id: ''
+    }),
+    onClick: openLinkDialog
+  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    menuConfig: _objectSpread(_objectSpread({}, MENUS_CONFIG_MAP[ELEMENT_TYPE.CODE_BLOCK]), {}, {
+      id: ''
+    }),
     onClick: onInsertCodeBlock
   }));
 };
-export default withTranslation('sdoc-editor')(InsertBlockMenu);
+InsertBlockMenu.defaultProps = {
+  insertPosition: INSERT_POSITION.CURRENT
+};
+export default InsertBlockMenu;

package/dist/basic-sdk/extension/toolbar/side-toolbar/side-menu.css

@@ -14,41 +14,6 @@
   z-index: 999;
 }
 
-.sdoc-side-menu .sdoc-side-menu-item:nth-child(2),
-.sdoc-side-inner-menu .sdoc-side-menu-item:nth-child(2) {
-  border-bottom: 1px solid var(--border-weak,rgba(0,0,0,.04));
-}
-
-.sdoc-side-menu .sdoc-side-menu-item,
-.sdoc-side-inner-menu .sdoc-side-menu-item {
-  padding: 6px 16px;
-  display: flex;
-  justify-content: space-between;
-  font-size: 12px;
-}
-
-.sdoc-side-menu .sdoc-upload-locale-image,
-.sdoc-side-inner-menu .sdoc-upload-locale-image {
-  display: none;
-}
-
-.sdoc-side-menu .sdoc-side-menu-item:hover,
-.sdoc-side-inner-menu .sdoc-side-menu-item:hover {
-  background-color: #F2F2F2;
-  border-radius: 2px;
-}
-
-.sdoc-side-menu .sdoc-side-menu-item :nth-child(2),
-.sdoc-side-inner-menu .sdoc-side-menu-item :nth-child(2) {
-  transform: scale(0.6);
-}
-
-.sdoc-side-menu .sdoc-side-menu-item :first-child,
-.sdoc-side-inner-menu .sdoc-side-menu-item :first-child {
-  padding-right: 5px;
-  font-size: 12px;
-}
-
 .sdoc-side-menu-insert-below-popover .popover {
   background-color: #fff;
   min-width: 150px;
@@ -57,8 +22,3 @@
   left: -6px !important;
   cursor: pointer;
 }
-
-.sdoc-side-operation-translate-popover .popover,
-.sdoc-selected-table-size-popover .sdoc-side-menu-table-size {
-  left: -6px !important;
-}

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

@@ -1,15 +1,15 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { withTranslation } from 'react-i18next';
 import { useSlateStatic } from '@seafile/slate-react';
 import EventBus from '../../../utils/event-bus';
 import { ElementPopover } from '../../commons';
 import InsertBelowMenu from './insert-below-menu';
 import InsertBlockMenu from './insert-block-menu';
-import SideMenuItem from './side-menu-item';
 import { onCopyNode, onDeleteNode } from './helpers';
-import './side-menu.css';
 import TransformMenus from './transform-menus';
+import DropdownMenuItem from '../../commons/dropdown-menu-item';
+import './side-menu.css';
 var SideMenu = function SideMenu(_ref) {
   var slateNode = _ref.slateNode,
     isNodeEmpty = _ref.isNodeEmpty,
@@ -56,35 +56,51 @@ var SideMenu = function SideMenu(_ref) {
     className: "sdoc-side-menu-popover",
     style: menuStyle
   }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-side-menu",
+    className: "sdoc-side-menu sdoc-dropdown-menu",
     ref: sideMenuRef
-  }, /*#__PURE__*/React.createElement(SideMenuItem, {
-    menuId: "sdoc-side-menu-item__transform",
-    iconClass: "sdocfont sdoc-table-of-content",
-    iconName: t('Transform_to'),
-    hasRight: true
-  }, /*#__PURE__*/React.createElement(TransformMenus, {
-    target: "sdoc-side-menu-item__transform",
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    menuConfig: {
+      id: 'sdoc-side-menu-item-transform',
+      text: 'Transform_to',
+      iconClass: 'sdocfont sdoc-table-of-content'
+    },
+    className: "pr-2"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+  }), /*#__PURE__*/React.createElement(TransformMenus, {
+    target: "sdoc-side-menu-item-transform",
     slateNode: slateNode,
     onReset: onReset
-  })), isNodeEmpty && /*#__PURE__*/React.createElement(InsertBlockMenu, null), !isNodeEmpty && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SideMenuItem, {
-    menuId: "sdoc-side-menu-item__below",
-    iconClass: "sdocfont sdoc-insert",
-    iconName: t('Insert_below'),
-    hasRight: true
-  }, /*#__PURE__*/React.createElement(InsertBelowMenu, {
-    target: "sdoc-side-menu-item__below"
-  })), /*#__PURE__*/React.createElement(SideMenuItem, {
-    iconClass: "sdocfont sdoc-copy",
-    iconName: t('Copy'),
+  }))), isNodeEmpty && /*#__PURE__*/React.createElement(InsertBlockMenu, null), !isNodeEmpty && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    menuConfig: {
+      id: 'sdoc-side-menu-item-insert-below',
+      text: 'Insert_below',
+      iconClass: 'sdocfont sdoc-insert'
+    },
+    className: "pr-2"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+  }), /*#__PURE__*/React.createElement(InsertBelowMenu, {
+    target: "sdoc-side-menu-item-insert-below"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-dropdown-menu-divider"
+  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    menuConfig: {
+      text: 'Copy',
+      iconClass: 'sdocfont sdoc-copy'
+    },
     onClick: onCopy
-  }), /*#__PURE__*/React.createElement(SideMenuItem, {
-    iconClass: "sdocfont sdoc-cut",
-    iconName: t('Cut'),
+  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    menuConfig: {
+      text: 'Cut',
+      iconClass: 'sdocfont sdoc-cut'
+    },
     onClick: onCut
-  }), /*#__PURE__*/React.createElement(SideMenuItem, {
-    iconClass: "sdocfont sdoc-delete",
-    iconName: t('Delete'),
+  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    menuConfig: {
+      text: 'Delete',
+      iconClass: 'sdocfont sdoc-delete'
+    },
     onClick: onDelete
   }))));
 };

package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js

@@ -4,6 +4,7 @@ import { withTranslation } from 'react-i18next';
 import { useSlateStatic } from '@seafile/slate-react';
 import { onSetNodeType } from './helpers';
 import { SIDE_MENUS_CONFIG } from '../../constants';
+import DropdownMenuItem from '../../commons/dropdown-menu-item';
 var TransformMenus = function TransformMenus(_ref) {
   var target = _ref.target,
     slateNode = _ref.slateNode,
@@ -17,25 +18,21 @@ var TransformMenus = function TransformMenus(_ref) {
   }, []);
   return /*#__PURE__*/React.createElement(UncontrolledPopover, {
     target: target,
-    className: "sdoc-side-operation-translate-popover",
+    className: "sdoc-side-operation-translate-popover sdoc-sub-dropdown-menu sdoc-dropdown-menu",
     trigger: "hover",
     placement: "right-start",
     hideArrow: true,
     fade: false
   }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-side-inner-menu"
+    className: "sdoc-dropdown-menu-container"
   }, SIDE_MENUS_CONFIG.map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(DropdownMenuItem, {
       key: item.id,
-      className: "sdoc-side-menu-item",
+      menuConfig: item,
       onClick: function onClick() {
-        onSetType(item.type);
+        return onSetType(item.type);
       }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "sdoc-side-menu-item__left"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: item.iconClass
-    }), /*#__PURE__*/React.createElement("span", null, t(item.title))));
+    });
   })));
 };
 export default withTranslation('sdoc-editor')(TransformMenus);

package/dist/basic-sdk/highlight-decorate/index.js

@@ -8,7 +8,8 @@ export var highlightDecorate = function highlightDecorate(editor) {
       path = _ref2[1];
     var ranges = [];
     if (Element.isElement(node) && node.type === CODE_LINE) {
-      ranges = (editor === null || editor === void 0 ? void 0 : editor.nodeToDecorations.get(node)) || [];
+      var _editor$nodeToDecorat;
+      ranges = (editor === null || editor === void 0 ? void 0 : (_editor$nodeToDecorat = editor.nodeToDecorations) === null || _editor$nodeToDecorat === void 0 ? void 0 : _editor$nodeToDecorat.get(node)) || [];
       return ranges;
     }
     return ranges;

package/dist/basic-sdk/highlight-decorate/setNodeToDecorations.js

@@ -6,6 +6,7 @@ import { Node, Element, Editor } from '@seafile/slate';
 import { useSlateStatic } from '@seafile/slate-react';
 import Prism, { normalizeTokens, normalizeTokensByLanguageType } from '../extension/plugins/code-block/prismjs';
 import { CODE_BLOCK } from '../extension/constants';
+import { getValidLang } from '../extension/plugins/code-block/helpers';
 var mergeMaps = function mergeMaps() {
   var map = new Map();
   for (var _len = arguments.length, maps = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -36,7 +37,7 @@ var getChildNodeToDecorations = function getChildNodeToDecorations(_ref) {
   var text = block.children.map(function (line) {
     return Node.string(line);
   }).join('\n');
-  var language = block.language || 'plaintext'; // default 'plaintext'
+  var language = getValidLang(block.language);
   var tokens = Prism.tokenize(text, Prism.languages[language]);
   if (Object.keys(normalizeTokensByLanguageType).includes(language)) {
     tokens = normalizeTokensByLanguageType[language](tokens);

package/dist/pages/simple-viewer.js

@@ -12,6 +12,7 @@ import Loading from '../components/loading';
 import Layout, { Header, Content } from '../layout';
 import { generateDefaultDocContent } from '../utils';
 import ErrorBoundary from './error-boundary';
+import '../assets/css/simple-viewer.css';
 var SimpleViewer = /*#__PURE__*/function (_React$Component) {
   _inherits(SimpleViewer, _React$Component);
   var _super = _createSuper(SimpleViewer);
@@ -19,10 +20,6 @@ var SimpleViewer = /*#__PURE__*/function (_React$Component) {
     var _this;
     _classCallCheck(this, SimpleViewer);
     _this = _super.call(this, props);
-    _this.onValueChanged = function (value) {
-      _this.isValueChanged = true;
-      _this.value = value;
-    };
     _this.state = {
       isContextInit: false,
       errorMessage: null,
@@ -95,10 +92,27 @@ var SimpleViewer = /*#__PURE__*/function (_React$Component) {
           className: "d-flex justify-content-center"
         }, t(errorMessage));
       }
-      var docName = context.getSetting('docName');
-      return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement("div", null, docName)), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(SDocViewer, {
+      var _context$getSettings = context.getSettings(),
+        docName = _context$getSettings.docName,
+        sharePermissionText = _context$getSettings.sharePermissionText,
+        downloadURL = _context$getSettings.downloadURL;
+      return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement("div", {
+        className: "doc-info"
+      }, /*#__PURE__*/React.createElement("h2", {
+        className: "doc-name my-0"
+      }, docName), sharePermissionText && /*#__PURE__*/React.createElement("span", {
+        className: "sdoc-share-permission ml-2"
+      }, sharePermissionText)), /*#__PURE__*/React.createElement("div", {
+        className: "doc-ops"
+      }, downloadURL && /*#__PURE__*/React.createElement("a", {
+        href: downloadURL,
+        className: "op-item"
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "sdocfont sdoc-download"
+      })))), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(SDocViewer, {
         document: document,
-        onValueChanged: this.onValueChanged
+        showToolbar: true,
+        showOutline: true
       }))));
     }
   }]);

package/package.json

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

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

@@ -14,6 +14,8 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-download" unicode="&#58962;" d="M582.4 326.4V793.6c0 41.6-32 70.4-70.4 70.4s-70.4-28.8-70.4-70.4v-467.2l-172.8 172.8c-25.6 25.6-70.4 25.6-96-3.2-25.6-25.6-25.6-70.4 0-96l291.2-291.2c25.6-25.6 70.4-25.6 96 0l291.2 291.2c25.6 25.6 25.6 70.4 3.2 96-25.6 25.6-70.4 25.6-96 3.2l-3.2-3.2-172.8-169.6z m-480-284.8h822.4c38.4 0 70.4-28.8 70.4-70.4s-32-67.2-73.6-67.2H102.4C60.8-96 32-67.2 32-25.6c0 35.2 28.8 67.2 70.4 67.2z"  horiz-adv-x="1024" />
+      
       <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" />

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=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');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1693362307040'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1693362307040#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1693362307040') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1693362307040') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1693362307040') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1693362307040#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-download:before {
+  content: "\e652";
+}
+
 .sdoc-next-page:before {
   content: "\e626";
 }

package/dist/basic-sdk/extension/plugins/image/menu/style.css

@@ -1,43 +0,0 @@
-.image-menu {
-  position: relative;
-}
-
-.image-menu .image-popover {
-  position: absolute;
-  top: 36px;
-  left: 0px;
-  padding: 8px 0;
-  background-color: #fff;
-  border: 1px solid #e5e6e8;
-  border-radius: 2px;
-  box-shadow: 0 0 10px #ccc;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  z-index: 101;
-  white-space: nowrap;
-}
-
-.image-menu .image-popover .image-menu-item {
-  cursor: pointer;
-  height: 30px;
-  padding: 4px 24px;
-  user-select: none;
-  display: flex;
-  align-items: center;
-  font-size: 0.9375rem;
-}
-
-.image-menu .image-popover .image-menu-item:hover {
-  background-color: rgb(245, 245, 245);
-}
-
-.image-menu .locale-image-uploader {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 0;
-  opacity: 0;
-  font-size: 0;
-}