@seafile/sdoc-editor 2.0.41 → 2.0.42-alph-0.0.1

package/dist/basic-sdk/editor/sdoc-editor.js

@@ -33,7 +33,8 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     isReloading,
     showComment,
     isShowHeaderToolbar = true,
-    showOutline = true
+    showOutline = true,
+    isPresentationMode = false
   } = _ref;
   const validEditor = (0, _react.useMemo)(() => {
     if (propsEditor) return propsEditor;
@@ -189,6 +190,22 @@ const SdocEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       showComment: true
     }))));
   }
+  if (isPresentationMode) {
+    return /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
+      editor: validEditor,
+      readonly: isPresentationMode
+    }, /*#__PURE__*/_react.default.createElement(_useColorContext.ColorProvider, null, /*#__PURE__*/_react.default.createElement(_layout.EditorContent, {
+      docValue: slateValue,
+      showOutline: false,
+      readonly: isPresentationMode,
+      editor: validEditor,
+      showComment: false
+    }, /*#__PURE__*/_react.default.createElement(_readonlyArticle.default, {
+      editor: validEditor,
+      slateValue: slateValue,
+      showComment: false
+    }))));
+  }
   const isShowComment = typeof showComment === 'boolean' ? showComment : true;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
     editor: validEditor

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

@@ -45,13 +45,11 @@ const InsertElementDialog = _ref => {
   const uploadLocalImageInputRef = (0, _react.useRef)();
   const uploadLocalVideoInputRef = (0, _react.useRef)();
   const onFileChanged = (0, _react.useCallback)(event => {
-    const files = event.target.files;
-    _context.default.uploadLocalImage(files).then(fileUrl => {
-      (0, _helpers.insertImage)(validEditor, fileUrl, validEditor.selection, insertPosition);
-      if (uploadLocalImageInputRef.current) {
-        uploadLocalImageInputRef.current.value = '';
-      }
-    });
+    const imgInfos = (0, _helpers.generateImageInfos)(event.target.files);
+    (0, _helpers.insertImage)(validEditor, imgInfos, validEditor.selection, insertPosition);
+    if (uploadLocalImageInputRef.current) {
+      uploadLocalImageInputRef.current.value = '';
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
   const handleDisplayAlert = (0, _react.useCallback)(() => {

package/dist/basic-sdk/extension/plugins/image/helpers.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateImage = exports.selectImageWhenSelectPartial = exports.resetCursor = exports.removeImageBlockNode = exports.queryCopyMoveProgressView = exports.isInsertImageMenuDisabled = exports.isImageUrlIsFromCopy = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.generateImageNode = void 0;
+exports.updateImage = exports.selectImageWhenSelectPartial = exports.resetCursor = exports.removeImageBlockNode = exports.queryCopyMoveProgressView = exports.isInsertImageMenuDisabled = exports.isImageUrlIsFromUpload = exports.isImageUrlIsFromCopy = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.generateImageNode = exports.generateImageInfos = void 0;
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -17,6 +17,7 @@ var _helpers = require("../seatable-column/helpers");
 var _constants = require("../../../constants");
 var _constants2 = require("../../constants");
 var _base64ToUnit8array = _interopRequireDefault(require("../../../../utils/base64-to-unit8array"));
+var _imageCache = _interopRequireDefault(require("../../../../utils/image-cache"));
 const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
@@ -46,28 +47,36 @@ const isInsertImageMenuDisabled = (editor, readonly) => {
   return false;
 };
 exports.isInsertImageMenuDisabled = isInsertImageMenuDisabled;
-const generateImageNode = src => {
+const generateImageNode = (src, file_uuid) => {
   const element = (0, _core.generateEmptyElement)(_constants2.IMAGE);
+  let data = {
+    src
+  };
+  if (file_uuid) {
+    data.file_uuid = file_uuid;
+  }
   return {
     ...element,
-    data: {
-      src
-    }
+    data
   };
 };
 exports.generateImageNode = generateImageNode;
-const insertImage = function (editor, srcList, selection) {
+const insertImage = function (editor, imgInfos, selection) {
   let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants2.INSERT_POSITION.CURRENT;
-  if (!srcList) return;
+  if (!imgInfos) return;
   if (position !== _constants2.INSERT_POSITION.AFTER) {
     if (isInsertImageMenuDisabled(editor)) return;
   }
-  const imageNodes = srcList.map(src => {
+  const imageNodes = imgInfos.map(_ref => {
+    let {
+      src,
+      file_uuid
+    } = _ref;
     const isCommentEditor = editor.editorType === _constants.COMMENT_EDITOR;
     const imgSrc = isCommentEditor ? getImageURL({
       src
     }) : src;
-    return generateImageNode(imgSrc);
+    return generateImageNode(imgSrc, file_uuid);
   });
   const validSelection = selection || editor.selection;
   let path = _slate.Editor.path(editor, validSelection);
@@ -153,6 +162,11 @@ const getImageURL = (data, editor) => {
       return imgUrl;
     }
   }
+
+  // upload image | drag drop image | cut image
+  if (isImageUrlIsFromUpload(url)) return url;
+
+  // copy from others doc
   if (isImageUrlIsFromCopy(url)) return url;
   const serviceUrl = _context.default.getSetting('serviceUrl');
   const assetsUrl = _context.default.getSetting('assetsUrl');
@@ -223,9 +237,8 @@ const getSingleImageFromFragment = data => {
 };
 exports.getSingleImageFromFragment = getSingleImageFromFragment;
 const insertImageFiles = (files, editor, targetPath) => {
-  _context.default.uploadLocalImage(files).then(fileUrl => {
-    insertImage(editor, fileUrl, targetPath, _constants2.INSERT_POSITION.AFTER);
-  });
+  const imgInfos = generateImageInfos(files);
+  insertImage(editor, imgInfos, targetPath, _constants2.INSERT_POSITION.AFTER);
 };
 exports.insertImageFiles = insertImageFiles;
 const selectImageWhenSelectPartial = (event, editor, imageNode, isImageSelected) => {
@@ -284,6 +297,29 @@ const isImageUrlIsFromCopy = url => {
   return false;
 };
 exports.isImageUrlIsFromCopy = isImageUrlIsFromCopy;
+const isImageUrlIsFromUpload = url => {
+  if (url && url.startsWith('blob:http')) return true;
+  return false;
+};
+exports.isImageUrlIsFromUpload = isImageUrlIsFromUpload;
+const generateImageInfos = files => {
+  const newFiles = Array.from(files);
+  const imgInfos = newFiles.filter(item => {
+    if (item && !item.type.startsWith('image/')) return false;
+    if (item && item.type === 'image/svg+xml') return false;
+    return true;
+  }).map(file => {
+    const url = window.URL.createObjectURL(file);
+    const file_uuid = _slugid.default.nice();
+    _imageCache.default.saveImage(file_uuid, file);
+    return {
+      src: url,
+      file_uuid: file_uuid
+    };
+  });
+  return imgInfos;
+};
+exports.generateImageInfos = generateImageInfos;
 const removeImageBlockNode = (editor, path) => {
   _slate.Transforms.removeNodes(editor, {
     at: path

package/dist/basic-sdk/extension/plugins/image/image-loader/index.css

@@ -37,4 +37,13 @@
 
 .sdoc-image-process-container .copyright {
   margin-top: 4px;
+  color: #fff;
+}
+
+.sdoc-image-content.upload-error>span {
+  min-height: 300px;
+  min-width: 400px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }

package/dist/basic-sdk/extension/plugins/image/image-loader/index.js

@@ -9,7 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 require("./index.css");
 function ImageLoader(_ref) {
   let {
-    copyright
+    copyright,
+    isError
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-image-process-container"
@@ -18,6 +19,6 @@ function ImageLoader(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "spinner"
   })), copyright && /*#__PURE__*/_react.default.createElement("div", {
-    className: "copyright"
+    className: `copyright ${isError && 'error'}`
   }, copyright));
 }

package/dist/basic-sdk/extension/plugins/image/plugin.js

@@ -75,9 +75,8 @@ const withImage = editor => {
       }
     }
     if (data.types && data.types.includes('Files') && data.files[0].type.includes(_constants.IMAGE)) {
-      _context.default.uploadLocalImage(data.files).then(fileUrl => {
-        (0, _helpers.insertImage)(newEditor, fileUrl, editor.selection, _constants.INSERT_POSITION.CURRENT);
-      });
+      const imgInfos = (0, _helpers.generateImageInfos)(data.files);
+      (0, _helpers.insertImage)(newEditor, imgInfos, editor.selection, _constants.INSERT_POSITION.CURRENT);
       return;
     }
     insertData(data);

package/dist/basic-sdk/extension/plugins/image/render-elem.js

@@ -22,8 +22,9 @@ var _constants3 = require("../../constants");
 var _constants4 = require("../../../../constants");
 var _imagePlaceholder = _interopRequireDefault(require("../../../assets/images/image-placeholder.png"));
 var _copyImageErrorSvg = _interopRequireDefault(require("../../../../components/copy-image-error-svg"));
-var _useUploadImage = _interopRequireDefault(require("./use-upload-image"));
 var _imageLoader = _interopRequireDefault(require("./image-loader"));
+var _useCopyImage = _interopRequireDefault(require("./use-copy-image"));
+var _useUploadImage = _interopRequireDefault(require("./use-upload-image"));
 const Image = _ref => {
   var _imageRef$current, _imageRef$current2;
   let {
@@ -64,6 +65,13 @@ const Image = _ref => {
     isCopyImageLoading,
     isCopyImageError,
     setCopyImageLoading
+  } = (0, _useCopyImage.default)({
+    editor,
+    element
+  });
+  const {
+    isUploadLoading,
+    isUploadError
   } = (0, _useUploadImage.default)({
     editor,
     element
@@ -283,7 +291,9 @@ const Image = _ref => {
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-image-inner"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdoc-image-content"
+    className: (0, _classnames.default)('sdoc-image-content', {
+      'upload-error': isUploadError
+    })
   }, /*#__PURE__*/_react.default.createElement("span", {
     style: imageStyle
   }, /*#__PURE__*/_react.default.createElement("img", {
@@ -298,8 +308,11 @@ const Image = _ref => {
     onLoad: onImageLoaded,
     onError: onImageLoadError,
     alt: ""
-  }), isCopyImageLoading && /*#__PURE__*/_react.default.createElement(_imageLoader.default, {
+  }), (isCopyImageLoading || isUploadLoading) && /*#__PURE__*/_react.default.createElement(_imageLoader.default, {
     copyright: t('Image_is_uploading')
+  }), isUploadError && /*#__PURE__*/_react.default.createElement(_imageLoader.default, {
+    copyright: t('Image_is_upload_error'),
+    isError: true
   }), isSelected && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-resizer",
     ref: resizerRef,

package/dist/basic-sdk/extension/plugins/image/use-copy-image.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _context = _interopRequireDefault(require("../../../../context"));
+var _helpers = require("./helpers");
+const updateImageNode = async function (editor, element, newUrl) {
+  let isError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  const nodePath = _slateReact.ReactEditor.findPath(editor, element);
+  const newData = {
+    ...element.data,
+    src: newUrl,
+    is_copy_error: isError
+  };
+  _slate.Transforms.setNodes(editor, {
+    data: newData
+  }, {
+    at: nodePath
+  });
+};
+const useCopyImage = _ref => {
+  let {
+    editor,
+    element
+  } = _ref;
+  const {
+    data
+  } = element;
+  const {
+    is_copy_error = false
+  } = data;
+  const [isLoading, setIsLoading] = (0, _react.useState)();
+  const [isCopyError, setIsCopyError] = (0, _react.useState)(is_copy_error);
+  (0, _react.useEffect)(() => {
+    const {
+      src: url
+    } = data;
+    if (isCopyError) return;
+    if (!(0, _helpers.isImageUrlIsFromCopy)(url)) return;
+    const downloadAndUploadImages = async url => {
+      try {
+        const response = await fetch(url);
+        if (response.ok) {
+          const blob = await response.blob();
+          const file = new File([blob], 'downloaded_image.png', {
+            type: blob.type
+          });
+          const imageUrl = await _context.default.uploadLocalImage([file]);
+          if (imageUrl && imageUrl[0]) {
+            updateImageNode(editor, element, imageUrl[0]);
+          }
+        } else {
+          throw new Error(`HTTP error status: ${response.status}`);
+        }
+      } catch (error) {
+        console.error(error);
+        updateImageNode(editor, element, url, true);
+        setIsCopyError(true);
+      } finally {
+        setTimeout(() => {
+          setIsLoading(false);
+        }, 500);
+      }
+    };
+    downloadAndUploadImages(url);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return {
+    isCopyImageLoading: isLoading,
+    setCopyImageLoading: setIsLoading,
+    isCopyImageError: isCopyError
+  };
+};
+var _default = exports.default = useCopyImage;

package/dist/basic-sdk/extension/plugins/image/use-upload-image.js

@@ -10,13 +10,11 @@ var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _context = _interopRequireDefault(require("../../../../context"));
 var _helpers = require("./helpers");
-const updateImageNode = async function (editor, element, newUrl) {
-  let isError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+var _imageCache = _interopRequireDefault(require("../../../../utils/image-cache"));
+const updateImageNode = async (editor, element, newUrl) => {
   const nodePath = _slateReact.ReactEditor.findPath(editor, element);
   const newData = {
-    ...element.data,
-    src: newUrl,
-    is_copy_error: isError
+    src: newUrl
   };
   _slate.Transforms.setNodes(editor, {
     data: newData
@@ -24,7 +22,7 @@ const updateImageNode = async function (editor, element, newUrl) {
     at: nodePath
   });
 };
-const useImageUpload = _ref => {
+const useUploadImage = _ref => {
   let {
     editor,
     element
@@ -32,49 +30,38 @@ const useImageUpload = _ref => {
   const {
     data
   } = element;
-  const {
-    is_copy_error = false
-  } = data;
   const [isLoading, setIsLoading] = (0, _react.useState)();
-  const [isCopyError, setIsCopyError] = (0, _react.useState)(is_copy_error);
+  const [isUploadError, setIsUploadError] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     const {
-      src: url
+      src: url,
+      file_uuid
     } = data;
-    if (isCopyError) return;
-    if (!(0, _helpers.isImageUrlIsFromCopy)(url)) return;
-    const downloadAndUploadImages = async url => {
+    if (!(0, _helpers.isImageUrlIsFromUpload)(url)) return;
+    setIsLoading(true);
+    const uploadCurrentImage = async () => {
       try {
-        const response = await fetch(url);
-        if (response.ok) {
-          const blob = await response.blob();
-          const file = new File([blob], 'downloaded_image.png', {
-            type: blob.type
-          });
-          const imageUrl = await _context.default.uploadLocalImage([file]);
-          if (imageUrl && imageUrl[0]) {
-            updateImageNode(editor, element, imageUrl[0]);
-          }
-        } else {
-          throw new Error(`HTTP error status: ${response.status}`);
+        const fileItem = _imageCache.default.getImage(file_uuid);
+        const imageUrl = await _context.default.uploadLocalImage([fileItem]);
+        if (imageUrl && imageUrl[0]) {
+          updateImageNode(editor, element, imageUrl[0]);
         }
       } catch (error) {
-        console.error(error);
-        updateImageNode(editor, element, url, true);
-        setIsCopyError(true);
+        console.error(error.message);
+        setIsUploadError(true);
       } finally {
+        _imageCache.default.deleteImage(file_uuid);
         setTimeout(() => {
           setIsLoading(false);
         }, 500);
       }
     };
-    downloadAndUploadImages(url);
+    uploadCurrentImage(url);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return {
-    isCopyImageLoading: isLoading,
-    setCopyImageLoading: setIsLoading,
-    isCopyImageError: isCopyError
+    isUploadLoading: isLoading,
+    isUploadError: isUploadError
   };
 };
-var _default = exports.default = useImageUpload;
+var _default = exports.default = useUploadImage;

package/dist/basic-sdk/extension/plugins/link/hover/index.js

@@ -32,7 +32,7 @@ const LinkHover = _ref => {
       location.href = element.href;
     }
   }, [element.href]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     id: "link-op-menu",
     className: "link-op-menu",
     style: menuPosition

package/dist/basic-sdk/extension/plugins/multi-column/render/index.js

@@ -27,6 +27,7 @@ const MultiColumn = _ref => {
   } : {});
   const multiColumnContainerClassName = (0, _classnames.default)('sdoc-multicolumn-container', className);
   const [pageWidth, setPageWidth] = (0, _react.useState)((0, _helper.getCurrentPageWidth)(editor));
+  const readOnly = (0, _slateReact.useReadOnly)();
   const handleResizeColumn = newColumn => {
     (0, _helper.updateColumnWidth)(editor, element, newColumn);
   };
@@ -79,14 +80,12 @@ const MultiColumn = _ref => {
     style: style,
     ref: multiColumn,
     "data-id": element.id
-  }, children, /*#__PURE__*/_react.default.createElement(_resizeHandlers.default, {
+  }, children, !readOnly && /*#__PURE__*/_react.default.createElement(_resizeHandlers.default, {
     element: element,
     handleResizeColumn: handleResizeColumn
   })));
 };
 function renderMultiColumn(props) {
-  // When read only
-
   return /*#__PURE__*/_react.default.createElement(MultiColumn, props);
 }
 var _default = exports.default = renderMultiColumn;

package/dist/basic-sdk/extension/plugins/search-replace/menu/index.js

@@ -54,7 +54,7 @@ const SearchReplaceMenu = _ref => {
     const canvasList = [];
     for (let index = 0; index < generateCount; index++) {
       const top = index * 5000;
-      canvasList.push( /*#__PURE__*/_react.default.createElement("canvas", {
+      canvasList.push(/*#__PURE__*/_react.default.createElement("canvas", {
         key: 'sdoc-find-search-' + index,
         id: `sdoc-find-search-${index}`,
         className: "sdoc-find-search-highlight-canvas",
@@ -79,7 +79,7 @@ const SearchReplaceMenu = _ref => {
     readonly: readonly,
     isOpen: isOpenPopover,
     closePopover: onMouseDown
-  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: articleContainerSize.clientHeight
     },

package/dist/basic-sdk/extension/plugins/search-replace/popover/index.js

@@ -168,7 +168,7 @@ const SearchReplacePopover = _ref => {
     if ((0, _isHotkey.default)('enter', e)) handleNext();
     if ((0, _isHotkey.default)('enter+shift', e)) handleLast();
   };
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-search-replace-popover-container",
     onMouseDown: handleStartMove,
     onMouseMove: handleMouseMove,

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header.js

@@ -78,7 +78,7 @@ class RowCardHeader extends _react.default.Component {
       // Start from the second column without name
       for (let i = 1; i < renderedColumns.length; i++) {
         const renderedColumn = renderedColumns[i];
-        cardHeaderCells.push( /*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
+        cardHeaderCells.push(/*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
           key: renderedColumn.key,
           column: renderedColumn,
           rowCardType: rowCardType,

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/dtable-search-input/index.js

@@ -70,7 +70,7 @@ class DtableSearchInput extends _react.Component {
       const {
         ClearIndicator
       } = components;
-      if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
+      if (/*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
         return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
           clearValue: this.clearSearch
         });

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filter-item.js

@@ -310,7 +310,7 @@ class FilterItem extends _react.default.Component {
               background: inOption.color,
               color: inOption.textColor || null
             };
-            labelArray.push( /*#__PURE__*/_react.default.createElement("span", {
+            labelArray.push(/*#__PURE__*/_react.default.createElement("span", {
               className: className,
               style: optionStyle,
               key: 'option_' + item,

package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.js

@@ -205,7 +205,7 @@ const TableSizePopover = _ref => {
         });
         children.push(child);
       }
-      tableSize.push( /*#__PURE__*/_react.default.createElement("div", {
+      tableSize.push(/*#__PURE__*/_react.default.createElement("div", {
         key: `sdoc-table-size-row-${i}`,
         className: "sdoc-table-size-row d-flex"
       }, children));

package/dist/basic-sdk/extension/plugins/video/render-elem.js

@@ -27,6 +27,7 @@ const Video = _ref => {
   const videoName = (data === null || data === void 0 ? void 0 : data.name) || (data === null || data === void 0 ? void 0 : data.src);
   const videoSize = data === null || data === void 0 ? void 0 : data.size;
   const isEmbeddableLink = data === null || data === void 0 ? void 0 : data.is_embeddable_link;
+  const readonly = (0, _slateReact.useReadOnly)();
   const handlePlay = () => {
     setVideoStates(prev => ({
       ...prev,
@@ -98,6 +99,7 @@ const Video = _ref => {
     ref: videoRef,
     src: (0, _helpers.getVideoURL)(data),
     controls: true,
+    controlsList: readonly && 'nofullscreen',
     onClick: onClickVideo,
     draggable: false,
     onPlay: handlePlay,

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js

@@ -62,7 +62,7 @@ const ContextToolbar = () => {
       el.removeAttribute('style');
     }
   }, []);
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: "sdoc-context-toolbar",
     onMouseDown: onMouseDown,

package/dist/basic-sdk/extension/toolbar/side-toolbar/index.js

@@ -274,7 +274,7 @@ const SideToolbar = () => {
     targetElement = event.currentTarget;
     targetElement.classList.remove('sdoc-draging');
     const dragTypes = event.dataTransfer.types;
-    if (!dragTypes.includes(_event.DRAG_SDOC_EDITOR_ELEMENT)) return;
+    if (!dragTypes.includes(_event.DRAG_SDOC_EDITOR_ELEMENT) && dragTypes[0] !== 'Files') return;
 
     // Prevent dragging table data to the editor
     if (dragTypes.includes(_constants2.TABLE_DRAG_KEY)) return;

package/dist/components/doc-operations/index.js

@@ -14,6 +14,7 @@ var _moreOperations = _interopRequireDefault(require("./more-operations"));
 var _shareOperation = _interopRequireDefault(require("./share-operation"));
 var _pluginsOperations = _interopRequireDefault(require("./plugins-operations"));
 var _utils = require("../../utils");
+var _presentationOperation = _interopRequireDefault(require("./presentation-operation"));
 require("./style.css");
 const DocOperations = _ref => {
   let {
@@ -43,6 +44,6 @@ const DocOperations = _ref => {
     handleViewChangesToggle: handleViewChangesToggle,
     handleRevisionMerged: handleRevisionMerged,
     handleRevisionPublished: handleRevisionPublished
-  }), !isSdocRevision && /*#__PURE__*/_react.default.createElement(_pluginsOperations.default, null), !isSdocRevision && /*#__PURE__*/_react.default.createElement(_shareOperation.default, null), !isPublished && /*#__PURE__*/_react.default.createElement(_collaboratorsOperation.default, null), !isSdocRevision && /*#__PURE__*/_react.default.createElement(_moreOperations.default, null));
+  }), !isSdocRevision && /*#__PURE__*/_react.default.createElement(_presentationOperation.default, null), !isSdocRevision && /*#__PURE__*/_react.default.createElement(_pluginsOperations.default, null), !isSdocRevision && /*#__PURE__*/_react.default.createElement(_shareOperation.default, null), !isPublished && /*#__PURE__*/_react.default.createElement(_collaboratorsOperation.default, null), !isSdocRevision && /*#__PURE__*/_react.default.createElement(_moreOperations.default, null));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(DocOperations);

package/dist/components/doc-operations/presentation-operation/index.js

@@ -0,0 +1,73 @@
+"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 = _interopRequireWildcard(require("react"));
+var _sdocEditor = _interopRequireDefault(require("../../../basic-sdk/editor/sdoc-editor"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _hooks = require("../../../hooks");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+const PresentationOperation = () => {
+  const {
+    document: sdocDocument
+  } = (0, _hooks.useDocument)();
+  const [showFullscreen, setShowFullscreen] = (0, _react.useState)(false);
+  const fullscreenRef = (0, _react.useRef)(null);
+  const onPresentationToggle = (0, _react.useCallback)(() => {
+    setShowFullscreen(true);
+  }, []);
+  (0, _react.useEffect)(() => {
+    const handleExit = e => {
+      if ((0, _isHotkey.default)('esc', e)) {
+        if (document.fullscreenElement) {
+          document.exitFullscreen();
+        }
+      }
+    };
+    const onFullscreenChange = () => {
+      if (!document.fullscreenElement) {
+        setShowFullscreen(false);
+      }
+    };
+    window.addEventListener('keydown', handleExit);
+    document.addEventListener('fullscreenchange', onFullscreenChange);
+    return () => {
+      window.removeEventListener('keydown', handleExit);
+      document.removeEventListener('fullscreenchange', onFullscreenChange);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const FullscreenOverlay = () => {
+    _react.default.useEffect(() => {
+      const node = fullscreenRef.current;
+      if (showFullscreen && node && node.requestFullscreen) {
+        node.requestFullscreen().then(() => setShowFullscreen(true)).catch(err => {
+          console.error('Failed to enter fullscreen:', err);
+        });
+      }
+    }, []);
+    return /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/_react.default.createElement("div", {
+      className: "sdoc-presentation-wrapper",
+      ref: fullscreenRef
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        flex: 1,
+        overflow: 'auto'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_sdocEditor.default, {
+      document: sdocDocument,
+      isPresentationMode: true
+    }))), window.document.body);
+  };
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "op-item",
+    onClick: onPresentationToggle
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "sdocfont sdoc-presentation"
+  }), showFullscreen && /*#__PURE__*/_react.default.createElement(FullscreenOverlay, null));
+};
+var _default = exports.default = PresentationOperation;

package/dist/components/doc-operations/style.css

@@ -34,6 +34,40 @@
   width: 300px;
 }
 
+.sdoc-presentation-wrapper {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #fff;
+  z-Index: 1000;
+  display: flex;
+  flex-direction: column;
+}
+
+.sdoc-presentation-wrapper .sdoc-content-wrapper {
+  height: 100vh !important;
+}
+
+.sdoc-presentation-wrapper .sdoc-article-container {
+  width: 100% !important;
+  padding: 0 !important;
+}
+
+.sdoc-presentation-wrapper .sdoc-editor__article {
+  padding: calc(100vw / 794 * 40) calc(100vw / 794 * 60) !important;
+  font-size: calc(100vw / 794 * 14.7) !important;
+}
+
+.sdoc-presentation-wrapper .sdoc-checkbox-input {
+  width: calc(100vw / 794 * 13) !important;
+}
+
+.sdoc-presentation-wrapper .sdoc-code-block-pre {
+  font-size: calc(100vw / 794 * 13.3) !important;
+}
+
 .sdoc-dropdown-print-container {
   display: flex;
   justify-content: space-between;

package/dist/components/toast/toaster.js

@@ -67,7 +67,7 @@ class Toaster {
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
     const root = (0, _client.createRoot)(container);
-    root.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
+    root.render(/*#__PURE__*/_react.default.createElement(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll

package/dist/utils/image-cache.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class ImageCache {
+  constructor() {
+    this.imageCache = null;
+  }
+  static saveImage(key, item) {
+    if (!this.imageCache) {
+      this.imageCache = new Map();
+    }
+    this.imageCache.set(key, item);
+  }
+  static getImage(key) {
+    if (!this.imageCache) {
+      this.imageCache = new Map();
+    }
+    return this.imageCache.get(key);
+  }
+  static deleteImage(key) {
+    if (!this.imageCache) {
+      this.imageCache = new Map();
+    }
+    this.imageCache.delete(key);
+  }
+}
+var _default = exports.default = ImageCache;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.41",
+  "version": "2.0.42-alph-0.0.1",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/en/sdoc-editor.json

@@ -626,5 +626,6 @@
   "Insert_chart": "Insert chart",
   "Edit_chart": "Edit chart",
   "Please_complete_the_chart_configuration_first": "Please complete the chart configuration first",
-  "chart": "chart"
+  "chart": "chart",
+  "Image_is_upload_error": "Image upload failed, please delete it and try again"
 }

package/public/locales/zh_CN/sdoc-editor.json

@@ -622,5 +622,6 @@
   "Double_click_then_adjust_field_width": "双击后调节字段宽度",
   "Insert_chart": "插入图表",
   "Edit_chart": "编辑图表",
-  "Please_complete_the_chart_configuration_first": "请先完成图表配置"
+  "Please_complete_the_chart_configuration_first": "请先完成图表配置",
+  "Image_is_upload_error": "图片上传失败，请删除后重新尝试"
 }

package/public/media/sdoc-editor-font/iconfont.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "sdocfont"; /* Project id 4097705 */
-  src: url('iconfont.eot?t=1740817787686'); /* IE9 */
-  src: url('iconfont.eot?t=1740817787686#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('iconfont.woff2?t=1740817787686') format('woff2'),
-       url('iconfont.woff?t=1740817787686') format('woff'),
-       url('iconfont.ttf?t=1740817787686') format('truetype'),
-       url('iconfont.svg?t=1740817787686#sdocfont') format('svg');
+  src: url('iconfont.eot?t=1744104550669'); /* IE9 */
+  src: url('iconfont.eot?t=1744104550669#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('iconfont.woff2?t=1744104550669') format('woff2'),
+       url('iconfont.woff?t=1744104550669') format('woff'),
+       url('iconfont.ttf?t=1744104550669') format('truetype'),
+       url('iconfont.svg?t=1744104550669#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-presentation:before {
+  content: "\e688";
+}
+
+.sdoc-close-presentation:before {
+  content: "\e689";
+}
+
 .sdoc-seatable-row:before {
   content: "\e687";
 }
@@ -547,3 +555,4 @@
 .sdoc-user:before {
   content: "\e629";
 }
+

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

@@ -14,6 +14,10 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-presentation" unicode="&#59016;" d="M128 96c-35.2 0-64 28.8-64 67.2V764.8h-16C22.4 764.8 0 787.2 0 816S22.4 864 48 864h928c25.6 0 48-22.4 48-48S1001.6 768 976 768H960v-601.6c0-35.2-28.8-67.2-64-67.2h-105.6c28.8-41.6 51.2-70.4 64-86.4 19.2-25.6 19.2-60.8-9.6-86.4-28.8-25.6-73.6-22.4-92.8 3.2s-118.4 166.4-121.6 169.6H384c-3.2-3.2-99.2-137.6-118.4-166.4s-64-32-86.4-12.8c-25.6 19.2-35.2 60.8-16 89.6 12.8 19.2 35.2 48 64 92.8L128 96zM160 768v-576h704V768H160zM409.6 656l268.8-163.2c9.6-6.4 9.6-22.4 0-28.8l-268.8-163.2c-9.6-6.4-25.6 0-25.6 12.8V643.2c0 12.8 12.8 19.2 25.6 12.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-close-presentation" unicode="&#59017;" d="M172.8 688c-188.8-185.6-188.8-489.6 0-675.2 188.8-185.6 492.8-185.6 678.4 0 188.8 185.6 188.8 489.6 0 675.2-12.8 16-35.2 19.2-54.4 16-19.2-6.4-35.2-19.2-41.6-41.6-6.4-19.2 0-41.6 16-54.4 144-144 144-374.4 0-515.2-144-144-374.4-144-518.4 0-144 140.8-144 371.2 0 515.2 12.8 12.8 19.2 35.2 16 54.4-6.4 19.2-22.4 35.2-41.6 38.4-19.2 6.4-41.6 0-54.4-12.8zM512 896c35.2 0 64-28.8 64-64v-384c0-35.2-28.8-64-64-64s-64 28.8-64 64V832c0 35.2 28.8 64 64 64z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-seatable-row" unicode="&#59015;" d="M0 528L256 384l-256-144v288zM0 64h1024v-96H0v96z m320 368h704v-96H320v96zM0 800h1024v-96H0V800z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-ask-ai" unicode="&#59013;" d="M678.4 896l92.8-252.8 252.8-92.8-252.8-92.8-92.8-252.8-92.8 252.8-252.8 92.8c166.4 60.8 252.8 92.8 252.8 92.8L678.4 896zM185.6 198.4L256 384l70.4-185.6L512 128l-185.6-70.4L256-128l-70.4 185.6L0 128z"  horiz-adv-x="1024" />

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

@@ -1,14 +1,11 @@
 @font-face {
-  font-family: "sdocfont";
-  /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1740817787686');
-  /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1740817787686#iefix') format('embedded-opentype'),
-    /* IE6-IE8 */
-    url('./sdoc-editor-font/iconfont.woff2?t=1740817787686') format('woff2'),
-    url('./sdoc-editor-font/iconfont.woff?t=1740817787686') format('woff'),
-    url('./sdoc-editor-font/iconfont.ttf?t=1740817787686') format('truetype'),
-    url('./sdoc-editor-font/iconfont.svg?t=1740817787686#sdocfont') format('svg');
+  font-family: "sdocfont"; /* Project id 4097705 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1744104550669'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1744104550669#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1744104550669') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1744104550669') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1744104550669') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1744104550669#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -19,6 +16,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-presentation:before {
+  content: "\e688";
+}
+
+.sdoc-close-presentation:before {
+  content: "\e689";
+}
+
 .sdoc-seatable-row:before {
   content: "\e687";
 }
@@ -550,3 +555,4 @@
 .sdoc-user:before {
   content: "\e629";
 }
+