@seafile/seafile-editor 2.0.25 → 2.0.27-beta

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

@@ -18,6 +18,7 @@ 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 => {
@@ -29,6 +30,8 @@ const InlineEditor = _ref => {
     columns,
     onContentChanged,
     isSupportFormula,
+    isSupportFileToLink,
+    isSupportMultipleFiles,
     onExpandEditorToggle,
     handelEnableEdit
   } = _ref;
@@ -39,12 +42,15 @@ const InlineEditor = _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]);
+  (0, _useInsertImage.default)(editor);
   const decorate = (0, _extension.useHighlight)(editor);
   const onChange = (0, _react.useCallback)(value => {
     setSlateValue(value);

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/editors/slate-viewer/index.js

@@ -21,7 +21,8 @@ function SlateViewer(_ref) {
     value,
     isShowOutline,
     scrollRef: externalScrollRef,
-    onLinkClick
+    onLinkClick,
+    isUseLinkClick = true
   } = _ref;
   const scrollRef = (0, _react.useRef)(null);
   const {
@@ -32,7 +33,7 @@ function SlateViewer(_ref) {
   }, []);
   const containerScrollRef = externalScrollRef ? externalScrollRef : scrollRef;
   const decorate = (0, _extension.useHighlight)(editor);
-  (0, _userLinkClick.default)(onLinkClick);
+  (0, _userLinkClick.default)(isUseLinkClick, onLinkClick);
 
   // willUnmount
   (0, _react.useEffect)(() => {

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

@@ -17,7 +17,7 @@ const useSeafileUtils = editor => {
         title,
         url,
         isImage,
-        selection
+        selection = editor.selection
       } = _ref;
       if (isImage) {
         (0, _helper.insertSeafileImage)({

package/dist/hooks/user-link-click.js

@@ -13,8 +13,11 @@ const {
 const {
   default: EventBus
 } = require('../utils/event-bus');
-const useLinkClick = callback => {
+const useLinkClick = function () {
+  let isUseLinkClick = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  let callback = arguments.length > 1 ? arguments[1] : undefined;
   useEffect(() => {
+    if (!isUseLinkClick) return;
     function onLinkClick(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -34,6 +37,6 @@ const useLinkClick = callback => {
     const eventBus = EventBus.getInstance();
     const unsubscribe = eventBus.subscribe(EXTERNAL_EVENTS.ON_LINK_CLICK, onLinkClick);
     return unsubscribe;
-  }, [callback]);
+  }, [isUseLinkClick, callback]);
 };
 var _default = exports.default = useLinkClick;

package/dist/index.js

@@ -130,6 +130,12 @@ Object.defineProperty(exports, "slateToMdString", {
     return _slateConvert.slateToMdString;
   }
 });
+Object.defineProperty(exports, "useLinkClick", {
+  enumerable: true,
+  get: function () {
+    return _userLinkClick.default;
+  }
+});
 var _eventTypes = require("./constants/event-types");
 var _markdownEditor = _interopRequireDefault(require("./pages/markdown-editor"));
 var _markdownView = _interopRequireDefault(require("./pages/markdown-view"));
@@ -145,4 +151,5 @@ var _slateConvert = require("./slate-convert");
 var _replaceSlateNodes = require("./utils/replace-slate-nodes");
 var _getPreviewContent = _interopRequireDefault(require("./utils/get-preview-content"));
 var _getBrowserInfo = _interopRequireDefault(require("./utils/get-browser-Info"));
-var _components = require("./components");
+var _components = require("./components");
+var _userLinkClick = _interopRequireDefault(require("./hooks/user-link-click"));

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
@@ -97,6 +99,8 @@ const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     autoSave: autoSave,
     saveDelay: saveDelay,
     isCheckBrowser: isCheckBrowser,
+    isSupportFileToLink: isSupportFileToLink,
+    isSupportMultipleFiles: isSupportMultipleFiles,
     editorApi: editorApi,
     onSaveEditorValue: onSaveEditorValue,
     onEditorValueChanged: onEditorValueChanged

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

@@ -23,6 +23,8 @@ const NormalEditor = _ref => {
     autoSave = true,
     saveDelay = 60000,
     isCheckBrowser = false,
+    isSupportFileToLink = false,
+    isSupportMultipleFiles = false,
     editorApi,
     onSaveEditorValue,
     onEditorValueChanged
@@ -110,6 +112,8 @@ const NormalEditor = _ref => {
     ref: editorRef,
     enableEdit: enableEdit,
     isInline: true,
+    isSupportFileToLink: isSupportFileToLink,
+    isSupportMultipleFiles: isSupportMultipleFiles,
     value: valueRef.current.text,
     handelEnableEdit: handelEnableEdit,
     onSave: handelAutoSave,
@@ -128,6 +132,8 @@ const NormalEditor = _ref => {
   })))), showExpandEditor && /*#__PURE__*/_react.default.createElement(_longtextEditorDialog.default, {
     lang: lang,
     readOnly: false,
+    isSupportFileToLink: isSupportFileToLink,
+    isSupportMultipleFiles: isSupportMultipleFiles,
     headerName: headerName,
     value: valueRef.current.text,
     autoSave: autoSave,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "2.0.25",
+  "version": "2.0.27beta",
   "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",