@seafile/sdoc-editor 0.1.2 → 0.1.3

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 (86) hide show
  1. package/dist/assets/css/textlink-hovermenu.css +51 -0
  2. package/dist/editor.js +13 -20
  3. package/dist/{slate-extension → extension}/constants/index.js +4 -0
  4. package/dist/{slate-extension → extension}/core/queries/index.js +44 -15
  5. package/dist/{slate-extension → extension}/core/transforms/focus-editor.js +2 -2
  6. package/dist/extension/core/transforms/index.js +3 -0
  7. package/dist/{slate-extension → extension}/core/transforms/move-children.js +1 -1
  8. package/dist/extension/core/transforms/remove-node-children.js +24 -0
  9. package/dist/{slate-extension → extension}/core/utils/index.js +10 -0
  10. package/dist/{slate-extension → extension}/index.js +2 -2
  11. package/dist/{slate-extension → extension}/plugins/blockquote/helpers.js +1 -1
  12. package/dist/{slate-extension → extension}/plugins/blockquote/menu/index.js +1 -2
  13. package/dist/{slate-extension → extension}/plugins/blockquote/plugin.js +5 -9
  14. package/dist/extension/plugins/blockquote/render-elem.js +10 -0
  15. package/dist/{slate-extension → extension}/plugins/check-list/helpers.js +1 -1
  16. package/dist/{slate-extension → extension}/plugins/check-list/plugin.js +1 -1
  17. package/dist/{slate-extension → extension}/plugins/check-list/render-elem.js +5 -3
  18. package/dist/{slate-extension → extension}/plugins/header/helpers.js +1 -1
  19. package/dist/{slate-extension → extension}/plugins/header/plugin.js +4 -7
  20. package/dist/{slate-extension → extension}/plugins/header/render-elem.js +3 -1
  21. package/dist/extension/plugins/index.js +9 -0
  22. package/dist/extension/plugins/link/helpers.js +152 -0
  23. package/dist/extension/plugins/link/index.js +14 -0
  24. package/dist/extension/plugins/link/menu/add-link-dialog.js +146 -0
  25. package/dist/extension/plugins/link/menu/hover-link-dialog.js +49 -0
  26. package/dist/extension/plugins/link/menu/index.js +67 -0
  27. package/dist/extension/plugins/link/model.js +13 -0
  28. package/dist/extension/plugins/link/plugin.js +60 -0
  29. package/dist/extension/plugins/link/render-elem.js +114 -0
  30. package/dist/{slate-extension → extension}/plugins/list/helpers.js +1 -1
  31. package/dist/{slate-extension → extension}/plugins/list/menu/index.js +1 -1
  32. package/dist/{slate-extension → extension}/plugins/list/plugin/normalize-list.js +1 -1
  33. package/dist/{slate-extension → extension}/plugins/list/plugin/on-tab-handle.js +1 -1
  34. package/dist/{slate-extension → extension}/plugins/list/queries/index.js +1 -1
  35. package/dist/{slate-extension → extension}/plugins/list/render-elem.js +11 -4
  36. package/dist/{slate-extension → extension}/plugins/list/transforms/insert-list-item.js +17 -22
  37. package/dist/{slate-extension → extension}/plugins/list/transforms/move-list-item-down.js +1 -1
  38. package/dist/{slate-extension → extension}/plugins/list/transforms/move-list-item-up.js +1 -1
  39. package/dist/{slate-extension → extension}/plugins/list/transforms/move-list-items-to-list.js +1 -1
  40. package/dist/{slate-extension → extension}/plugins/list/transforms/move-list-items.js +1 -1
  41. package/dist/{slate-extension → extension}/plugins/list/transforms/normalize-list-item.js +1 -1
  42. package/dist/{slate-extension → extension}/plugins/list/transforms/normalize-nested-list.js +1 -1
  43. package/dist/{slate-extension → extension}/plugins/list/transforms/toggle-list.js +1 -1
  44. package/dist/{slate-extension → extension}/plugins/list/transforms/unwrap-list.js +1 -1
  45. package/dist/{slate-extension → extension}/plugins/text-style/render-elem.js +3 -1
  46. package/dist/{slate-extension → extension}/render/render-element.js +14 -4
  47. package/dist/{slate-extension → extension}/toolbar/index.js +4 -1
  48. package/dist/node-id/constants.js +18 -0
  49. package/dist/node-id/helpers.js +80 -0
  50. package/dist/node-id/index.js +11 -0
  51. package/dist/socket/helpers.js +258 -0
  52. package/dist/socket/index.js +3 -0
  53. package/dist/socket/socket-client.js +138 -0
  54. package/dist/socket/socket-manager.js +180 -0
  55. package/dist/socket/with-socket-io.js +18 -0
  56. package/package.json +9 -6
  57. package/public/locales/en/seafile-editor.json +4 -1
  58. package/public/locales/zh-CN/seafile-editor.json +4 -1
  59. package/dist/slate-extension/core/transforms/index.js +0 -2
  60. package/dist/slate-extension/plugins/blockquote/render-elem.js +0 -7
  61. package/dist/slate-extension/plugins/index.js +0 -9
  62. package/dist/slate-extension/plugins/socket/index.js +0 -6
  63. package/dist/slate-extension/plugins/socket/plugin.js +0 -23
  64. package/dist/slate-extension/socket/socket-client.js +0 -94
  65. package/dist/slate-extension/socket/socket-manager.js +0 -63
  66. /package/dist/{slate-extension → extension}/core/index.js +0 -0
  67. /package/dist/{slate-extension → extension}/menu/index.js +0 -0
  68. /package/dist/{slate-extension → extension}/menu/menu-group.js +0 -0
  69. /package/dist/{slate-extension → extension}/menu/menu-item.js +0 -0
  70. /package/dist/{slate-extension → extension}/menu/menu.css +0 -0
  71. /package/dist/{slate-extension → extension}/plugins/blockquote/index.js +0 -0
  72. /package/dist/{slate-extension → extension}/plugins/blockquote/model.js +0 -0
  73. /package/dist/{slate-extension → extension}/plugins/check-list/index.js +0 -0
  74. /package/dist/{slate-extension → extension}/plugins/check-list/menu/index.js +0 -0
  75. /package/dist/{slate-extension → extension}/plugins/check-list/model.js +0 -0
  76. /package/dist/{slate-extension → extension}/plugins/header/index.js +0 -0
  77. /package/dist/{slate-extension → extension}/plugins/header/menu/index.js +0 -0
  78. /package/dist/{slate-extension → extension}/plugins/list/index.js +0 -0
  79. /package/dist/{slate-extension → extension}/plugins/list/model.js +0 -0
  80. /package/dist/{slate-extension → extension}/plugins/list/plugin/index.js +0 -0
  81. /package/dist/{slate-extension → extension}/plugins/list/plugin/insert-break-list.js +0 -0
  82. /package/dist/{slate-extension → extension}/plugins/list/transforms/index.js +0 -0
  83. /package/dist/{slate-extension → extension}/plugins/list/transforms/remove-first-list-item.js +0 -0
  84. /package/dist/{slate-extension → extension}/plugins/text-style/index.js +0 -0
  85. /package/dist/{slate-extension → extension}/plugins/text-style/model.js +0 -0
  86. /package/dist/{slate-extension → extension}/render/render-leaf.js +0 -0
@@ -0,0 +1,14 @@
1
+ import { LINK } from '../../constants';
2
+ import LinkMenu from './menu';
3
+ import Link from './model';
4
+ import withLink from './plugin';
5
+ import renderLink from './render-elem';
6
+ var LinkPlugin = {
7
+ type: LINK,
8
+ nodeType: 'element',
9
+ model: Link,
10
+ editorMenus: [LinkMenu],
11
+ editorPlugin: withLink,
12
+ renderElements: [renderLink]
13
+ };
14
+ export default LinkPlugin;
@@ -0,0 +1,146 @@
1
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
2
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
3
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
4
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
5
+ import React, { Fragment } from 'react';
6
+ import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Alert } from 'reactstrap';
7
+ import { withTranslation } from 'react-i18next';
8
+ import { insertLink, updateLink, checkLink } from '../helpers';
9
+ var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
10
+ _inherits(AddLinkDialog, _React$PureComponent);
11
+ var _super = _createSuper(AddLinkDialog);
12
+ function AddLinkDialog(props) {
13
+ var _this;
14
+ _classCallCheck(this, AddLinkDialog);
15
+ _this = _super.call(this, props);
16
+ _this.handleUrlChange = function (event) {
17
+ _this.setState({
18
+ url: event.target.value.trim()
19
+ });
20
+ };
21
+ _this.handleTitleChange = function (event) {
22
+ _this.setState({
23
+ title: event.target.value.trim()
24
+ });
25
+ };
26
+ _this.handleSubmit = function (event) {
27
+ event.preventDefault();
28
+ _this.setState({
29
+ linkErrorMessage: '',
30
+ titleErrorMessage: ''
31
+ });
32
+ var t = _this.props.t;
33
+ var _this$state = _this.state,
34
+ _this$state$title = _this$state.title,
35
+ title = _this$state$title === void 0 ? '' : _this$state$title,
36
+ _this$state$url = _this$state.url,
37
+ url = _this$state$url === void 0 ? '' : _this$state$url;
38
+ if (url.length === 0) {
39
+ _this.setState({
40
+ linkErrorMessage: t('The_link_address_is_required')
41
+ });
42
+ return;
43
+ }
44
+ if (title.length === 0) {
45
+ _this.setState({
46
+ titleErrorMessage: t('The_link_title_is_required')
47
+ });
48
+ return;
49
+ }
50
+ if (checkLink(url)) {
51
+ _this.setState({
52
+ linkErrorMessage: t('The_link_address_is_invalid')
53
+ });
54
+ return;
55
+ }
56
+ var _this$props = _this.props,
57
+ editor = _this$props.editor,
58
+ propsUrl = _this$props.url,
59
+ propsTitle = _this$props.title;
60
+ var isEdit = propsUrl && propsTitle;
61
+ if (isEdit) {
62
+ updateLink(editor, title, url);
63
+ } else {
64
+ insertLink(editor, title, url);
65
+ }
66
+ _this.props.onLinkDialogToggle();
67
+ };
68
+ _this.onKeyDown = function (e) {
69
+ if (e.keyCode === 13) {
70
+ _this.handleSubmit(e);
71
+ }
72
+ };
73
+ _this.state = {
74
+ url: props.url,
75
+ title: props.title,
76
+ linkErrorMessage: '',
77
+ titleErrorMessage: ''
78
+ };
79
+ return _this;
80
+ }
81
+ _createClass(AddLinkDialog, [{
82
+ key: "render",
83
+ value: function render() {
84
+ var _this$props2 = this.props,
85
+ className = _this$props2.className,
86
+ t = _this$props2.t;
87
+ var _this$state2 = this.state,
88
+ _this$state2$url = _this$state2.url,
89
+ url = _this$state2$url === void 0 ? '' : _this$state2$url,
90
+ _this$state2$title = _this$state2.title,
91
+ title = _this$state2$title === void 0 ? '' : _this$state2$title,
92
+ linkErrorMessage = _this$state2.linkErrorMessage,
93
+ titleErrorMessage = _this$state2.titleErrorMessage;
94
+ return /*#__PURE__*/React.createElement(Modal, {
95
+ isOpen: true,
96
+ autoFocus: false,
97
+ toggle: this.props.onLinkDialogToggle,
98
+ className: className,
99
+ zIndex: 1071,
100
+ returnFocusAfterClose: false
101
+ }, /*#__PURE__*/React.createElement(ModalHeader, {
102
+ toggle: this.props.onLinkDialogToggle
103
+ }, t('insert_link')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
104
+ className: "form-group"
105
+ }, /*#__PURE__*/React.createElement("label", {
106
+ className: "form-check-label",
107
+ htmlFor: "addLink"
108
+ }, t('link_address')), /*#__PURE__*/React.createElement("input", {
109
+ onKeyDown: this.onKeyDown,
110
+ autoFocus: true,
111
+ type: "url",
112
+ className: "form-control",
113
+ id: "addLink",
114
+ value: url,
115
+ onChange: this.handleUrlChange
116
+ }), linkErrorMessage && /*#__PURE__*/React.createElement(Alert, {
117
+ color: "danger",
118
+ className: "mt-2"
119
+ }, t(linkErrorMessage))), /*#__PURE__*/React.createElement("div", {
120
+ className: "form-group"
121
+ }, /*#__PURE__*/React.createElement("label", {
122
+ className: "form-check-label",
123
+ htmlFor: "addTitle"
124
+ }, t('link_title')), /*#__PURE__*/React.createElement("input", {
125
+ onKeyDown: this.onKeyDown,
126
+ type: "text",
127
+ className: "form-control",
128
+ id: "addTitle",
129
+ value: title,
130
+ onChange: this.handleTitleChange
131
+ }), titleErrorMessage && /*#__PURE__*/React.createElement(Alert, {
132
+ color: "danger",
133
+ className: "mt-2"
134
+ }, t(titleErrorMessage))))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
135
+ color: "secondary",
136
+ onClick: this.props.onLinkDialogToggle
137
+ }, t('cancel')), /*#__PURE__*/React.createElement(Button, {
138
+ color: "primary",
139
+ disabled: false,
140
+ onClick: this.handleSubmit
141
+ }, t('add_link'))));
142
+ }
143
+ }]);
144
+ return AddLinkDialog;
145
+ }(React.PureComponent);
146
+ export default withTranslation('seafile-editor')(AddLinkDialog);
@@ -0,0 +1,49 @@
1
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
2
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
3
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
4
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
5
+ import React from 'react';
6
+ import { createPortal } from 'react-dom';
7
+ import '../../../../assets/css/textlink-hovermenu.css';
8
+ var LinkHoverComponent = /*#__PURE__*/function (_React$Component) {
9
+ _inherits(LinkHoverComponent, _React$Component);
10
+ var _super = _createSuper(LinkHoverComponent);
11
+ function LinkHoverComponent() {
12
+ _classCallCheck(this, LinkHoverComponent);
13
+ return _super.apply(this, arguments);
14
+ }
15
+ _createClass(LinkHoverComponent, [{
16
+ key: "render",
17
+ value: function render() {
18
+ var _this$props = this.props,
19
+ menuPosition = _this$props.menuPosition,
20
+ href = _this$props.href;
21
+ return /*#__PURE__*/React.createElement(React.Fragment, null, createPortal( /*#__PURE__*/React.createElement("div", {
22
+ id: "loading",
23
+ className: "seafile-ed-hovermenu",
24
+ style: menuPosition
25
+ }, /*#__PURE__*/React.createElement("a", {
26
+ href: href,
27
+ target: "_blank",
28
+ rel: "noopener noreferrer",
29
+ className: "seafile-ed-hovermenu-link"
30
+ }, href), /*#__PURE__*/React.createElement("button", {
31
+ color: "",
32
+ className: "seafile-ed-hovermenu-btn",
33
+ onClick: this.props.onDeleteLink
34
+ }, /*#__PURE__*/React.createElement("i", {
35
+ className: "iconfont icon-delete"
36
+ })), /*#__PURE__*/React.createElement("button", {
37
+ color: "",
38
+ className: "seafile-ed-hovermenu-btn",
39
+ onClick: this.props.onEditLink
40
+ }, /*#__PURE__*/React.createElement("i", {
41
+ className: "iconfont icon-edit"
42
+ })), /*#__PURE__*/React.createElement("span", {
43
+ className: "seafile-ed-hovermenu-triangle"
44
+ })), document.body));
45
+ }
46
+ }]);
47
+ return LinkHoverComponent;
48
+ }(React.Component);
49
+ export default LinkHoverComponent;
@@ -0,0 +1,67 @@
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
+ import React from 'react';
7
+ import { LINK, MENUS_CONFIG_MAP } from '../../../constants';
8
+ import { getEditorString } from '../../../core';
9
+ import { MenuItem } from '../../../menu';
10
+ import { getLinkType, isMenuDisabled } from '../helpers';
11
+ import AddLinkDialog from './add-link-dialog';
12
+ var LinkMenu = /*#__PURE__*/function (_React$Component) {
13
+ _inherits(LinkMenu, _React$Component);
14
+ var _super = _createSuper(LinkMenu);
15
+ function LinkMenu(props) {
16
+ var _this;
17
+ _classCallCheck(this, LinkMenu);
18
+ _this = _super.call(this, props);
19
+ _this.isActive = function () {
20
+ var editor = _this.props.editor;
21
+ return getLinkType(editor) === LINK;
22
+ };
23
+ _this.isDisabled = function () {
24
+ var editor = _this.props.editor;
25
+ return isMenuDisabled(editor);
26
+ };
27
+ _this.onLinkDialogToggle = function () {
28
+ _this.setState({
29
+ isShowLinkDialog: !_this.state.isShowLinkDialog
30
+ });
31
+ };
32
+ _this.onMouseDown = function () {
33
+ _this.onLinkDialogToggle();
34
+ };
35
+ _this.state = {
36
+ isShowLinkDialog: false
37
+ };
38
+ return _this;
39
+ }
40
+ _createClass(LinkMenu, [{
41
+ key: "render",
42
+ value: function render() {
43
+ var _this$props = this.props,
44
+ isRichEditor = _this$props.isRichEditor,
45
+ className = _this$props.className,
46
+ editor = _this$props.editor;
47
+ var isShowLinkDialog = this.state.isShowLinkDialog;
48
+ var menuConfig = MENUS_CONFIG_MAP[LINK];
49
+ var props = _objectSpread(_objectSpread({
50
+ isRichEditor: isRichEditor,
51
+ className: className
52
+ }, menuConfig), {}, {
53
+ disabled: this.isDisabled(),
54
+ isActive: this.isActive(),
55
+ onMouseDown: this.onMouseDown
56
+ });
57
+ var selectedText = getEditorString(editor, editor.selection);
58
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuItem, props), isShowLinkDialog && /*#__PURE__*/React.createElement(AddLinkDialog, {
59
+ editor: editor,
60
+ title: selectedText,
61
+ onLinkDialogToggle: this.onLinkDialogToggle
62
+ }));
63
+ }
64
+ }]);
65
+ return LinkMenu;
66
+ }(React.Component);
67
+ export default LinkMenu;
@@ -0,0 +1,13 @@
1
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import { LINK as LINKTRENAME } from '../../constants';
4
+ var Link = /*#__PURE__*/_createClass(function Link(options) {
5
+ _classCallCheck(this, Link);
6
+ this.type = options.type || LINKTRENAME;
7
+ this.children = options.children || [{
8
+ text: ''
9
+ }];
10
+ this.href = options.href || '';
11
+ this.title = options.title || '';
12
+ });
13
+ export default Link;
@@ -0,0 +1,60 @@
1
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
+ import { Editor, Transforms, Node } from '@seafile/slate';
3
+ import isUrl from 'is-url';
4
+ import { isMenuDisabled, insertLink } from './helpers';
5
+ import { getNodeType } from '../../core';
6
+ var withLink = function withLink(editor) {
7
+ var normalizeNode = editor.normalizeNode,
8
+ isInline = editor.isInline,
9
+ insertData = editor.insertData;
10
+ var newEditor = editor;
11
+
12
+ // Rewrite isInline
13
+ newEditor.isInline = function (elem) {
14
+ var type = elem.type;
15
+ if (type === 'link') {
16
+ return true;
17
+ }
18
+ return isInline(elem);
19
+ };
20
+
21
+ // Rewrite insertData, Paste insert link
22
+ newEditor.insertData = function (data) {
23
+ var text = data.getData('text/plain');
24
+ if (!isUrl(text)) {
25
+ // unlinked
26
+ insertData(data);
27
+ return;
28
+ }
29
+
30
+ // Insert link
31
+ if (isMenuDisabled(newEditor)) return; // disabled
32
+ var selection = newEditor.selection;
33
+ if (selection == null) return;
34
+ var selectedText = Editor.string(newEditor, selection); // Gets the selected text
35
+ insertLink(newEditor, selectedText, text);
36
+ };
37
+
38
+ // Rewrite normalizeNode
39
+ newEditor.normalizeNode = function (_ref) {
40
+ var _ref2 = _slicedToArray(_ref, 2),
41
+ node = _ref2[0],
42
+ path = _ref2[1];
43
+ var type = getNodeType(node);
44
+ if (type !== 'link') {
45
+ // If the type is not link, perform default normalizeNode
46
+ return normalizeNode([node, path]);
47
+ }
48
+
49
+ // If the link is empty, delete it
50
+ var str = Node.string(node);
51
+ if (str === '') {
52
+ return Transforms.removeNodes(newEditor, {
53
+ at: path
54
+ });
55
+ }
56
+ return normalizeNode([node, path]);
57
+ };
58
+ return newEditor;
59
+ };
60
+ export default withLink;
@@ -0,0 +1,114 @@
1
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
2
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
3
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
4
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
5
+ import React from 'react';
6
+ import { unWrapLinkNode } from './helpers';
7
+ import AddLinkDialog from './menu/add-link-dialog';
8
+ import LinkHoverComponent from './menu/hover-link-dialog';
9
+ var LinkHoverMenuComponent = /*#__PURE__*/function (_React$Component) {
10
+ _inherits(LinkHoverMenuComponent, _React$Component);
11
+ var _super = _createSuper(LinkHoverMenuComponent);
12
+ function LinkHoverMenuComponent(props) {
13
+ var _this;
14
+ _classCallCheck(this, LinkHoverMenuComponent);
15
+ _this = _super.call(this, props);
16
+ _this.registerEventHandle = function () {
17
+ document.addEventListener('click', _this.onHideLinkMenu);
18
+ };
19
+ _this.unregisterEventHandle = function () {
20
+ document.removeEventListener('click', _this.onHideLinkMenu);
21
+ };
22
+ _this.onHideLinkMenu = function () {
23
+ _this.setState({
24
+ isShowLinkMenu: false
25
+ }, function () {
26
+ _this.unregisterEventHandle();
27
+ });
28
+ };
29
+ _this.onLinkClick = function (e) {
30
+ var _e$target$getBounding = e.target.getBoundingClientRect(),
31
+ top = _e$target$getBounding.top,
32
+ left = _e$target$getBounding.left,
33
+ width = _e$target$getBounding.width;
34
+ // top = top distance - menu height
35
+ var menuTop = top - 50;
36
+ // left = left distance - (menu width / 2) + (link with / 2)
37
+ var menuLeft = left - 250 / 2 + width / 2;
38
+ _this.setState({
39
+ isShowLinkMenu: true,
40
+ menuPosition: {
41
+ top: menuTop,
42
+ left: menuLeft
43
+ }
44
+ }, function () {
45
+ _this.registerEventHandle();
46
+ });
47
+ };
48
+ _this.onLinkDialogToggle = function () {
49
+ _this.setState({
50
+ isShowLinkDialog: !_this.state.isShowLinkDialog
51
+ });
52
+ };
53
+ _this.onEditToggle = function () {
54
+ _this.setState({
55
+ isShowLinkDialog: true
56
+ });
57
+ };
58
+ _this.deleteLink = function () {
59
+ var editor = _this.props.editor;
60
+ unWrapLinkNode(editor);
61
+ };
62
+ _this.state = {
63
+ isShowLinkMenu: false,
64
+ isShowLinkDialog: false
65
+ };
66
+ return _this;
67
+ }
68
+ _createClass(LinkHoverMenuComponent, [{
69
+ key: "componentWillUnmount",
70
+ value: function componentWillUnmount() {
71
+ this.unregisterEventHandle();
72
+ }
73
+ }, {
74
+ key: "render",
75
+ value: function render() {
76
+ var _this$props = this.props,
77
+ attributes = _this$props.attributes,
78
+ children = _this$props.children,
79
+ element = _this$props.element,
80
+ editor = _this$props.editor;
81
+ var _this$state = this.state,
82
+ isShowLinkDialog = _this$state.isShowLinkDialog,
83
+ isShowLinkMenu = _this$state.isShowLinkMenu,
84
+ menuPosition = _this$state.menuPosition;
85
+ var className = isShowLinkMenu ? 'seafile-ed-hovermenu-mouseclick' : null;
86
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", Object.assign({
87
+ className: className
88
+ }, attributes, {
89
+ onClick: this.onLinkClick
90
+ }), /*#__PURE__*/React.createElement("a", {
91
+ href: element.href,
92
+ title: element.title
93
+ }, children)), isShowLinkDialog && /*#__PURE__*/React.createElement(AddLinkDialog, {
94
+ editor: editor,
95
+ url: element.href,
96
+ title: element.title,
97
+ onLinkDialogToggle: this.onLinkDialogToggle
98
+ }), isShowLinkMenu && /*#__PURE__*/React.createElement(LinkHoverComponent, {
99
+ menuPosition: menuPosition,
100
+ editor: editor,
101
+ href: element.href,
102
+ onEditLink: this.onEditToggle,
103
+ onDeleteLink: this.deleteLink
104
+ }));
105
+ }
106
+ }]);
107
+ return LinkHoverMenuComponent;
108
+ }(React.Component);
109
+ var renderLink = function renderLink(props, editor) {
110
+ return /*#__PURE__*/React.createElement(LinkHoverMenuComponent, Object.assign({}, props, {
111
+ editor: editor
112
+ }));
113
+ };
114
+ export default renderLink;
@@ -1,6 +1,6 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
2
  import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
3
- import { Editor, Element } from 'slate';
3
+ import { Editor, Element } from '@seafile/slate';
4
4
  import { PARAGRAPH } from '../../constants';
5
5
  import { getSelectedNodeByType } from '../../core';
6
6
  import { toggleList } from './transforms';
@@ -6,7 +6,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
6
  import React from 'react';
7
7
  import { MENUS_CONFIG_MAP, ORDERED_LIST, UNORDERED_LIST } from '../../../constants';
8
8
  import { focusEditor } from '../../../core';
9
- import { MenuItem } from '../../../menu/';
9
+ import { MenuItem } from '../../../menu';
10
10
  import { getListType, isMenuDisabled, setListType } from '../helpers';
11
11
  var ListMenu = /*#__PURE__*/function (_React$Component) {
12
12
  _inherits(ListMenu, _React$Component);
@@ -1,5 +1,5 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import { Node, Element, Transforms, Path } from 'slate';
2
+ import { Node, Element, Transforms, Path } from '@seafile/slate';
3
3
  import { LIST_ITEM, LIST_LIC, PARAGRAPH } from '../../../constants';
4
4
  import { getChildren, getNode, getPreviousPath, match } from '../../../core';
5
5
  import { getListTypes } from '../queries';
@@ -1,6 +1,6 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import isHotkey from 'is-hotkey';
3
- import { Editor, Range, Transforms } from 'slate';
3
+ import { Editor, Range, Transforms } from '@seafile/slate';
4
4
  import { LIST_ITEM } from '../../../constants';
5
5
  import { findNode } from '../../../core';
6
6
  import { moveListItems } from '../transforms';
@@ -1,4 +1,4 @@
1
- import { Editor, Element, Range, Node } from 'slate';
1
+ import { Editor, Element, Range, Node } from '@seafile/slate';
2
2
  import { LIST_ITEM, ORDERED_LIST, UNORDERED_LIST } from '../../../constants';
3
3
  export var getListTypes = function getListTypes() {
4
4
  return [ORDERED_LIST, UNORDERED_LIST];
@@ -6,17 +6,24 @@ var renderList = function renderList(props, editor) {
6
6
  node = props.element;
7
7
  var Tag = node.type === ORDERED_LIST ? 'ol' : 'ul';
8
8
  return /*#__PURE__*/React.createElement(Tag, Object.assign({
9
+ "data-id": node.id,
9
10
  className: "dlThau"
10
11
  }, attributes), children);
11
12
  };
12
13
  var renderListItem = function renderListItem(props, editor) {
13
14
  var attributes = props.attributes,
14
- children = props.children;
15
- return /*#__PURE__*/React.createElement("li", attributes, children);
15
+ children = props.children,
16
+ element = props.element;
17
+ return /*#__PURE__*/React.createElement("li", Object.assign({
18
+ "data-id": element.id
19
+ }, attributes), children);
16
20
  };
17
21
  var renderListLic = function renderListLic(props, editor) {
18
22
  var attributes = props.attributes,
19
- children = props.children;
20
- return /*#__PURE__*/React.createElement("div", attributes, children);
23
+ children = props.children,
24
+ element = props.element;
25
+ return /*#__PURE__*/React.createElement("div", Object.assign({
26
+ "data-id": element.id
27
+ }, attributes), children);
21
28
  };
22
29
  export { renderList, renderListItem, renderListLic };
@@ -1,8 +1,8 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
- import { Transforms, Editor, Path, Range } from 'slate';
3
+ import { Transforms, Editor, Path, Range } from '@seafile/slate';
4
4
  import { LIST_ITEM, LIST_LIC } from '../../../constants';
5
- import { getAboveNode, isBlockTextEmptyAfterSelection, isStartPoint } from '../../../core';
5
+ import { generateEmptyElement, getAboveNode, isBlockTextEmptyAfterSelection, isStartPoint } from '../../../core';
6
6
  export var insertListItem = function insertListItem(editor) {
7
7
  var licEntry = getAboveNode(editor, {
8
8
  match: {
@@ -33,16 +33,14 @@ export var insertListItem = function insertListItem(editor) {
33
33
  var nextListItemPath = Path.next(listItemPath);
34
34
  if (_isStartPoint) {
35
35
  // listItem 有内容,光标在开始
36
- var listItem = {
36
+ var licItem = generateEmptyElement(LIST_LIC);
37
+ Transforms.insertNodes(editor, licItem, {
38
+ at: listItemPath
39
+ });
40
+ Transforms.wrapNodes(editor, {
37
41
  type: LIST_ITEM,
38
- children: [{
39
- type: LIST_LIC,
40
- children: [{
41
- 'text': ''
42
- }]
43
- }]
44
- };
45
- Transforms.insertNodes(editor, listItem, {
42
+ children: []
43
+ }, {
46
44
  at: listItemPath
47
45
  });
48
46
  success = true;
@@ -70,18 +68,15 @@ export var insertListItem = function insertListItem(editor) {
70
68
  var _Editor$marks;
71
69
  // listItem 有内容,光标在结尾
72
70
  var marks = (_Editor$marks = Editor.marks(editor)) === null || _Editor$marks === void 0 ? void 0 : _Editor$marks.key;
73
- var _listItem = {
71
+ var _licItem = generateEmptyElement(LIST_LIC);
72
+ Transforms.insertNodes(editor, _objectSpread(_objectSpread({}, _licItem), marks), {
73
+ at: nextListItemPath
74
+ });
75
+ Transforms.wrapNodes(editor, {
74
76
  type: LIST_ITEM,
75
- children: [{
76
- type: LIST_LIC,
77
- children: [_objectSpread({
78
- 'text': ''
79
- }, marks)]
80
- }]
81
- };
82
- Transforms.insertNodes(editor, _listItem, {
83
- at: nextListItemPath,
84
- select: true
77
+ children: []
78
+ }, {
79
+ at: nextListItemPath
85
80
  });
86
81
  Transforms.select(editor, nextListItemPath);
87
82
  success = true;
@@ -1,5 +1,5 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import { Transforms, Path, Editor } from 'slate';
2
+ import { Transforms, Path, Editor } from '@seafile/slate';
3
3
  import { getListTypes } from '../queries';
4
4
  export var movedListItemDown = function movedListItemDown(editor, _ref) {
5
5
  var list = _ref.list,
@@ -1,5 +1,5 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import { Transforms, Path, Editor } from 'slate';
2
+ import { Transforms, Path, Editor } from '@seafile/slate';
3
3
  import { LIST_ITEM } from '../../../constants';
4
4
  import { getAboveNode, getNode, isLastChild } from '../../../core';
5
5
  import { hasListChild } from '../queries';
@@ -1,4 +1,4 @@
1
- import { Editor, Path, Transforms } from 'slate';
1
+ import { Editor, Path, Transforms } from '@seafile/slate';
2
2
  import { findDescendant, getLastChildPath, moveChildren } from '../../../core';
3
3
  import { getListTypes } from '../queries';
4
4
  export var moveListItemsToList = function moveListItemsToList(editor, _ref) {
@@ -1,4 +1,4 @@
1
- import { Editor, Path } from 'slate';
1
+ import { Editor, Path } from '@seafile/slate';
2
2
  import { LIST_LIC } from '../../../constants';
3
3
  import { getNodeEntries } from '../../../core';
4
4
  import { isListNested } from '../queries';
@@ -1,7 +1,7 @@
1
1
  import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
3
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
4
- import { Transforms, Editor, Path, Element } from 'slate';
4
+ import { Transforms, Editor, Path, Element } from '@seafile/slate';
5
5
  import { LIST_LIC } from '../../../constants';
6
6
  import { getChildren, getDeepInlineChildren, match } from '../../../core';
7
7
  import { getListTypes } from '../queries';
@@ -1,5 +1,5 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import { Transforms, Path, Editor } from 'slate';
2
+ import { Transforms, Path, Editor } from '@seafile/slate';
3
3
  import { ORDERED_LIST, UNORDERED_LIST } from '../../../constants';
4
4
  import { match } from '../../../core';
5
5
  export var normalizeNestedList = function normalizeNestedList(editor) {
@@ -1,6 +1,6 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
- import { Node, Range, Transforms, Element, Editor } from 'slate';
3
+ import { Node, Range, Transforms, Element, Editor } from '@seafile/slate';
4
4
  import { LIST_ITEM, LIST_LIC, PARAGRAPH } from '../../../constants';
5
5
  import { findNode, getNodeEntries, getNodeType, getSelectedNodeEntryByType, isRangeAcrossBlocks } from '../../../core';
6
6
  import { getListItemEntry, getListTypes } from '../queries';