@seafile/sdoc-editor 3.0.24 → 3.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/context.js CHANGED
@@ -120,6 +120,33 @@ var Context = /*#__PURE__*/function () {
120
120
  };
121
121
  return this.config;
122
122
  }
123
+ }, {
124
+ key: "getFileViewSetting",
125
+ value: function getFileViewSetting() {
126
+ var _this$settings2 = this.settings,
127
+ isDevelopment = _this$settings2.isDevelopment,
128
+ serviceUrl = _this$settings2.serviceUrl,
129
+ siteRoot = _this$settings2.siteRoot,
130
+ mediaUrl = _this$settings2.mediaUrl,
131
+ name = _this$settings2.name,
132
+ username = _this$settings2.username,
133
+ password = _this$settings2.password,
134
+ fileServerRoot = _this$settings2.fileServerRoot,
135
+ thumbnailDefaultSize = _this$settings2.thumbnailDefaultSize,
136
+ lang = _this$settings2.lang;
137
+ return {
138
+ isDevelopment: isDevelopment,
139
+ serviceUrl: serviceUrl,
140
+ siteRoot: siteRoot,
141
+ mediaUrl: mediaUrl,
142
+ name: name,
143
+ username: username,
144
+ password: password,
145
+ fileServerRoot: fileServerRoot,
146
+ thumbnailDefaultSize: thumbnailDefaultSize,
147
+ lang: lang
148
+ };
149
+ }
123
150
  }, {
124
151
  key: "getFileContent",
125
152
  value: function getFileContent() {
@@ -147,6 +147,7 @@
147
147
  margin-bottom: 0 !important;
148
148
  }
149
149
 
150
- .md-rendered-html ul, .md-rendered-html li {
151
- padding: revert;
150
+ .md-rendered-html ul,
151
+ .md-rendered-html ol {
152
+ padding: 0 0 0 20px !important;
152
153
  }
@@ -29,25 +29,7 @@
29
29
  position: relative;
30
30
  }
31
31
 
32
- .sdoc-file-view-container .iframe-skeleton {
33
- position: absolute;
34
- left: 0;
35
- right: 0;
36
- top: 0;
37
- bottom: 0;
38
- }
39
-
40
- .sdoc-file-view-container .iframe-skeleton {
41
- display: flex;
42
- align-items: center;
43
- justify-content: center;
44
- }
45
-
46
- .sdoc-file-view-container .sdoc-file-view-mask {
47
- position: absolute;
48
- left: 0;
49
- right: 0;
50
- top: 0;
51
- bottom: 0;
52
- background-color: transparent;
32
+ .sdoc-file-view-container .sdoc-file-view-content,
33
+ .sdoc-file-view-container .sdoc-file-view-content .sea-metadata {
34
+ height: 400px;
53
35
  }
@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.renderFileView = void 0;
9
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
10
  var _react = _interopRequireWildcard(require("react"));
11
+ var _seatableDatabase = require("@seafile/seatable-database");
12
12
  var _slateReact = require("@seafile/slate-react");
13
13
  var _classnames = _interopRequireDefault(require("classnames"));
14
- var _fileLoading = _interopRequireDefault(require("../../../../components/file-loading"));
15
14
  var _toast = _interopRequireDefault(require("../../../../components/toast"));
16
15
  var _context = _interopRequireDefault(require("../../../../context"));
17
16
  var _commonUtils = require("../../../../utils/common-utils");
@@ -26,19 +25,17 @@ var FileView = function FileView(_ref) {
26
25
  var data = element.data;
27
26
  var editor = (0, _slateReact.useSlateStatic)();
28
27
  var isSelected = (0, _slateReact.useSelected)();
29
- var _useState = (0, _react.useState)(true),
30
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
31
- isLoading = _useState2[0],
32
- setIsLoading = _useState2[1];
33
- var _useState3 = (0, _react.useState)(true),
34
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
35
- isShowMask = _useState4[0],
36
- setIsShowMask = _useState4[1];
37
- (0, _react.useEffect)(function () {
38
- if (!isSelected) {
39
- setIsShowMask(true);
40
- }
41
- }, [isSelected]);
28
+ var viewSettings = (0, _react.useMemo)(function () {
29
+ var settings = _context["default"].getFileViewSetting();
30
+ var viewSettings = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, settings), {}, {
31
+ repoID: data.link_repo_id,
32
+ view_data: {
33
+ view_id: data.view_id,
34
+ wiki_id: data.wiki_id
35
+ }
36
+ });
37
+ return viewSettings;
38
+ }, [data.link_repo_id, data.view_id, data.wiki_id]);
42
39
  (0, _react.useEffect)(function () {
43
40
  var copyContent = _localStorageUtils["default"].getItem(_constants.RECENT_COPY_CONTENT);
44
41
  var wikiId = _context["default"].getSetting('wikiId');
@@ -60,12 +57,6 @@ var FileView = function FileView(_ref) {
60
57
  }
61
58
  // eslint-disable-next-line react-hooks/exhaustive-deps
62
59
  }, []);
63
- var handleLoad = (0, _react.useCallback)(function () {
64
- setIsLoading(false);
65
- }, []);
66
- var onClick = (0, _react.useCallback)(function () {
67
- setIsShowMask(false);
68
- }, []);
69
60
  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
70
61
  "data-id": element.id
71
62
  }, attributes, {
@@ -78,24 +69,8 @@ var FileView = function FileView(_ref) {
78
69
  className: "sdoc-file-view-title"
79
70
  }, data.view_name), /*#__PURE__*/_react["default"].createElement("div", {
80
71
  className: "sdoc-file-view-content"
81
- }, /*#__PURE__*/_react["default"].createElement("iframe", {
82
- className: "sdoc-file-view-element",
83
- title: data.view_name,
84
- src: (0, _helpers.getFileUrl)(element),
85
- onLoad: handleLoad,
86
- style: {
87
- width: '100%',
88
- height: '100%',
89
- border: 'none',
90
- opacity: isLoading ? 0 : 1,
91
- transition: 'opacity 0.3s ease-in-out',
92
- minHeight: '370px'
93
- }
94
- }), isLoading && /*#__PURE__*/_react["default"].createElement("div", {
95
- className: "iframe-skeleton"
96
- }, /*#__PURE__*/_react["default"].createElement(_fileLoading["default"], null)), !isLoading && isShowMask && /*#__PURE__*/_react["default"].createElement("div", {
97
- className: "sdoc-file-view-mask",
98
- onClick: onClick
72
+ }, /*#__PURE__*/_react["default"].createElement(_seatableDatabase.Database, {
73
+ settings: viewSettings
99
74
  })), children);
100
75
  };
101
76
  var renderFileView = exports.renderFileView = function renderFileView(props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/sdoc-editor",
3
- "version": "3.0.24",
3
+ "version": "3.0.26",
4
4
  "main": "dist/index.js",
5
5
  "scripts": {
6
6
  "test": "jest",
@@ -20,6 +20,7 @@
20
20
  "@seafile/comment-editor": "1.0.1",
21
21
  "@seafile/print-js": "1.6.6",
22
22
  "@seafile/react-image-lightbox": "^5.0.1",
23
+ "@seafile/seatable-database": "0.0.8",
23
24
  "@seafile/slate": "0.91.8",
24
25
  "@seafile/slate-history": "0.86.2",
25
26
  "@seafile/slate-hyperscript": "0.81.7",
@@ -71,5 +72,5 @@
71
72
  "publishConfig": {
72
73
  "access": "public"
73
74
  },
74
- "gitHead": "94cf167f6aae1a3eafae10bd9c78bf8b10fa01a4"
75
+ "gitHead": "e1d76073f60dd5086114623b19b4d74a8319b5bd"
75
76
  }