@seafile/sdoc-editor 1.0.95 → 1.0.97-beta
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/basic-sdk/constants/index.js +2 -1
- package/dist/basic-sdk/extension/plugins/code-block/prismjs.js +2 -2
- package/dist/basic-sdk/extension/plugins/list/plugin/insert-fragment-list.js +1 -1
- package/dist/basic-sdk/extension/plugins/paragraph/{plugin/index.js → plugin.js} +15 -3
- package/dist/basic-sdk/highlight/setNodeToDecorations.js +0 -3
- package/dist/basic-sdk/layout/article-container.js +5 -1
- package/dist/basic-sdk/right-panel/index.js +17 -7
- package/package.json +1 -1
|
@@ -45,7 +45,8 @@ const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
|
|
|
45
45
|
TABLE_HIDE_DRAG_HANDLER: 'table_show_drag_handler',
|
|
46
46
|
ON_PRINT: 'on_print',
|
|
47
47
|
COMMENT_EDITOR_POST_COMMENT: 'comment_editor_post_comment',
|
|
48
|
-
CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog'
|
|
48
|
+
CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog',
|
|
49
|
+
RESIZE_ARTICLE: 'resize_article'
|
|
49
50
|
};
|
|
50
51
|
const REVISION_DIFF_KEY = exports.REVISION_DIFF_KEY = 'diff';
|
|
51
52
|
const REVISION_DIFF_VALUE = exports.REVISION_DIFF_VALUE = '1';
|
|
@@ -139,7 +139,7 @@ const insertFragmentList = editor => {
|
|
|
139
139
|
mode: 'lowest'
|
|
140
140
|
});
|
|
141
141
|
if (!liEntry) {
|
|
142
|
-
const nodes = isListRoot(fragment
|
|
142
|
+
const nodes = isListRoot(fragment) ? [(0, _core.generateDefaultText)(), ...fragment] : fragment;
|
|
143
143
|
return _insertFragment(nodes);
|
|
144
144
|
}
|
|
145
145
|
_slate.Transforms.insertFragment(editor, [(0, _core.generateDefaultText)()]); // need ' '
|
|
@@ -7,14 +7,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _isHotkey = _interopRequireDefault(require("is-hotkey"));
|
|
9
9
|
var _slate = require("@seafile/slate");
|
|
10
|
-
var _core = require("
|
|
11
|
-
var _constants = require("
|
|
10
|
+
var _core = require("../../core");
|
|
11
|
+
var _constants = require("../../constants");
|
|
12
12
|
const withParagraph = editor => {
|
|
13
13
|
const {
|
|
14
14
|
handleTab,
|
|
15
15
|
insertText,
|
|
16
16
|
deleteBackward,
|
|
17
|
-
onHotKeyDown
|
|
17
|
+
onHotKeyDown,
|
|
18
|
+
insertFragment
|
|
18
19
|
} = editor;
|
|
19
20
|
const newEditor = editor;
|
|
20
21
|
newEditor.handleTab = event => {
|
|
@@ -126,6 +127,17 @@ const withParagraph = editor => {
|
|
|
126
127
|
}
|
|
127
128
|
return onHotKeyDown && onHotKeyDown(event);
|
|
128
129
|
};
|
|
130
|
+
newEditor.insertFragment = data => {
|
|
131
|
+
var _data$, _data$$children;
|
|
132
|
+
const paragraphBlock = (0, _core.getSelectedNodeByType)(editor, _constants.PARAGRAPH);
|
|
133
|
+
const isSingleListItem = data.length === 1 && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : (_data$$children = _data$.children) === null || _data$$children === void 0 ? void 0 : _data$$children.length) === 1 && _constants.LIST_TYPE_ARRAY.includes(data[0].type);
|
|
134
|
+
if (paragraphBlock && isSingleListItem) {
|
|
135
|
+
const text = _slate.Node.string(data[0]);
|
|
136
|
+
editor.insertText(text);
|
|
137
|
+
return;
|
|
138
|
+
}
|
|
139
|
+
insertFragment(data);
|
|
140
|
+
};
|
|
129
141
|
return newEditor;
|
|
130
142
|
};
|
|
131
143
|
var _default = exports.default = withParagraph;
|
|
@@ -27,11 +27,8 @@ const getChildNodeToDecorations = _ref => {
|
|
|
27
27
|
const nodeToDecorations = new Map();
|
|
28
28
|
const text = block.children.map(line => _slate.Node.string(line)).join('\n');
|
|
29
29
|
const language = (0, _helpers.getValidLang)(block.language);
|
|
30
|
-
console.log(language);
|
|
31
|
-
console.log(_prismjs.default.languages);
|
|
32
30
|
let tokens = _prismjs.default.tokenize(text, _prismjs.default.languages[language]);
|
|
33
31
|
if (Object.keys(_prismjs.normalizeTokensByLanguageType).includes(language)) {
|
|
34
|
-
console.log(language);
|
|
35
32
|
tokens = _prismjs.normalizeTokensByLanguageType[language](tokens);
|
|
36
33
|
}
|
|
37
34
|
const normalizedTokens = (0, _prismjs.normalizeTokens)(tokens); // make tokens flat and grouped by line
|
|
@@ -53,7 +53,11 @@ function ArticleContainer(_ref) {
|
|
|
53
53
|
(0, _react.useEffect)(() => {
|
|
54
54
|
const eventBus = _eventBus.default.getInstance();
|
|
55
55
|
const unsubscribeOutline = eventBus.subscribe(_constants.INTERNAL_EVENT.OUTLINE_STATE_CHANGED, handleWindowResize);
|
|
56
|
-
|
|
56
|
+
const unsubscribeResizeArticle = eventBus.subscribe(_constants.INTERNAL_EVENT.RESIZE_ARTICLE, handleWindowResize);
|
|
57
|
+
return () => {
|
|
58
|
+
unsubscribeOutline();
|
|
59
|
+
unsubscribeResizeArticle();
|
|
60
|
+
};
|
|
57
61
|
}, [handleWindowResize]);
|
|
58
62
|
(0, _react.useEffect)(() => {
|
|
59
63
|
if (editor.editorType === _constants.WIKI_EDITOR) return;
|
|
@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _hooks = require("../../hooks");
|
|
11
11
|
var _resizeWidth = _interopRequireDefault(require("./resize-width"));
|
|
12
12
|
var _constants = require("../constants");
|
|
13
|
+
var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
|
|
13
14
|
require("./index.css");
|
|
14
15
|
const MIN_PANEL_WIDTH = 360;
|
|
15
16
|
const MAX_PANEL_WIDTH = 620;
|
|
@@ -40,17 +41,26 @@ const RightPanel = _ref => {
|
|
|
40
41
|
setWidth(width);
|
|
41
42
|
}, []);
|
|
42
43
|
const resizeWidthEnd = (0, _react.useCallback)(width => {
|
|
43
|
-
window.localStorage.
|
|
44
|
+
const settings = JSON.parse(window.localStorage.getItem('sdoc') || '{}');
|
|
45
|
+
window.localStorage.setItem('sdoc', JSON.stringify({
|
|
46
|
+
...settings,
|
|
47
|
+
panelWidth: width
|
|
48
|
+
}));
|
|
49
|
+
const eventBus = _eventBus.default.getInstance();
|
|
50
|
+
eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
|
|
44
51
|
}, []);
|
|
45
52
|
(0, _react.useEffect)(() => {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
}
|
|
53
|
+
const settings = JSON.parse(window.localStorage.getItem('sdoc', '{}')) || {};
|
|
54
|
+
const {
|
|
55
|
+
panelWidth
|
|
56
|
+
} = settings;
|
|
57
|
+
const width = Math.max(MIN_PANEL_WIDTH, Math.min(parseInt(panelWidth, 10) || MIN_PANEL_WIDTH, MAX_PANEL_WIDTH));
|
|
52
58
|
setWidth(width);
|
|
53
59
|
}, []);
|
|
60
|
+
(0, _react.useEffect)(() => {
|
|
61
|
+
const eventBus = _eventBus.default.getInstance();
|
|
62
|
+
eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
|
|
63
|
+
}, [displayPluginName]);
|
|
54
64
|
if (!displayPluginName) return null;
|
|
55
65
|
const plugin = plugins.find(p => p.name === displayPluginName);
|
|
56
66
|
if (!plugin) return null;
|