@seafile/seafile-editor 2.0.20 → 2.0.22

package/dist/constants/event-types.js

@@ -20,5 +20,6 @@ const EXTERNAL_EVENTS = exports.EXTERNAL_EVENTS = {
   ON_ARTICLE_INFO_TOGGLE: 'on_article_info_toggle',
   ON_LINK_CLICK: 'on_link_click',
   ON_INSERT_IMAGE: 'on_insert_image',
-  INSERT_IMAGE: 'insert_image'
+  INSERT_IMAGE: 'insert_image',
+  CLEAR_ARTICLE: 'clear_article'
 };

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

@@ -9,12 +9,15 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _slateReact = require("slate-react");
 var _slate = require("slate");
+var _slugid = _interopRequireDefault(require("slugid"));
 var _extension = require("../../extension");
 var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
 var _eventHandler = _interopRequireDefault(require("../../utils/event-handler"));
 var _withPropsEditor = _interopRequireDefault(require("./with-props-editor"));
 var _core = require("../../extension/core");
 var _common = require("../../utils/common");
+var _eventTypes = require("../../constants/event-types");
+var _elementTypes = require("../../extension/constants/element-types");
 require("./index.css");
 const isMacOS = (0, _common.isMac)();
 const InlineEditor = _ref => {
@@ -120,6 +123,37 @@ const InlineEditor = _ref => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const handleClear = (0, _react.useCallback)(() => {
+    editor.children = [{
+      type: _elementTypes.PARAGRAPH,
+      id: _slugid.default.nice(),
+      children: [{
+        id: _slugid.default.nice(),
+        text: ''
+      }]
+    }];
+    editor.selection = null;
+    editor.operations = [{
+      type: 'remove_text',
+      path: [0, 0],
+      offset: 0,
+      text: ''
+    }];
+    editor.onChange();
+    editor.operations = [];
+    editor.history = {
+      redos: [],
+      undos: []
+    };
+  }, [editor]);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const clearSubscribe = eventBus.subscribe(_eventTypes.EXTERNAL_EVENTS.CLEAR_ARTICLE, handleClear);
+    return () => {
+      clearSubscribe();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const onEditorClick = (0, _react.useCallback)(() => {
     if (!enableEdit) {
       focusRangeRef.current = editor.selection;

package/dist/extension/commons/more-menu/index.js

@@ -15,9 +15,9 @@ var _eventTypes = require("../../../constants/event-types");
 require("./index.css");
 const MoreMenu = _ref => {
   let {
-    className,
+    className = 'sf-menu-group-item',
     disabled,
-    isRichEditor,
+    isRichEditor = true,
     children
   } = _ref;
   const popoverRef = (0, _react.useRef)(null);
@@ -60,8 +60,4 @@ const MoreMenu = _ref => {
     ref: popoverRef
   }, children));
 };
-MoreMenu.defaultProps = {
-  isRichEditor: true,
-  className: 'sf-menu-group-item'
-};
 var _default = exports.default = MoreMenu;

package/dist/extension/plugins/image/menu/image-menu-dialog.js

@@ -17,7 +17,7 @@ const ImageMenuInsertInternetDialog = _ref => {
   let {
     editor,
     closeDialog,
-    className
+    className = ''
   } = _ref;
   const [imageUrl, setSetImageUrl] = (0, _react.useState)('');
   const imgUrlInputRef = (0, _react.useRef)(null);
@@ -77,7 +77,4 @@ const ImageMenuInsertInternetDialog = _ref => {
     onClick: handleSubmit
   }, t('Submit'))));
 };
-ImageMenuInsertInternetDialog.defaultProps = {
-  classname: ''
-};
 var _default = exports.default = ImageMenuInsertInternetDialog;

package/dist/extension/plugins/image/menu/image-menu-popover.js

@@ -76,5 +76,4 @@ const ImageMenuPopover = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     onToggleImageDialog: onToggleImageDialog
   }));
 });
-ImageMenuPopover.defaultProps = {};
 var _default = exports.default = ImageMenuPopover;

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

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
+var _eventTypes = require("../../constants/event-types");
 const FallbackEditor = _ref => {
   let {
     enableEdit,
@@ -24,6 +26,18 @@ const FallbackEditor = _ref => {
       setTimeout(() => inputRef.current.focus());
     }
   }, [enableEdit]);
+  const handleClear = (0, _react.useCallback)(() => {
+    setValue('');
+    inputRef.current.focus();
+  }, []);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const clearSubscribe = eventBus.subscribe(_eventTypes.EXTERNAL_EVENTS.CLEAR_ARTICLE, handleClear);
+    return () => {
+      clearSubscribe();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const onChange = (0, _react.useCallback)(event => {
     const newValue = event.target.value;
     if (newValue === value) return;

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

@@ -45,6 +45,9 @@
 
 .sf-long-text-inline-editor-container .sf-slate-editor-toolbar .sf-menu-group:first-child {
   padding-left: 0px !important;
+}
+
+.sf-long-text-inline-editor-container .sf-slate-editor-toolbar .sf-menu-group:nth-child(2) {
   flex: 1 !important;
 }
 

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

@@ -52,7 +52,10 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   const onEditorValueChanged = (0, _react.useCallback)(value => {
     valueRef.current = value;
     longTextValueChangedRef.current = true;
-  }, []);
+    if (isAlwaysEnableEdit) {
+      onSaveEditorValue(valueRef.current);
+    }
+  }, [isAlwaysEnableEdit, onSaveEditorValue]);
   const onHotKey = (0, _react.useCallback)(event => {
     if (!enableEdit) return;
     const keyCode = event.keyCode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "",
   "main": "dist/index.js",
   "scripts": {