@seafile/sdoc-editor 3.0.25 → 3.0.26

package/dist/context.js

@@ -120,6 +120,33 @@ var Context = /*#__PURE__*/function () {
       };
       return this.config;
     }
+  }, {
+    key: "getFileViewSetting",
+    value: function getFileViewSetting() {
+      var _this$settings2 = this.settings,
+        isDevelopment = _this$settings2.isDevelopment,
+        serviceUrl = _this$settings2.serviceUrl,
+        siteRoot = _this$settings2.siteRoot,
+        mediaUrl = _this$settings2.mediaUrl,
+        name = _this$settings2.name,
+        username = _this$settings2.username,
+        password = _this$settings2.password,
+        fileServerRoot = _this$settings2.fileServerRoot,
+        thumbnailDefaultSize = _this$settings2.thumbnailDefaultSize,
+        lang = _this$settings2.lang;
+      return {
+        isDevelopment: isDevelopment,
+        serviceUrl: serviceUrl,
+        siteRoot: siteRoot,
+        mediaUrl: mediaUrl,
+        name: name,
+        username: username,
+        password: password,
+        fileServerRoot: fileServerRoot,
+        thumbnailDefaultSize: thumbnailDefaultSize,
+        lang: lang
+      };
+    }
   }, {
     key: "getFileContent",
     value: function getFileContent() {

package/dist/extension/plugins/file-view/render-elem/index.css

@@ -29,25 +29,7 @@
   position: relative;
 }
 
-.sdoc-file-view-container .iframe-skeleton {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-}
-
-.sdoc-file-view-container .iframe-skeleton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.sdoc-file-view-container .sdoc-file-view-mask {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  background-color: transparent;
+.sdoc-file-view-container .sdoc-file-view-content,
+.sdoc-file-view-container .sdoc-file-view-content .sea-metadata {
+  height: 400px;
 }

package/dist/extension/plugins/file-view/render-elem/index.js

@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderFileView = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _seatableDatabase = require("@seafile/seatable-database");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _fileLoading = _interopRequireDefault(require("../../../../components/file-loading"));
 var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _context = _interopRequireDefault(require("../../../../context"));
 var _commonUtils = require("../../../../utils/common-utils");
@@ -26,19 +25,17 @@ var FileView = function FileView(_ref) {
   var data = element.data;
   var editor = (0, _slateReact.useSlateStatic)();
   var isSelected = (0, _slateReact.useSelected)();
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isLoading = _useState2[0],
-    setIsLoading = _useState2[1];
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    isShowMask = _useState4[0],
-    setIsShowMask = _useState4[1];
-  (0, _react.useEffect)(function () {
-    if (!isSelected) {
-      setIsShowMask(true);
-    }
-  }, [isSelected]);
+  var viewSettings = (0, _react.useMemo)(function () {
+    var settings = _context["default"].getFileViewSetting();
+    var viewSettings = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, settings), {}, {
+      repoID: data.link_repo_id,
+      view_data: {
+        view_id: data.view_id,
+        wiki_id: data.wiki_id
+      }
+    });
+    return viewSettings;
+  }, [data.link_repo_id, data.view_id, data.wiki_id]);
   (0, _react.useEffect)(function () {
     var copyContent = _localStorageUtils["default"].getItem(_constants.RECENT_COPY_CONTENT);
     var wikiId = _context["default"].getSetting('wikiId');
@@ -60,12 +57,6 @@ var FileView = function FileView(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var handleLoad = (0, _react.useCallback)(function () {
-    setIsLoading(false);
-  }, []);
-  var onClick = (0, _react.useCallback)(function () {
-    setIsShowMask(false);
-  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
@@ -78,24 +69,8 @@ var FileView = function FileView(_ref) {
     className: "sdoc-file-view-title"
   }, data.view_name), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-file-view-content"
-  }, /*#__PURE__*/_react["default"].createElement("iframe", {
-    className: "sdoc-file-view-element",
-    title: data.view_name,
-    src: (0, _helpers.getFileUrl)(element),
-    onLoad: handleLoad,
-    style: {
-      width: '100%',
-      height: '100%',
-      border: 'none',
-      opacity: isLoading ? 0 : 1,
-      transition: 'opacity 0.3s ease-in-out',
-      minHeight: '370px'
-    }
-  }), isLoading && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "iframe-skeleton"
-  }, /*#__PURE__*/_react["default"].createElement(_fileLoading["default"], null)), !isLoading && isShowMask && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-file-view-mask",
-    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement(_seatableDatabase.Database, {
+    settings: viewSettings
   })), children);
 };
 var renderFileView = exports.renderFileView = function renderFileView(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.25",
+  "version": "3.0.26",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -20,6 +20,7 @@
     "@seafile/comment-editor": "1.0.1",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "^5.0.1",
+    "@seafile/seatable-database": "0.0.8",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
@@ -71,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d9fce7ae47f01c975cec0b05c06a2d8831a31564"
+  "gitHead": "e1d76073f60dd5086114623b19b4d74a8319b5bd"
 }