@seafile/sdoc-editor 0.1.91 → 0.1.92
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/api/sdoc-server-api.js +58 -0
- package/dist/api/seafile-api.js +14 -1
- package/dist/basic-sdk/comment/comment/comment-editor.js +53 -0
- package/dist/basic-sdk/comment/{comment-item.js → comment/comment-item-content.js} +29 -14
- package/dist/basic-sdk/comment/comment/comment-item-reply.js +112 -0
- package/dist/basic-sdk/comment/comment/comment-item-wrapper.js +208 -0
- package/dist/basic-sdk/comment/{comment-list.js → comment/comment-list.js} +58 -71
- package/dist/basic-sdk/comment/{comment.js → comment/index.js} +4 -4
- package/dist/basic-sdk/comment/{style.css → comment/style.css} +43 -8
- package/dist/basic-sdk/comment/dialogs/delete-comment-dialog.js +11 -4
- package/dist/basic-sdk/comment/hooks/use-comment-mount.js +5 -1
- package/dist/basic-sdk/comment/reducer/comment-reducer.js +82 -0
- package/dist/basic-sdk/editor.js +3 -4
- package/dist/basic-sdk/extension/commons/color-menu/index.js +6 -5
- package/dist/basic-sdk/extension/plugins/table/helpers.js +85 -30
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/cell-bg-color-menu.js +35 -0
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/cell-text-align-menu.js +43 -0
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/index.js +31 -171
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/remove-table-menu.js +26 -0
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/table-column-menu.js +35 -0
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/table-row-menu.js +35 -0
- package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.js +1 -0
- package/dist/basic-sdk/extension/plugins/text-style/menu/index.js +6 -8
- package/dist/basic-sdk/hooks/use-color-context.js +48 -0
- package/dist/components/common-loading/index.css +54 -0
- package/dist/components/common-loading/index.js +8 -0
- package/dist/components/doc-info/index.js +5 -2
- package/dist/components/doc-operations/revision-operations/index.js +2 -1
- package/dist/components/doc-operations/revision-operations/revisions/index.css +16 -0
- package/dist/components/doc-operations/revision-operations/revisions/index.js +49 -0
- package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/index.css +120 -0
- package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/index.js +174 -0
- package/dist/components/doc-operations/style.css +13 -0
- package/dist/context.js +27 -0
- package/dist/model/index.js +2 -0
- package/dist/model/revision.js +35 -0
- package/package.json +1 -1
- package/public/locales/en/sdoc-editor.json +11 -1
- package/public/locales/zh-CN/sdoc-editor.json +11 -1
- package/dist/basic-sdk/comment/comment-editor.js +0 -73
- package/dist/basic-sdk/hooks/use-font-color-context.js +0 -28
- package/dist/basic-sdk/hooks/use-highlight-color-context.js +0 -28
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
-
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
-
import dayjs from 'dayjs';
|
|
5
|
-
import context from '../../context';
|
|
6
|
-
var CommentEditor = function CommentEditor(_ref) {
|
|
7
|
-
var comment = _ref.comment,
|
|
8
|
-
placeholder = _ref.placeholder,
|
|
9
|
-
selectionElement = _ref.selectionElement,
|
|
10
|
-
insertComment = _ref.insertComment,
|
|
11
|
-
updateComment = _ref.updateComment;
|
|
12
|
-
var user = useMemo(function () {
|
|
13
|
-
return context.getUserInfo();
|
|
14
|
-
}, []);
|
|
15
|
-
var _useState = useState(comment ? comment.comment : ''),
|
|
16
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
17
|
-
value = _useState2[0],
|
|
18
|
-
setValue = _useState2[1];
|
|
19
|
-
var onChange = useCallback(function (event) {
|
|
20
|
-
setValue(event.target.value);
|
|
21
|
-
}, []);
|
|
22
|
-
var updateValue = useCallback(function (value, comment) {
|
|
23
|
-
if (!value || value.trim() === '') return;
|
|
24
|
-
var time = dayjs().format('YYYY-MM-DD HH:mm:ss');
|
|
25
|
-
var elementId = selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id;
|
|
26
|
-
if (!comment) {
|
|
27
|
-
var _comment = {
|
|
28
|
-
comment: value,
|
|
29
|
-
detail: {
|
|
30
|
-
element_id: elementId,
|
|
31
|
-
comment: value
|
|
32
|
-
},
|
|
33
|
-
author: user.username,
|
|
34
|
-
updated_at: time
|
|
35
|
-
};
|
|
36
|
-
insertComment(elementId, _comment);
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
var newComment = {
|
|
40
|
-
comment: value,
|
|
41
|
-
detail: _objectSpread(_objectSpread({}, comment.detail), {}, {
|
|
42
|
-
comment: value
|
|
43
|
-
}),
|
|
44
|
-
updated_at: time
|
|
45
|
-
};
|
|
46
|
-
var eleId = newComment.detail.element_id;
|
|
47
|
-
updateComment(eleId, comment.id, newComment);
|
|
48
|
-
}, [insertComment, selectionElement, updateComment, user.username]);
|
|
49
|
-
var onBlur = useCallback(function () {
|
|
50
|
-
updateValue(value, comment);
|
|
51
|
-
}, [comment, updateValue, value]);
|
|
52
|
-
var onKeyDown = useCallback(function (event) {
|
|
53
|
-
if (event.keyCode === 13) {
|
|
54
|
-
onBlur();
|
|
55
|
-
setValue('');
|
|
56
|
-
}
|
|
57
|
-
}, [onBlur]);
|
|
58
|
-
var inputRef = useRef();
|
|
59
|
-
useEffect(function () {
|
|
60
|
-
if (comment) inputRef.current.focus();
|
|
61
|
-
}, [comment]);
|
|
62
|
-
placeholder = placeholder ? placeholder : '请输入评论';
|
|
63
|
-
return /*#__PURE__*/React.createElement("input", {
|
|
64
|
-
ref: inputRef,
|
|
65
|
-
className: "comment-editor",
|
|
66
|
-
value: value,
|
|
67
|
-
placeholder: placeholder,
|
|
68
|
-
onChange: onChange,
|
|
69
|
-
onKeyDown: onKeyDown,
|
|
70
|
-
onBlur: onBlur
|
|
71
|
-
});
|
|
72
|
-
};
|
|
73
|
-
export default CommentEditor;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
-
import React, { useContext, useState } from 'react';
|
|
3
|
-
import { DEFAULT_LAST_USED_FONT_COLOR } from '../extension/constants';
|
|
4
|
-
export var FontColorContext = React.createContext(null);
|
|
5
|
-
export var FontColorProvider = function FontColorProvider(props) {
|
|
6
|
-
var _useState = useState(DEFAULT_LAST_USED_FONT_COLOR),
|
|
7
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
-
color = _useState2[0],
|
|
9
|
-
updateColor = _useState2[1];
|
|
10
|
-
return /*#__PURE__*/React.createElement(FontColorContext.Provider, {
|
|
11
|
-
value: {
|
|
12
|
-
color: color,
|
|
13
|
-
updateColor: updateColor
|
|
14
|
-
}
|
|
15
|
-
}, props.children);
|
|
16
|
-
};
|
|
17
|
-
export var useFontColorContext = function useFontColorContext() {
|
|
18
|
-
var context = useContext(FontColorContext);
|
|
19
|
-
if (!context) {
|
|
20
|
-
throw new Error('\'FontColorContext\' is null');
|
|
21
|
-
}
|
|
22
|
-
var color = context.color,
|
|
23
|
-
updateColor = context.updateColor;
|
|
24
|
-
return {
|
|
25
|
-
color: color,
|
|
26
|
-
updateColor: updateColor
|
|
27
|
-
};
|
|
28
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
-
import React, { useContext, useState } from 'react';
|
|
3
|
-
import { DEFAULT_LAST_USED_HIGHLIGHT_COLOR } from '../extension/constants';
|
|
4
|
-
export var HighlightColorContext = React.createContext(null);
|
|
5
|
-
export var HighlightColorProvider = function HighlightColorProvider(props) {
|
|
6
|
-
var _useState = useState(DEFAULT_LAST_USED_HIGHLIGHT_COLOR),
|
|
7
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
-
color = _useState2[0],
|
|
9
|
-
updateColor = _useState2[1];
|
|
10
|
-
return /*#__PURE__*/React.createElement(HighlightColorContext.Provider, {
|
|
11
|
-
value: {
|
|
12
|
-
color: color,
|
|
13
|
-
updateColor: updateColor
|
|
14
|
-
}
|
|
15
|
-
}, props.children);
|
|
16
|
-
};
|
|
17
|
-
export var useHighlightColorContext = function useHighlightColorContext() {
|
|
18
|
-
var context = useContext(HighlightColorContext);
|
|
19
|
-
if (!context) {
|
|
20
|
-
throw new Error('\'HighlightColorContext\' is null');
|
|
21
|
-
}
|
|
22
|
-
var color = context.color,
|
|
23
|
-
updateColor = context.updateColor;
|
|
24
|
-
return {
|
|
25
|
-
color: color,
|
|
26
|
-
updateColor: updateColor
|
|
27
|
-
};
|
|
28
|
-
};
|