@seafile/seafile-editor 1.0.89 → 1.0.91-beta

package/dist/constants/event-types.js

@@ -10,7 +10,8 @@ const INTERNAL_EVENTS = exports.INTERNAL_EVENTS = {
   ON_OPEN_LINK_MODAL: 'on_open_link_modal',
   ON_CLOSE_LINK_POPOVER: 'on_close_link_popover',
   ON_OPEN_FORMULA_DIALOG: 'on_open_formula_dialog',
-  ON_SELECT_ALL_CELL: 'on_select_all_cell'
+  ON_SELECT_ALL_CELL: 'on_select_all_cell',
+  ON_TOGGLE_IMAGE_POPOVER: 'on_toggle_image_popover'
 };
 const EXTERNAL_EVENTS = exports.EXTERNAL_EVENTS = {
   ON_HELP_INFO_TOGGLE: 'on_help_info_toggle',

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

@@ -1,14 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactstrap = require("reactstrap");
 var _constants = require("../../constants");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _eventTypes = require("../../../constants/event-types");
 require("./index.css");
 const MoreMenu = _ref => {
   let {
@@ -17,6 +20,8 @@ const MoreMenu = _ref => {
     isRichEditor,
     children
   } = _ref;
+  const popoverRef = (0, _react.useRef)(null);
+  const imagePopoverRef = (0, _react.useRef)(false);
   const validClassName = (0, _classnames.default)(className, {
     'sf-rich-editor': isRichEditor,
     'sf-icon-btn': true,
@@ -24,6 +29,20 @@ const MoreMenu = _ref => {
     'sf-icon-btn-hover': !disabled
   });
   const config = _constants.MENUS_CONFIG_MAP[_constants.MORE_OPERATION];
+  const toggle = (0, _react.useCallback)(() => {
+    if (imagePopoverRef.current) return;
+    popoverRef.current.toggle();
+  }, []);
+  const toggleImagePopover = (0, _react.useCallback)(isPopoverShow => {
+    imagePopoverRef.current = isPopoverShow;
+  }, []);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribe = eventBus.subscribe(_eventTypes.INTERNAL_EVENTS.ON_TOGGLE_IMAGE_POPOVER, toggleImagePopover);
+    return () => unsubscribe();
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     className: validClassName,
     type: "button",
@@ -36,7 +55,9 @@ const MoreMenu = _ref => {
     trigger: "legacy",
     placement: "bottom-end",
     hideArrow: true,
-    fade: false
+    fade: false,
+    toggle: toggle,
+    ref: popoverRef
   }, children));
 };
 MoreMenu.defaultProps = {

package/dist/extension/plugins/image/helper.js

@@ -36,6 +36,7 @@ const insertImage = (editor, url, title) => {
     at: editor.selection,
     select: true
   });
+  (0, _core.focusEditor)(editor);
 };
 exports.insertImage = insertImage;
 const insertSeafileImage = _ref => {

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

@@ -12,7 +12,6 @@ var _imageMenuDialog = _interopRequireDefault(require("./image-menu-dialog"));
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _eventTypes = require("../../../../constants/event-types");
 var _helper = require("../helper");
-var _core = require("../../../core");
 var _constants = require("../../../../constants");
 require("./style.css");
 const ImageMenuPopover = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
@@ -39,7 +38,6 @@ const ImageMenuPopover = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     const file = e.target.files[0];
     (0, _helper.handleUpdateImage)(editor, file);
     handelClosePopover();
-    (0, _core.focusEditor)(editor);
   }, [editor, handelClosePopover]);
   const onToggleImageDialog = (0, _react.useCallback)(() => {
     setIsShowInternetImageModal(false);

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

@@ -9,6 +9,8 @@ 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 _commons = require("../../../commons");
 var _imageMenuPopover = _interopRequireDefault(require("./image-menu-popover"));
@@ -31,6 +33,10 @@ const ImageMenu = _ref => {
     }
     setIsShowImagePopover(false);
     unregisterEventHandler();
+    setTimeout(() => {
+      const eventBus = _eventBus.default.getInstance();
+      eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.ON_TOGGLE_IMAGE_POPOVER, false);
+    }, 150);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const registerEventHandler = (0, _react.useCallback)(() => {
@@ -43,6 +49,7 @@ const ImageMenu = _ref => {
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
     const state = !isShowImagePopover;
+    const eventBus = _eventBus.default.getInstance();
     if (state) {
       setIsShowImagePopover(state);
       registerEventHandler();
@@ -50,6 +57,7 @@ const ImageMenu = _ref => {
       setIsShowImagePopover(state);
       unregisterEventHandler();
     }
+    eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.ON_TOGGLE_IMAGE_POPOVER, state);
   }, [isShowImagePopover, registerEventHandler, unregisterEventHandler]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
     type: Image,

package/dist/extension/plugins/image/plugin.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _constants = require("../../constants");
 var _elementTypes = require("../../constants/element-types");
-var _core = require("../../core");
 var _helper = require("./helper");
 const withImages = editor => {
   const {
@@ -33,7 +32,6 @@ const withImages = editor => {
     if (data.types && data.types.includes('Files') && data.files[0].type.includes(_elementTypes.IMAGE)) {
       const file = data.files[0];
       (0, _helper.handleUpdateImage)(newEditor, file);
-      (0, _core.focusEditor)(newEditor);
       return;
     }
     return insertData(data);

package/dist/extension/plugins/link/render-elem/index.js

@@ -46,6 +46,7 @@ const renderLink = (_ref, editor) => {
     e.stopPropagation();
     const eventBus = _eventBus.default.getInstance();
     if (isReadonly) {
+      e.nativeEvent.stopImmediatePropagation();
       eventBus.dispatch(_eventTypes.EXTERNAL_EVENTS.ON_LINK_CLICK, e);
       return;
     }

package/dist/extension/plugins/table/plugin.js

@@ -287,6 +287,7 @@ const withTable = editor => {
     const tableCell = (0, _core.getSelectedNodeByType)(newEditor, _elementTypes.TABLE_CELL);
     if (tableCell) {
       const selection = window.getSelection();
+      const selectedText = selection.toString();
       const range = selection.getRangeAt(0);
       const selectedContent = range.cloneContents();
       const div = document.createElement('div');
@@ -299,6 +300,7 @@ const withTable = editor => {
         }
         div.appendChild(node.cloneNode(true));
       });
+      (0, _setEventTransfer.default)(event, 'text', selectedText);
       (0, _setEventTransfer.default)(event, 'html', div.innerHTML.toString());
       return true;
     }

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

@@ -93,3 +93,11 @@
 .sf-long-text-inline-editor-container .sf-image-wrapper .full-screen .iconfont {
   color: #fff;
 }
+
+.sf-long-text-inline-editor-container .empty-loading-page {
+  position: relative;
+}
+
+.sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-content {
+  border-radius: 3px;
+}

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

@@ -81,7 +81,7 @@ const NormalEditor = _ref => {
   const onCloseEditorDialog = (0, _react.useCallback)(value => {
     if (value) {
       valueRef.current = value;
-      saveValue(value);
+      saveValue(value, true);
     }
     setStyle({});
     setShowExpandEditor(false);

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

@@ -324,6 +324,15 @@ const transformFormula = node => {
     value: data.formula
   };
 };
+const transformAsParagraph = node => {
+  const paragraph = {
+    type: 'paragraph',
+    children: [{
+      text: _slate.Node.string(node)
+    }]
+  };
+  return transformParagraph(paragraph);
+};
 const elementHandlers = {
   'paragraph': transformParagraph,
   'header1': transformHeader,
@@ -341,10 +350,15 @@ const elementHandlers = {
   'formula': transformFormula
 };
 const formatSlateToMd = children => {
-  const validChildren = children.filter(child => elementHandlers[child.type]);
+  // const validChildren = children.filter(child => elementHandlers[child.type]);
+  const validChildren = children;
   return validChildren.map(child => {
     const handler = elementHandlers[child.type];
-    return handler(child);
+    if (handler) {
+      return handler(child);
+    } else {
+      return transformAsParagraph(child);
+    }
   }).flat();
 };
 exports.formatSlateToMd = formatSlateToMd;

package/package.json

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