@seafile/sdoc-editor 2.0.37-alpg-0.0.7 → 2.0.38

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.
@@ -32,7 +32,7 @@ const LinkHover = _ref => {
32
32
  location.href = element.href;
33
33
  }
34
34
  }, [element.href]);
35
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
35
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
36
36
  id: "link-op-menu",
37
37
  className: "link-op-menu",
38
38
  style: menuPosition
@@ -54,7 +54,7 @@ const SearchReplaceMenu = _ref => {
54
54
  const canvasList = [];
55
55
  for (let index = 0; index < generateCount; index++) {
56
56
  const top = index * 5000;
57
- canvasList.push(/*#__PURE__*/_react.default.createElement("canvas", {
57
+ canvasList.push( /*#__PURE__*/_react.default.createElement("canvas", {
58
58
  key: 'sdoc-find-search-' + index,
59
59
  id: `sdoc-find-search-${index}`,
60
60
  className: "sdoc-find-search-highlight-canvas",
@@ -79,7 +79,7 @@ const SearchReplaceMenu = _ref => {
79
79
  readonly: readonly,
80
80
  isOpen: isOpenPopover,
81
81
  closePopover: onMouseDown
82
- }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
82
+ }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
83
83
  style: {
84
84
  height: articleContainerSize.clientHeight
85
85
  },
@@ -168,7 +168,7 @@ const SearchReplacePopover = _ref => {
168
168
  if ((0, _isHotkey.default)('enter', e)) handleNext();
169
169
  if ((0, _isHotkey.default)('enter+shift', e)) handleLast();
170
170
  };
171
- return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
171
+ return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
172
172
  className: "sdoc-search-replace-popover-container",
173
173
  onMouseDown: handleStartMove,
174
174
  onMouseMove: handleMouseMove,
@@ -78,7 +78,7 @@ class RowCardHeader extends _react.default.Component {
78
78
  // Start from the second column without name
79
79
  for (let i = 1; i < renderedColumns.length; i++) {
80
80
  const renderedColumn = renderedColumns[i];
81
- cardHeaderCells.push(/*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
81
+ cardHeaderCells.push( /*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
82
82
  key: renderedColumn.key,
83
83
  column: renderedColumn,
84
84
  rowCardType: rowCardType,
@@ -70,7 +70,7 @@ class DtableSearchInput extends _react.Component {
70
70
  const {
71
71
  ClearIndicator
72
72
  } = components;
73
- if (/*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
73
+ if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
74
74
  return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
75
75
  clearValue: this.clearSearch
76
76
  });
@@ -310,7 +310,7 @@ class FilterItem extends _react.default.Component {
310
310
  background: inOption.color,
311
311
  color: inOption.textColor || null
312
312
  };
313
- labelArray.push(/*#__PURE__*/_react.default.createElement("span", {
313
+ labelArray.push( /*#__PURE__*/_react.default.createElement("span", {
314
314
  className: className,
315
315
  style: optionStyle,
316
316
  key: 'option_' + item,
@@ -121,7 +121,6 @@ const generateEmptyTable = (editor, tableProps) => {
121
121
  const tableRow = generateTableRow(editor, colsCount, i);
122
122
  children.push(tableRow);
123
123
  }
124
- console.log(1, editor, editor.width, _constants3.PAGE_EDIT_AREA_WIDTH);
125
124
  const columnWidth = Math.max(_constants2.TABLE_CELL_MIN_WIDTH, parseInt(editor.width / colsCount));
126
125
  let columns = [];
127
126
  for (let i = 0; i < colsCount; i++) {
@@ -895,7 +894,6 @@ const getTableColumns = (editor, element) => {
895
894
  if (columns) return columns;
896
895
  const columnsCount = children[0].children.length;
897
896
  let initColumns = [];
898
- console.log(3, editor.width);
899
897
  const pageEditAreaWidth = editor.width || _constants3.PAGE_EDIT_AREA_WIDTH;
900
898
  for (let i = 0; i < columnsCount; i++) {
901
899
  const column = {
@@ -205,7 +205,7 @@ const TableSizePopover = _ref => {
205
205
  });
206
206
  children.push(child);
207
207
  }
208
- tableSize.push(/*#__PURE__*/_react.default.createElement("div", {
208
+ tableSize.push( /*#__PURE__*/_react.default.createElement("div", {
209
209
  key: `sdoc-table-size-row-${i}`,
210
210
  className: "sdoc-table-size-row d-flex"
211
211
  }, children));
@@ -208,7 +208,6 @@ const Table = _ref => {
208
208
  }, /*#__PURE__*/_react.default.createElement(_hooks.SettingSelectRangeContext.Provider, {
209
209
  value: isSettingSelectRange
210
210
  }, /*#__PURE__*/_react.default.createElement(_tableRoot.default, {
211
- editor: editor,
212
211
  columns: columns,
213
212
  attributes: attributes
214
213
  }, isSelected && /*#__PURE__*/_react.default.createElement(_tableHeader.default, {
@@ -250,20 +249,15 @@ function renderTable(props) {
250
249
  } = props;
251
250
  // eslint-disable-next-line react-hooks/rules-of-hooks
252
251
  const editor = (0, _slateReact.useSlateStatic)();
253
- console.log(0, editor, editor.width);
254
252
  const columns = (0, _helpers.getTableColumns)(editor, element);
255
- console.log(1, editor, editor.width, element);
256
253
  let style = element.style ? {
257
254
  ...element.style
258
255
  } : {};
259
256
  const columnWidthList = columns.map(item => `${item.width}px`);
260
257
  style.gridTemplateColumns = columnWidthList.join(' ');
261
- const w2 = editor.width;
262
- console.log(3, w2);
263
258
  const rowHeightList = element.children.map((item, index) => (0, _helpers.getRowHeight)(item, index));
264
259
  style.gridAutoRows = rowHeightList.map(item => `minmax(${item}px, auto)`).join(' ');
265
260
  return /*#__PURE__*/_react.default.createElement(_tableRoot.default, {
266
- editor: editor,
267
261
  columns: columns,
268
262
  attributes: attributes
269
263
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -11,16 +11,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
11
11
  var _slateReact = require("@seafile/slate-react");
12
12
  var _hooks = require("./hooks");
13
13
  var _menu = require("../menu");
14
- /* eslint-disable react-hooks/exhaustive-deps */
15
-
16
14
  const TableRoot = _ref => {
17
15
  let {
18
- editor,
19
16
  attributes,
20
17
  columns = [],
21
18
  children
22
19
  } = _ref;
23
- // const editor = editor || useSlateStatic();
20
+ const editor = (0, _slateReact.useSlateStatic)();
24
21
  const readonly = (0, _slateReact.useReadOnly)();
25
22
  const tableScrollWrapper = (0, _react.useRef)(null);
26
23
  const [scrollLeft, setScrollLeft] = (0, _react.useState)(0);
@@ -33,11 +30,6 @@ const TableRoot = _ref => {
33
30
  menuPosition,
34
31
  onContextMenu
35
32
  } = (0, _hooks.useContextMenu)(tableScrollWrapper);
36
- console.log(2, editor, editor.width, columns, allWidth);
37
- let editorWidth;
38
- (0, _react.useEffect)(() => {
39
- editorWidth = editor.width;
40
- }, [editor]);
41
33
  return /*#__PURE__*/_react.default.createElement(_hooks.TableRootContext.Provider, {
42
34
  value: tableScrollWrapper.current
43
35
  }, /*#__PURE__*/_react.default.createElement(_hooks.TableRootScrollLeftContext.Provider, {
@@ -48,7 +40,7 @@ const TableRoot = _ref => {
48
40
  }),
49
41
  style: {
50
42
  ...attributes.style,
51
- maxWidth: editorWidth ? editorWidth : '100%'
43
+ maxWidth: editor.width ? editor.width : '100%'
52
44
  }
53
45
  }), /*#__PURE__*/_react.default.createElement("div", {
54
46
  className: (0, _classnames.default)('sdoc-table-scroll-wrapper', {
@@ -62,7 +62,7 @@ const ContextToolbar = () => {
62
62
  el.removeAttribute('style');
63
63
  }
64
64
  }, []);
65
- return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
65
+ return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
66
66
  ref: ref,
67
67
  className: "sdoc-context-toolbar",
68
68
  onMouseDown: onMouseDown,
@@ -67,7 +67,7 @@ class Toaster {
67
67
  container.setAttribute('data-evergreen-toaster-container', '');
68
68
  document.body.appendChild(container);
69
69
  const root = (0, _client.createRoot)(container);
70
- root.render(/*#__PURE__*/_react.default.createElement(_toastManager.default, {
70
+ root.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
71
71
  bindNotify: this._bindNotify,
72
72
  bindGetToasts: this._bindGetToasts,
73
73
  bindCloseAll: this._bindCloseAll
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/sdoc-editor",
3
- "version": "2.0.37-alpg-0.0.7",
3
+ "version": "2.0.38",
4
4
  "private": false,
5
5
  "description": "This is a sdoc editor",
6
6
  "main": "dist/index.js",
@@ -38,7 +38,7 @@
38
38
  "remark-parse": "11.0.0",
39
39
  "remark-rehype": "11.0.0",
40
40
  "remark-stringify": "11.0.0",
41
- "sea-chart": "^2.0.5",
41
+ "sea-chart": "2.0.7",
42
42
  "slugid": "3.2.0",
43
43
  "socket.io-client": "4.8.1",
44
44
  "type-of": "2.0.1",