@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.
- package/dist/basic-sdk/extension/plugins/link/hover/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/search-replace/menu/index.js +2 -2
- package/dist/basic-sdk/extension/plugins/search-replace/popover/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header.js +1 -1
- package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/dtable-search-input/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filter-item.js +1 -1
- package/dist/basic-sdk/extension/plugins/table/helpers.js +0 -2
- package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/table/render/index.js +0 -6
- package/dist/basic-sdk/extension/plugins/table/render/table-root.js +2 -10
- package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js +1 -1
- package/dist/components/toast/toaster.js +1 -1
- package/package.json +2 -2
|
@@ -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
|
-
|
|
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:
|
|
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.
|
|
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": "
|
|
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",
|