@seafile/sdoc-editor 3.0.230 → 3.0.232
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.
|
@@ -315,11 +315,6 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
|
|
|
315
315
|
iconClass: 'sdocfont sdoc-link',
|
|
316
316
|
type: _elementType.LINK,
|
|
317
317
|
text: 'Link'
|
|
318
|
-
}), _elementType.FILE, {
|
|
319
|
-
id: 'sdoc-side-menu-item-file-link',
|
|
320
|
-
iconClass: 'sdocfont sdoc-link-file',
|
|
321
|
-
type: _elementType.FILE,
|
|
322
|
-
text: 'File'
|
|
323
318
|
}), _elementType.EMBED_LINK, {
|
|
324
319
|
id: '',
|
|
325
320
|
iconClass: 'sdocfont sdoc-embed-link',
|
|
@@ -344,12 +339,12 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
|
|
|
344
339
|
iconClass: 'sdocfont sdoc-list-ul',
|
|
345
340
|
type: _elementType.UNORDERED_LIST,
|
|
346
341
|
text: 'Unordered_list'
|
|
347
|
-
}),
|
|
342
|
+
}), _elementType.CHECK_LIST_ITEM, {
|
|
348
343
|
id: '',
|
|
349
344
|
iconClass: 'sdocfont sdoc-check-square',
|
|
350
345
|
type: _elementType.CHECK_LIST_ITEM,
|
|
351
346
|
text: 'Check_list'
|
|
352
|
-
}), _elementType.PARAGRAPH, {
|
|
347
|
+
}), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_CO, _elementType.PARAGRAPH, {
|
|
353
348
|
id: _elementType.PARAGRAPH,
|
|
354
349
|
iconClass: 'sdocfont sdoc-text',
|
|
355
350
|
type: _elementType.PARAGRAPH,
|
|
@@ -410,8 +405,8 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
|
|
|
410
405
|
type: _elementType.FORMULA,
|
|
411
406
|
text: 'Formula'
|
|
412
407
|
}));
|
|
413
|
-
var SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = (_SIDE_INSERT_MENUS_SE = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.
|
|
414
|
-
var SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = exports.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = (_SIDE_QUICK_INSERT_ME = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.
|
|
408
|
+
var SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = (_SIDE_INSERT_MENUS_SE = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.CODE_BLOCK, 'Code_block'), _elementType.CALL_OUT, 'Callout'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), (0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.TOGGLE_HEADER3, 'Toggle_header_three'));
|
|
409
|
+
var SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = exports.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = (_SIDE_QUICK_INSERT_ME = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.CODE_BLOCK, 'Code_block'), _elementType.CALL_OUT, 'Callout'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.FORMULA, 'Formula'), _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), _elementType.TOGGLE_HEADER3, 'Toggle_header_three'), _elementType.EMBED_LINK, 'Embed_link'));
|
|
415
410
|
|
|
416
411
|
// Other operations menu config
|
|
417
412
|
var SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP = exports.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP = {
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
10
|
-
var
|
|
10
|
+
var _objectSpread5 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -16,7 +16,6 @@ var _reactstrap = require("reactstrap");
|
|
|
16
16
|
var _slate = require("@seafile/slate");
|
|
17
17
|
var _slateReact = require("@seafile/slate-react");
|
|
18
18
|
var _constants = require("../../../constants");
|
|
19
|
-
var _context = _interopRequireDefault(require("../../../context"));
|
|
20
19
|
var _commonUtils = require("../../../utils/common-utils");
|
|
21
20
|
var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
|
|
22
21
|
var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
|
|
@@ -26,14 +25,13 @@ var _core = require("../../core");
|
|
|
26
25
|
var _helper = require("../../plugins/callout/helper");
|
|
27
26
|
var _helpers = require("../../plugins/check-list/helpers");
|
|
28
27
|
var _helpers2 = require("../../plugins/code-block/helpers");
|
|
29
|
-
var _helpers3 = require("../../plugins/file-link/helpers");
|
|
30
28
|
var _transforms = require("../../plugins/list/transforms");
|
|
31
29
|
var _helper2 = require("../../plugins/multi-column/helper");
|
|
32
|
-
var
|
|
30
|
+
var _helpers3 = require("../../plugins/table/helpers");
|
|
33
31
|
var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
|
|
34
|
-
var
|
|
32
|
+
var _helpers4 = require("../../plugins/video/helpers");
|
|
35
33
|
var _utils = require("../../utils");
|
|
36
|
-
var
|
|
34
|
+
var _helpers5 = require("../side-toolbar/helpers");
|
|
37
35
|
var _const = require("./const");
|
|
38
36
|
require("./style.css");
|
|
39
37
|
// import { insertToggleHeader } from '../../plugins/toggle-header/helper';
|
|
@@ -59,7 +57,6 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
59
57
|
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
60
58
|
quickInsertMenuSearchMap = _useState4[0],
|
|
61
59
|
setQuickInsertMenuSearchMap = _useState4[1];
|
|
62
|
-
var hasLinkedRepos = _context["default"].hasLinkedRepos();
|
|
63
60
|
var onInsertImageToggle = (0, _react.useCallback)(function () {
|
|
64
61
|
callback && callback();
|
|
65
62
|
var eventBus = _eventBus["default"].getInstance();
|
|
@@ -112,14 +109,14 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
112
109
|
var eventBus = _eventBus["default"].getInstance();
|
|
113
110
|
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
114
111
|
type: _constants2.ELEMENT_TYPE.VIDEO,
|
|
115
|
-
insertVideo:
|
|
112
|
+
insertVideo: _helpers4.insertVideo
|
|
116
113
|
});
|
|
117
114
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
118
115
|
}, []);
|
|
119
116
|
var createTable = (0, _react.useCallback)(function (size) {
|
|
120
117
|
callback && callback();
|
|
121
118
|
var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
|
|
122
|
-
(0,
|
|
119
|
+
(0, _helpers3.insertTable)(editor, size, editor.selection, newInsertPosition);
|
|
123
120
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
124
121
|
}, [editor, insertPosition, slateNode]);
|
|
125
122
|
var openLinkDialog = (0, _react.useCallback)(function () {
|
|
@@ -132,18 +129,6 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
132
129
|
});
|
|
133
130
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
134
131
|
}, [insertPosition]);
|
|
135
|
-
var openSelectFileDialog = (0, _react.useCallback)(function () {
|
|
136
|
-
callback && callback();
|
|
137
|
-
if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
138
|
-
(0, _helpers6.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
|
|
139
|
-
}
|
|
140
|
-
var eventBus = _eventBus["default"].getInstance();
|
|
141
|
-
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
142
|
-
type: _constants2.ELEMENT_TYPE.FILE,
|
|
143
|
-
insertFileLinkCallback: _helpers3.insertFileLink
|
|
144
|
-
});
|
|
145
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
146
|
-
}, [editor, insertPosition]);
|
|
147
132
|
var addEmbedLinkDialog = (0, _react.useCallback)(function () {
|
|
148
133
|
callback && callback();
|
|
149
134
|
var eventBus = _eventBus["default"].getInstance();
|
|
@@ -172,7 +157,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
172
157
|
}, [editor, insertPosition, slateNode]);
|
|
173
158
|
var onInsert = (0, _react.useCallback)(function (type) {
|
|
174
159
|
callback && callback();
|
|
175
|
-
(0,
|
|
160
|
+
(0, _helpers5.insertElement)(editor, type, insertPosition);
|
|
176
161
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
177
162
|
}, [editor, insertPosition, slateNode]);
|
|
178
163
|
var onInsertCallout = (0, _react.useCallback)(function (type) {
|
|
@@ -185,7 +170,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
185
170
|
}
|
|
186
171
|
});
|
|
187
172
|
} else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
188
|
-
(0,
|
|
173
|
+
(0, _helpers5.insertElement)(editor, type, insertPosition);
|
|
189
174
|
(0, _helper.wrapCallout)(editor);
|
|
190
175
|
}
|
|
191
176
|
}, [callback, editor, insertPosition]);
|
|
@@ -263,11 +248,11 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
263
248
|
(0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
|
|
264
249
|
}, [callback, editor, insertPosition, slateNode]);
|
|
265
250
|
var dropDownItems = (0, _react.useMemo)(function () {
|
|
266
|
-
var items = (0,
|
|
251
|
+
var items = (0, _objectSpread5["default"])((0, _objectSpread5["default"])((0, _objectSpread5["default"])((0, _defineProperty2["default"])({}, _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
267
252
|
isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
|
|
268
253
|
disabled: isEmptyNode,
|
|
269
254
|
key: "sdoc-insert-menu-paragraph",
|
|
270
|
-
menuConfig: (0,
|
|
255
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
|
|
271
256
|
onClick: function onClick() {
|
|
272
257
|
return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
|
|
273
258
|
}
|
|
@@ -285,27 +270,27 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
285
270
|
}, {})), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
286
271
|
isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
|
|
287
272
|
key: "sdoc-insert-menu-unorder-list",
|
|
288
|
-
menuConfig: (0,
|
|
273
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
|
|
289
274
|
onClick: function onClick() {
|
|
290
275
|
onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
|
|
291
276
|
}
|
|
292
277
|
})), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
293
278
|
isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
|
|
294
279
|
key: "sdoc-insert-menu-order-list",
|
|
295
|
-
menuConfig: (0,
|
|
280
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
|
|
296
281
|
onClick: function onClick() {
|
|
297
282
|
onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
|
|
298
283
|
}
|
|
299
284
|
})), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
300
285
|
isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
|
|
301
286
|
key: "sdoc-insert-menu-check-list",
|
|
302
|
-
menuConfig: (0,
|
|
287
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
|
|
303
288
|
onClick: onInsertCheckList
|
|
304
289
|
})), _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
305
290
|
isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
|
|
306
291
|
disabled: isDisableImage,
|
|
307
292
|
key: "sdoc-insert-menu-image",
|
|
308
|
-
menuConfig: (0,
|
|
293
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]),
|
|
309
294
|
onClick: onInsertImageToggle
|
|
310
295
|
})), editor.editorType !== _constants.DOCUMENT_PLUGIN_EDITOR && (0, _defineProperty2["default"])({}, _constants2.VIDEO,
|
|
311
296
|
/*#__PURE__*/
|
|
@@ -314,7 +299,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
314
299
|
isHidden: !quickInsertMenuSearchMap[_constants2.VIDEO],
|
|
315
300
|
disabled: isDisableVideo,
|
|
316
301
|
key: "sdoc-insert-menu-video",
|
|
317
|
-
menuConfig: (0,
|
|
302
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
|
|
318
303
|
className: "pr-2"
|
|
319
304
|
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
320
305
|
className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
|
|
@@ -338,14 +323,14 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
338
323
|
}, t('Add_video_link')), editor.editorType !== _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
|
|
339
324
|
className: "sdoc-dropdown-menu-item",
|
|
340
325
|
onClick: openSelectVideoFileDialog
|
|
341
|
-
}, t('Link_video_file'))))))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.TABLE,
|
|
326
|
+
}, t('Link_video_file'))))))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.TABLE,
|
|
342
327
|
/*#__PURE__*/
|
|
343
328
|
// eslint-disable-next-line react/jsx-indent
|
|
344
329
|
_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
345
330
|
isHidden: !quickInsertMenuSearchMap[_constants2.TABLE],
|
|
346
331
|
disabled: isDisableTable,
|
|
347
332
|
key: "sdoc-insert-menu-table",
|
|
348
|
-
menuConfig: (0,
|
|
333
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
|
|
349
334
|
className: "pr-2"
|
|
350
335
|
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
351
336
|
className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
|
|
@@ -363,29 +348,24 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
363
348
|
}))), _constants2.LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
364
349
|
isHidden: !quickInsertMenuSearchMap[_constants2.LINK],
|
|
365
350
|
key: "sdoc-insert-menu-link",
|
|
366
|
-
menuConfig: (0,
|
|
351
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
|
|
367
352
|
onClick: openLinkDialog
|
|
368
|
-
})),
|
|
369
|
-
isHidden: !quickInsertMenuSearchMap[_constants2.ELEMENT_TYPE.FILE],
|
|
370
|
-
key: "sdoc-insert-menu-file-link",
|
|
371
|
-
menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE]),
|
|
372
|
-
onClick: openSelectFileDialog
|
|
373
|
-
}))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _elementType.EMBED_LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
353
|
+
})), _elementType.EMBED_LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
374
354
|
isHidden: !quickInsertMenuSearchMap[_elementType.EMBED_LINK],
|
|
375
355
|
key: "sdoc-insert-menu-embed-link",
|
|
376
|
-
menuConfig: (0,
|
|
356
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.EMBED_LINK]),
|
|
377
357
|
onClick: addEmbedLinkDialog
|
|
378
358
|
})), _constants2.CODE_BLOCK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
379
359
|
isHidden: !quickInsertMenuSearchMap[_constants2.CODE_BLOCK],
|
|
380
360
|
disabled: isDisableCodeBlock,
|
|
381
361
|
key: "sdoc-insert-menu-code-block",
|
|
382
|
-
menuConfig: (0,
|
|
362
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
|
|
383
363
|
onClick: onInsertCodeBlock
|
|
384
364
|
})), _constants2.CALL_OUT, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
385
365
|
isHidden: !quickInsertMenuSearchMap[_constants2.CALL_OUT],
|
|
386
366
|
disabled: isDisableCallout,
|
|
387
367
|
key: "sdoc-insert-menu-callout",
|
|
388
|
-
menuConfig: (0,
|
|
368
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
|
|
389
369
|
onClick: function onClick() {
|
|
390
370
|
return onInsertCallout(_constants2.PARAGRAPH);
|
|
391
371
|
}
|
|
@@ -393,7 +373,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
393
373
|
isHidden: !quickInsertMenuSearchMap[_constants2.FORMULA],
|
|
394
374
|
disabled: isDisableFormula,
|
|
395
375
|
key: "sdoc-insert-menu-formula",
|
|
396
|
-
menuConfig: (0,
|
|
376
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FORMULA]),
|
|
397
377
|
onClick: onInsertFormula
|
|
398
378
|
})));
|
|
399
379
|
if (_commonUtils.isMobile) {
|
|
@@ -401,28 +381,28 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
401
381
|
isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
|
|
402
382
|
disabled: isEmptyNode,
|
|
403
383
|
key: "sdoc-insert-menu-paragraph",
|
|
404
|
-
menuConfig: (0,
|
|
384
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
|
|
405
385
|
onClick: function onClick() {
|
|
406
386
|
return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
|
|
407
387
|
}
|
|
408
388
|
})), _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
409
389
|
isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
|
|
410
390
|
key: "sdoc-insert-menu-unorder-list",
|
|
411
|
-
menuConfig: (0,
|
|
391
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
|
|
412
392
|
onClick: function onClick() {
|
|
413
393
|
onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
|
|
414
394
|
}
|
|
415
395
|
})), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
416
396
|
isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
|
|
417
397
|
key: "sdoc-insert-menu-order-list",
|
|
418
|
-
menuConfig: (0,
|
|
398
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
|
|
419
399
|
onClick: function onClick() {
|
|
420
400
|
onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
|
|
421
401
|
}
|
|
422
402
|
})), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
423
403
|
isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
|
|
424
404
|
key: "sdoc-insert-menu-check-list",
|
|
425
|
-
menuConfig: (0,
|
|
405
|
+
menuConfig: (0, _objectSpread5["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
|
|
426
406
|
onClick: onInsertCheckList
|
|
427
407
|
}));
|
|
428
408
|
}
|
|
@@ -440,7 +420,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
440
420
|
});
|
|
441
421
|
return items;
|
|
442
422
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
443
|
-
}, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog,
|
|
423
|
+
}, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, addEmbedLinkDialog, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn, isDisableHeader]);
|
|
444
424
|
var getSelectItemDom = function getSelectItemDom(selectIndex) {
|
|
445
425
|
var dropDownItemWrapper = downDownWrapperRef.current;
|
|
446
426
|
var searchedDropDownItemWrapper = [];
|
|
@@ -538,7 +518,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
538
518
|
}, [clearSelectStyle, currentSelectIndex, downDownWrapperRef, onHandleInputFocus]);
|
|
539
519
|
var onChange = (0, _react.useCallback)(function (e) {
|
|
540
520
|
if (!downDownWrapperRef.current.isInputtingChinese) {
|
|
541
|
-
var newMenuSearchMap = (0,
|
|
521
|
+
var newMenuSearchMap = (0, _helpers5.getSearchedOperations)(_constants2.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
|
|
542
522
|
setQuickInsertMenuSearchMap(newMenuSearchMap);
|
|
543
523
|
}
|
|
544
524
|
}, [editor, t]);
|
|
@@ -14,20 +14,18 @@ var _reactstrap = require("reactstrap");
|
|
|
14
14
|
var _slate = require("@seafile/slate");
|
|
15
15
|
var _slateReact = require("@seafile/slate-react");
|
|
16
16
|
var _constants = require("../../../constants");
|
|
17
|
-
var _context = _interopRequireDefault(require("../../../context"));
|
|
18
17
|
var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
|
|
19
18
|
var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
|
|
20
19
|
var _constants2 = require("../../constants");
|
|
21
20
|
var _helper = require("../../plugins/callout/helper");
|
|
22
21
|
var _helpers = require("../../plugins/check-list/helpers");
|
|
23
22
|
var _helpers2 = require("../../plugins/code-block/helpers");
|
|
24
|
-
var _helpers3 = require("../../plugins/file-link/helpers");
|
|
25
23
|
var _transforms = require("../../plugins/list/transforms");
|
|
26
24
|
var _helper2 = require("../../plugins/multi-column/helper");
|
|
27
|
-
var
|
|
25
|
+
var _helpers3 = require("../../plugins/table/helpers");
|
|
28
26
|
var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
|
|
29
|
-
var
|
|
30
|
-
var
|
|
27
|
+
var _helpers4 = require("../../plugins/video/helpers");
|
|
28
|
+
var _helpers5 = require("./helpers");
|
|
31
29
|
// import { insertToggleHeader } from '../../plugins/toggle-header/helper';
|
|
32
30
|
|
|
33
31
|
var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
@@ -40,7 +38,6 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
40
38
|
var editor = (0, _slateReact.useSlateStatic)();
|
|
41
39
|
var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
|
|
42
40
|
t = _useTranslation.t;
|
|
43
|
-
var hasLinkedRepos = _context["default"].hasLinkedRepos();
|
|
44
41
|
var onInsertImageToggle = (0, _react.useCallback)(function () {
|
|
45
42
|
var eventBus = _eventBus["default"].getInstance();
|
|
46
43
|
if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
|
|
@@ -68,7 +65,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
68
65
|
}, [editor, insertPosition]);
|
|
69
66
|
var addVideoLink = (0, _react.useCallback)(function () {
|
|
70
67
|
if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
71
|
-
(0,
|
|
68
|
+
(0, _helpers5.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
|
|
72
69
|
}
|
|
73
70
|
var eventBus = _eventBus["default"].getInstance();
|
|
74
71
|
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
@@ -80,12 +77,12 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
80
77
|
}, [insertPosition, editor]);
|
|
81
78
|
var openSelectVideoFileDialog = (0, _react.useCallback)(function () {
|
|
82
79
|
if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
83
|
-
(0,
|
|
80
|
+
(0, _helpers5.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
|
|
84
81
|
}
|
|
85
82
|
var eventBus = _eventBus["default"].getInstance();
|
|
86
83
|
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
87
84
|
type: _constants2.ELEMENT_TYPE.VIDEO,
|
|
88
|
-
insertVideo:
|
|
85
|
+
insertVideo: _helpers4.insertVideo,
|
|
89
86
|
insertPosition: insertPosition,
|
|
90
87
|
slateNode: slateNode
|
|
91
88
|
});
|
|
@@ -93,7 +90,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
93
90
|
}, [insertPosition, slateNode]);
|
|
94
91
|
var createTable = (0, _react.useCallback)(function (size) {
|
|
95
92
|
var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
|
|
96
|
-
(0,
|
|
93
|
+
(0, _helpers3.insertTable)(editor, size, editor.selection, newInsertPosition);
|
|
97
94
|
|
|
98
95
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
99
96
|
}, [editor, insertPosition, slateNode]);
|
|
@@ -137,14 +134,14 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
137
134
|
// insertToggleHeader(editor, type, insertPosition);
|
|
138
135
|
// return;
|
|
139
136
|
// }
|
|
140
|
-
(0,
|
|
137
|
+
(0, _helpers5.insertElement)(editor, type, insertPosition);
|
|
141
138
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
142
139
|
}, [editor, insertPosition, slateNode]);
|
|
143
140
|
var onInsertCallout = (0, _react.useCallback)(function (type) {
|
|
144
141
|
if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
|
|
145
142
|
(0, _helper.wrapCallout)(editor);
|
|
146
143
|
} else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
147
|
-
(0,
|
|
144
|
+
(0, _helpers5.insertElement)(editor, type, insertPosition);
|
|
148
145
|
(0, _helper.wrapCallout)(editor);
|
|
149
146
|
}
|
|
150
147
|
}, [editor, insertPosition]);
|
|
@@ -152,17 +149,6 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
152
149
|
var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
|
|
153
150
|
(0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
|
|
154
151
|
}, [editor, insertPosition, slateNode]);
|
|
155
|
-
var openSelectFileDialog = (0, _react.useCallback)(function () {
|
|
156
|
-
if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
157
|
-
(0, _helpers6.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
|
|
158
|
-
}
|
|
159
|
-
var eventBus = _eventBus["default"].getInstance();
|
|
160
|
-
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
161
|
-
type: _constants2.ELEMENT_TYPE.FILE,
|
|
162
|
-
insertFileLinkCallback: _helpers3.insertFileLink
|
|
163
|
-
});
|
|
164
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
165
|
-
}, [editor, insertPosition]);
|
|
166
152
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]].concat((0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER])).map(function (item) {
|
|
167
153
|
return /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
168
154
|
isHidden: !insertMenuSearchMap[item.type],
|
|
@@ -196,7 +182,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
196
182
|
}), editor.editorType !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
197
183
|
isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.VIDEO],
|
|
198
184
|
key: "sdoc-insert-menu-video",
|
|
199
|
-
disabled: (0,
|
|
185
|
+
disabled: (0, _helpers5.isInMultiColumnNode)(editor, slateNode),
|
|
200
186
|
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
|
|
201
187
|
className: "pr-2"
|
|
202
188
|
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
@@ -240,11 +226,6 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
240
226
|
isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.LINK],
|
|
241
227
|
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
|
|
242
228
|
onClick: openLinkDialog
|
|
243
|
-
}), editor.editorType === _constants.WIKI_EDITOR && hasLinkedRepos && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
244
|
-
isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.FILE],
|
|
245
|
-
key: "sdoc-insert-menu-file-link",
|
|
246
|
-
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE]),
|
|
247
|
-
onClick: openSelectFileDialog
|
|
248
229
|
}), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
249
230
|
isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.CODE_BLOCK],
|
|
250
231
|
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seafile/sdoc-editor",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.232",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"test": "jest",
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
"publishConfig": {
|
|
72
72
|
"access": "public"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "8cf7a004d8b3d37e3e0f0c841a405122d5449477"
|
|
75
75
|
}
|