@seafile/seafile-editor 3.0.5 → 3.0.7-alpha.1
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/components/browser-tip/index.js +1 -1
- package/dist/components/longtext-modal.js +1 -1
- package/dist/constants/event-types.js +1 -0
- package/dist/containers/article-info/index.js +6 -7
- package/dist/containers/comment-panel/index.js +92 -0
- package/dist/containers/comment-panel/style.css +22 -0
- package/dist/containers/hotkeys-helper/index.js +1 -1
- package/dist/editors/inline-editor/index.js +1 -1
- package/dist/editors/simple-slate-editor/index.js +1 -1
- package/dist/editors/slate-editor/editor-help/index.js +35 -9
- package/dist/editors/slate-editor/index.js +2 -2
- package/dist/editors/slate-viewer/index.js +7 -7
- package/dist/extension/commons/insert-element-dialog/index.js +4 -4
- package/dist/extension/commons/menu/menu-drop-down.js +4 -4
- package/dist/extension/commons/menu-shortcut-indicator/index.js +1 -1
- package/dist/extension/commons/select/_option.js +2 -2
- package/dist/extension/commons/select/field-setting.js +6 -7
- package/dist/extension/commons/select/index.js +3 -3
- package/dist/extension/commons/select/menu/item.js +2 -2
- package/dist/extension/constants/element-types.js +6 -6
- package/dist/extension/constants/menus-config.js +21 -21
- package/dist/extension/core/queries/index.js +22 -23
- package/dist/extension/core/transforms/remove-node-children.js +4 -3
- package/dist/extension/core/transforms/replace-node-children.js +4 -3
- package/dist/extension/core/utils/index.js +4 -4
- package/dist/extension/highlight/set-node-decorations.js +4 -4
- package/dist/extension/plugins/clear-format/menu/index.js +6 -4
- package/dist/extension/plugins/code-block/plugin.js +7 -9
- package/dist/extension/plugins/code-block/render-elem/language-selector.js +1 -1
- package/dist/extension/plugins/column/helpers.js +2 -3
- package/dist/extension/plugins/column/render-elem.js +13 -17
- package/dist/extension/plugins/definition/render-elem/index.js +1 -1
- package/dist/extension/plugins/header/menu/index.js +2 -2
- package/dist/extension/plugins/header/render-elem.js +1 -1
- package/dist/extension/plugins/image/helper.js +11 -12
- package/dist/extension/plugins/image/render-element/index.js +5 -5
- package/dist/extension/plugins/link/helper.js +3 -3
- package/dist/extension/plugins/link/menu/index.js +7 -8
- package/dist/extension/plugins/link/menu/link-modal.js +8 -10
- package/dist/extension/plugins/link/render-elem/link-popover.js +1 -1
- package/dist/extension/plugins/link-reference/render-elem/index.js +2 -2
- package/dist/extension/plugins/list/plugin/on-tab-handle.js +3 -6
- package/dist/extension/plugins/list/transforms/insert-list-item.js +3 -4
- package/dist/extension/plugins/list/transforms/transforms-to-list.js +4 -3
- package/dist/extension/plugins/markdown/plugin.js +6 -12
- package/dist/extension/plugins/node-id/helpers.js +5 -6
- package/dist/extension/plugins/table/context-menu/index.js +1 -1
- package/dist/extension/plugins/table/helper.js +2 -3
- package/dist/extension/plugins/table/menu/table-operator.js +12 -18
- package/dist/extension/plugins/table/menu/table-size-selector.js +4 -4
- package/dist/extension/plugins/text-style/render-elem.js +6 -4
- package/dist/extension/render/render-element.js +10 -8
- package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.js +1 -1
- package/dist/pages/email-editor-dialog/index.js +1 -1
- package/dist/pages/longtext-editor-dialog/index.js +1 -1
- package/dist/pages/simple-editor.js +17 -15
- package/dist/slate-convert/html-to-slate/constants.js +6 -6
- package/dist/slate-convert/html-to-slate/index.js +2 -2
- package/dist/slate-convert/md-to-slate/transform.js +28 -43
- package/dist/slate-convert/slate-to-md/transform.js +5 -5
- package/dist/utils/object-utils.js +3 -5
- package/dist/utils/replace-slate-nodes.js +5 -6
- package/package.json +4 -4
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _slate = require("slate");
|
|
11
12
|
var _menuItem = _interopRequireDefault(require("../../../commons/menu/menu-item"));
|
|
@@ -39,10 +40,9 @@ const LinkMenu = _ref => {
|
|
|
39
40
|
(0, _react.useEffect)(() => {
|
|
40
41
|
if ((0, _helper.isLinkType)(editor)) {
|
|
41
42
|
const newTitle = editor.selection && _slate.Editor.string(editor, editor.selection);
|
|
42
|
-
newTitle && setLinkInfo({
|
|
43
|
-
...linkInfo,
|
|
43
|
+
newTitle && setLinkInfo((0, _objectSpread2.default)((0, _objectSpread2.default)({}, linkInfo), {}, {
|
|
44
44
|
linkTitle: newTitle
|
|
45
|
-
});
|
|
45
|
+
}));
|
|
46
46
|
}
|
|
47
47
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48
48
|
}, [editor.selection]);
|
|
@@ -59,13 +59,12 @@ const LinkMenu = _ref => {
|
|
|
59
59
|
}
|
|
60
60
|
if (editor.selection) {
|
|
61
61
|
const selectedText = _slate.Editor.string(editor, editor.selection);
|
|
62
|
-
setLinkInfo({
|
|
63
|
-
...linkInfo,
|
|
62
|
+
setLinkInfo((0, _objectSpread2.default)((0, _objectSpread2.default)({}, linkInfo), {}, {
|
|
64
63
|
linkTitle: selectedText
|
|
65
|
-
});
|
|
64
|
+
}));
|
|
66
65
|
}
|
|
67
66
|
setIsOpenLinkModal(true);
|
|
68
|
-
document.getElementById(
|
|
67
|
+
document.getElementById("seafile_".concat(_elementTypes.LINK)).blur();
|
|
69
68
|
}, [editor, isLinkActive, linkInfo]);
|
|
70
69
|
const onCloseModal = (0, _react.useCallback)(() => {
|
|
71
70
|
setIsOpenLinkModal(false);
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
11
|
var _reactstrap = require("reactstrap");
|
|
10
12
|
var _reactI18next = require("react-i18next");
|
|
@@ -70,24 +72,20 @@ const LinkModal = _ref => {
|
|
|
70
72
|
let formItemValue = e.target.value;
|
|
71
73
|
// pre-process form item value
|
|
72
74
|
formItemValue = preProcessBeforeOnchange(formItemName, formItemValue);
|
|
73
|
-
validateFormData(formItemName, formItemValue).then(() => setValidatorErrorMessage({
|
|
74
|
-
...validatorErrorMessage,
|
|
75
|
+
validateFormData(formItemName, formItemValue).then(() => setValidatorErrorMessage((0, _objectSpread2.default)((0, _objectSpread2.default)({}, validatorErrorMessage), {}, {
|
|
75
76
|
[formItemName]: ''
|
|
76
|
-
}), errMsg => setValidatorErrorMessage({
|
|
77
|
-
...validatorErrorMessage,
|
|
77
|
+
})), errMsg => setValidatorErrorMessage((0, _objectSpread2.default)((0, _objectSpread2.default)({}, validatorErrorMessage), {}, {
|
|
78
78
|
[formItemName]: errMsg
|
|
79
|
-
}));
|
|
80
|
-
setFormData({
|
|
81
|
-
...formData,
|
|
79
|
+
})));
|
|
80
|
+
setFormData((0, _objectSpread2.default)((0, _objectSpread2.default)({}, formData), {}, {
|
|
82
81
|
[formItemName]: formItemValue
|
|
83
|
-
});
|
|
82
|
+
}));
|
|
84
83
|
}, [formData, preProcessBeforeOnchange, validateFormData, validatorErrorMessage]);
|
|
85
84
|
const onSubmit = (0, _react.useCallback)(e => {
|
|
86
85
|
// re-validate form data before submit
|
|
87
86
|
Object.entries(formData).forEach(_ref2 => {
|
|
88
87
|
let [key, value] = _ref2;
|
|
89
|
-
return validateFormData(key, value).catch(errMsg => setValidatorErrorMessage(prev => ({
|
|
90
|
-
...prev,
|
|
88
|
+
return validateFormData(key, value).catch(errMsg => setValidatorErrorMessage(prev => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
|
|
91
89
|
[key]: errMsg
|
|
92
90
|
})));
|
|
93
91
|
});
|
|
@@ -57,7 +57,7 @@ const LinkPopover = _ref => {
|
|
|
57
57
|
});
|
|
58
58
|
onClosePopover();
|
|
59
59
|
}, [editor, onClosePopover]);
|
|
60
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
|
|
61
61
|
id: "link-op-menu",
|
|
62
62
|
className: "sf-link-op-menu",
|
|
63
63
|
style: popoverPosition
|
|
@@ -25,7 +25,7 @@ const renderLinkReference = (_ref, editor) => {
|
|
|
25
25
|
const doms = (0, _core.getNodesByType)(editor.children, _elementTypes.DEFINITION);
|
|
26
26
|
const dom = doms.find(d => d.identifier === element.identifier);
|
|
27
27
|
if (!dom) return;
|
|
28
|
-
const selector =
|
|
28
|
+
const selector = "[data-id=\"".concat(dom.id, "\"]");
|
|
29
29
|
const definitionDom = document.querySelector(selector);
|
|
30
30
|
if (!definitionDom) return;
|
|
31
31
|
definitionDom.scrollIntoView({
|
|
@@ -47,6 +47,6 @@ const renderLinkReference = (_ref, editor) => {
|
|
|
47
47
|
"data-id": element.id
|
|
48
48
|
}, attributes, {
|
|
49
49
|
title: element.label
|
|
50
|
-
}),
|
|
50
|
+
}), "[".concat(element.identifier, "]"));
|
|
51
51
|
};
|
|
52
52
|
var _default = exports.default = renderLinkReference;
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.handleTab = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
8
9
|
var _slate = require("slate");
|
|
9
10
|
var _isHotkey = _interopRequireDefault(require("is-hotkey"));
|
|
10
11
|
var _core = require("../../../core");
|
|
@@ -32,12 +33,8 @@ const handleTab = (editor, event) => {
|
|
|
32
33
|
anchor,
|
|
33
34
|
focus
|
|
34
35
|
} = {
|
|
35
|
-
anchor: {
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
focus: {
|
|
39
|
-
...selection.anchor
|
|
40
|
-
}
|
|
36
|
+
anchor: (0, _objectSpread2.default)({}, selection.focus),
|
|
37
|
+
focus: (0, _objectSpread2.default)({}, selection.anchor)
|
|
41
38
|
});
|
|
42
39
|
}
|
|
43
40
|
const unHungRange = _slate.Editor.unhangRange(editor, {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.insertListItem = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
7
9
|
var _slate = require("slate");
|
|
8
10
|
var _core = require("../../../core");
|
|
9
11
|
var _elementTypes = require("../../../constants/element-types");
|
|
@@ -70,10 +72,7 @@ const insertListItem = editor => {
|
|
|
70
72
|
// List item has content, cursor at end
|
|
71
73
|
const marks = (_Editor$marks = _slate.Editor.marks(editor)) === null || _Editor$marks === void 0 ? void 0 : _Editor$marks.key;
|
|
72
74
|
const licItem = (0, _core.generateElement)(_elementTypes.PARAGRAPH);
|
|
73
|
-
_slate.Transforms.insertNodes(editor, {
|
|
74
|
-
...licItem,
|
|
75
|
-
...marks
|
|
76
|
-
}, {
|
|
75
|
+
_slate.Transforms.insertNodes(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, licItem), marks), {
|
|
77
76
|
at: nextListItemPath
|
|
78
77
|
});
|
|
79
78
|
const listItem = (0, _core.generateElement)(_elementTypes.LIST_ITEM, {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.transformsToList = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
7
9
|
var _slate = require("slate");
|
|
8
10
|
var _core = require("../../../core");
|
|
9
11
|
var _queries = require("../queries");
|
|
@@ -41,10 +43,9 @@ const wrapRangeList = (editor, type) => {
|
|
|
41
43
|
mode: 'lowest'
|
|
42
44
|
};
|
|
43
45
|
const startListEntry = (0, _core.findNode)(editor, options);
|
|
44
|
-
const endListEntry = (0, _core.findNode)(editor, {
|
|
45
|
-
...options,
|
|
46
|
+
const endListEntry = (0, _core.findNode)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {}, {
|
|
46
47
|
at: endPoint
|
|
47
|
-
});
|
|
48
|
+
}));
|
|
48
49
|
const selectDepth = Math.min(startListEntry[1].length, endListEntry[1].length);
|
|
49
50
|
_slate.Transforms.setNodes(editor, {
|
|
50
51
|
type
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
7
9
|
var _slate = require("slate");
|
|
8
10
|
var _transforms = require("../list/transforms");
|
|
9
11
|
var _core = require("../../core");
|
|
@@ -105,9 +107,7 @@ const withMarkDown = editor => {
|
|
|
105
107
|
path: range.focus.path,
|
|
106
108
|
offset: startOffset
|
|
107
109
|
},
|
|
108
|
-
focus: {
|
|
109
|
-
...selection.focus
|
|
110
|
-
}
|
|
110
|
+
focus: (0, _objectSpread2.default)({}, selection.focus)
|
|
111
111
|
},
|
|
112
112
|
voids: true
|
|
113
113
|
});
|
|
@@ -135,9 +135,7 @@ const withMarkDown = editor => {
|
|
|
135
135
|
path: range.focus.path,
|
|
136
136
|
offset: startOffset
|
|
137
137
|
},
|
|
138
|
-
focus: {
|
|
139
|
-
...selection.focus
|
|
140
|
-
}
|
|
138
|
+
focus: (0, _objectSpread2.default)({}, selection.focus)
|
|
141
139
|
},
|
|
142
140
|
voids: true
|
|
143
141
|
});
|
|
@@ -177,9 +175,7 @@ const withMarkDown = editor => {
|
|
|
177
175
|
path: range.focus.path,
|
|
178
176
|
offset: startOffset
|
|
179
177
|
},
|
|
180
|
-
focus: {
|
|
181
|
-
...selection.focus
|
|
182
|
-
}
|
|
178
|
+
focus: (0, _objectSpread2.default)({}, selection.focus)
|
|
183
179
|
},
|
|
184
180
|
voids: true
|
|
185
181
|
});
|
|
@@ -215,9 +211,7 @@ const withMarkDown = editor => {
|
|
|
215
211
|
path: range.focus.path,
|
|
216
212
|
offset: startOffset
|
|
217
213
|
},
|
|
218
|
-
focus: {
|
|
219
|
-
...selection.focus
|
|
220
|
-
}
|
|
214
|
+
focus: (0, _objectSpread2.default)({}, selection.focus)
|
|
221
215
|
},
|
|
222
216
|
voids: true
|
|
223
217
|
});
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.replacePastedDataId = exports.replaceNodeId = exports.decorateOperation = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
10
|
var _deepCopy = _interopRequireDefault(require("deep-copy"));
|
|
10
11
|
var _slugid = _interopRequireDefault(require("slugid"));
|
|
11
12
|
var OPERATION = _interopRequireWildcard(require("./constants"));
|
|
@@ -46,16 +47,14 @@ exports.decorateOperation = decorateOperation;
|
|
|
46
47
|
const replaceNodeId = node => {
|
|
47
48
|
if (!_objectUtils.default.isObject(node)) return node;
|
|
48
49
|
if (_objectUtils.default.hasProperty(node, 'children')) {
|
|
49
|
-
return {
|
|
50
|
-
...node,
|
|
50
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
|
|
51
51
|
id: _slugid.default.nice(),
|
|
52
52
|
children: replacePastedDataId(node.children)
|
|
53
|
-
};
|
|
53
|
+
});
|
|
54
54
|
}
|
|
55
|
-
return {
|
|
56
|
-
...node,
|
|
55
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, node), {}, {
|
|
57
56
|
id: _slugid.default.nice()
|
|
58
|
-
};
|
|
57
|
+
});
|
|
59
58
|
};
|
|
60
59
|
exports.replaceNodeId = replaceNodeId;
|
|
61
60
|
const replacePastedDataId = pastedData => {
|
|
@@ -31,7 +31,7 @@ const ContextMenu = _ref => {
|
|
|
31
31
|
t
|
|
32
32
|
} = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
|
|
33
33
|
const tableCellNodeId = (_getSelectedNodeByTyp = (0, _core.getSelectedNodeByType)(editor, _elementTypes.TABLE_CELL)) === null || _getSelectedNodeByTyp === void 0 ? void 0 : _getSelectedNodeByTyp.id;
|
|
34
|
-
const cellDom = document.querySelector(
|
|
34
|
+
const cellDom = document.querySelector("td[data-id=\"".concat(tableCellNodeId, "\"]"));
|
|
35
35
|
const horizontalAlign = cellDom === null || cellDom === void 0 ? void 0 : (_cellDom$style = cellDom.style) === null || _cellDom$style === void 0 ? void 0 : _cellDom$style[_constant.TABLE_CELL_STYLE.TEXT_ALIGN];
|
|
36
36
|
const currentRowsCount = (0, _react.useMemo)(() => {
|
|
37
37
|
const rows = element.children;
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.selectCellByGrid = exports.pasteContentIntoTable = exports.jumpOutTableInEditor = exports.isSelectingMultipleTables = exports.isInTable = exports.isDisabled = exports.insertTable = exports.getTableFocusingInfos = exports.getTableEntry = exports.getSelectedTableCells = exports.getSelectGrid = exports.getContextMenuPosition = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
8
9
|
var _slate = require("slate");
|
|
9
10
|
var _slateReact = require("slate-react");
|
|
10
11
|
var _isUrl = _interopRequireDefault(require("is-url"));
|
|
@@ -157,9 +158,7 @@ const getSelectGrid = editor => {
|
|
|
157
158
|
if (startRowIndex === -1 || rowIndex < startRowIndex) grid.startRowIndex = rowIndex;
|
|
158
159
|
if (endColIndex === -1 || colIndex > endColIndex) grid.endColIndex = colIndex;
|
|
159
160
|
if (startColIndex === -1 || colIndex < startColIndex) grid.startColIndex = colIndex;
|
|
160
|
-
return {
|
|
161
|
-
...grid
|
|
162
|
-
};
|
|
161
|
+
return (0, _objectSpread2.default)({}, grid);
|
|
163
162
|
}, {
|
|
164
163
|
startRowIndex: -1,
|
|
165
164
|
endRowIndex: -1,
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.RowOperationDropDownList = exports.RemoveTableMenu = exports.ColumnOperationDropDownList = exports.AlignmentDropDown = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _menuDropDown = _interopRequireDefault(require("../../../commons/menu/menu-drop-down"));
|
|
11
12
|
var _constants = require("../../../constants");
|
|
@@ -16,16 +17,13 @@ const AlignmentDropDown = _ref => {
|
|
|
16
17
|
editor,
|
|
17
18
|
readonly
|
|
18
19
|
} = _ref;
|
|
19
|
-
const alignmentOperationDropDownList = (0, _react.useMemo)(() => [{
|
|
20
|
-
..._constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_LEFT],
|
|
20
|
+
const alignmentOperationDropDownList = (0, _react.useMemo)(() => [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_LEFT]), {}, {
|
|
21
21
|
handleClick: item => (0, _tableOperations.changeColumnAlign)(editor, _constants.TEXT_ALIGN.LEFT)
|
|
22
|
-
}, {
|
|
23
|
-
..._constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_CENTER],
|
|
22
|
+
}), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_CENTER]), {}, {
|
|
24
23
|
handleClick: item => (0, _tableOperations.changeColumnAlign)(editor, _constants.TEXT_ALIGN.CENTER)
|
|
25
|
-
}, {
|
|
26
|
-
..._constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_RIGHT],
|
|
24
|
+
}), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_ALIGN_RIGHT]), {}, {
|
|
27
25
|
handleClick: item => (0, _tableOperations.changeColumnAlign)(editor, _constants.TEXT_ALIGN.RIGHT)
|
|
28
|
-
}], [editor]);
|
|
26
|
+
})], [editor]);
|
|
29
27
|
return /*#__PURE__*/_react.default.createElement(_menuDropDown.default, Object.assign({
|
|
30
28
|
editor: editor,
|
|
31
29
|
readonly: readonly,
|
|
@@ -40,13 +38,11 @@ const ColumnOperationDropDownList = _ref2 => {
|
|
|
40
38
|
editor,
|
|
41
39
|
readonly
|
|
42
40
|
} = _ref2;
|
|
43
|
-
const columnOperationDropDownList = (0, _react.useMemo)(() => [{
|
|
44
|
-
..._constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_INSERT_COLUMN],
|
|
41
|
+
const columnOperationDropDownList = (0, _react.useMemo)(() => [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_INSERT_COLUMN]), {}, {
|
|
45
42
|
handleClick: item => (0, _tableOperations.insertColumn)(editor)
|
|
46
|
-
}, {
|
|
47
|
-
..._constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_DELETE_COLUMN],
|
|
43
|
+
}), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_DELETE_COLUMN]), {}, {
|
|
48
44
|
handleClick: item => (0, _tableOperations.removeColumn)(editor)
|
|
49
|
-
}], [editor]);
|
|
45
|
+
})], [editor]);
|
|
50
46
|
return /*#__PURE__*/_react.default.createElement(_menuDropDown.default, Object.assign({
|
|
51
47
|
editor: editor,
|
|
52
48
|
readonly: readonly,
|
|
@@ -60,13 +56,11 @@ const RowOperationDropDownList = _ref3 => {
|
|
|
60
56
|
editor,
|
|
61
57
|
readonly
|
|
62
58
|
} = _ref3;
|
|
63
|
-
const rowOperationDropDownList = (0, _react.useMemo)(() => [{
|
|
64
|
-
..._constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_INSERT_ROW],
|
|
59
|
+
const rowOperationDropDownList = (0, _react.useMemo)(() => [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_INSERT_ROW]), {}, {
|
|
65
60
|
handleClick: item => (0, _tableOperations.insertRow)(editor)
|
|
66
|
-
}, {
|
|
67
|
-
..._constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_DELETE_ROW],
|
|
61
|
+
}), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.MENUS_CONFIG_MAP[_constants.TABLE_SUBMENU_MAP.TABLE_DELETE_ROW]), {}, {
|
|
68
62
|
handleClick: item => (0, _tableOperations.removeRow)(editor)
|
|
69
|
-
}], [editor]);
|
|
63
|
+
})], [editor]);
|
|
70
64
|
return /*#__PURE__*/_react.default.createElement(_menuDropDown.default, Object.assign({
|
|
71
65
|
editor: editor,
|
|
72
66
|
readonly: readonly,
|
|
@@ -61,16 +61,16 @@ const TableSizeSelector = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
|
|
|
61
61
|
const columnElements = [];
|
|
62
62
|
for (let columnIndex = 0; columnIndex < columnNum; columnIndex++) {
|
|
63
63
|
const isCellSelected = selectedRowIndex > rowIndex && selectedColumnIndex > columnIndex;
|
|
64
|
-
columnElements.push(
|
|
64
|
+
columnElements.push(/*#__PURE__*/_react.default.createElement("div", {
|
|
65
65
|
onClick: handleClickTableCell,
|
|
66
66
|
onMouseEnter: () => preRenderTableGrid(rowIndex, columnIndex),
|
|
67
67
|
className: (0, _classnames.default)('sf-table-selector-cell', {
|
|
68
68
|
selected: isCellSelected
|
|
69
69
|
}),
|
|
70
|
-
key:
|
|
70
|
+
key: "".concat(rowIndex, "-").concat(columnIndex)
|
|
71
71
|
}));
|
|
72
72
|
}
|
|
73
|
-
rowElements.push(
|
|
73
|
+
rowElements.push(/*#__PURE__*/_react.default.createElement("div", {
|
|
74
74
|
className: "sf-table-row",
|
|
75
75
|
key: rowIndex
|
|
76
76
|
}, columnElements));
|
|
@@ -85,6 +85,6 @@ const TableSizeSelector = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
|
|
|
85
85
|
ref: ref
|
|
86
86
|
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
87
87
|
className: "sf-table-grid-info"
|
|
88
|
-
},
|
|
88
|
+
}, "".concat(selectedGridInfo.row, " x ").concat(selectedGridInfo.column)), tableGridElement);
|
|
89
89
|
});
|
|
90
90
|
var _default = exports.default = TableSizeSelector;
|
|
@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _constants = require("../../constants");
|
|
11
|
+
const _excluded = ["text"];
|
|
10
12
|
const renderText = (props, editor) => {
|
|
11
13
|
const {
|
|
12
14
|
attributes,
|
|
@@ -14,9 +16,9 @@ const renderText = (props, editor) => {
|
|
|
14
16
|
leaf
|
|
15
17
|
} = props;
|
|
16
18
|
const {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
text
|
|
20
|
+
} = leaf,
|
|
21
|
+
rest = (0, _objectWithoutProperties2.default)(leaf, _excluded);
|
|
20
22
|
let markedChildren = /*#__PURE__*/_react.default.cloneElement(children);
|
|
21
23
|
if (leaf[_constants.TEXT_STYLE_MAP.BOLD]) {
|
|
22
24
|
markedChildren = /*#__PURE__*/_react.default.createElement("strong", null, markedChildren);
|
|
@@ -42,7 +44,7 @@ const renderText = (props, editor) => {
|
|
|
42
44
|
}
|
|
43
45
|
if (leaf.decoration) {
|
|
44
46
|
markedChildren = /*#__PURE__*/_react.default.createElement("span", {
|
|
45
|
-
className:
|
|
47
|
+
className: "token ".concat(leaf.type)
|
|
46
48
|
}, markedChildren);
|
|
47
49
|
}
|
|
48
50
|
return /*#__PURE__*/_react.default.createElement("span", Object.assign({
|
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
9
11
|
var _react = _interopRequireDefault(require("react"));
|
|
10
12
|
var _slateReact = require("slate-react");
|
|
11
13
|
var ElementType = _interopRequireWildcard(require("../constants/element-types"));
|
|
12
14
|
var _plugins = require("../plugins");
|
|
15
|
+
const _excluded = ["element", "options"];
|
|
13
16
|
const SlateElement = _ref => {
|
|
14
17
|
let {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
18
|
+
element,
|
|
19
|
+
options
|
|
20
|
+
} = _ref,
|
|
21
|
+
params = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
19
22
|
const option = options ? options[element.type] : null;
|
|
20
|
-
const props = {
|
|
21
|
-
...params,
|
|
23
|
+
const props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params), {}, {
|
|
22
24
|
option,
|
|
23
25
|
element
|
|
24
|
-
};
|
|
26
|
+
});
|
|
25
27
|
const editor = (0, _slateReact.useSlateStatic)();
|
|
26
28
|
switch (element.type) {
|
|
27
29
|
case ElementType.BLOCKQUOTE:
|
|
@@ -53,7 +53,7 @@ const InsertToolbar = _ref => {
|
|
|
53
53
|
'rich-icon-btn-hover': isRichEditor && !disabled,
|
|
54
54
|
'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
|
|
55
55
|
});
|
|
56
|
-
const caretIconClass =
|
|
56
|
+
const caretIconClass = "sf-menu-with-dropdown-triangle-icon mdfont md-".concat(isShowMenu ? 'caret-up' : 'drop-down');
|
|
57
57
|
const {
|
|
58
58
|
bottom
|
|
59
59
|
} = insertButtonRef.current ? insertButtonRef.current.getBoundingClientRect() : {
|
|
@@ -123,7 +123,7 @@ function EmailEditorDialog(_ref) {
|
|
|
123
123
|
className: "longtext-header-tool"
|
|
124
124
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
125
125
|
onClick: onFullScreenToggle,
|
|
126
|
-
className:
|
|
126
|
+
className: "longtext-header-tool-item mr-1 dtable-font dtable-icon-full-screen ".concat(isFullScreen ? 'long-text-full-screen' : '')
|
|
127
127
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
128
128
|
onClick: onCloseToggle,
|
|
129
129
|
className: "longtext-header-tool-item dtable-font dtable-icon-x"
|
|
@@ -162,7 +162,7 @@ function LongTextEditorDialog(_ref) {
|
|
|
162
162
|
className: "longtext-header-tool"
|
|
163
163
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
164
164
|
onClick: onFullScreenToggle,
|
|
165
|
-
className:
|
|
165
|
+
className: "longtext-header-tool-item mr-1 mdfont md-full-screen ".concat(isFullScreen ? 'long-text-full-screen' : '')
|
|
166
166
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
167
167
|
onClick: onCloseToggle,
|
|
168
168
|
className: "longtext-header-tool-item mdfont md-sm-close"
|
|
@@ -6,25 +6,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
9
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
12
|
var _loading = _interopRequireDefault(require("../containers/loading"));
|
|
11
13
|
var _slateConvert = require("../slate-convert");
|
|
12
14
|
var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
|
|
13
15
|
var _simpleSlateEditor = _interopRequireDefault(require("../editors/simple-slate-editor"));
|
|
14
16
|
var _inlineEditor = _interopRequireDefault(require("../editors/inline-editor"));
|
|
17
|
+
const _excluded = ["isInline", "isFetching", "autoFocus", "value", "focusEnd", "editorApi", "mathJaxSource", "onSave", "onContentChanged"];
|
|
15
18
|
const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
16
19
|
let {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
20
|
+
isInline,
|
|
21
|
+
isFetching,
|
|
22
|
+
autoFocus,
|
|
23
|
+
value,
|
|
24
|
+
focusEnd = false,
|
|
25
|
+
editorApi,
|
|
26
|
+
mathJaxSource,
|
|
27
|
+
onSave: propsOnSave,
|
|
28
|
+
onContentChanged: propsOnContentChanged
|
|
29
|
+
} = _ref,
|
|
30
|
+
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
28
31
|
const [richValue, setRichValue] = (0, _react.useState)([]);
|
|
29
32
|
const [isLoading, setIsLoading] = (0, _react.useState)(true);
|
|
30
33
|
const {
|
|
@@ -56,16 +59,15 @@ const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
56
59
|
setRichValue(content);
|
|
57
60
|
propsOnContentChanged && propsOnContentChanged(content);
|
|
58
61
|
}, [propsOnContentChanged]);
|
|
59
|
-
const props = {
|
|
62
|
+
const props = (0, _objectSpread2.default)({
|
|
60
63
|
isSupportFormula: !!mathJaxSource,
|
|
61
64
|
value: richValue,
|
|
62
65
|
focusEnd,
|
|
63
66
|
autoFocus,
|
|
64
67
|
editorApi: editorApi,
|
|
65
68
|
onSave: propsOnSave,
|
|
66
|
-
onContentChanged: onContentChanged
|
|
67
|
-
|
|
68
|
-
};
|
|
69
|
+
onContentChanged: onContentChanged
|
|
70
|
+
}, otherProps);
|
|
69
71
|
if (isFetching || isLoading || isLoadingMathJax) {
|
|
70
72
|
return /*#__PURE__*/_react.default.createElement(_loading.default, null);
|
|
71
73
|
}
|
|
@@ -7,12 +7,12 @@ exports.UNORDERED_LIST = exports.TOP_LEVEL_TYPES = exports.TABLE_ROW = exports.T
|
|
|
7
7
|
const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
|
|
8
8
|
const HEADER = exports.HEADER = 'header';
|
|
9
9
|
// each header type should be start with HEADER, all of justices should based on HEADER
|
|
10
|
-
const HEADER1 = exports.HEADER1 =
|
|
11
|
-
const HEADER2 = exports.HEADER2 =
|
|
12
|
-
const HEADER3 = exports.HEADER3 =
|
|
13
|
-
const HEADER4 = exports.HEADER4 =
|
|
14
|
-
const HEADER5 = exports.HEADER5 =
|
|
15
|
-
const HEADER6 = exports.HEADER6 =
|
|
10
|
+
const HEADER1 = exports.HEADER1 = "".concat(HEADER, "1");
|
|
11
|
+
const HEADER2 = exports.HEADER2 = "".concat(HEADER, "2");
|
|
12
|
+
const HEADER3 = exports.HEADER3 = "".concat(HEADER, "3");
|
|
13
|
+
const HEADER4 = exports.HEADER4 = "".concat(HEADER, "4");
|
|
14
|
+
const HEADER5 = exports.HEADER5 = "".concat(HEADER, "5");
|
|
15
|
+
const HEADER6 = exports.HEADER6 = "".concat(HEADER, "6");
|
|
16
16
|
const ORDERED_LIST = exports.ORDERED_LIST = 'ordered_list'; // <ol>
|
|
17
17
|
const UNORDERED_LIST = exports.UNORDERED_LIST = 'unordered_list'; // <ul> // unordered_list can not work
|
|
18
18
|
const LIST_ITEM = exports.LIST_ITEM = 'list_item'; // <li>
|
|
@@ -28,7 +28,7 @@ const deserializeElement = element => {
|
|
|
28
28
|
case 'undefined':
|
|
29
29
|
return;
|
|
30
30
|
default:
|
|
31
|
-
throw new Error(
|
|
31
|
+
throw new Error("The `next` argument was called with invalid children: \"".concat(elements, "\"."));
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
for (let i = 0; i < _rules.default.length; i++) {
|
|
@@ -37,7 +37,7 @@ const deserializeElement = element => {
|
|
|
37
37
|
const ret = rule(element, next);
|
|
38
38
|
const type = (0, _typeOf.default)(ret);
|
|
39
39
|
if (type !== 'array' && type !== 'object' && type !== 'null' && type !== 'undefined') {
|
|
40
|
-
throw new Error(
|
|
40
|
+
throw new Error("A rule returned an invalid deserialized representation: \"".concat(node, "\"."));
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
// Not eligible for current component processing
|