@seafile/seafile-editor 1.0.2 → 1.0.4
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/constants/event-types.js +2 -8
- package/dist/constants/hot-keys.js +1 -7
- package/dist/containers/article-info/index.js +24 -34
- package/dist/containers/custom/get-event-transfer.js +10 -16
- package/dist/containers/custom/set-event-transfer.js +10 -16
- package/dist/containers/hotkeys-helper/classify-hotkeys.js +20 -25
- package/dist/containers/hotkeys-helper/index.js +32 -35
- package/dist/containers/loading/index.js +11 -32
- package/dist/containers/outline/index.js +41 -51
- package/dist/containers/outline/outline-item.js +15 -21
- package/dist/editors/plain-markdown-editor/code-mirror.js +51 -75
- package/dist/editors/plain-markdown-editor/index.js +90 -107
- package/dist/editors/simple-slate-editor /index.js +43 -57
- package/dist/editors/simple-slate-editor /with-props-editor.js +4 -10
- package/dist/editors/slate-editor/editor-help/index.js +24 -37
- package/dist/editors/slate-editor/index.js +50 -64
- package/dist/editors/slate-editor/with-props-editor.js +4 -10
- package/dist/editors/slate-viewer/index.js +25 -31
- package/dist/extension/commons/element-popover/index.js +30 -55
- package/dist/extension/commons/index.js +3 -26
- package/dist/extension/commons/menu/index.js +4 -21
- package/dist/extension/commons/menu/menu-drop-down.js +50 -63
- package/dist/extension/commons/menu/menu-group.js +4 -11
- package/dist/extension/commons/menu/menu-item.js +25 -30
- package/dist/extension/commons/tooltip/index.js +14 -19
- package/dist/extension/constants/element-types.js +22 -28
- package/dist/extension/constants/index.js +15 -37
- package/dist/extension/constants/keyboard.js +3 -9
- package/dist/extension/constants/menus-config.js +118 -105
- package/dist/extension/core/index.js +3 -38
- package/dist/extension/core/queries/index.js +209 -304
- package/dist/extension/core/transforms/focus-editor.js +7 -13
- package/dist/extension/core/transforms/index.js +4 -49
- package/dist/extension/core/transforms/move-children.js +18 -25
- package/dist/extension/core/transforms/remove-node-children.js +8 -27
- package/dist/extension/core/transforms/replace-node-children.js +14 -19
- package/dist/extension/core/utils/index.js +36 -44
- package/dist/extension/editor.js +8 -15
- package/dist/extension/index.js +7 -48
- package/dist/extension/plugins/blockquote/helpers.js +38 -57
- package/dist/extension/plugins/blockquote/index.js +8 -15
- package/dist/extension/plugins/blockquote/menu/index.js +20 -25
- package/dist/extension/plugins/blockquote/plugin.js +35 -41
- package/dist/extension/plugins/blockquote/render-elem.js +9 -14
- package/dist/extension/plugins/check-list/helper.js +14 -24
- package/dist/extension/plugins/check-list/index.js +10 -17
- package/dist/extension/plugins/check-list/menu/index.js +21 -29
- package/dist/extension/plugins/check-list/plugin.js +24 -26
- package/dist/extension/plugins/check-list/render-elem.js +22 -28
- package/dist/extension/plugins/clear-format/helpers.js +25 -47
- package/dist/extension/plugins/clear-format/menu/index.js +22 -29
- package/dist/extension/plugins/code-block/helpers.js +74 -126
- package/dist/extension/plugins/code-block/index.js +10 -18
- package/dist/extension/plugins/code-block/menu/index.js +20 -27
- package/dist/extension/plugins/code-block/plugin.js +123 -144
- package/dist/extension/plugins/code-block/render-elem/constant.js +15 -11
- package/dist/extension/plugins/code-block/render-elem/index.js +30 -39
- package/dist/extension/plugins/code-block/render-elem/language-selector.js +19 -27
- package/dist/extension/plugins/formula/helper.js +39 -45
- package/dist/extension/plugins/formula/index.js +10 -17
- package/dist/extension/plugins/formula/menu/formula-modal.js +37 -52
- package/dist/extension/plugins/formula/menu/index.js +34 -50
- package/dist/extension/plugins/formula/plugin.js +12 -14
- package/dist/extension/plugins/formula/render-elem.js +27 -33
- package/dist/extension/plugins/header/helper.js +35 -48
- package/dist/extension/plugins/header/index.js +10 -17
- package/dist/extension/plugins/header/menu/index.js +52 -66
- package/dist/extension/plugins/header/plugin.js +72 -83
- package/dist/extension/plugins/header/render-elem.js +15 -20
- package/dist/extension/plugins/image/helper.js +28 -37
- package/dist/extension/plugins/image/index.js +10 -17
- package/dist/extension/plugins/image/menu/image-menu-dialog.js +31 -42
- package/dist/extension/plugins/image/menu/image-menu-popover.js +35 -67
- package/dist/extension/plugins/image/menu/index.js +24 -34
- package/dist/extension/plugins/image/plugin.js +18 -18
- package/dist/extension/plugins/image/render-element/image-previewer.js +32 -42
- package/dist/extension/plugins/image/render-element/index.js +58 -74
- package/dist/extension/plugins/index.js +18 -94
- package/dist/extension/plugins/link/helper.js +102 -139
- package/dist/extension/plugins/link/index.js +10 -17
- package/dist/extension/plugins/link/menu/index.js +46 -62
- package/dist/extension/plugins/link/menu/link-modal.js +67 -87
- package/dist/extension/plugins/link/plugin.js +52 -56
- package/dist/extension/plugins/link/render-elem/index.js +39 -54
- package/dist/extension/plugins/link/render-elem/link-popover.js +38 -42
- package/dist/extension/plugins/list/constant.js +2 -8
- package/dist/extension/plugins/list/helpers.js +40 -54
- package/dist/extension/plugins/list/index.js +10 -17
- package/dist/extension/plugins/list/menu/index.js +23 -33
- package/dist/extension/plugins/list/plugin/index.js +28 -31
- package/dist/extension/plugins/list/plugin/insert-break-list.js +9 -15
- package/dist/extension/plugins/list/plugin/insert-fragment-list.js +86 -109
- package/dist/extension/plugins/list/plugin/normalize-list.js +31 -42
- package/dist/extension/plugins/list/plugin/on-tab-handle.js +35 -34
- package/dist/extension/plugins/list/queries/index.js +22 -30
- package/dist/extension/plugins/list/render-elem/index.js +27 -27
- package/dist/extension/plugins/list/transforms/index.js +11 -75
- package/dist/extension/plugins/list/transforms/insert-list-item.js +38 -47
- package/dist/extension/plugins/list/transforms/move-list-item-down.js +22 -32
- package/dist/extension/plugins/list/transforms/move-list-item-up.js +45 -56
- package/dist/extension/plugins/list/transforms/move-list-items-to-list.js +25 -31
- package/dist/extension/plugins/list/transforms/move-list-items.js +37 -44
- package/dist/extension/plugins/list/transforms/normalize-list-item.js +57 -81
- package/dist/extension/plugins/list/transforms/normalize-nested-list.js +17 -26
- package/dist/extension/plugins/list/transforms/remove-first-list-item.js +12 -19
- package/dist/extension/plugins/list/transforms/transforms-to-list.js +60 -84
- package/dist/extension/plugins/list/transforms/unwrap-list.js +20 -29
- package/dist/extension/plugins/node-id/constants.js +9 -15
- package/dist/extension/plugins/node-id/helpers.js +33 -35
- package/dist/extension/plugins/node-id/index.js +4 -11
- package/dist/extension/plugins/node-id/with-node-id.js +18 -26
- package/dist/extension/plugins/paragraph/helper.js +7 -13
- package/dist/extension/plugins/paragraph/index.js +8 -15
- package/dist/extension/plugins/paragraph/plugin.js +25 -27
- package/dist/extension/plugins/paragraph/render-elem.js +9 -14
- package/dist/extension/plugins/table/constant.js +3 -9
- package/dist/extension/plugins/table/helper.js +133 -154
- package/dist/extension/plugins/table/index.js +11 -19
- package/dist/extension/plugins/table/menu/index.js +26 -38
- package/dist/extension/plugins/table/menu/table-operator.js +62 -77
- package/dist/extension/plugins/table/menu/table-size-selector.js +41 -62
- package/dist/extension/plugins/table/model.js +39 -41
- package/dist/extension/plugins/table/plugin.js +95 -102
- package/dist/extension/plugins/table/render-elem/context-menu.js +42 -65
- package/dist/extension/plugins/table/render-elem/index.js +85 -93
- package/dist/extension/plugins/table/table-operations.js +101 -118
- package/dist/extension/plugins/text-style/helpers.js +18 -28
- package/dist/extension/plugins/text-style/index.js +8 -15
- package/dist/extension/plugins/text-style/menu/index.js +19 -25
- package/dist/extension/plugins/text-style/plugin.js +16 -21
- package/dist/extension/plugins/text-style/render-elem.js +28 -33
- package/dist/extension/render/render-element.js +26 -47
- package/dist/extension/render/render-leaf.js +9 -18
- package/dist/extension/toolbar/header-toolbar/index.js +66 -84
- package/dist/extension/toolbar/index.js +2 -13
- package/dist/extension/toolbar/user-help/shortcut-dialog.js +108 -131
- package/dist/hooks/use-mathjax.js +9 -20
- package/dist/hooks/use-scroll-context.js +7 -12
- package/dist/hooks/use-selection-update.js +9 -21
- package/dist/index.js +9 -80
- package/dist/pages/markdown-editor.js +30 -43
- package/dist/pages/markdown-view.js +25 -37
- package/dist/pages/rich-markdown-editor.js +54 -67
- package/dist/pages/simple-editor.js +29 -42
- package/dist/slate-convert/html-to-slate/constants.js +26 -32
- package/dist/slate-convert/html-to-slate/helper.js +1 -7
- package/dist/slate-convert/html-to-slate/index.js +44 -51
- package/dist/slate-convert/html-to-slate/rules/blockquote.js +10 -15
- package/dist/slate-convert/html-to-slate/rules/check-list.js +10 -15
- package/dist/slate-convert/html-to-slate/rules/code-block.js +40 -51
- package/dist/slate-convert/html-to-slate/rules/header.js +11 -16
- package/dist/slate-convert/html-to-slate/rules/image.js +10 -15
- package/dist/slate-convert/html-to-slate/rules/index.js +11 -18
- package/dist/slate-convert/html-to-slate/rules/link.js +11 -16
- package/dist/slate-convert/html-to-slate/rules/list.js +21 -26
- package/dist/slate-convert/html-to-slate/rules/paragraph.js +10 -15
- package/dist/slate-convert/html-to-slate/rules/table.js +14 -19
- package/dist/slate-convert/html-to-slate/rules/text.js +14 -19
- package/dist/slate-convert/index.js +8 -34
- package/dist/slate-convert/md-to-html/index.js +26 -31
- package/dist/slate-convert/md-to-html/sanitize-schema.js +5 -12
- package/dist/slate-convert/md-to-slate/index.js +17 -23
- package/dist/slate-convert/md-to-slate/transform.js +183 -175
- package/dist/slate-convert/slate-to-md/index.js +14 -20
- package/dist/slate-convert/slate-to-md/transform.js +76 -87
- package/dist/utils/common.js +8 -15
- package/dist/utils/deserialize-html.js +118 -166
- package/dist/utils/dom-utils.js +18 -22
- package/dist/utils/event-bus.js +27 -47
- package/dist/utils/event-handler.js +29 -38
- package/dist/utils/object-utils.js +39 -62
- package/package.json +5 -4
|
@@ -1,141 +1,118 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
|
|
13
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var _reactstrap = require("reactstrap");
|
|
15
|
-
var _reactI18next = require("react-i18next");
|
|
16
|
-
require("./style.css");
|
|
17
|
-
var isMac = window.navigator.platform.indexOf('Win') < 0 ? true : false;
|
|
18
|
-
var controlKey = isMac ? '⌘' : 'CTRL';
|
|
19
|
-
var KeyboardShortcuts = /*#__PURE__*/function (_React$PureComponent) {
|
|
20
|
-
(0, _inherits2.default)(KeyboardShortcuts, _React$PureComponent);
|
|
21
|
-
var _super = (0, _createSuper2.default)(KeyboardShortcuts);
|
|
22
|
-
function KeyboardShortcuts() {
|
|
23
|
-
var _this;
|
|
24
|
-
(0, _classCallCheck2.default)(this, KeyboardShortcuts);
|
|
25
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
26
|
-
args[_key] = arguments[_key];
|
|
27
|
-
}
|
|
28
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
29
|
-
_this.renderShortcut = function (keys) {
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
1
|
+
import React, { Fragment } from 'react';
|
|
2
|
+
import { Modal, ModalHeader, ModalBody } from 'reactstrap';
|
|
3
|
+
import { withTranslation } from 'react-i18next';
|
|
4
|
+
import './style.css';
|
|
5
|
+
const isMac = window.navigator.platform.indexOf('Win') < 0 ? true : false;
|
|
6
|
+
const controlKey = isMac ? '⌘' : 'CTRL';
|
|
7
|
+
class KeyboardShortcuts extends React.PureComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
super(...arguments);
|
|
10
|
+
this.renderShortcut = keys => {
|
|
11
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
31
12
|
className: "keyboard-shortcut"
|
|
32
|
-
}, keys.map(
|
|
33
|
-
return /*#__PURE__*/
|
|
13
|
+
}, keys.map((key, index) => {
|
|
14
|
+
return /*#__PURE__*/React.createElement("kbd", {
|
|
34
15
|
key: index
|
|
35
16
|
}, key);
|
|
36
|
-
})), /*#__PURE__*/
|
|
17
|
+
})), /*#__PURE__*/React.createElement("br", null));
|
|
37
18
|
};
|
|
38
|
-
|
|
39
|
-
return /*#__PURE__*/
|
|
19
|
+
this.renderContainer = (keys, description) => {
|
|
20
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
40
21
|
className: "keyboard-shortcut-container"
|
|
41
|
-
}, /*#__PURE__*/
|
|
22
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
42
23
|
className: "col-4"
|
|
43
|
-
},
|
|
24
|
+
}, this.renderShortcut(keys)), /*#__PURE__*/React.createElement("div", {
|
|
44
25
|
className: "col-8"
|
|
45
26
|
}, description));
|
|
46
27
|
};
|
|
47
|
-
return _this;
|
|
48
28
|
}
|
|
49
|
-
(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
return KeyboardShortcuts;
|
|
140
|
-
}(_react.default.PureComponent);
|
|
141
|
-
var _default = exports.default = (0, _reactI18next.withTranslation)('seafile-editor')(KeyboardShortcuts);
|
|
29
|
+
render() {
|
|
30
|
+
let {
|
|
31
|
+
t,
|
|
32
|
+
toggleShortcutDialog
|
|
33
|
+
} = this.props;
|
|
34
|
+
const userHelp = t('userHelp', {
|
|
35
|
+
returnObjects: true
|
|
36
|
+
});
|
|
37
|
+
const userHelpData = userHelp.userHelpData;
|
|
38
|
+
return /*#__PURE__*/React.createElement(Modal, {
|
|
39
|
+
isOpen: true,
|
|
40
|
+
toggle: toggleShortcutDialog,
|
|
41
|
+
className: "keyboard-shortcut-dialog",
|
|
42
|
+
zIndex: 1071
|
|
43
|
+
}, /*#__PURE__*/React.createElement(ModalHeader, {
|
|
44
|
+
toggle: toggleShortcutDialog
|
|
45
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
46
|
+
className: "mr-2"
|
|
47
|
+
}, t(userHelp.title))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
48
|
+
className: "pb-2"
|
|
49
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
50
|
+
className: "keyboard-shortcut-title pb-1"
|
|
51
|
+
}, t(userHelpData[1]['shortcutType'])), this.renderContainer(['#', 'space'], t(userHelpData[1].shortcutData['Heading_1'])), this.renderContainer(['##', 'space'], t(userHelpData[1].shortcutData['Heading_2'])), this.renderContainer(['###', 'space'], t(userHelpData[1].shortcutData['Heading_3'])), this.renderContainer(['####', 'space'], t(userHelpData[1].shortcutData['Heading_4'])), this.renderContainer(['#####', 'space'], t(userHelpData[1].shortcutData['Heading_5'])), this.renderContainer(['######', 'space'], t(userHelpData[1].shortcutData['Heading_6']))), /*#__PURE__*/React.createElement("div", {
|
|
52
|
+
className: "pb-2"
|
|
53
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
54
|
+
className: "keyboard-shortcut-title pb-1"
|
|
55
|
+
}, t(userHelpData[0]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
|
|
56
|
+
className: "keyboard-shortcut-container"
|
|
57
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
58
|
+
className: "col-4"
|
|
59
|
+
}, this.renderShortcut(['*', 'space']), this.renderShortcut(['-', 'space'])), /*#__PURE__*/React.createElement("div", {
|
|
60
|
+
className: "col-8"
|
|
61
|
+
}, t(userHelpData[0].shortcutData['Make_list']))), /*#__PURE__*/React.createElement("div", {
|
|
62
|
+
className: "keyboard-shortcut-container"
|
|
63
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
64
|
+
className: "col-4"
|
|
65
|
+
}, this.renderShortcut(['1.', 'space'])), /*#__PURE__*/React.createElement("div", {
|
|
66
|
+
className: "col-8"
|
|
67
|
+
}, t(userHelpData[0].shortcutData['Make_ordered_list']))), this.renderContainer(['Tab'], t(userHelpData[0].shortcutData['Increase_depth'])), this.renderContainer(['Shift', 'Enter'], t(userHelpData[0].shortcutData['Insert_child_in_item'])), this.renderContainer(['Enter'], t(userHelpData[0].shortcutData['Insert_new_item']))), /*#__PURE__*/React.createElement("div", {
|
|
68
|
+
className: "pb-2"
|
|
69
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
70
|
+
className: "keyboard-shortcut-title pb-1"
|
|
71
|
+
}, t(userHelpData[6]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
|
|
72
|
+
className: "keyboard-shortcut-container"
|
|
73
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
74
|
+
className: "col-4"
|
|
75
|
+
}, this.renderShortcut(['**bold**', 'space']), this.renderShortcut(['__bold__', 'space'])), /*#__PURE__*/React.createElement("div", {
|
|
76
|
+
className: "col-8"
|
|
77
|
+
}, t(userHelpData[6].shortcutData['Bold']))), /*#__PURE__*/React.createElement("div", {
|
|
78
|
+
className: "keyboard-shortcut-container"
|
|
79
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
80
|
+
className: "col-4"
|
|
81
|
+
}, this.renderShortcut(['*italic*', 'space']), this.renderShortcut(['_italic_', 'space'])), /*#__PURE__*/React.createElement("div", {
|
|
82
|
+
className: "col-8"
|
|
83
|
+
}, t(userHelpData[6].shortcutData['Italic']))), /*#__PURE__*/React.createElement("div", {
|
|
84
|
+
className: "keyboard-shortcut-container"
|
|
85
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
86
|
+
className: "col-4"
|
|
87
|
+
}, this.renderShortcut(['***italic***', 'space']), this.renderShortcut(['___italic___', 'space'])), /*#__PURE__*/React.createElement("div", {
|
|
88
|
+
className: "col-8"
|
|
89
|
+
}, t(userHelpData[6].shortcutData['Italic_Bold']))), this.renderContainer(['`code`', 'space'], t(userHelpData[6].shortcutData['Inline_code']))), /*#__PURE__*/React.createElement("div", {
|
|
90
|
+
className: "pb-2"
|
|
91
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
92
|
+
className: "keyboard-shortcut-title pb-1"
|
|
93
|
+
}, t(userHelpData[2]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
|
|
94
|
+
className: "keyboard-shortcut-container"
|
|
95
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
96
|
+
className: "col-4"
|
|
97
|
+
}, this.renderShortcut(['```']), this.renderShortcut(['space*4'])), /*#__PURE__*/React.createElement("div", {
|
|
98
|
+
className: "col-8"
|
|
99
|
+
}, t(userHelpData[2].shortcutData['Make_code_block']))), this.renderContainer(['Tab'], t(userHelpData[2].shortcutData['Insert_indent'])), this.renderContainer(['Enter'], t(userHelpData[2].shortcutData['Insert_new_line'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[2].shortcutData['Escape_code_block']))), /*#__PURE__*/React.createElement("div", {
|
|
100
|
+
className: "pb-2"
|
|
101
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
102
|
+
className: "keyboard-shortcut-title pb-1"
|
|
103
|
+
}, t(userHelpData[3]['shortcutType'])), this.renderContainer(['>', 'space'], t(userHelpData[3].shortcutData['Make_Block_quote'])), this.renderContainer(['Enter'], t(userHelpData[3].shortcutData['Escape_Block_quote']))), /*#__PURE__*/React.createElement("div", {
|
|
104
|
+
className: "pb-2"
|
|
105
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
106
|
+
className: "keyboard-shortcut-title pb-1"
|
|
107
|
+
}, t(userHelpData[4]['shortcutType'])), this.renderContainer(['Enter'], t(userHelpData[4].shortcutData['Insert_Table_Row'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[4].shortcutData['Escape_table']))), /*#__PURE__*/React.createElement("div", {
|
|
108
|
+
className: "pb-2"
|
|
109
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
110
|
+
className: "keyboard-shortcut-title pb-1"
|
|
111
|
+
}, t(userHelpData[7]['shortcutType'])), this.renderContainer([controlKey, 's'], t(userHelpData[7].shortcutData['Save_file']))), /*#__PURE__*/React.createElement("div", {
|
|
112
|
+
className: "pb-2"
|
|
113
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
114
|
+
className: "keyboard-shortcut-title pb-1"
|
|
115
|
+
}, t(userHelpData[8]['shortcutType'])), this.renderContainer([controlKey, 'v'], t(userHelpData[8].shortcutData['Paste_screen_shot']))))));
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
export default withTranslation('seafile-editor')(KeyboardShortcuts);
|
|
@@ -1,18 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
9
|
-
var _react = require("react");
|
|
10
|
-
var useMathJax = function useMathJax(mathJaxSource) {
|
|
11
|
-
var _useState = (0, _react.useState)(true),
|
|
12
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
13
|
-
isLoading = _useState2[0],
|
|
14
|
-
setIsLoading = _useState2[1];
|
|
15
|
-
(0, _react.useEffect)(function () {
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
const useMathJax = mathJaxSource => {
|
|
3
|
+
const [isLoading, setIsLoading] = useState(true);
|
|
4
|
+
useEffect(() => {
|
|
16
5
|
if (!mathJaxSource) {
|
|
17
6
|
setIsLoading(false);
|
|
18
7
|
return;
|
|
@@ -30,16 +19,16 @@ var useMathJax = function useMathJax(mathJaxSource) {
|
|
|
30
19
|
}
|
|
31
20
|
};
|
|
32
21
|
if (!document.querySelector('#mathjax')) {
|
|
33
|
-
|
|
22
|
+
const script = document.createElement('script');
|
|
34
23
|
script.src = mathJaxSource;
|
|
35
24
|
script.id = 'mathjax';
|
|
36
25
|
document.body.appendChild(script);
|
|
37
|
-
script.onload =
|
|
26
|
+
script.onload = () => {
|
|
38
27
|
setIsLoading(false);
|
|
39
28
|
};
|
|
40
29
|
}
|
|
41
|
-
return
|
|
42
|
-
|
|
30
|
+
return () => {
|
|
31
|
+
const script = document.getElementById('mathjax');
|
|
43
32
|
script && script.parentNode.removeChild(script);
|
|
44
33
|
};
|
|
45
34
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -48,4 +37,4 @@ var useMathJax = function useMathJax(mathJaxSource) {
|
|
|
48
37
|
isLoadingMathJax: isLoading
|
|
49
38
|
};
|
|
50
39
|
};
|
|
51
|
-
|
|
40
|
+
export default useMathJax;
|
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.useScrollContext = exports.ScrollContext = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var ScrollContext = exports.ScrollContext = /*#__PURE__*/_react.default.createContext(null);
|
|
10
|
-
var useScrollContext = exports.useScrollContext = function useScrollContext() {
|
|
11
|
-
var context = (0, _react.useContext)(ScrollContext);
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
|
+
export const ScrollContext = React.createContext(null);
|
|
3
|
+
export const useScrollContext = () => {
|
|
4
|
+
const context = useContext(ScrollContext);
|
|
12
5
|
if (!context) {
|
|
13
6
|
throw new Error('The \`useScrollContext\` hook must be used inside the <ScrollContext> component\'s context.');
|
|
14
7
|
}
|
|
15
|
-
|
|
8
|
+
const {
|
|
9
|
+
scrollRef
|
|
10
|
+
} = context;
|
|
16
11
|
return scrollRef;
|
|
17
12
|
};
|
|
@@ -1,24 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
|
|
11
|
-
function useSelectionUpdate() {
|
|
12
|
-
var _useState = (0, _react.useState)({}),
|
|
13
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
14
|
-
update = _useState2[1];
|
|
15
|
-
(0, _react.useEffect)(function () {
|
|
16
|
-
var onChange = function onChange() {
|
|
17
|
-
return update({});
|
|
18
|
-
};
|
|
19
|
-
var eventBus = _eventBus.default.getInstance();
|
|
20
|
-
var unsubscribe = eventBus.subscribe('change', onChange);
|
|
21
|
-
return function () {
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
import EventBus from '../utils/event-bus';
|
|
3
|
+
export default function useSelectionUpdate() {
|
|
4
|
+
const [, update] = useState({});
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
const onChange = () => update({});
|
|
7
|
+
const eventBus = EventBus.getInstance();
|
|
8
|
+
const unsubscribe = eventBus.subscribe('change', onChange);
|
|
9
|
+
return () => {
|
|
22
10
|
unsubscribe();
|
|
23
11
|
};
|
|
24
12
|
}, []);
|
package/dist/index.js
CHANGED
|
@@ -1,80 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
return _eventTypes.EXTERNAL_EVENTS;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
Object.defineProperty(exports, "EventBus", {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: function get() {
|
|
16
|
-
return _eventBus.default;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports, "MarkdownEditor", {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function get() {
|
|
22
|
-
return _markdownEditor.default;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
Object.defineProperty(exports, "MarkdownViewer", {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function get() {
|
|
28
|
-
return _markdownView.default;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
Object.defineProperty(exports, "PlainMarkdownEditor", {
|
|
32
|
-
enumerable: true,
|
|
33
|
-
get: function get() {
|
|
34
|
-
return _plainMarkdownEditor.default;
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
Object.defineProperty(exports, "RichMarkdownEditor", {
|
|
38
|
-
enumerable: true,
|
|
39
|
-
get: function get() {
|
|
40
|
-
return _richMarkdownEditor.default;
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
Object.defineProperty(exports, "SimpleEditor", {
|
|
44
|
-
enumerable: true,
|
|
45
|
-
get: function get() {
|
|
46
|
-
return _simpleEditor.default;
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
Object.defineProperty(exports, "deserializeHtml", {
|
|
50
|
-
enumerable: true,
|
|
51
|
-
get: function get() {
|
|
52
|
-
return _slateConvert.deserializeHtml;
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
Object.defineProperty(exports, "mdStringToSlate", {
|
|
56
|
-
enumerable: true,
|
|
57
|
-
get: function get() {
|
|
58
|
-
return _slateConvert.mdStringToSlate;
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
Object.defineProperty(exports, "processor", {
|
|
62
|
-
enumerable: true,
|
|
63
|
-
get: function get() {
|
|
64
|
-
return _slateConvert.processor;
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
Object.defineProperty(exports, "slateToMdString", {
|
|
68
|
-
enumerable: true,
|
|
69
|
-
get: function get() {
|
|
70
|
-
return _slateConvert.slateToMdString;
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
var _eventTypes = require("./constants/event-types");
|
|
74
|
-
var _plainMarkdownEditor = _interopRequireDefault(require("./editors/plain-markdown-editor"));
|
|
75
|
-
var _richMarkdownEditor = _interopRequireDefault(require("./pages/rich-markdown-editor"));
|
|
76
|
-
var _markdownEditor = _interopRequireDefault(require("./pages/markdown-editor"));
|
|
77
|
-
var _markdownView = _interopRequireDefault(require("./pages/markdown-view"));
|
|
78
|
-
var _simpleEditor = _interopRequireDefault(require("./pages/simple-editor"));
|
|
79
|
-
var _eventBus = _interopRequireDefault(require("./utils/event-bus"));
|
|
80
|
-
var _slateConvert = require("./slate-convert");
|
|
1
|
+
import { EXTERNAL_EVENTS } from './constants/event-types';
|
|
2
|
+
import PlainMarkdownEditor from './editors/plain-markdown-editor';
|
|
3
|
+
import RichMarkdownEditor from './pages/rich-markdown-editor';
|
|
4
|
+
import MarkdownEditor from './pages/markdown-editor';
|
|
5
|
+
import MarkdownViewer from './pages/markdown-view';
|
|
6
|
+
import SimpleEditor from './pages/simple-editor';
|
|
7
|
+
import EventBus from './utils/event-bus';
|
|
8
|
+
import { mdStringToSlate, slateToMdString, deserializeHtml, processor } from './slate-convert';
|
|
9
|
+
export { MarkdownEditor, PlainMarkdownEditor, RichMarkdownEditor, MarkdownViewer, SimpleEditor, EXTERNAL_EVENTS, EventBus, mdStringToSlate, slateToMdString, deserializeHtml, processor };
|
|
@@ -1,56 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
onValueChanged = _ref$onValueChanged === void 0 ? function () {} : _ref$onValueChanged,
|
|
22
|
-
children = _ref.children;
|
|
23
|
-
var _useState = (0, _react.useState)([]),
|
|
24
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
25
|
-
richValue = _useState2[0],
|
|
26
|
-
setRichValue = _useState2[1];
|
|
27
|
-
var _useState3 = (0, _react.useState)(true),
|
|
28
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
29
|
-
isLoading = _useState4[0],
|
|
30
|
-
setIsLoading = _useState4[1];
|
|
31
|
-
var _useMathJax = (0, _useMathjax.default)(mathJaxSource),
|
|
32
|
-
isLoadingMathJax = _useMathJax.isLoadingMathJax;
|
|
33
|
-
(0, _react.useImperativeHandle)(ref, function () {
|
|
1
|
+
import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
|
|
2
|
+
import Loading from '../containers/loading';
|
|
3
|
+
import { mdStringToSlate, slateToMdString } from '../slate-convert';
|
|
4
|
+
import useMathJax from '../hooks/use-mathjax';
|
|
5
|
+
import SlateEditor from '../editors/slate-editor';
|
|
6
|
+
const SimpleEditor = forwardRef((_ref, ref) => {
|
|
7
|
+
let {
|
|
8
|
+
isFetching,
|
|
9
|
+
value,
|
|
10
|
+
editorApi,
|
|
11
|
+
mathJaxSource,
|
|
12
|
+
onValueChanged = () => {},
|
|
13
|
+
children
|
|
14
|
+
} = _ref;
|
|
15
|
+
const [richValue, setRichValue] = useState([]);
|
|
16
|
+
const [isLoading, setIsLoading] = useState(true);
|
|
17
|
+
const {
|
|
18
|
+
isLoadingMathJax
|
|
19
|
+
} = useMathJax(mathJaxSource);
|
|
20
|
+
useImperativeHandle(ref, () => {
|
|
34
21
|
return {
|
|
35
|
-
getValue:
|
|
36
|
-
|
|
22
|
+
getValue: () => {
|
|
23
|
+
const mdStringValue = slateToMdString(richValue);
|
|
37
24
|
return mdStringValue;
|
|
38
25
|
}
|
|
39
26
|
};
|
|
40
27
|
}, [richValue]);
|
|
41
|
-
|
|
28
|
+
useEffect(() => {
|
|
42
29
|
if (!isFetching) {
|
|
43
|
-
|
|
44
|
-
setRichValue(
|
|
30
|
+
const richValue = mdStringToSlate(value);
|
|
31
|
+
setRichValue(richValue);
|
|
45
32
|
setIsLoading(false);
|
|
46
33
|
}
|
|
47
34
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48
35
|
}, [isFetching]);
|
|
49
|
-
|
|
36
|
+
const onSave = useCallback(content => {
|
|
50
37
|
setRichValue(content);
|
|
51
38
|
onValueChanged && onValueChanged();
|
|
52
39
|
}, [onValueChanged]);
|
|
53
|
-
|
|
40
|
+
const props = {
|
|
54
41
|
isSupportFormula: !!mathJaxSource,
|
|
55
42
|
value: richValue,
|
|
56
43
|
editorApi: editorApi,
|
|
@@ -58,8 +45,8 @@ var SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
58
45
|
children: children
|
|
59
46
|
};
|
|
60
47
|
if (isFetching || isLoading || isLoadingMathJax) {
|
|
61
|
-
return /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/React.createElement(Loading, null);
|
|
62
49
|
}
|
|
63
|
-
return /*#__PURE__*/
|
|
50
|
+
return /*#__PURE__*/React.createElement(SlateEditor, props);
|
|
64
51
|
});
|
|
65
|
-
|
|
52
|
+
export default SimpleEditor;
|