@seafile/sdoc-editor 2.0.39 → 2.0.41

package/dist/basic-sdk/constants/index.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "PLUGIN_DISPLAY_TYPE", {
     return _plugin.PLUGIN_DISPLAY_TYPE;
   }
 });
-exports.Z_INDEX = exports.WIKI_OUTLINE = exports.WIKI_EDITOR = exports.SDOC_STORAGE = exports.REVISION_DIFF_VALUE = exports.REVISION_DIFF_KEY = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = void 0;
+exports.Z_INDEX = exports.WIKI_OUTLINE = exports.WIKI_EDITOR_EDIT_AREA_WIDTH = exports.WIKI_EDITOR = exports.SDOC_STORAGE = exports.REVISION_DIFF_VALUE = exports.REVISION_DIFF_KEY = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = void 0;
 var Z_INDEX = _interopRequireWildcard(require("./z-index"));
 exports.Z_INDEX = Z_INDEX;
 var _plugin = require("./plugin");
@@ -55,6 +55,7 @@ const REVISION_DIFF_KEY = exports.REVISION_DIFF_KEY = 'diff';
 const REVISION_DIFF_VALUE = exports.REVISION_DIFF_VALUE = '1';
 const PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 const COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;
+const WIKI_EDITOR_EDIT_AREA_WIDTH = exports.WIKI_EDITOR_EDIT_AREA_WIDTH = 714;
 const COMMENT_EDITOR = exports.COMMENT_EDITOR = 'comment_editor';
 const WIKI_EDITOR = exports.WIKI_EDITOR = 'wiki_editor';
 const DOCUMENT_PLUGIN_EDITOR = exports.DOCUMENT_PLUGIN_EDITOR = 'document_plugin_editor';

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

@@ -47,7 +47,7 @@ const WikiEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       cursors
     } = document;
     newEditor.cursors = cursors || {};
-    newEditor.width = _constants.PAGE_EDIT_AREA_WIDTH; // default width
+    newEditor.width = _constants.WIKI_EDITOR_EDIT_AREA_WIDTH; // default width
     return newEditor;
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/basic-sdk/extension/constants/index.js

@@ -29,6 +29,7 @@ Object.defineProperty(exports, "CHART", {
     return _elementType.CHART;
   }
 });
+exports.CHART_PREVIEW_TYPE = void 0;
 Object.defineProperty(exports, "CHECK_LIST_ITEM", {
   enumerable: true,
   get: function () {
@@ -567,4 +568,9 @@ const MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP =
   [_elementType.HEADER6]: [_elementType.CALL_OUT],
   [_elementType.CALL_OUT]: [_elementType.CALL_OUT]
 };
-const ROOT_ELEMENT_TYPES = exports.ROOT_ELEMENT_TYPES = [_elementType.PARAGRAPH, _elementType.TITLE, _elementType.SUBTITLE, _elementType.CHECK_LIST_ITEM, _elementType.ORDERED_LIST, _elementType.UNORDERED_LIST, _elementType.BLOCKQUOTE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CALL_OUT, _elementType.TABLE, _elementType.CODE_BLOCK, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE, _elementType.SEATABLE_ROW, _elementType.CHART];
+const ROOT_ELEMENT_TYPES = exports.ROOT_ELEMENT_TYPES = [_elementType.PARAGRAPH, _elementType.TITLE, _elementType.SUBTITLE, _elementType.CHECK_LIST_ITEM, _elementType.ORDERED_LIST, _elementType.UNORDERED_LIST, _elementType.BLOCKQUOTE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CALL_OUT, _elementType.TABLE, _elementType.CODE_BLOCK, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE, _elementType.SEATABLE_ROW, _elementType.CHART];
+const CHART_PREVIEW_TYPE = exports.CHART_PREVIEW_TYPE = {
+  VIEW: 'view',
+  EDITOR: 'editor',
+  FULL_SCREEN: 'fullScreen'
+};

package/dist/basic-sdk/extension/plugins/chart/chart-edit-dialog/index.js

@@ -13,6 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _reactI18next = require("react-i18next");
 var _seaChart = require("sea-chart");
 var _context = _interopRequireDefault(require("../../../../../context"));
+var _constants = require("../../../constants");
 require("./index.css");
 const ChartEditDialog = _ref => {
   var _window, _window$app, _window$app$state, _window2, _window2$app, _window2$app$state;
@@ -50,6 +51,9 @@ const ChartEditDialog = _ref => {
     collaborators: editor.collaborators || [],
     departments: ((_window = window) === null || _window === void 0 ? void 0 : (_window$app = _window.app) === null || _window$app === void 0 ? void 0 : (_window$app$state = _window$app.state) === null || _window$app$state === void 0 ? void 0 : _window$app$state.departments) || [],
     hideTypeToggle: true,
+    canvasStyle: {
+      previewType: _constants.CHART_PREVIEW_TYPE.EDITOR
+    },
     onChange: onSettingChange
   }), isFullScreen && /*#__PURE__*/_react.default.createElement(_seaChart.View, {
     chart: statItemData,
@@ -57,7 +61,10 @@ const ChartEditDialog = _ref => {
     config: _context.default.getSettings(),
     tables: editor.tables,
     collaborators: editor.collaborators || [],
-    departments: ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$app = _window2.app) === null || _window2$app === void 0 ? void 0 : (_window2$app$state = _window2$app.state) === null || _window2$app$state === void 0 ? void 0 : _window2$app$state.departments) || []
+    departments: ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$app = _window2.app) === null || _window2$app === void 0 ? void 0 : (_window2$app$state = _window2$app.state) === null || _window2$app$state === void 0 ? void 0 : _window2$app$state.departments) || [],
+    canvasStyle: {
+      previewType: _constants.CHART_PREVIEW_TYPE.FULL_SCREEN
+    }
   })));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(ChartEditDialog);

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

@@ -17,6 +17,7 @@ var _chartEditDialog = _interopRequireDefault(require("./chart-edit-dialog"));
 var _context = _interopRequireDefault(require("../../../../context"));
 var _useScrollContext = require("../../../hooks/use-scroll-context");
 var _helpers = require("./helpers");
+var _constants = require("../../constants");
 require("./render-elem.css");
 const Chart = _ref => {
   var _window, _window$app, _window2, _window2$app, _window2$app$state;
@@ -115,7 +116,10 @@ const Chart = _ref => {
     config: _context.default.getSettings(),
     tables: editor.tables,
     collaborators: editor.collaborators || [],
-    departments: ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$app = _window2.app) === null || _window2$app === void 0 ? void 0 : (_window2$app$state = _window2$app.state) === null || _window2$app$state === void 0 ? void 0 : _window2$app$state.departments) || []
+    departments: ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$app = _window2.app) === null || _window2$app === void 0 ? void 0 : (_window2$app$state = _window2$app.state) === null || _window2$app$state === void 0 ? void 0 : _window2$app$state.departments) || [],
+    canvasStyle: {
+      previewType: _constants.CHART_PREVIEW_TYPE.VIEW
+    }
   })), /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-chart-view-rect sdoc-chart-view-rect-lt"
   }), /*#__PURE__*/_react.default.createElement("span", {

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.isImagUrlIsFromCopy = 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.isImageUrlIsFromCopy = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.generateImageNode = void 0;
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
@@ -153,7 +153,7 @@ const getImageURL = (data, editor) => {
       return imgUrl;
     }
   }
-  if (isImagUrlIsFromCopy(url)) return url;
+  if (isImageUrlIsFromCopy(url)) return url;
   const serviceUrl = _context.default.getSetting('serviceUrl');
   const assetsUrl = _context.default.getSetting('assetsUrl');
   return (0, _urlJoin.default)(serviceUrl, assetsUrl, url);
@@ -278,12 +278,12 @@ const handleBase64Image = (editor, path, imgData) => {
   });
 };
 exports.handleBase64Image = handleBase64Image;
-const isImagUrlIsFromCopy = url => {
+const isImageUrlIsFromCopy = url => {
   if (url && url.startsWith('http')) return true;
   if (url && url.startsWith('attachment')) return true; // from yuque
   return false;
 };
-exports.isImagUrlIsFromCopy = isImagUrlIsFromCopy;
+exports.isImageUrlIsFromCopy = isImageUrlIsFromCopy;
 const removeImageBlockNode = (editor, path) => {
   _slate.Transforms.removeNodes(editor, {
     at: path

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

@@ -1,12 +1,16 @@
 .sdoc-image-process-container {
+  position: absolute;
   width: 100%;
   height: 100%;
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  left: 0;
   background-color: rgba(0, 0, 0, 0.5);
-  min-height: 28px;
 }
 
 @keyframes spin {
@@ -32,7 +36,5 @@
 }
 
 .sdoc-image-process-container .copyright {
-  margin:0 15px;
-  display: inline-block;
-  white-space: nowrap;
+  margin-top: 4px;
 }

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

@@ -209,8 +209,8 @@ const Image = _ref => {
     }
   }, [data, editor]);
   const onImageLoaded = (0, _react.useCallback)(() => {
-    if (!(0, _helpers.isImagUrlIsFromCopy)(data.src)) {
-      setCopyImageLoading(false);
+    if ((0, _helpers.isImageUrlIsFromCopy)(data.src)) {
+      setCopyImageLoading(true);
     }
   }, [data.src, setCopyImageLoading]);
   const onImageLoadError = (0, _react.useCallback)(() => {
@@ -286,9 +286,7 @@ const Image = _ref => {
     className: "sdoc-image-content"
   }, /*#__PURE__*/_react.default.createElement("span", {
     style: imageStyle
-  }, isCopyImageLoading && /*#__PURE__*/_react.default.createElement(_imageLoader.default, {
-    copyright: t('Image_is_uploading')
-  }), /*#__PURE__*/_react.default.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     ref: imageRef,
     className: (0, _classnames.default)({
       'image-selected': isSelected
@@ -300,6 +298,8 @@ const Image = _ref => {
     onLoad: onImageLoaded,
     onError: onImageLoadError,
     alt: ""
+  }), isCopyImageLoading && /*#__PURE__*/_react.default.createElement(_imageLoader.default, {
+    copyright: t('Image_is_uploading')
   }), isSelected && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-resizer",
     ref: resizerRef,

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

@@ -35,14 +35,14 @@ const useImageUpload = _ref => {
   const {
     is_copy_error = false
   } = data;
-  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  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.isImagUrlIsFromCopy)(url)) return;
+    if (!(0, _helpers.isImageUrlIsFromCopy)(url)) return;
     const downloadAndUploadImages = async url => {
       try {
         const response = await fetch(url);

package/dist/pages/sdoc-wiki-editor.js

@@ -42,7 +42,7 @@ const SdocWikiEditor = _ref => {
       cursors
     } = document;
     newEditor.cursors = cursors || {};
-    newEditor.width = _constants.PAGE_EDIT_AREA_WIDTH; // default width
+    newEditor.width = _constants.WIKI_EDITOR_EDIT_AREA_WIDTH; // default width
     newEditor.editorType = _constants.WIKI_EDITOR;
     return newEditor;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.39",
+  "version": "2.0.41",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -38,7 +38,7 @@
     "remark-parse": "11.0.0",
     "remark-rehype": "11.0.0",
     "remark-stringify": "11.0.0",
-    "sea-chart": "2.0.7",
+    "sea-chart": "2.0.8",
     "slugid": "3.2.0",
     "socket.io-client": "4.8.1",
     "type-of": "2.0.1",