@seafile/seafile-editor 1.0.32 → 1.0.33-2
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 +11 -4
- package/dist/constants/hot-keys.js +7 -1
- package/dist/constants/index.js +7 -0
- package/dist/containers/article-info/index.js +28 -20
- package/dist/containers/custom/get-event-transfer.js +7 -1
- package/dist/containers/custom/set-event-transfer.js +9 -3
- package/dist/containers/hotkeys-helper/classify-hotkeys.js +19 -12
- package/dist/containers/hotkeys-helper/index.js +29 -20
- package/dist/containers/loading/index.js +14 -7
- package/dist/containers/outline/index.js +25 -16
- package/dist/containers/outline/outline-item.js +14 -6
- package/dist/editors/plain-markdown-editor/code-mirror.js +30 -23
- package/dist/editors/plain-markdown-editor/index.js +34 -27
- package/dist/editors/simple-slate-editor /index.js +46 -34
- package/dist/editors/simple-slate-editor /with-props-editor.js +7 -1
- package/dist/editors/slate-editor/editor-help/index.js +28 -20
- package/dist/editors/slate-editor/index.js +53 -41
- package/dist/editors/slate-editor/with-props-editor.js +7 -1
- package/dist/editors/slate-viewer/index.js +36 -27
- package/dist/extension/commons/element-popover/index.js +14 -7
- package/dist/extension/commons/index.js +33 -4
- package/dist/extension/commons/menu/index.js +21 -4
- package/dist/extension/commons/menu/menu-drop-down.js +37 -28
- package/dist/extension/commons/menu/menu-group.js +10 -3
- package/dist/extension/commons/menu/menu-item.js +20 -11
- package/dist/extension/commons/menu/menu.css +2 -3
- package/dist/extension/commons/select/_option.js +15 -8
- package/dist/extension/commons/select/field-setting.js +26 -19
- package/dist/extension/commons/select/index.js +33 -26
- package/dist/extension/commons/select/menu/index.js +11 -4
- package/dist/extension/commons/select/menu/item.js +17 -10
- package/dist/extension/commons/select/menu/menu.js +13 -6
- package/dist/extension/commons/tooltip/index.js +14 -7
- package/dist/extension/constants/element-types.js +28 -22
- package/dist/extension/constants/index.js +42 -16
- package/dist/extension/constants/keyboard.js +9 -3
- package/dist/extension/constants/menus-config.js +31 -25
- package/dist/extension/core/index.js +38 -3
- package/dist/extension/core/queries/index.js +135 -89
- package/dist/extension/core/transforms/focus-editor.js +15 -8
- package/dist/extension/core/transforms/index.js +49 -4
- package/dist/extension/core/transforms/move-children.js +16 -9
- package/dist/extension/core/transforms/remove-node-children.js +12 -5
- package/dist/extension/core/transforms/replace-node-children.js +14 -7
- package/dist/extension/core/utils/index.js +38 -22
- package/dist/extension/editor.js +16 -9
- package/dist/extension/highlight/index.js +20 -3
- package/dist/extension/highlight/normalize-tokens.js +9 -2
- package/dist/extension/highlight/prismjs.js +27 -20
- package/dist/extension/highlight/set-node-decorations.js +21 -14
- package/dist/extension/highlight/use-highlight.js +12 -5
- package/dist/extension/index.js +67 -8
- package/dist/extension/plugins/blockquote/helpers.js +37 -27
- package/dist/extension/plugins/blockquote/index.js +14 -7
- package/dist/extension/plugins/blockquote/menu/index.js +19 -12
- package/dist/extension/plugins/blockquote/plugin.js +33 -18
- package/dist/extension/plugins/blockquote/render-elem.js +10 -3
- package/dist/extension/plugins/check-list/helper.js +23 -14
- package/dist/extension/plugins/check-list/index.js +16 -9
- package/dist/extension/plugins/check-list/menu/index.js +22 -14
- package/dist/extension/plugins/check-list/plugin.js +19 -13
- package/dist/extension/plugins/check-list/render-elem.js +20 -9
- package/dist/extension/plugins/check-list/style.css +3 -0
- package/dist/extension/plugins/clear-format/helpers.js +21 -13
- package/dist/extension/plugins/clear-format/menu/index.js +17 -10
- package/dist/extension/plugins/code-block/helpers.js +67 -50
- package/dist/extension/plugins/code-block/index.js +17 -9
- package/dist/extension/plugins/code-block/menu/index.js +20 -13
- package/dist/extension/plugins/code-block/plugin.js +76 -62
- package/dist/extension/plugins/code-block/render-elem/constant.js +8 -2
- package/dist/extension/plugins/code-block/render-elem/index.js +33 -23
- package/dist/extension/plugins/code-block/render-elem/language-selector.js +18 -11
- package/dist/extension/plugins/code-block/render-elem/style.css +4 -0
- package/dist/extension/plugins/column/constants/cell-types.js +33 -27
- package/dist/extension/plugins/column/constants/column.js +9 -2
- package/dist/extension/plugins/column/helpers.js +41 -29
- package/dist/extension/plugins/column/index.js +16 -9
- package/dist/extension/plugins/column/menu/index.js +19 -12
- package/dist/extension/plugins/column/model.js +7 -1
- package/dist/extension/plugins/column/plugin.js +10 -4
- package/dist/extension/plugins/column/render-elem.js +29 -21
- package/dist/extension/plugins/formula/helper.js +36 -24
- package/dist/extension/plugins/formula/index.js +16 -9
- package/dist/extension/plugins/formula/menu/formula-modal.js +35 -27
- package/dist/extension/plugins/formula/menu/index.js +30 -22
- package/dist/extension/plugins/formula/plugin.js +9 -3
- package/dist/extension/plugins/formula/render-elem.js +24 -16
- package/dist/extension/plugins/header/helper.js +30 -21
- package/dist/extension/plugins/header/index.js +16 -9
- package/dist/extension/plugins/header/menu/index.js +42 -33
- package/dist/extension/plugins/header/menu/style.css +1 -1
- package/dist/extension/plugins/header/plugin.js +47 -36
- package/dist/extension/plugins/header/render-elem.js +17 -9
- package/dist/extension/plugins/image/helper.js +39 -26
- package/dist/extension/plugins/image/index.js +16 -9
- package/dist/extension/plugins/image/menu/image-menu-dialog.js +28 -19
- package/dist/extension/plugins/image/menu/image-menu-popover.js +33 -24
- package/dist/extension/plugins/image/menu/index.js +23 -15
- package/dist/extension/plugins/image/plugin.js +16 -10
- package/dist/extension/plugins/image/render-element/image-previewer.js +27 -15
- package/dist/extension/plugins/image/render-element/index.js +36 -26
- package/dist/extension/plugins/index.js +108 -20
- package/dist/extension/plugins/link/helper.js +86 -70
- package/dist/extension/plugins/link/index.js +16 -9
- package/dist/extension/plugins/link/menu/index.js +37 -29
- package/dist/extension/plugins/link/menu/link-modal.js +39 -30
- package/dist/extension/plugins/link/plugin.js +41 -30
- package/dist/extension/plugins/link/render-elem/index.js +35 -26
- package/dist/extension/plugins/link/render-elem/link-popover.js +36 -26
- package/dist/extension/plugins/link/render-elem/style.css +1 -1
- package/dist/extension/plugins/list/constant.js +8 -2
- package/dist/extension/plugins/list/helpers.js +37 -27
- package/dist/extension/plugins/list/index.js +16 -9
- package/dist/extension/plugins/list/menu/index.js +23 -15
- package/dist/extension/plugins/list/plugin/index.js +24 -17
- package/dist/extension/plugins/list/plugin/insert-break-list.js +16 -9
- package/dist/extension/plugins/list/plugin/insert-fragment-list.js +55 -46
- package/dist/extension/plugins/list/plugin/normalize-list.js +32 -25
- package/dist/extension/plugins/list/plugin/on-tab-handle.js +23 -15
- package/dist/extension/plugins/list/plugin/shortcut.js +25 -19
- package/dist/extension/plugins/list/queries/index.js +25 -16
- package/dist/extension/plugins/list/render-elem/index.js +17 -8
- package/dist/extension/plugins/list/transforms/index.js +75 -11
- package/dist/extension/plugins/list/transforms/insert-list-item.js +40 -33
- package/dist/extension/plugins/list/transforms/move-list-item-down.js +19 -12
- package/dist/extension/plugins/list/transforms/move-list-item-up.js +36 -29
- package/dist/extension/plugins/list/transforms/move-list-items-to-list.js +19 -12
- package/dist/extension/plugins/list/transforms/move-list-items.js +28 -21
- package/dist/extension/plugins/list/transforms/normalize-list-item.js +41 -32
- package/dist/extension/plugins/list/transforms/normalize-nested-list.js +18 -11
- package/dist/extension/plugins/list/transforms/remove-first-list-item.js +13 -6
- package/dist/extension/plugins/list/transforms/transforms-to-list.js +43 -36
- package/dist/extension/plugins/list/transforms/unwrap-list.js +22 -15
- package/dist/extension/plugins/markdown/index.js +10 -3
- package/dist/extension/plugins/markdown/plugin.js +48 -44
- package/dist/extension/plugins/node-id/constants.js +15 -9
- package/dist/extension/plugins/node-id/helpers.js +29 -18
- package/dist/extension/plugins/node-id/index.js +10 -3
- package/dist/extension/plugins/node-id/with-node-id.js +10 -4
- package/dist/extension/plugins/paragraph/helper.js +15 -8
- package/dist/extension/plugins/paragraph/index.js +14 -7
- package/dist/extension/plugins/paragraph/plugin.js +30 -15
- package/dist/extension/plugins/paragraph/render-elem.js +10 -3
- package/dist/extension/plugins/table/constant.js +9 -3
- package/dist/extension/plugins/table/helper.js +94 -48
- package/dist/extension/plugins/table/index.js +18 -10
- package/dist/extension/plugins/table/menu/index.js +27 -19
- package/dist/extension/plugins/table/menu/table-operator.js +43 -32
- package/dist/extension/plugins/table/menu/table-size-selector.js +25 -17
- package/dist/extension/plugins/table/model.js +20 -13
- package/dist/extension/plugins/table/plugin.js +111 -48
- package/dist/extension/plugins/table/render-elem/context-menu.js +32 -24
- package/dist/extension/plugins/table/render-elem/index.js +85 -45
- package/dist/extension/plugins/table/table-operations.js +141 -61
- package/dist/extension/plugins/text-style/helpers.js +28 -13
- package/dist/extension/plugins/text-style/index.js +14 -7
- package/dist/extension/plugins/text-style/menu/index.js +19 -11
- package/dist/extension/plugins/text-style/plugin.js +17 -10
- package/dist/extension/plugins/text-style/render-elem.js +25 -18
- package/dist/extension/render/render-element.js +30 -22
- package/dist/extension/render/render-leaf.js +14 -7
- package/dist/extension/toolbar/header-toolbar/index.js +65 -55
- package/dist/extension/toolbar/index.js +13 -2
- package/dist/extension/toolbar/user-help/shortcut-dialog.js +60 -52
- package/dist/hooks/use-insert-image.js +18 -11
- package/dist/hooks/use-mathjax.js +10 -4
- package/dist/hooks/use-scroll-context.js +13 -5
- package/dist/hooks/use-selection-update.js +13 -6
- package/dist/hooks/user-link-click.js +7 -1
- package/dist/index.js +129 -13
- package/dist/pages/email-editor-dialog/index.js +144 -0
- package/dist/pages/longtext-editor-dialog/browser-tip.js +23 -0
- package/dist/pages/longtext-editor-dialog/index.js +187 -0
- package/dist/pages/longtext-editor-dialog/longtext-modal.js +41 -0
- package/dist/pages/longtext-editor-dialog/style.css +169 -0
- package/dist/pages/markdown-editor.js +25 -17
- package/dist/pages/markdown-preview/index.js +66 -0
- package/dist/pages/markdown-preview/style.css +30 -0
- package/dist/pages/markdown-view.js +21 -13
- package/dist/pages/rich-markdown-editor.js +33 -25
- package/dist/pages/seatable-editor.js +25 -17
- package/dist/pages/seatable-viewer.js +21 -13
- package/dist/pages/simple-editor.js +25 -17
- package/dist/slate-convert/html-to-slate/constants.js +32 -26
- package/dist/slate-convert/html-to-slate/helper.js +9 -2
- package/dist/slate-convert/html-to-slate/index.js +28 -21
- package/dist/slate-convert/html-to-slate/rules/blockquote.js +12 -5
- package/dist/slate-convert/html-to-slate/rules/check-list.js +13 -6
- package/dist/slate-convert/html-to-slate/rules/code-block.js +28 -21
- package/dist/slate-convert/html-to-slate/rules/header.js +13 -6
- package/dist/slate-convert/html-to-slate/rules/image.js +13 -6
- package/dist/slate-convert/html-to-slate/rules/index.js +18 -11
- package/dist/slate-convert/html-to-slate/rules/link.js +13 -6
- package/dist/slate-convert/html-to-slate/rules/list.js +22 -15
- package/dist/slate-convert/html-to-slate/rules/paragraph.js +12 -5
- package/dist/slate-convert/html-to-slate/rules/table.js +16 -9
- package/dist/slate-convert/html-to-slate/rules/text.js +16 -9
- package/dist/slate-convert/index.js +34 -8
- package/dist/slate-convert/md-to-html/index.js +31 -26
- package/dist/slate-convert/md-to-html/sanitize-schema.js +11 -4
- package/dist/slate-convert/md-to-slate/index.js +18 -12
- package/dist/slate-convert/md-to-slate/transform.js +115 -83
- package/dist/slate-convert/slate-to-md/index.js +16 -10
- package/dist/slate-convert/slate-to-md/transform.js +27 -49
- package/dist/utils/common.js +19 -8
- package/dist/utils/deserialize-html.js +40 -33
- package/dist/utils/dom-utils.js +17 -7
- package/dist/utils/event-bus.js +7 -1
- package/dist/utils/event-handler.js +14 -7
- package/dist/utils/get-browser-Info.js +35 -0
- package/dist/utils/get-preview-content.js +12 -6
- package/dist/utils/is-punctuation-mark.js +7 -1
- package/dist/utils/object-utils.js +14 -7
- package/dist/utils/replace-slate-nodes.js +9 -2
- package/package.json +6 -5
- package/public/media/seafile-editor-font/iconfont.eot +0 -0
- package/public/media/seafile-editor-font/iconfont.svg +8 -4
- package/public/media/seafile-editor-font/iconfont.ttf +0 -0
- package/public/media/seafile-editor-font/iconfont.woff +0 -0
- package/public/media/seafile-editor-font/iconfont.woff2 +0 -0
- package/public/media/seafile-editor-font.css +22 -14
|
@@ -1,11 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.INTERNAL_EVENTS = exports.EXTERNAL_EVENTS = void 0;
|
|
7
|
+
const INTERNAL_EVENTS = exports.INTERNAL_EVENTS = {
|
|
2
8
|
ON_ARTICLE_INFO_TOGGLE: 'on_article_info_toggle',
|
|
3
9
|
ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
|
|
4
|
-
|
|
10
|
+
ON_OPEN_LINK_MODAL: 'on_open_link_modal',
|
|
5
11
|
ON_CLOSE_LINK_POPOVER: 'on_close_link_popover',
|
|
6
|
-
ON_OPEN_FORMULA_DIALOG: 'on_open_formula_dialog'
|
|
12
|
+
ON_OPEN_FORMULA_DIALOG: 'on_open_formula_dialog',
|
|
13
|
+
ON_SELECT_ALL_CELL: 'on_select_all_cell'
|
|
7
14
|
};
|
|
8
|
-
|
|
15
|
+
const EXTERNAL_EVENTS = exports.EXTERNAL_EVENTS = {
|
|
9
16
|
ON_HELP_INFO_TOGGLE: 'on_help_info_toggle',
|
|
10
17
|
ON_LINK_CLICK: 'on_link_click',
|
|
11
18
|
ON_INSERT_IMAGE: 'on_insert_image',
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.HELPER_HOTKEYS = void 0;
|
|
7
|
+
const HELPER_HOTKEYS = exports.HELPER_HOTKEYS = [{
|
|
2
8
|
'Make_list': [['*/-', 'space']],
|
|
3
9
|
'Make_ordered_list': [['1.', 'space']],
|
|
4
10
|
'Insert_new_item': [['Enter']],
|
|
@@ -1,46 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = ArticleInfo;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _outline = _interopRequireDefault(require("../outline"));
|
|
11
|
+
var _slateReact = require("slate-react");
|
|
12
|
+
require("./style.css");
|
|
5
13
|
const TAB_TYPES = {
|
|
6
14
|
OUTLINE: 'outline',
|
|
7
15
|
FILE_DETAIL: 'file_detail'
|
|
8
16
|
};
|
|
9
|
-
|
|
17
|
+
function ArticleInfo(_ref) {
|
|
10
18
|
let {
|
|
11
19
|
children
|
|
12
20
|
} = _ref;
|
|
13
|
-
const editor = useSlateStatic();
|
|
14
|
-
const [activeTab, setActiveTab] = useState(TAB_TYPES.OUTLINE);
|
|
15
|
-
const onOutlineClick = useCallback(() => {
|
|
21
|
+
const editor = (0, _slateReact.useSlateStatic)();
|
|
22
|
+
const [activeTab, setActiveTab] = (0, _react.useState)(TAB_TYPES.OUTLINE);
|
|
23
|
+
const onOutlineClick = (0, _react.useCallback)(() => {
|
|
16
24
|
if (activeTab === TAB_TYPES.OUTLINE) return;
|
|
17
25
|
setActiveTab(TAB_TYPES.OUTLINE);
|
|
18
26
|
}, [activeTab]);
|
|
19
|
-
const onDetailClick = useCallback(() => {
|
|
27
|
+
const onDetailClick = (0, _react.useCallback)(() => {
|
|
20
28
|
if (activeTab === TAB_TYPES.FILE_DETAIL) return;
|
|
21
29
|
setActiveTab(TAB_TYPES.FILE_DETAIL);
|
|
22
30
|
}, [activeTab]);
|
|
23
|
-
return /*#__PURE__*/
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
24
32
|
className: "sf-article-info-container"
|
|
25
|
-
}, /*#__PURE__*/
|
|
33
|
+
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
26
34
|
className: "sf-article-info-nav nav"
|
|
27
|
-
}, /*#__PURE__*/
|
|
35
|
+
}, /*#__PURE__*/_react.default.createElement("li", {
|
|
28
36
|
className: "nav-item"
|
|
29
|
-
}, /*#__PURE__*/
|
|
37
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
30
38
|
className: "nav-link ".concat(activeTab === TAB_TYPES.OUTLINE && 'active'),
|
|
31
39
|
onClick: onOutlineClick
|
|
32
|
-
}, /*#__PURE__*/
|
|
40
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
33
41
|
className: "iconfont icon-list-ul"
|
|
34
|
-
}))), /*#__PURE__*/
|
|
42
|
+
}))), /*#__PURE__*/_react.default.createElement("li", {
|
|
35
43
|
className: "nav-item"
|
|
36
|
-
}, /*#__PURE__*/
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
37
45
|
className: "nav-link ".concat(activeTab === TAB_TYPES.FILE_DETAIL && 'active'),
|
|
38
46
|
onClick: onDetailClick
|
|
39
|
-
}, /*#__PURE__*/
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
40
48
|
className: 'iconfont icon-info-circle'
|
|
41
|
-
})))), /*#__PURE__*/
|
|
49
|
+
})))), /*#__PURE__*/_react.default.createElement("div", {
|
|
42
50
|
className: "sf-article-info-content"
|
|
43
|
-
}, activeTab === TAB_TYPES.OUTLINE && /*#__PURE__*/
|
|
51
|
+
}, activeTab === TAB_TYPES.OUTLINE && /*#__PURE__*/_react.default.createElement(_outline.default, {
|
|
44
52
|
editor: editor
|
|
45
|
-
}), activeTab === TAB_TYPES.FILE_DETAIL && /*#__PURE__*/
|
|
53
|
+
}), activeTab === TAB_TYPES.FILE_DETAIL && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children)));
|
|
46
54
|
}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
1
7
|
const getEventTransfer = data => {
|
|
2
8
|
const fragmentString = data.getData('application/x-slate-fragment');
|
|
3
9
|
const textContent = data.getData('text') || data.getData('text/plain') || '';
|
|
@@ -29,4 +35,4 @@ const getEventTransfer = data => {
|
|
|
29
35
|
files: files
|
|
30
36
|
};
|
|
31
37
|
};
|
|
32
|
-
|
|
38
|
+
var _default = exports.default = getEventTransfer;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _slate = require("slate");
|
|
2
8
|
const TRANSFER_TYPES = {
|
|
3
9
|
fragment: 'application/x-slate-fragment',
|
|
4
10
|
html: 'text/html',
|
|
@@ -16,7 +22,7 @@ function setEventTransfer(event, type, content) {
|
|
|
16
22
|
let texts = '';
|
|
17
23
|
let textItem = '';
|
|
18
24
|
content.forEach(element => {
|
|
19
|
-
textItem = Node.string(element).replace(/\ufeff/, '');
|
|
25
|
+
textItem = _slate.Node.string(element).replace(/\ufeff/, '');
|
|
20
26
|
texts += textItem + '\r\n';
|
|
21
27
|
});
|
|
22
28
|
transfer.setData('text', texts);
|
|
@@ -27,4 +33,4 @@ function setEventTransfer(event, type, content) {
|
|
|
27
33
|
transfer.setData('text', content);
|
|
28
34
|
}
|
|
29
35
|
}
|
|
30
|
-
|
|
36
|
+
var _default = exports.default = setEventTransfer;
|
|
@@ -1,33 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = ClassifyHotkeys;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _common = require("../../utils/common");
|
|
10
|
+
function ClassifyHotkeys(_ref) {
|
|
4
11
|
let {
|
|
5
12
|
title,
|
|
6
13
|
shortcutData,
|
|
7
14
|
shortcutDataNames
|
|
8
15
|
} = _ref;
|
|
9
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
10
17
|
className: "sf-editor-classify-hotkeys"
|
|
11
|
-
}, /*#__PURE__*/
|
|
18
|
+
}, /*#__PURE__*/_react.default.createElement("h5", {
|
|
12
19
|
className: "hotkey-type"
|
|
13
|
-
}, title), /*#__PURE__*/
|
|
20
|
+
}, title), /*#__PURE__*/_react.default.createElement("ul", {
|
|
14
21
|
className: "hotkey-list"
|
|
15
22
|
}, Object.keys(shortcutData).map(key => {
|
|
16
23
|
const shortcutName = shortcutDataNames[key];
|
|
17
24
|
let hotkeys = shortcutData[key];
|
|
18
25
|
if (hotkeys.length !== 0) {
|
|
19
|
-
hotkeys = hotkeys.length > 1 && isMac() ? hotkeys[1] : hotkeys[0];
|
|
26
|
+
hotkeys = hotkeys.length > 1 && (0, _common.isMac)() ? hotkeys[1] : hotkeys[0];
|
|
20
27
|
}
|
|
21
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/_react.default.createElement("li", {
|
|
22
29
|
className: "hotkey-shortcuts",
|
|
23
30
|
key: shortcutName
|
|
24
|
-
}, /*#__PURE__*/
|
|
31
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
25
32
|
className: "hotkey-shortcuts-left"
|
|
26
|
-
}, shortcutName), /*#__PURE__*/
|
|
33
|
+
}, shortcutName), /*#__PURE__*/_react.default.createElement("div", {
|
|
27
34
|
className: "hotkey-shortcuts-right"
|
|
28
|
-
}, hotkeys[0] && /*#__PURE__*/
|
|
35
|
+
}, hotkeys[0] && /*#__PURE__*/_react.default.createElement("div", {
|
|
29
36
|
className: "key hotkey-first"
|
|
30
|
-
}, hotkeys[0]), hotkeys[1] && /*#__PURE__*/
|
|
37
|
+
}, hotkeys[0]), hotkeys[1] && /*#__PURE__*/_react.default.createElement("div", {
|
|
31
38
|
className: "key hotkey-second"
|
|
32
39
|
}, hotkeys[1])));
|
|
33
40
|
})));
|
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = HotkeysHelper;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _reactI18next = require("react-i18next");
|
|
11
|
+
var _classifyHotkeys = _interopRequireDefault(require("./classify-hotkeys"));
|
|
12
|
+
var _hotKeys = require("../../constants/hot-keys");
|
|
13
|
+
var _eventTypes = require("../../constants/event-types");
|
|
14
|
+
var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
|
|
15
|
+
var _constants = require("../../constants");
|
|
16
|
+
require("./style.css");
|
|
17
|
+
function HotkeysHelper() {
|
|
9
18
|
const {
|
|
10
19
|
t
|
|
11
|
-
} = useTranslation();
|
|
20
|
+
} = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
|
|
12
21
|
const useHelp = t('userHelp', {
|
|
13
22
|
returnObjects: true
|
|
14
23
|
});
|
|
@@ -16,30 +25,30 @@ export default function HotkeysHelper() {
|
|
|
16
25
|
title,
|
|
17
26
|
userHelpData
|
|
18
27
|
} = useHelp;
|
|
19
|
-
const onCloseClick = useCallback(() => {
|
|
20
|
-
const eventBus =
|
|
21
|
-
eventBus.dispatch(EXTERNAL_EVENTS.ON_HELP_INFO_TOGGLE, false);
|
|
28
|
+
const onCloseClick = (0, _react.useCallback)(() => {
|
|
29
|
+
const eventBus = _eventBus.default.getInstance();
|
|
30
|
+
eventBus.dispatch(_eventTypes.EXTERNAL_EVENTS.ON_HELP_INFO_TOGGLE, false);
|
|
22
31
|
}, []);
|
|
23
|
-
return /*#__PURE__*/
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
24
33
|
className: "sf-editor-helper"
|
|
25
|
-
}, /*#__PURE__*/
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
26
35
|
className: "sf-editor-helper__header"
|
|
27
|
-
}, /*#__PURE__*/
|
|
36
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
28
37
|
className: "title"
|
|
29
|
-
}, title), /*#__PURE__*/
|
|
38
|
+
}, title), /*#__PURE__*/_react.default.createElement("div", {
|
|
30
39
|
className: "help-close",
|
|
31
40
|
onClick: onCloseClick
|
|
32
|
-
}, /*#__PURE__*/
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
33
42
|
className: "iconfont icon-times-circle"
|
|
34
|
-
}))), /*#__PURE__*/
|
|
43
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
35
44
|
className: "sf-editor-helper__content"
|
|
36
45
|
}, userHelpData.map((item, index) => {
|
|
37
|
-
const shortcutData = HELPER_HOTKEYS[index];
|
|
46
|
+
const shortcutData = _hotKeys.HELPER_HOTKEYS[index];
|
|
38
47
|
const {
|
|
39
48
|
shortcutType: title,
|
|
40
49
|
shortcutData: shortcutDataNames
|
|
41
50
|
} = item;
|
|
42
|
-
return /*#__PURE__*/
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement(_classifyHotkeys.default, {
|
|
43
52
|
key: "use-hotkey-".concat(index),
|
|
44
53
|
title: title,
|
|
45
54
|
shortcutData: shortcutData,
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
require("./style.css");
|
|
10
|
+
class Loading extends _react.default.Component {
|
|
4
11
|
render() {
|
|
5
|
-
return /*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
6
13
|
className: "empty-loading-page"
|
|
7
|
-
}, /*#__PURE__*/
|
|
14
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
8
15
|
className: "lds-ripple page-centered"
|
|
9
|
-
}, /*#__PURE__*/
|
|
16
|
+
}, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null)));
|
|
10
17
|
}
|
|
11
18
|
}
|
|
12
|
-
|
|
19
|
+
var _default = exports.default = Loading;
|
|
@@ -1,8 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _reactI18next = require("react-i18next");
|
|
11
|
+
var _outlineItem = _interopRequireDefault(require("./outline-item"));
|
|
12
|
+
var _useScrollContext = require("../../hooks/use-scroll-context");
|
|
13
|
+
var _constants = require("../../constants");
|
|
14
|
+
require("./style.css");
|
|
6
15
|
const getHeaderList = children => {
|
|
7
16
|
const headerList = [];
|
|
8
17
|
children.forEach(node => {
|
|
@@ -18,15 +27,15 @@ const Outline = _ref => {
|
|
|
18
27
|
} = _ref;
|
|
19
28
|
const {
|
|
20
29
|
t
|
|
21
|
-
} = useTranslation();
|
|
22
|
-
const scrollRef = useScrollContext();
|
|
23
|
-
const [headerList, setHeaderList] = useState([]);
|
|
24
|
-
const [activeId, setActiveId] = useState('');
|
|
25
|
-
useEffect(() => {
|
|
30
|
+
} = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
|
|
31
|
+
const scrollRef = (0, _useScrollContext.useScrollContext)();
|
|
32
|
+
const [headerList, setHeaderList] = (0, _react.useState)([]);
|
|
33
|
+
const [activeId, setActiveId] = (0, _react.useState)('');
|
|
34
|
+
(0, _react.useEffect)(() => {
|
|
26
35
|
const headerList = getHeaderList(editor.children);
|
|
27
36
|
setHeaderList(headerList);
|
|
28
37
|
}, [editor.children]);
|
|
29
|
-
const handleScroll = useCallback(e => {
|
|
38
|
+
const handleScroll = (0, _react.useCallback)(e => {
|
|
30
39
|
const scrollTop = scrollRef.current.scrollTop;
|
|
31
40
|
const styles = getComputedStyle(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current);
|
|
32
41
|
const paddingTop = parseInt(styles.paddingTop);
|
|
@@ -45,7 +54,7 @@ const Outline = _ref => {
|
|
|
45
54
|
}
|
|
46
55
|
}
|
|
47
56
|
}, [headerList, scrollRef]);
|
|
48
|
-
useEffect(() => {
|
|
57
|
+
(0, _react.useEffect)(() => {
|
|
49
58
|
let observerRefValue = null;
|
|
50
59
|
if (scrollRef.current) {
|
|
51
60
|
scrollRef.current.addEventListener('scroll', handleScroll);
|
|
@@ -55,16 +64,16 @@ const Outline = _ref => {
|
|
|
55
64
|
observerRefValue.removeEventListener('scroll', handleScroll);
|
|
56
65
|
};
|
|
57
66
|
}, [handleScroll, scrollRef]);
|
|
58
|
-
return /*#__PURE__*/
|
|
67
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
59
68
|
className: "sf-editor-outline"
|
|
60
|
-
}, headerList.length === 0 && /*#__PURE__*/
|
|
69
|
+
}, headerList.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
|
|
61
70
|
className: "empty-container"
|
|
62
71
|
}, t('No_out_line')), headerList.length > 0 && headerList.map((node, index) => {
|
|
63
|
-
return /*#__PURE__*/
|
|
72
|
+
return /*#__PURE__*/_react.default.createElement(_outlineItem.default, {
|
|
64
73
|
key: index,
|
|
65
74
|
node: node,
|
|
66
75
|
activeId: activeId
|
|
67
76
|
});
|
|
68
77
|
}));
|
|
69
78
|
};
|
|
70
|
-
|
|
79
|
+
var _default = exports.default = Outline;
|
|
@@ -1,24 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
3
11
|
const OutlineItem = _ref => {
|
|
4
12
|
let {
|
|
5
13
|
node,
|
|
6
14
|
activeId
|
|
7
15
|
} = _ref;
|
|
8
|
-
const onItemClick = useCallback(() => {
|
|
16
|
+
const onItemClick = (0, _react.useCallback)(() => {
|
|
9
17
|
const {
|
|
10
18
|
id
|
|
11
19
|
} = node;
|
|
12
20
|
document.getElementById(id).scrollIntoView();
|
|
13
21
|
}, [node]);
|
|
14
|
-
const className =
|
|
22
|
+
const className = (0, _classnames.default)({
|
|
15
23
|
'outline-h2': node.type === 'header2',
|
|
16
24
|
'outline-h3': node.type === 'header3',
|
|
17
25
|
'active': node.id === activeId
|
|
18
26
|
});
|
|
19
|
-
return /*#__PURE__*/
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
20
28
|
className: className,
|
|
21
29
|
onClick: onItemClick
|
|
22
30
|
}, node.children.map(child => child.text).join(''));
|
|
23
31
|
};
|
|
24
|
-
|
|
32
|
+
var _default = exports.default = OutlineItem;
|
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
var _codemirror = require("codemirror");
|
|
12
|
+
var _view = require("@codemirror/view");
|
|
13
|
+
var _langMarkdown = require("@codemirror/lang-markdown");
|
|
14
|
+
var _languageData = require("@codemirror/language-data");
|
|
15
|
+
require("./code-mirror.css");
|
|
16
|
+
class SeafileCodeMirror extends _react.default.Component {
|
|
10
17
|
constructor() {
|
|
11
18
|
super(...arguments);
|
|
12
|
-
|
|
19
|
+
(0, _defineProperty2.default)(this, "onValueChanged", viewUpdate => {
|
|
13
20
|
const {
|
|
14
21
|
onChange
|
|
15
22
|
} = this.props;
|
|
@@ -19,13 +26,13 @@ class SeafileCodeMirror extends React.Component {
|
|
|
19
26
|
onChange(value);
|
|
20
27
|
}
|
|
21
28
|
});
|
|
22
|
-
|
|
29
|
+
(0, _defineProperty2.default)(this, "focus", () => {
|
|
23
30
|
this.view.focus();
|
|
24
31
|
});
|
|
25
|
-
|
|
26
|
-
EditorView.scrollIntoView(pos);
|
|
32
|
+
(0, _defineProperty2.default)(this, "scrollIntoView", pos => {
|
|
33
|
+
_view.EditorView.scrollIntoView(pos);
|
|
27
34
|
});
|
|
28
|
-
|
|
35
|
+
(0, _defineProperty2.default)(this, "setCodeMirrorRef", ref => {
|
|
29
36
|
this.codeMirrorRef = ref;
|
|
30
37
|
});
|
|
31
38
|
}
|
|
@@ -34,13 +41,13 @@ class SeafileCodeMirror extends React.Component {
|
|
|
34
41
|
initialValue,
|
|
35
42
|
autoFocus
|
|
36
43
|
} = this.props;
|
|
37
|
-
this.view = new EditorView({
|
|
44
|
+
this.view = new _view.EditorView({
|
|
38
45
|
doc: initialValue,
|
|
39
|
-
extensions: [basicSetup, markdown({
|
|
40
|
-
codeLanguages: languages
|
|
41
|
-
}), EditorView.updateListener.of(viewUpdate => {
|
|
46
|
+
extensions: [_codemirror.basicSetup, (0, _langMarkdown.markdown)({
|
|
47
|
+
codeLanguages: _languageData.languages
|
|
48
|
+
}), _view.EditorView.updateListener.of(viewUpdate => {
|
|
42
49
|
this.onValueChanged(viewUpdate);
|
|
43
|
-
}), EditorView.lineWrapping],
|
|
50
|
+
}), _view.EditorView.lineWrapping],
|
|
44
51
|
parent: this.codeMirrorRef
|
|
45
52
|
});
|
|
46
53
|
if (autoFocus) this.focus();
|
|
@@ -51,11 +58,11 @@ class SeafileCodeMirror extends React.Component {
|
|
|
51
58
|
}
|
|
52
59
|
}
|
|
53
60
|
render() {
|
|
54
|
-
return /*#__PURE__*/
|
|
55
|
-
className:
|
|
56
|
-
}, /*#__PURE__*/
|
|
61
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
62
|
+
className: (0, _classnames.default)('sf-code-mirror', this.props.className)
|
|
63
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
57
64
|
ref: this.setCodeMirrorRef
|
|
58
65
|
}));
|
|
59
66
|
}
|
|
60
67
|
}
|
|
61
|
-
|
|
68
|
+
var _default = exports.default = SeafileCodeMirror;
|