@seafile/seafile-editor 2.0.25-beta → 2.0.26

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

@@ -21,7 +21,7 @@ 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 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const InlineEditor = _ref => {
   let {
     enableEdit,
     value,
@@ -30,6 +30,8 @@ const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     columns,
     onContentChanged,
     isSupportFormula,
+    isSupportFileToLink,
+    isSupportMultipleFiles,
     onExpandEditorToggle,
     handelEnableEdit
   } = _ref;
@@ -40,9 +42,11 @@ const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     return (0, _withPropsEditor.default)(baseEditor, {
       editorApi,
       onSave,
-      columns
+      columns,
+      isSupportMultipleFiles,
+      isSupportFileToLink
     });
-  }, [columns, editorApi, onSave]);
+  }, [columns, isSupportFileToLink, isSupportMultipleFiles, editorApi, onSave]);
   const eventProxy = (0, _react.useMemo)(() => {
     return new _eventHandler.default(editor);
   }, [editor]);
@@ -156,11 +160,6 @@ const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, 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;
@@ -202,5 +201,5 @@ const InlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onKeyDown: eventProxy.onKeyDown,
     onCopy: eventProxy.onCopy
   })))))));
-});
+};
 var _default = exports.default = InlineEditor;

package/dist/editors/inline-editor/with-props-editor.js

@@ -16,6 +16,8 @@ const withPropsEditor = function (editor) {
   if (props.columns) {
     newEditor.columns = props.columns;
   }
+  newEditor.isSupportFileToLink = Boolean(props.isSupportFileToLink);
+  newEditor.isSupportMultipleFiles = Boolean(props.isSupportMultipleFiles);
   newEditor.isInlineEditor = true;
   return newEditor;
 };

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

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateImage = exports.lazyLoadImage = exports.isMenuDisabled = exports.insertSeafileImage = exports.insertImage = exports.handleUpdateImage = exports.getImagesUrlList = void 0;
+exports.updateImage = exports.lazyLoadImage = exports.isMenuDisabled = exports.insertSeafileImage = exports.insertImage = exports.handleUpdateFile = exports.getImagesUrlList = void 0;
 var _slate = require("slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _helper = require("../header/helper");
 var _elementTypes = require("../../constants/element-types");
 var _core = require("../../core");
 var _helpers = require("../code-block/helpers");
+var _helper2 = require("../link/helper");
 const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const isHeader = (0, _helper.getHeaderType)(editor);
@@ -91,17 +92,27 @@ const getImagesUrlList = nodes => {
   return list;
 };
 exports.getImagesUrlList = getImagesUrlList;
-const handleUpdateImage = async (editor, file) => {
+const handleUpdateFile = async (editor, file, insertPosition) => {
   if (editor.api.uploadLocalImage) {
     try {
-      const imgUrl = await editor.api.uploadLocalImage(file);
-      insertImage(editor, imgUrl);
+      const url = await editor.api.uploadLocalImage(file);
+      const title = file.name;
+      if (file.type.includes(_elementTypes.IMAGE)) {
+        insertImage(editor, url);
+      } else {
+        (0, _helper2.insertLink)({
+          editor,
+          url,
+          title,
+          insertPosition
+        });
+      }
     } catch (error) {
       console.log('error', error);
     }
   }
 };
-exports.handleUpdateImage = handleUpdateImage;
+exports.handleUpdateFile = handleUpdateFile;
 const lazyLoadImage = (url, resolve, reject) => {
   if (!url) {
     reject('img path is require');

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

@@ -37,7 +37,7 @@ const ImageMenuPopover = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   }, []);
   const handleUploadLocalImage = (0, _react.useCallback)(async e => {
     const file = e.target.files[0];
-    (0, _helper.handleUpdateImage)(editor, file);
+    (0, _helper.handleUpdateFile)(editor, file);
     handelClosePopover();
   }, [editor, handelClosePopover]);
   const onToggleImageDialog = (0, _react.useCallback)(() => {

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

@@ -37,7 +37,7 @@ const ImageMenu = _ref => {
   const handleUploadLocalImage = (0, _react.useCallback)(async e => {
     const file = e.target.files[0];
     if (!file) return;
-    (0, _helper.handleUpdateImage)(editor, file);
+    (0, _helper.handleUpdateFile)(editor, file);
     e.target.value = null;
   }, [editor]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {

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

@@ -29,9 +29,24 @@ const withImages = editor => {
     return isVoid(element);
   };
   newEditor.insertData = data => {
-    if (data.types && data.types.includes('Files') && data.files[0].type.includes(_elementTypes.IMAGE)) {
-      const file = data.files[0];
-      (0, _helper.handleUpdateImage)(newEditor, file);
+    if (data.types && data.types.includes('Files') && data.files) {
+      if (!newEditor.isSupportMultipleFiles) {
+        const file = data.files[0];
+        if (!file.type.includes(_elementTypes.IMAGE) && !newEditor.isSupportFileToLink) return;
+        (0, _helper.handleUpdateFile)(newEditor, file);
+        return;
+      }
+      let files = [];
+      for (let i = 0; i < data.files.length; i++) {
+        const file = data.files[i];
+        if (!newEditor.isSupportFileToLink && !file.type.includes(_elementTypes.IMAGE)) continue;
+        files.push(file);
+      }
+      const hasImage = files.some(file => file.type.includes(_elementTypes.IMAGE));
+      for (let i = 0; i < files.length; i++) {
+        const file = files[i];
+        (0, _helper.handleUpdateFile)(newEditor, file, hasImage ? _constants.INSERT_POSITION.AFTER : _constants.INSERT_POSITION.CURRENT);
+      }
       return;
     }
     return insertData(data);

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

@@ -19,7 +19,6 @@ const useSeafileUtils = editor => {
         isImage,
         selection
       } = _ref;
-      console.log('insertImage');
       if (isImage) {
         (0, _helper.insertSeafileImage)({
           editor,
@@ -28,7 +27,6 @@ const useSeafileUtils = editor => {
           selection
         });
       } else {
-        console.log('insertSeafileLink');
         (0, _helper2.insertSeafileLink)({
           editor,
           title,
@@ -37,7 +35,6 @@ 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.js

@@ -23,6 +23,8 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     value,
     lang,
     headerName,
+    isSupportFileToLink = false,
+    isSupportMultipleFiles = false,
     onClick,
     onSaveEditorValue,
     editorApi
@@ -32,7 +34,6 @@ 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)(() => {
@@ -70,13 +71,11 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   }, [enableEdit, closeEditor]);
   (0, _react.useImperativeHandle)(ref, () => {
     return {
-      isWindowsWechat: isWindowsWechat,
       enableEdit: enableEdit,
       openEditor: openEditor,
-      closeEditor: closeEditor,
-      getEditor: () => editorRef.current.getEditor()
+      closeEditor: closeEditor
     };
-  }, [enableEdit, openEditor, closeEditor, isWindowsWechat, editorRef]);
+  }, [enableEdit, openEditor, closeEditor]);
   const handelEnableEdit = (0, _react.useCallback)(() => {
     onClick && onClick();
     openEditor();
@@ -89,7 +88,6 @@ 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, {
@@ -101,7 +99,8 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     autoSave: autoSave,
     saveDelay: saveDelay,
     isCheckBrowser: isCheckBrowser,
-    ref: editorRef,
+    isSupportFileToLink: isSupportFileToLink,
+    isSupportMultipleFiles: isSupportMultipleFiles,
     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 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const NormalEditor = _ref => {
   let {
     enableEdit,
     handelEnableEdit,
@@ -23,6 +23,8 @@ const NormalEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     autoSave = true,
     saveDelay = 60000,
     isCheckBrowser = false,
+    isSupportFileToLink = false,
+    isSupportMultipleFiles = false,
     editorApi,
     onSaveEditorValue,
     onEditorValueChanged
@@ -91,11 +93,6 @@ const NormalEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, 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', {
@@ -115,6 +112,8 @@ const NormalEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     ref: editorRef,
     enableEdit: enableEdit,
     isInline: true,
+    isSupportFileToLink: isSupportFileToLink,
+    isSupportMultipleFiles: isSupportMultipleFiles,
     value: valueRef.current.text,
     handelEnableEdit: handelEnableEdit,
     onSave: handelAutoSave,
@@ -133,6 +132,8 @@ const NormalEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   })))), showExpandEditor && /*#__PURE__*/_react.default.createElement(_longtextEditorDialog.default, {
     lang: lang,
     readOnly: false,
+    isSupportFileToLink: isSupportFileToLink,
+    isSupportMultipleFiles: isSupportMultipleFiles,
     headerName: headerName,
     value: valueRef.current.text,
     autoSave: autoSave,
@@ -143,5 +144,5 @@ const NormalEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onEditorValueChanged: saveValue,
     onCloseEditorDialog: onCloseEditorDialog
   }));
-});
+};
 var _default = exports.default = NormalEditor;

package/dist/pages/simple-editor.js

@@ -29,13 +29,8 @@ 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;
@@ -44,7 +39,7 @@ const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         return richValue;
       }
     };
-  }, [richValue, editorRef]);
+  }, [richValue]);
   (0, _react.useEffect)(() => {
     if (!isFetching) {
       const richValue = (0, _slateConvert.mdStringToSlate)(value);
@@ -66,17 +61,12 @@ 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, Object.assign({}, props, {
-      ref: editorRef
-    }));
+    return /*#__PURE__*/_react.default.createElement(_inlineEditor.default, props);
   }
-  return /*#__PURE__*/_react.default.createElement(_simpleSlateEditor.default, Object.assign({}, props, {
-    ref: editorRef
-  }));
+  return /*#__PURE__*/_react.default.createElement(_simpleSlateEditor.default, props);
 });
 var _default = exports.default = SimpleEditor;

package/package.json

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