@seafile/seafile-editor 2.0.23 → 2.0.25-beta

package/dist/editors/inline-editor/index.js

@@ -18,9 +18,10 @@ var _core = require("../../extension/core");
 var _common = require("../../utils/common");
 var _eventTypes = require("../../constants/event-types");
 var _elementTypes = require("../../extension/constants/element-types");
+var _useInsertImage = _interopRequireDefault(require("../../hooks/use-insert-image"));
 require("./index.css");
 const isMacOS = (0, _common.isMac)();
-const InlineEditor = _ref => {
+const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     enableEdit,
     value,
@@ -45,6 +46,7 @@ const InlineEditor = _ref => {
   const eventProxy = (0, _react.useMemo)(() => {
     return new _eventHandler.default(editor);
   }, [editor]);
+  (0, _useInsertImage.default)(editor);
   const decorate = (0, _extension.useHighlight)(editor);
   const onChange = (0, _react.useCallback)(value => {
     setSlateValue(value);
@@ -154,6 +156,11 @@ const InlineEditor = _ref => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  (0, _react.useImperativeHandle)(ref, () => {
+    return {
+      getEditor: () => editor
+    };
+  }, [editor]);
   const onEditorClick = (0, _react.useCallback)(() => {
     if (!enableEdit) {
       focusRangeRef.current = editor.selection;
@@ -195,5 +202,5 @@ const InlineEditor = _ref => {
     onKeyDown: eventProxy.onKeyDown,
     onCopy: eventProxy.onCopy
   })))))));
-};
+});
 var _default = exports.default = InlineEditor;

package/dist/editors/slate-editor/style.css

@@ -10,7 +10,7 @@
 .sf-slate-editor-container .sf-slate-editor-toolbar {
   display: flex;
   justify-content: center;
-  height: 44px;
+  height: 37px;
   align-items: center;
   padding: 0 10px;
   background-color: #fff;
@@ -26,7 +26,7 @@
 
 .sf-slate-editor-container .sf-slate-editor-content {
   width: 100%;
-  height: calc(100% - 44px);
+  height: calc(100% - 37px);
   display: flex;
   background: #f5f5f5;
   position: relative;

package/dist/extension/commons/dropdown-menu-item/index.css

@@ -13,7 +13,6 @@
 
 .sf-dropdown-menu .sf-dropdown-item-right-icon {
   color: #999;
-  transform: scale(.8);
 }
 
 .sf-dropdown-menu .sf-dropdown-item-with-left-icon {
@@ -45,7 +44,6 @@
 
 .sf-dropdown-menu .sf-dropdown-item-right-icon {
   color: #999;
-  transform: scale(.8);
 }
 
 .sf-dropdown-menu .sf-dropdown-item-content .sf-dropdown-item-content-icon {

package/dist/extension/commons/insert-element-dialog/index.js

@@ -12,7 +12,6 @@ var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _eventTypes = require("../../../constants/event-types");
 var _constants = require("../../constants");
 var _linkModal = _interopRequireDefault(require("../../plugins/link/menu/link-modal"));
-var _imageMenuDialog = _interopRequireDefault(require("../../plugins/image/menu/image-menu-dialog"));
 var _formulaModal = _interopRequireDefault(require("../../plugins/formula/menu/formula-modal"));
 const InsertElementDialog = _ref => {
   let {
@@ -78,11 +77,6 @@ const InsertElementDialog = _ref => {
       linkTitle: linkInfo.linkTitle,
       linkUrl: linkInfo.linkUrl
     });
-  } else if (_constants.ELementTypes.IMAGE === dialogType) {
-    return isOpenLinkModal && /*#__PURE__*/_react.default.createElement(_imageMenuDialog.default, {
-      closeDialog: onCloseModal,
-      editor: editor
-    });
   } else if (_constants.ELementTypes.FORMULA === dialogType) {
     return isOpenLinkModal && /*#__PURE__*/_react.default.createElement(_formulaModal.default, {
       onCloseModal: onCloseModal,

package/dist/extension/commons/menu/menu.css

@@ -7,6 +7,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  border-radius: 0 !important;
 }
 
 .sf-menu-group .sf-menu-group-item {
@@ -33,7 +34,7 @@
 }
 
 .sf-menu-group .sf-menu-group-item .iconfont {
-  font-size: 13px;
+  font-size: 12px;
 }
 
 /* sf-menu-with-dropdown */

package/dist/extension/commons/select/index.js

@@ -108,7 +108,7 @@ class Select extends _react.default.Component {
       className: `control-container ${isActive ? 'active' : ''}`,
       onClick: this.onSelectToggle
     }, !currentOption && /*#__PURE__*/_react.default.createElement("span", {
-      className: "label placeholder"
+      className: "label placeholder-content"
     }, placeholder), currentOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
       className: `control-icon ${currentOption.iconClass}`
     }), /*#__PURE__*/_react.default.createElement("span", {

package/dist/extension/commons/select/style.css

@@ -25,7 +25,7 @@
   box-shadow: 0 0 0 2px rgb(70 127 207 / 25%);
 }
 
-.select-container .control-container .placeholder {
+.select-container .control-container .placeholder-content {
   color: #BFBFBF;
 }
 
@@ -59,7 +59,7 @@
   position: absolute;
   left: 0;
   display: flex;
-  min-width: 80px;
+  min-width: 120px;
   max-height: 265px;
   margin-top: 4px;
   padding: 8px 0;
@@ -112,7 +112,7 @@
   flex-shrink: 0;
   display: flex;
   align-items: center;
-  min-width: 80px;
+  min-width: 120px;
   height: 32px;
   padding: 0 12px;
   cursor: pointer;

package/dist/extension/plugins/image/menu/index.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _elementTypes = require("../../../constants/element-types");
 var _menusConfig = require("../../../constants/menus-config");
-var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
-var _eventTypes = require("../../../../constants/event-types");
 var _helper = require("../helper");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
 var _reactstrap = require("reactstrap");
@@ -22,7 +20,8 @@ const ImageMenu = _ref => {
   let {
     readonly,
     editor,
-    toggle
+    toggle,
+    setIsShowInternetImageModal
   } = _ref;
   const {
     t
@@ -35,13 +34,6 @@ const ImageMenu = _ref => {
     e.nativeEvent.stopImmediatePropagation();
     (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current.click();
   }, [toggle]);
-  const handleInsertNetworkImage = () => {
-    toggle && toggle();
-    const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.INSERT_ELEMENT, {
-      type: _elementTypes.IMAGE
-    });
-  };
   const handleUploadLocalImage = (0, _react.useCallback)(async e => {
     const file = e.target.files[0];
     if (!file) return;
@@ -53,7 +45,7 @@ const ImageMenu = _ref => {
     menuConfig: menuConfig,
     className: "pr-2"
   }, !readonly && /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-sdoc-right-slide sf-dropdown-item-right-icon"
+    className: "iconfont icon-right-slide sf-dropdown-item-right-icon"
   })), !readonly && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: menuConfig.id,
     trigger: "hover",
@@ -68,7 +60,7 @@ const ImageMenu = _ref => {
     onClick: openFileDIalog
   }, t('Upload_local_image')), /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-dropdown-menu-item",
-    onClick: handleInsertNetworkImage
+    onClick: () => setIsShowInternetImageModal(true)
   }, t('Insert_network_image')))), /*#__PURE__*/_react.default.createElement("input", {
     ref: fileInputRef,
     onClick: openFileDIalog,

package/dist/extension/plugins/table/context-menu/index.js

@@ -114,7 +114,7 @@ const ContextMenu = _ref => {
     ref: horizontalAlignRef,
     className: "sf-context-menu-item sf-dropdown-menu-item side-extendable"
   }, /*#__PURE__*/_react.default.createElement("span", null, t('Horizontal_align')), /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-sdoc-right-slide"
+    className: "iconfont icon-right-slide"
   })), horizontalAlignRef.current && /*#__PURE__*/_react.default.createElement(_horizontalAlignPopover.default, {
     target: horizontalAlignRef,
     editor: editor,

package/dist/extension/plugins/table/context-menu/style.css

@@ -78,9 +78,9 @@
   color: #adb5bd;
 }
 
-.side-extendable .icon-sdoc-right-slide {
+.side-extendable .icon-right-slide {
   color: #fff;
-  transform: scale(.6);
+  font-size: 12px;
 }
 
 .sf-context-menu .sf-dropdown-menu-item:hover {

package/dist/extension/plugins/table/menu/index.js

@@ -35,7 +35,7 @@ const TableMenu = _ref => {
     menuConfig: menuConfig,
     className: "pr-2"
   }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-sdoc-right-slide sf-dropdown-item-right-icon"
+    className: "iconfont icon-right-slide sf-dropdown-item-right-icon"
   })), !disabled && isOpenTableSizeSelector && /*#__PURE__*/_react.default.createElement(_tableSizeSelector.default, {
     ref: tablePopoverRef,
     editor: editor,

package/dist/extension/toolbar/header-toolbar/index.js

@@ -21,6 +21,7 @@ var _menu7 = _interopRequireDefault(require("../../plugins/clear-format/menu"));
 var _shortcutDialog = _interopRequireDefault(require("../user-help/shortcut-dialog"));
 var _insertElementDialog = _interopRequireDefault(require("../../commons/insert-element-dialog"));
 var _insertToolbar = _interopRequireDefault(require("./insert-toolbar"));
+var _imageMenuDialog = _interopRequireDefault(require("../../plugins/image/menu/image-menu-dialog"));
 require("./style.css");
 const Toolbar = _ref => {
   let {
@@ -32,10 +33,14 @@ const Toolbar = _ref => {
     isSupportColumn = false
   } = _ref;
   (0, _useSelectionUpdate.default)();
+  const [isShowInternetImageModal, setIsShowInternetImageModal] = (0, _react.useState)(false);
   const [isShowHelpModal, setIsShowHelpModal] = (0, _react.useState)(false);
   const onHelpIconToggle = (0, _react.useCallback)(() => {
     setIsShowHelpModal(!isShowHelpModal);
   }, [isShowHelpModal]);
+  const onToggleImageDialog = (0, _react.useCallback)(() => {
+    setIsShowInternetImageModal(false);
+  }, []);
   const commonProps = {
     editor,
     readonly,
@@ -47,7 +52,8 @@ const Toolbar = _ref => {
     editor: editor,
     readonly: readonly,
     isSupportFormula: isSupportFormula,
-    isSupportColumn: isSupportColumn
+    isSupportColumn: isSupportColumn,
+    setIsShowInternetImageModal: setIsShowInternetImageModal
   })), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu2.default, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
     type: _constants.TEXT_STYLE_MAP.ITALIC
   })), /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
@@ -70,6 +76,9 @@ const Toolbar = _ref => {
     toggleShortcutDialog: onHelpIconToggle
   }), /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
     editor: editor
+  }), isShowInternetImageModal && /*#__PURE__*/_react.default.createElement(_imageMenuDialog.default, {
+    editor: editor,
+    closeDialog: onToggleImageDialog
   }));
 };
 var _default = exports.default = Toolbar;

package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -25,7 +25,8 @@ const InsertToolbar = _ref => {
     editor,
     readonly,
     isSupportFormula,
-    isSupportColumn
+    isSupportColumn,
+    setIsShowInternetImageModal
   } = _ref;
   const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
   const {
@@ -61,7 +62,8 @@ const InsertToolbar = _ref => {
   const props = {
     editor,
     readonly,
-    toggle
+    toggle,
+    setIsShowInternetImageModal
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
@@ -72,7 +74,7 @@ const InsertToolbar = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-menu-with-dropdown-icon"
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-sdoc-insert mr-1"
+    className: "iconfont icon-insert mr-1"
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "text-truncate"
   }, t('Insert'))), /*#__PURE__*/_react.default.createElement("div", {

package/dist/extension/toolbar/inline-toolbar/index.css

@@ -39,6 +39,10 @@
   font-size: 13px;
 }
 
+.sf-long-text-inline-editor-container .sf-header-menu {
+  min-width: 100px;
+}
+
 .sf-long-text-inline-editor-container .sf-header-menu .sf-header-popover {
   min-width: 145px;
 }

package/dist/extension/toolbar/inline-toolbar/index.js

@@ -20,6 +20,7 @@ var _elementTypes = require("../../constants/element-types");
 var _menu7 = _interopRequireDefault(require("../../plugins/clear-format/menu"));
 var _shortcutDialog = _interopRequireDefault(require("../user-help/shortcut-dialog"));
 var _insertToolbar = _interopRequireDefault(require("../header-toolbar/insert-toolbar"));
+var _imageMenuDialog = _interopRequireDefault(require("../../plugins/image/menu/image-menu-dialog"));
 require("./index.css");
 const InlineToolbar = _ref => {
   let {
@@ -32,10 +33,14 @@ const InlineToolbar = _ref => {
     onExpandEditorToggle
   } = _ref;
   (0, _useSelectionUpdate.default)();
+  const [isShowInternetImageModal, setIsShowInternetImageModal] = (0, _react.useState)(false);
   const [isShowHelpModal, setIsShowHelpModal] = (0, _react.useState)(false);
   const onHelpIconToggle = (0, _react.useCallback)(() => {
     setIsShowHelpModal(!isShowHelpModal);
   }, [isShowHelpModal]);
+  const onToggleImageDialog = (0, _react.useCallback)(() => {
+    setIsShowInternetImageModal(false);
+  }, []);
   const commonProps = {
     editor,
     readonly,
@@ -47,7 +52,8 @@ const InlineToolbar = _ref => {
     editor: editor,
     readonly: readonly,
     isSupportFormula: isSupportFormula,
-    isSupportColumn: isSupportColumn
+    isSupportColumn: isSupportColumn,
+    setIsShowInternetImageModal: setIsShowInternetImageModal
   })), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu2.default, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
     type: _constants.TEXT_STYLE_MAP.ITALIC
   })), /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
@@ -56,11 +62,11 @@ const InlineToolbar = _ref => {
     type: _constants.TEXT_STYLE_MAP.UNDERLINE
   })), /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
     type: _constants.TEXT_STYLE_MAP.CODE
-  })), /*#__PURE__*/_react.default.createElement(_menu4.default, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu.default, commonProps), /*#__PURE__*/_react.default.createElement(_menu5.default, commonProps), /*#__PURE__*/_react.default.createElement(_menu6.default, Object.assign({}, commonProps, {
+  })), /*#__PURE__*/_react.default.createElement(_menu4.default, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu.default, commonProps), /*#__PURE__*/_react.default.createElement(_menu5.default, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_commons.MoreMenu, commonProps, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu6.default, Object.assign({}, commonProps, {
     type: _elementTypes.ORDERED_LIST
   })), /*#__PURE__*/_react.default.createElement(_menu6.default, Object.assign({}, commonProps, {
     type: _elementTypes.UNORDERED_LIST
-  }))), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_commons.MoreMenu, commonProps, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu7.default, commonProps)), !isRichEditor && /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement(_menu7.default, commonProps)), !isRichEditor && /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-menu-group-item sf-slate-help-info-control",
     onClick: onHelpIconToggle
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -70,6 +76,9 @@ const InlineToolbar = _ref => {
   }))), isShowHelpModal && /*#__PURE__*/_react.default.createElement(_shortcutDialog.default, {
     isRichEditor: isRichEditor,
     toggleShortcutDialog: onHelpIconToggle
+  }), isShowInternetImageModal && /*#__PURE__*/_react.default.createElement(_imageMenuDialog.default, {
+    editor: editor,
+    closeDialog: onToggleImageDialog
   }));
 };
 var _default = exports.default = InlineToolbar;

package/dist/hooks/use-insert-image.js

@@ -19,6 +19,7 @@ const useSeafileUtils = editor => {
         isImage,
         selection
       } = _ref;
+      console.log('insertImage');
       if (isImage) {
         (0, _helper.insertSeafileImage)({
           editor,
@@ -27,6 +28,7 @@ const useSeafileUtils = editor => {
           selection
         });
       } else {
+        console.log('insertSeafileLink');
         (0, _helper2.insertSeafileLink)({
           editor,
           title,
@@ -35,6 +37,7 @@ const useSeafileUtils = editor => {
         });
       }
     };
+    console.log('123232');
     const eventBus = _eventBus.default.getInstance();
     const subscribe = eventBus.subscribe(_eventTypes.EXTERNAL_EVENTS.INSERT_IMAGE, insertImage);
     return subscribe;

package/dist/pages/longtext-inline-editor/index.css

@@ -56,6 +56,10 @@
   padding: 0 3px 0 6px !important;
 }
 
+.sf-long-text-inline-editor-container .article h2 {
+  border-bottom: none;
+}
+
 .sf-editor-menu-popover .popover-inner {
   display: flex;
 }

package/dist/pages/longtext-inline-editor/index.js

@@ -32,6 +32,7 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     text: value
   } : value);
   const longTextValueChangedRef = (0, _react.useRef)(false);
+  const editorRef = (0, _react.useRef)(null);
   const {
     isWindowsWechat
   } = (0, _react.useMemo)(() => {
@@ -69,11 +70,13 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   }, [enableEdit, closeEditor]);
   (0, _react.useImperativeHandle)(ref, () => {
     return {
+      isWindowsWechat: isWindowsWechat,
       enableEdit: enableEdit,
       openEditor: openEditor,
-      closeEditor: closeEditor
+      closeEditor: closeEditor,
+      getEditor: () => editorRef.current.getEditor()
     };
-  }, [enableEdit, openEditor, closeEditor]);
+  }, [enableEdit, openEditor, closeEditor, isWindowsWechat, editorRef]);
   const handelEnableEdit = (0, _react.useCallback)(() => {
     onClick && onClick();
     openEditor();
@@ -86,6 +89,7 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   }, isWindowsWechat ? /*#__PURE__*/_react.default.createElement(_fallbackEditor.default, {
     enableEdit: enableEdit,
     value: valueRef.current.text,
+    ref: editorRef,
     onChange: onEditorValueChanged,
     closeEditor: closeEditor
   }) : /*#__PURE__*/_react.default.createElement(_normalEditor.default, {
@@ -97,6 +101,7 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     autoSave: autoSave,
     saveDelay: saveDelay,
     isCheckBrowser: isCheckBrowser,
+    ref: editorRef,
     editorApi: editorApi,
     onSaveEditorValue: onSaveEditorValue,
     onEditorValueChanged: onEditorValueChanged

package/dist/pages/longtext-inline-editor/normal-editor.js

@@ -13,7 +13,7 @@ var _getPreviewContent = _interopRequireDefault(require("../../utils/get-preview
 var _markdownPreview = _interopRequireDefault(require("../markdown-preview"));
 var _longtextEditorDialog = _interopRequireDefault(require("../longtext-editor-dialog"));
 var _slateConvert = require("../../slate-convert");
-const NormalEditor = _ref => {
+const NormalEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     enableEdit,
     handelEnableEdit,
@@ -91,6 +91,11 @@ const NormalEditor = _ref => {
       timer && clearTimeout(timer);
     };
   }, [autoSave, saveDelay, handelAutoSave]);
+  (0, _react.useImperativeHandle)(ref, () => {
+    return {
+      getEditor: () => editorRef.current.getEditor()
+    };
+  }, [editorRef]);
   if (!enableEdit && !valueRef.current.text) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)('sf-long-text-inline-editor-container', {
@@ -138,5 +143,5 @@ const NormalEditor = _ref => {
     onEditorValueChanged: saveValue,
     onCloseEditorDialog: onCloseEditorDialog
   }));
-};
+});
 var _default = exports.default = NormalEditor;

package/dist/pages/simple-editor.js

@@ -29,8 +29,13 @@ const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const {
     isLoadingMathJax
   } = (0, _useMathjax.default)(mathJaxSource);
+  const editorRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => {
     return {
+      getEditor: () => {
+        var _editorRef$current;
+        return (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.getEditor();
+      },
       getValue: () => {
         const mdStringValue = (0, _slateConvert.slateToMdString)(richValue);
         return mdStringValue;
@@ -39,7 +44,7 @@ const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         return richValue;
       }
     };
-  }, [richValue]);
+  }, [richValue, editorRef]);
   (0, _react.useEffect)(() => {
     if (!isFetching) {
       const richValue = (0, _slateConvert.mdStringToSlate)(value);
@@ -61,12 +66,17 @@ const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onContentChanged: onContentChanged,
     ...otherProps
   };
+  console.log(otherProps);
   if (isFetching || isLoading || isLoadingMathJax) {
     return /*#__PURE__*/_react.default.createElement(_loading.default, null);
   }
   if (isInline) {
-    return /*#__PURE__*/_react.default.createElement(_inlineEditor.default, props);
+    return /*#__PURE__*/_react.default.createElement(_inlineEditor.default, Object.assign({}, props, {
+      ref: editorRef
+    }));
   }
-  return /*#__PURE__*/_react.default.createElement(_simpleSlateEditor.default, props);
+  return /*#__PURE__*/_react.default.createElement(_simpleSlateEditor.default, Object.assign({}, props, {
+    ref: editorRef
+  }));
 });
 var _default = exports.default = SimpleEditor;

package/dist/slate-convert/slate-to-md/index.js

@@ -17,16 +17,25 @@ const isContentValid = value => {
   if (!value || !Array.isArray(value)) return false;
   return true;
 };
+const isEmptyParagraph = node => {
+  const voidNodeTypes = ['image', 'column', 'formula'];
+  if (node.type !== _constants.PARAGRAPH) return false;
+  const hasBlock = node.children.some(item => voidNodeTypes.includes(item.type));
+  const hasHtml = node.children.some(item => item.type === 'html');
+  if (hasBlock) return false;
+  if (hasHtml) return false;
+  if (_slate.Node.string(node).length !== 0) return false;
+  return true;
+};
 
 // slateNode -> mdast -> mdString
 const slateToMdString = value => {
   if (!isContentValid(value)) return '';
   if (value.length === 0) return '';
-  if (value.length === 1) {
-    const child = value[0];
-    if (child.type === _constants.PARAGRAPH && _slate.Node.string(child).length === 0) {
-      return '';
-    }
+
+  // is only one empty paragraph child
+  if (value.length === 1 && isEmptyParagraph(value[0])) {
+    return '';
   }
 
   // slateNode -> mdast

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "2.0.23",
+  "version": "2.0.25beta",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -64,7 +64,7 @@
     "react-i18next": "12.1.4",
     "react-router": "6.16.0",
     "react-router-dom": "6.16.0",
-    "seafile-js": "0.2.234",
+    "seafile-js": "0.2.238",
     "style-loader": "3.3.3",
     "terser-webpack-plugin": "5.3.9",
     "url-loader": "4.1.1",

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

@@ -14,9 +14,9 @@
     />
       <missing-glyph />
       
-      <glyph glyph-name="sdoc-insert" unicode="&#59046;" d="M512 896c281.6 0 512-230.4 512-512s-230.4-512-512-512S0 102.4 0 384 230.4 896 512 896z m0-96C281.6 800 96 614.4 96 384s185.6-416 416-416 416 185.6 416 416S742.4 800 512 800z m0-160c25.6 0 48-22.4 48-48v-160h160c25.6 0 48-22.4 48-48s-22.4-48-48-48H560v-160c0-25.6-22.4-48-48-48s-48 22.4-48 48V336H304c-25.6 0-48 22.4-48 48s22.4 48 48 48h160V592c0 25.6 22.4 48 48 48z"  horiz-adv-x="1024" />
+      <glyph glyph-name="insert" unicode="&#59046;" d="M512 896c281.6 0 512-230.4 512-512s-230.4-512-512-512S0 102.4 0 384 230.4 896 512 896z m0-96C281.6 800 96 614.4 96 384s185.6-416 416-416 416 185.6 416 416S742.4 800 512 800z m0-160c25.6 0 48-22.4 48-48v-160h160c25.6 0 48-22.4 48-48s-22.4-48-48-48H560v-160c0-25.6-22.4-48-48-48s-48 22.4-48 48V336H304c-25.6 0-48 22.4-48 48s22.4 48 48 48h160V592c0 25.6 22.4 48 48 48z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="sdoc-right-slide" unicode="&#59047;" d="M806.4 438.4L336 812.8c-54.4 44.8-144 9.6-144-54.4v-748.8c0-64 86.4-99.2 144-54.4l470.4 374.4c35.2 28.8 35.2 80 0 108.8z"  horiz-adv-x="1024" />
+      <glyph glyph-name="right-slide" unicode="&#59047;" d="M672 416l-268.8 214.4c-32 25.6-83.2 6.4-83.2-32v-428.8c0-35.2 48-57.6 83.2-32L672 352c19.2 16 19.2 48 0 64z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="center-horizontally" unicode="&#59039;" d="M800 832v-96H224V832h576z m224-352v96H0v-96h1024z m0-544v96H0v-96h1024zM224 288v-96h576v96H224z"  horiz-adv-x="1024" />
       

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

@@ -1,14 +1,11 @@
 @font-face {
-  font-family: "iconfont";
-  /* Project id 4375832 */
-  src: url('./seafile-editor-font/iconfont.eot?t=1752721246164');
-  /* IE9 */
-  src: url('./seafile-editor-font/iconfont.eot?t=1752721246164#iefix') format('embedded-opentype'),
-    /* IE6-IE8 */
-    url('./seafile-editor-font/iconfont.woff2?t=1752721246164') format('woff2'),
-    url('./seafile-editor-font/iconfont.woff?t=1752721246164') format('woff'),
-    url('./seafile-editor-font/iconfont.ttf?t=1752721246164') format('truetype'),
-    url('./seafile-editor-font/iconfont.svg?t=1752721246164#iconfont') format('svg');
+  font-family: "iconfont"; /* Project id 4375832 */
+  src: url('./seafile-editor-font/iconfont.eot?t=1753239248033'); /* IE9 */
+  src: url('./seafile-editor-font/iconfont.eot?t=1753239248033#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./seafile-editor-font/iconfont.woff2?t=1753239248033') format('woff2'),
+       url('./seafile-editor-font/iconfont.woff?t=1753239248033') format('woff'),
+       url('./seafile-editor-font/iconfont.ttf?t=1753239248033') format('truetype'),
+       url('./seafile-editor-font/iconfont.svg?t=1753239248033#iconfont') format('svg');
 }
 
 .iconfont {
@@ -19,11 +16,11 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-sdoc-insert:before {
+.icon-insert:before {
   content: "\e6a6";
 }
 
-.icon-sdoc-right-slide:before {
+.icon-right-slide:before {
   content: "\e6a7";
 }
 
@@ -278,3 +275,4 @@
 .icon-users:before {
   content: "\e67f";
 }
+