@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.
Files changed (221) hide show
  1. package/dist/constants/event-types.js +11 -4
  2. package/dist/constants/hot-keys.js +7 -1
  3. package/dist/constants/index.js +7 -0
  4. package/dist/containers/article-info/index.js +28 -20
  5. package/dist/containers/custom/get-event-transfer.js +7 -1
  6. package/dist/containers/custom/set-event-transfer.js +9 -3
  7. package/dist/containers/hotkeys-helper/classify-hotkeys.js +19 -12
  8. package/dist/containers/hotkeys-helper/index.js +29 -20
  9. package/dist/containers/loading/index.js +14 -7
  10. package/dist/containers/outline/index.js +25 -16
  11. package/dist/containers/outline/outline-item.js +14 -6
  12. package/dist/editors/plain-markdown-editor/code-mirror.js +30 -23
  13. package/dist/editors/plain-markdown-editor/index.js +34 -27
  14. package/dist/editors/simple-slate-editor /index.js +46 -34
  15. package/dist/editors/simple-slate-editor /with-props-editor.js +7 -1
  16. package/dist/editors/slate-editor/editor-help/index.js +28 -20
  17. package/dist/editors/slate-editor/index.js +53 -41
  18. package/dist/editors/slate-editor/with-props-editor.js +7 -1
  19. package/dist/editors/slate-viewer/index.js +36 -27
  20. package/dist/extension/commons/element-popover/index.js +14 -7
  21. package/dist/extension/commons/index.js +33 -4
  22. package/dist/extension/commons/menu/index.js +21 -4
  23. package/dist/extension/commons/menu/menu-drop-down.js +37 -28
  24. package/dist/extension/commons/menu/menu-group.js +10 -3
  25. package/dist/extension/commons/menu/menu-item.js +20 -11
  26. package/dist/extension/commons/menu/menu.css +2 -3
  27. package/dist/extension/commons/select/_option.js +15 -8
  28. package/dist/extension/commons/select/field-setting.js +26 -19
  29. package/dist/extension/commons/select/index.js +33 -26
  30. package/dist/extension/commons/select/menu/index.js +11 -4
  31. package/dist/extension/commons/select/menu/item.js +17 -10
  32. package/dist/extension/commons/select/menu/menu.js +13 -6
  33. package/dist/extension/commons/tooltip/index.js +14 -7
  34. package/dist/extension/constants/element-types.js +28 -22
  35. package/dist/extension/constants/index.js +42 -16
  36. package/dist/extension/constants/keyboard.js +9 -3
  37. package/dist/extension/constants/menus-config.js +31 -25
  38. package/dist/extension/core/index.js +38 -3
  39. package/dist/extension/core/queries/index.js +135 -89
  40. package/dist/extension/core/transforms/focus-editor.js +15 -8
  41. package/dist/extension/core/transforms/index.js +49 -4
  42. package/dist/extension/core/transforms/move-children.js +16 -9
  43. package/dist/extension/core/transforms/remove-node-children.js +12 -5
  44. package/dist/extension/core/transforms/replace-node-children.js +14 -7
  45. package/dist/extension/core/utils/index.js +38 -22
  46. package/dist/extension/editor.js +16 -9
  47. package/dist/extension/highlight/index.js +20 -3
  48. package/dist/extension/highlight/normalize-tokens.js +9 -2
  49. package/dist/extension/highlight/prismjs.js +27 -20
  50. package/dist/extension/highlight/set-node-decorations.js +21 -14
  51. package/dist/extension/highlight/use-highlight.js +12 -5
  52. package/dist/extension/index.js +67 -8
  53. package/dist/extension/plugins/blockquote/helpers.js +37 -27
  54. package/dist/extension/plugins/blockquote/index.js +14 -7
  55. package/dist/extension/plugins/blockquote/menu/index.js +19 -12
  56. package/dist/extension/plugins/blockquote/plugin.js +33 -18
  57. package/dist/extension/plugins/blockquote/render-elem.js +10 -3
  58. package/dist/extension/plugins/check-list/helper.js +23 -14
  59. package/dist/extension/plugins/check-list/index.js +16 -9
  60. package/dist/extension/plugins/check-list/menu/index.js +22 -14
  61. package/dist/extension/plugins/check-list/plugin.js +19 -13
  62. package/dist/extension/plugins/check-list/render-elem.js +20 -9
  63. package/dist/extension/plugins/check-list/style.css +3 -0
  64. package/dist/extension/plugins/clear-format/helpers.js +21 -13
  65. package/dist/extension/plugins/clear-format/menu/index.js +17 -10
  66. package/dist/extension/plugins/code-block/helpers.js +67 -50
  67. package/dist/extension/plugins/code-block/index.js +17 -9
  68. package/dist/extension/plugins/code-block/menu/index.js +20 -13
  69. package/dist/extension/plugins/code-block/plugin.js +76 -62
  70. package/dist/extension/plugins/code-block/render-elem/constant.js +8 -2
  71. package/dist/extension/plugins/code-block/render-elem/index.js +33 -23
  72. package/dist/extension/plugins/code-block/render-elem/language-selector.js +18 -11
  73. package/dist/extension/plugins/code-block/render-elem/style.css +4 -0
  74. package/dist/extension/plugins/column/constants/cell-types.js +33 -27
  75. package/dist/extension/plugins/column/constants/column.js +9 -2
  76. package/dist/extension/plugins/column/helpers.js +41 -29
  77. package/dist/extension/plugins/column/index.js +16 -9
  78. package/dist/extension/plugins/column/menu/index.js +19 -12
  79. package/dist/extension/plugins/column/model.js +7 -1
  80. package/dist/extension/plugins/column/plugin.js +10 -4
  81. package/dist/extension/plugins/column/render-elem.js +29 -21
  82. package/dist/extension/plugins/formula/helper.js +36 -24
  83. package/dist/extension/plugins/formula/index.js +16 -9
  84. package/dist/extension/plugins/formula/menu/formula-modal.js +35 -27
  85. package/dist/extension/plugins/formula/menu/index.js +30 -22
  86. package/dist/extension/plugins/formula/plugin.js +9 -3
  87. package/dist/extension/plugins/formula/render-elem.js +24 -16
  88. package/dist/extension/plugins/header/helper.js +30 -21
  89. package/dist/extension/plugins/header/index.js +16 -9
  90. package/dist/extension/plugins/header/menu/index.js +42 -33
  91. package/dist/extension/plugins/header/menu/style.css +1 -1
  92. package/dist/extension/plugins/header/plugin.js +47 -36
  93. package/dist/extension/plugins/header/render-elem.js +17 -9
  94. package/dist/extension/plugins/image/helper.js +39 -26
  95. package/dist/extension/plugins/image/index.js +16 -9
  96. package/dist/extension/plugins/image/menu/image-menu-dialog.js +28 -19
  97. package/dist/extension/plugins/image/menu/image-menu-popover.js +33 -24
  98. package/dist/extension/plugins/image/menu/index.js +23 -15
  99. package/dist/extension/plugins/image/plugin.js +16 -10
  100. package/dist/extension/plugins/image/render-element/image-previewer.js +27 -15
  101. package/dist/extension/plugins/image/render-element/index.js +36 -26
  102. package/dist/extension/plugins/index.js +108 -20
  103. package/dist/extension/plugins/link/helper.js +86 -70
  104. package/dist/extension/plugins/link/index.js +16 -9
  105. package/dist/extension/plugins/link/menu/index.js +37 -29
  106. package/dist/extension/plugins/link/menu/link-modal.js +39 -30
  107. package/dist/extension/plugins/link/plugin.js +41 -30
  108. package/dist/extension/plugins/link/render-elem/index.js +35 -26
  109. package/dist/extension/plugins/link/render-elem/link-popover.js +36 -26
  110. package/dist/extension/plugins/link/render-elem/style.css +1 -1
  111. package/dist/extension/plugins/list/constant.js +8 -2
  112. package/dist/extension/plugins/list/helpers.js +37 -27
  113. package/dist/extension/plugins/list/index.js +16 -9
  114. package/dist/extension/plugins/list/menu/index.js +23 -15
  115. package/dist/extension/plugins/list/plugin/index.js +24 -17
  116. package/dist/extension/plugins/list/plugin/insert-break-list.js +16 -9
  117. package/dist/extension/plugins/list/plugin/insert-fragment-list.js +55 -46
  118. package/dist/extension/plugins/list/plugin/normalize-list.js +32 -25
  119. package/dist/extension/plugins/list/plugin/on-tab-handle.js +23 -15
  120. package/dist/extension/plugins/list/plugin/shortcut.js +25 -19
  121. package/dist/extension/plugins/list/queries/index.js +25 -16
  122. package/dist/extension/plugins/list/render-elem/index.js +17 -8
  123. package/dist/extension/plugins/list/transforms/index.js +75 -11
  124. package/dist/extension/plugins/list/transforms/insert-list-item.js +40 -33
  125. package/dist/extension/plugins/list/transforms/move-list-item-down.js +19 -12
  126. package/dist/extension/plugins/list/transforms/move-list-item-up.js +36 -29
  127. package/dist/extension/plugins/list/transforms/move-list-items-to-list.js +19 -12
  128. package/dist/extension/plugins/list/transforms/move-list-items.js +28 -21
  129. package/dist/extension/plugins/list/transforms/normalize-list-item.js +41 -32
  130. package/dist/extension/plugins/list/transforms/normalize-nested-list.js +18 -11
  131. package/dist/extension/plugins/list/transforms/remove-first-list-item.js +13 -6
  132. package/dist/extension/plugins/list/transforms/transforms-to-list.js +43 -36
  133. package/dist/extension/plugins/list/transforms/unwrap-list.js +22 -15
  134. package/dist/extension/plugins/markdown/index.js +10 -3
  135. package/dist/extension/plugins/markdown/plugin.js +48 -44
  136. package/dist/extension/plugins/node-id/constants.js +15 -9
  137. package/dist/extension/plugins/node-id/helpers.js +29 -18
  138. package/dist/extension/plugins/node-id/index.js +10 -3
  139. package/dist/extension/plugins/node-id/with-node-id.js +10 -4
  140. package/dist/extension/plugins/paragraph/helper.js +15 -8
  141. package/dist/extension/plugins/paragraph/index.js +14 -7
  142. package/dist/extension/plugins/paragraph/plugin.js +30 -15
  143. package/dist/extension/plugins/paragraph/render-elem.js +10 -3
  144. package/dist/extension/plugins/table/constant.js +9 -3
  145. package/dist/extension/plugins/table/helper.js +94 -48
  146. package/dist/extension/plugins/table/index.js +18 -10
  147. package/dist/extension/plugins/table/menu/index.js +27 -19
  148. package/dist/extension/plugins/table/menu/table-operator.js +43 -32
  149. package/dist/extension/plugins/table/menu/table-size-selector.js +25 -17
  150. package/dist/extension/plugins/table/model.js +20 -13
  151. package/dist/extension/plugins/table/plugin.js +111 -48
  152. package/dist/extension/plugins/table/render-elem/context-menu.js +32 -24
  153. package/dist/extension/plugins/table/render-elem/index.js +85 -45
  154. package/dist/extension/plugins/table/table-operations.js +141 -61
  155. package/dist/extension/plugins/text-style/helpers.js +28 -13
  156. package/dist/extension/plugins/text-style/index.js +14 -7
  157. package/dist/extension/plugins/text-style/menu/index.js +19 -11
  158. package/dist/extension/plugins/text-style/plugin.js +17 -10
  159. package/dist/extension/plugins/text-style/render-elem.js +25 -18
  160. package/dist/extension/render/render-element.js +30 -22
  161. package/dist/extension/render/render-leaf.js +14 -7
  162. package/dist/extension/toolbar/header-toolbar/index.js +65 -55
  163. package/dist/extension/toolbar/index.js +13 -2
  164. package/dist/extension/toolbar/user-help/shortcut-dialog.js +60 -52
  165. package/dist/hooks/use-insert-image.js +18 -11
  166. package/dist/hooks/use-mathjax.js +10 -4
  167. package/dist/hooks/use-scroll-context.js +13 -5
  168. package/dist/hooks/use-selection-update.js +13 -6
  169. package/dist/hooks/user-link-click.js +7 -1
  170. package/dist/index.js +129 -13
  171. package/dist/pages/email-editor-dialog/index.js +144 -0
  172. package/dist/pages/longtext-editor-dialog/browser-tip.js +23 -0
  173. package/dist/pages/longtext-editor-dialog/index.js +187 -0
  174. package/dist/pages/longtext-editor-dialog/longtext-modal.js +41 -0
  175. package/dist/pages/longtext-editor-dialog/style.css +169 -0
  176. package/dist/pages/markdown-editor.js +25 -17
  177. package/dist/pages/markdown-preview/index.js +66 -0
  178. package/dist/pages/markdown-preview/style.css +30 -0
  179. package/dist/pages/markdown-view.js +21 -13
  180. package/dist/pages/rich-markdown-editor.js +33 -25
  181. package/dist/pages/seatable-editor.js +25 -17
  182. package/dist/pages/seatable-viewer.js +21 -13
  183. package/dist/pages/simple-editor.js +25 -17
  184. package/dist/slate-convert/html-to-slate/constants.js +32 -26
  185. package/dist/slate-convert/html-to-slate/helper.js +9 -2
  186. package/dist/slate-convert/html-to-slate/index.js +28 -21
  187. package/dist/slate-convert/html-to-slate/rules/blockquote.js +12 -5
  188. package/dist/slate-convert/html-to-slate/rules/check-list.js +13 -6
  189. package/dist/slate-convert/html-to-slate/rules/code-block.js +28 -21
  190. package/dist/slate-convert/html-to-slate/rules/header.js +13 -6
  191. package/dist/slate-convert/html-to-slate/rules/image.js +13 -6
  192. package/dist/slate-convert/html-to-slate/rules/index.js +18 -11
  193. package/dist/slate-convert/html-to-slate/rules/link.js +13 -6
  194. package/dist/slate-convert/html-to-slate/rules/list.js +22 -15
  195. package/dist/slate-convert/html-to-slate/rules/paragraph.js +12 -5
  196. package/dist/slate-convert/html-to-slate/rules/table.js +16 -9
  197. package/dist/slate-convert/html-to-slate/rules/text.js +16 -9
  198. package/dist/slate-convert/index.js +34 -8
  199. package/dist/slate-convert/md-to-html/index.js +31 -26
  200. package/dist/slate-convert/md-to-html/sanitize-schema.js +11 -4
  201. package/dist/slate-convert/md-to-slate/index.js +18 -12
  202. package/dist/slate-convert/md-to-slate/transform.js +115 -83
  203. package/dist/slate-convert/slate-to-md/index.js +16 -10
  204. package/dist/slate-convert/slate-to-md/transform.js +27 -49
  205. package/dist/utils/common.js +19 -8
  206. package/dist/utils/deserialize-html.js +40 -33
  207. package/dist/utils/dom-utils.js +17 -7
  208. package/dist/utils/event-bus.js +7 -1
  209. package/dist/utils/event-handler.js +14 -7
  210. package/dist/utils/get-browser-Info.js +35 -0
  211. package/dist/utils/get-preview-content.js +12 -6
  212. package/dist/utils/is-punctuation-mark.js +7 -1
  213. package/dist/utils/object-utils.js +14 -7
  214. package/dist/utils/replace-slate-nodes.js +9 -2
  215. package/package.json +6 -5
  216. package/public/media/seafile-editor-font/iconfont.eot +0 -0
  217. package/public/media/seafile-editor-font/iconfont.svg +8 -4
  218. package/public/media/seafile-editor-font/iconfont.ttf +0 -0
  219. package/public/media/seafile-editor-font/iconfont.woff +0 -0
  220. package/public/media/seafile-editor-font/iconfont.woff2 +0 -0
  221. package/public/media/seafile-editor-font.css +22 -14
@@ -1,11 +1,18 @@
1
- export const INTERNAL_EVENTS = {
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
- ON_OPEN_LINK_POPOVER: 'on_open_link_popover',
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
- export const EXTERNAL_EVENTS = {
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
- export const HELPER_HOTKEYS = [{
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']],
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.TRANSLATE_NAMESPACE = void 0;
7
+ const TRANSLATE_NAMESPACE = exports.TRANSLATE_NAMESPACE = 'seafile-editor';
@@ -1,46 +1,54 @@
1
- import React, { useCallback, useState } from 'react';
2
- import Outline from '../outline';
3
- import { useSlateStatic } from 'slate-react';
4
- import './style.css';
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
- export default function ArticleInfo(_ref) {
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__*/React.createElement("div", {
31
+ return /*#__PURE__*/_react.default.createElement("div", {
24
32
  className: "sf-article-info-container"
25
- }, /*#__PURE__*/React.createElement("ul", {
33
+ }, /*#__PURE__*/_react.default.createElement("ul", {
26
34
  className: "sf-article-info-nav nav"
27
- }, /*#__PURE__*/React.createElement("li", {
35
+ }, /*#__PURE__*/_react.default.createElement("li", {
28
36
  className: "nav-item"
29
- }, /*#__PURE__*/React.createElement("span", {
37
+ }, /*#__PURE__*/_react.default.createElement("span", {
30
38
  className: "nav-link ".concat(activeTab === TAB_TYPES.OUTLINE && 'active'),
31
39
  onClick: onOutlineClick
32
- }, /*#__PURE__*/React.createElement("i", {
40
+ }, /*#__PURE__*/_react.default.createElement("i", {
33
41
  className: "iconfont icon-list-ul"
34
- }))), /*#__PURE__*/React.createElement("li", {
42
+ }))), /*#__PURE__*/_react.default.createElement("li", {
35
43
  className: "nav-item"
36
- }, /*#__PURE__*/React.createElement("span", {
44
+ }, /*#__PURE__*/_react.default.createElement("span", {
37
45
  className: "nav-link ".concat(activeTab === TAB_TYPES.FILE_DETAIL && 'active'),
38
46
  onClick: onDetailClick
39
- }, /*#__PURE__*/React.createElement("i", {
47
+ }, /*#__PURE__*/_react.default.createElement("i", {
40
48
  className: 'iconfont icon-info-circle'
41
- })))), /*#__PURE__*/React.createElement("div", {
49
+ })))), /*#__PURE__*/_react.default.createElement("div", {
42
50
  className: "sf-article-info-content"
43
- }, activeTab === TAB_TYPES.OUTLINE && /*#__PURE__*/React.createElement(Outline, {
51
+ }, activeTab === TAB_TYPES.OUTLINE && /*#__PURE__*/_react.default.createElement(_outline.default, {
44
52
  editor: editor
45
- }), activeTab === TAB_TYPES.FILE_DETAIL && /*#__PURE__*/React.createElement(React.Fragment, null, children)));
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
- export default getEventTransfer;
38
+ var _default = exports.default = getEventTransfer;
@@ -1,4 +1,10 @@
1
- import { Node } from 'slate';
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
- export default setEventTransfer;
36
+ var _default = exports.default = setEventTransfer;
@@ -1,33 +1,40 @@
1
- import React from 'react';
2
- import { isMac } from '../../utils/common';
3
- export default function ClassifyHotkeys(_ref) {
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__*/React.createElement("div", {
16
+ return /*#__PURE__*/_react.default.createElement("div", {
10
17
  className: "sf-editor-classify-hotkeys"
11
- }, /*#__PURE__*/React.createElement("h5", {
18
+ }, /*#__PURE__*/_react.default.createElement("h5", {
12
19
  className: "hotkey-type"
13
- }, title), /*#__PURE__*/React.createElement("ul", {
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__*/React.createElement("li", {
28
+ return /*#__PURE__*/_react.default.createElement("li", {
22
29
  className: "hotkey-shortcuts",
23
30
  key: shortcutName
24
- }, /*#__PURE__*/React.createElement("div", {
31
+ }, /*#__PURE__*/_react.default.createElement("div", {
25
32
  className: "hotkey-shortcuts-left"
26
- }, shortcutName), /*#__PURE__*/React.createElement("div", {
33
+ }, shortcutName), /*#__PURE__*/_react.default.createElement("div", {
27
34
  className: "hotkey-shortcuts-right"
28
- }, hotkeys[0] && /*#__PURE__*/React.createElement("div", {
35
+ }, hotkeys[0] && /*#__PURE__*/_react.default.createElement("div", {
29
36
  className: "key hotkey-first"
30
- }, hotkeys[0]), hotkeys[1] && /*#__PURE__*/React.createElement("div", {
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
- import React, { useCallback } from 'react';
2
- import { useTranslation } from 'react-i18next';
3
- import ClassifyHotkeys from './classify-hotkeys';
4
- import { HELPER_HOTKEYS } from '../../constants/hot-keys';
5
- import { EXTERNAL_EVENTS } from '../../constants/event-types';
6
- import EventBus from '../../utils/event-bus';
7
- import './style.css';
8
- export default function HotkeysHelper() {
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 = EventBus.getInstance();
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__*/React.createElement("div", {
32
+ return /*#__PURE__*/_react.default.createElement("div", {
24
33
  className: "sf-editor-helper"
25
- }, /*#__PURE__*/React.createElement("div", {
34
+ }, /*#__PURE__*/_react.default.createElement("div", {
26
35
  className: "sf-editor-helper__header"
27
- }, /*#__PURE__*/React.createElement("div", {
36
+ }, /*#__PURE__*/_react.default.createElement("div", {
28
37
  className: "title"
29
- }, title), /*#__PURE__*/React.createElement("div", {
38
+ }, title), /*#__PURE__*/_react.default.createElement("div", {
30
39
  className: "help-close",
31
40
  onClick: onCloseClick
32
- }, /*#__PURE__*/React.createElement("i", {
41
+ }, /*#__PURE__*/_react.default.createElement("i", {
33
42
  className: "iconfont icon-times-circle"
34
- }))), /*#__PURE__*/React.createElement("div", {
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__*/React.createElement(ClassifyHotkeys, {
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
- import React from 'react';
2
- import './style.css';
3
- class Loading extends React.Component {
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__*/React.createElement("div", {
12
+ return /*#__PURE__*/_react.default.createElement("div", {
6
13
  className: "empty-loading-page"
7
- }, /*#__PURE__*/React.createElement("div", {
14
+ }, /*#__PURE__*/_react.default.createElement("div", {
8
15
  className: "lds-ripple page-centered"
9
- }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null)));
16
+ }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null)));
10
17
  }
11
18
  }
12
- export default Loading;
19
+ var _default = exports.default = Loading;
@@ -1,8 +1,17 @@
1
- import React, { useCallback, useEffect, useState } from 'react';
2
- import { useTranslation } from 'react-i18next';
3
- import OutlineItem from './outline-item';
4
- import { useScrollContext } from '../../hooks/use-scroll-context';
5
- import './style.css';
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__*/React.createElement("div", {
67
+ return /*#__PURE__*/_react.default.createElement("div", {
59
68
  className: "sf-editor-outline"
60
- }, headerList.length === 0 && /*#__PURE__*/React.createElement("div", {
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__*/React.createElement(OutlineItem, {
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
- export default Outline;
79
+ var _default = exports.default = Outline;
@@ -1,24 +1,32 @@
1
- import React, { useCallback } from 'react';
2
- import classNames from 'classnames';
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 = classNames({
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__*/React.createElement("div", {
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
- export default OutlineItem;
32
+ var _default = exports.default = OutlineItem;
@@ -1,15 +1,22 @@
1
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
- import React from 'react';
3
- import className from 'classnames';
4
- import { basicSetup } from 'codemirror';
5
- import { EditorView } from '@codemirror/view';
6
- import { markdown } from '@codemirror/lang-markdown';
7
- import { languages } from '@codemirror/language-data';
8
- import './code-mirror.css';
9
- class SeafileCodeMirror extends React.Component {
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
- _defineProperty(this, "onValueChanged", viewUpdate => {
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
- _defineProperty(this, "focus", () => {
29
+ (0, _defineProperty2.default)(this, "focus", () => {
23
30
  this.view.focus();
24
31
  });
25
- _defineProperty(this, "scrollIntoView", pos => {
26
- EditorView.scrollIntoView(pos);
32
+ (0, _defineProperty2.default)(this, "scrollIntoView", pos => {
33
+ _view.EditorView.scrollIntoView(pos);
27
34
  });
28
- _defineProperty(this, "setCodeMirrorRef", ref => {
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__*/React.createElement("div", {
55
- className: className('sf-code-mirror', this.props.className)
56
- }, /*#__PURE__*/React.createElement("div", {
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
- export default SeafileCodeMirror;
68
+ var _default = exports.default = SeafileCodeMirror;