@seafile/sdoc-editor 2.0.201 → 2.0.202
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/extension/commons/select-file-dialog/index.css +1 -0
- package/dist/extension/commons/select-file-dialog/list-view/index.css +6 -0
- package/dist/extension/commons/select-file-dialog/tree-view/index.css +7 -0
- package/dist/extension/constants/menus-config.js +1 -1
- package/dist/extension/plugins/link/dialog/add-link-dialog/index.js +1 -1
- package/dist/extension/plugins/link/helpers.js +2 -1
- package/dist/extension/plugins/video/helpers.js +1 -0
- package/dist/extension/plugins/video/menu/index.js +1 -1
- package/dist/extension/toolbar/insert-element-toolbar/index.js +25 -66
- package/dist/extension/toolbar/side-toolbar/insert-block-menu.js +9 -60
- package/package.json +2 -2
|
@@ -76,6 +76,13 @@
|
|
|
76
76
|
|
|
77
77
|
.sdoc-files-tree .sdoc-file-info .sdoc-file-name {
|
|
78
78
|
font-size: 14px;
|
|
79
|
+
white-space: nowrap;
|
|
80
|
+
overflow: hidden;
|
|
81
|
+
text-overflow: ellipsis;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.sdoc-files-tree .sdoc-file-info:has(.sdoc-file-checked) .sdoc-file-name {
|
|
85
|
+
padding-right: 32px;
|
|
79
86
|
}
|
|
80
87
|
|
|
81
88
|
.sdoc-files-tree .sdoc-folder-children {
|
|
@@ -293,7 +293,7 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
|
|
|
293
293
|
type: _elementType.IMAGE,
|
|
294
294
|
text: 'Image'
|
|
295
295
|
}), _elementType.VIDEO, {
|
|
296
|
-
id: '
|
|
296
|
+
id: '',
|
|
297
297
|
iconClass: 'sdocfont sdoc-video',
|
|
298
298
|
type: _elementType.VIDEO,
|
|
299
299
|
text: 'Video'
|
|
@@ -173,7 +173,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
|
|
|
173
173
|
return function () {
|
|
174
174
|
return clearTimeout(timer);
|
|
175
175
|
};
|
|
176
|
-
}, []);
|
|
176
|
+
}, [linked_id]);
|
|
177
177
|
(0, _react.useEffect)(function () {
|
|
178
178
|
var genHtml = /*#__PURE__*/function () {
|
|
179
179
|
var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {
|
|
@@ -252,7 +252,7 @@ var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlStr
|
|
|
252
252
|
var parser = new DOMParser();
|
|
253
253
|
var doc = parser.parseFromString(htmlString, 'text/html');
|
|
254
254
|
var resultHtml;
|
|
255
|
-
if (targetType
|
|
255
|
+
if (targetType === 'img') {
|
|
256
256
|
resultHtml = (0, _toConsumableArray2["default"])(doc.querySelectorAll('p:has(img)')).map(function (p) {
|
|
257
257
|
return p.outerHTML;
|
|
258
258
|
}).join('');
|
|
@@ -264,6 +264,7 @@ var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlStr
|
|
|
264
264
|
return resultHtml;
|
|
265
265
|
};
|
|
266
266
|
var isEmptyNode = exports.isEmptyNode = function isEmptyNode(node) {
|
|
267
|
+
if (node.type === _constants.IMAGE_BLOCK) return false;
|
|
267
268
|
var text = _slate.Node.string(node);
|
|
268
269
|
return text.trim() === '';
|
|
269
270
|
};
|
|
@@ -125,6 +125,7 @@ var insertVideo = exports.insertVideo = function insertVideo(editor, videoFiles,
|
|
|
125
125
|
_slate.Transforms.insertNodes(editor, p, {
|
|
126
126
|
at: [path[0] + 1]
|
|
127
127
|
});
|
|
128
|
+
(0, _core.focusEditor)(editor, [path[0] + 1, 2]);
|
|
128
129
|
return;
|
|
129
130
|
}
|
|
130
131
|
var aboveNodeEntry = (0, _core.getAboveBlockNode)(editor);
|
|
@@ -58,7 +58,7 @@ var VideoMenu = function VideoMenu(_ref) {
|
|
|
58
58
|
hideArrow: true,
|
|
59
59
|
fade: false
|
|
60
60
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
61
|
-
className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
|
|
61
|
+
className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container 333"
|
|
62
62
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
63
63
|
className: "sdoc-dropdown-menu-item",
|
|
64
64
|
onClick: openLocalVideoDialog
|
|
@@ -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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _reactI18next = require("react-i18next");
|
|
@@ -27,9 +27,8 @@ var _transforms = require("../../plugins/list/transforms");
|
|
|
27
27
|
var _helper2 = require("../../plugins/multi-column/helper");
|
|
28
28
|
var _helpers3 = require("../../plugins/table/helpers");
|
|
29
29
|
var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
|
|
30
|
-
var _helpers4 = require("../../plugins/video/helpers");
|
|
31
30
|
var _utils = require("../../utils");
|
|
32
|
-
var
|
|
31
|
+
var _helpers4 = require("../side-toolbar/helpers");
|
|
33
32
|
var _const = require("./const");
|
|
34
33
|
require("./style.css");
|
|
35
34
|
var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
@@ -74,28 +73,11 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
74
73
|
}
|
|
75
74
|
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
76
75
|
type: _constants2.LOCAL_VIDEO,
|
|
77
|
-
|
|
76
|
+
insertPosition: insertPosition,
|
|
77
|
+
slateNode: slateNode
|
|
78
78
|
});
|
|
79
79
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
80
80
|
}, [editor, insertPosition]);
|
|
81
|
-
var addVideoLink = (0, _react.useCallback)(function () {
|
|
82
|
-
callback && callback();
|
|
83
|
-
var eventBus = _eventBus["default"].getInstance();
|
|
84
|
-
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
85
|
-
type: _constants2.ELEMENT_TYPE.VIDEO_LINK,
|
|
86
|
-
editor: editor
|
|
87
|
-
});
|
|
88
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
89
|
-
}, [editor]);
|
|
90
|
-
var openSelectVideoFileDialog = (0, _react.useCallback)(function () {
|
|
91
|
-
callback && callback();
|
|
92
|
-
var eventBus = _eventBus["default"].getInstance();
|
|
93
|
-
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
94
|
-
type: _constants2.ELEMENT_TYPE.VIDEO,
|
|
95
|
-
insertVideo: _helpers4.insertVideo
|
|
96
|
-
});
|
|
97
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
98
|
-
}, []);
|
|
99
81
|
var createTable = (0, _react.useCallback)(function (size) {
|
|
100
82
|
callback && callback();
|
|
101
83
|
var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
|
|
@@ -130,7 +112,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
130
112
|
}, [editor, insertPosition, slateNode]);
|
|
131
113
|
var onInsert = (0, _react.useCallback)(function (type) {
|
|
132
114
|
callback && callback();
|
|
133
|
-
(0,
|
|
115
|
+
(0, _helpers4.insertElement)(editor, type, insertPosition);
|
|
134
116
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
135
117
|
}, [editor, insertPosition, slateNode]);
|
|
136
118
|
var onInsertCallout = (0, _react.useCallback)(function (type) {
|
|
@@ -143,7 +125,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
143
125
|
}
|
|
144
126
|
});
|
|
145
127
|
} else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
146
|
-
(0,
|
|
128
|
+
(0, _helpers4.insertElement)(editor, type, insertPosition);
|
|
147
129
|
(0, _helper.wrapCallout)(editor);
|
|
148
130
|
}
|
|
149
131
|
}, [callback, editor, insertPosition]);
|
|
@@ -203,49 +185,26 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
203
185
|
(0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
|
|
204
186
|
}, [callback, editor, insertPosition, slateNode]);
|
|
205
187
|
var dropDownItems = (0, _react.useMemo)(function () {
|
|
206
|
-
var items = (0,
|
|
188
|
+
var items = (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"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
207
189
|
isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
|
|
208
190
|
disabled: isDisableImage,
|
|
209
191
|
key: "sdoc-insert-menu-image",
|
|
210
|
-
menuConfig: (0,
|
|
192
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]),
|
|
211
193
|
onClick: onInsertImageToggle
|
|
212
|
-
})),
|
|
213
|
-
/*#__PURE__*/
|
|
214
|
-
// eslint-disable-next-line react/jsx-indent
|
|
215
|
-
_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
194
|
+
})), _constants2.VIDEO, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
216
195
|
isHidden: !quickInsertMenuSearchMap[_constants2.VIDEO],
|
|
217
196
|
disabled: isDisableVideo,
|
|
218
197
|
key: "sdoc-insert-menu-video",
|
|
219
|
-
menuConfig: (0,
|
|
220
|
-
className: "pr-2"
|
|
221
|
-
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
222
|
-
className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
|
|
223
|
-
}), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
|
|
224
|
-
target: "sdoc-side-menu-item-video",
|
|
225
|
-
trigger: "hover",
|
|
226
|
-
className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-video-menu-popover",
|
|
227
|
-
placement: "left-start",
|
|
228
|
-
hideArrow: true,
|
|
229
|
-
fade: false
|
|
230
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
231
|
-
className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
|
|
232
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
233
|
-
className: "sdoc-dropdown-menu-item",
|
|
198
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
|
|
234
199
|
onClick: onInsertVideoToggle
|
|
235
|
-
}
|
|
236
|
-
className: "sdoc-dropdown-menu-item",
|
|
237
|
-
onClick: addVideoLink
|
|
238
|
-
}, t('Add_video_link')), editor.editorType !== _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
|
|
239
|
-
className: "sdoc-dropdown-menu-item",
|
|
240
|
-
onClick: openSelectVideoFileDialog
|
|
241
|
-
}, t('Link_video_file'))))))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.TABLE,
|
|
200
|
+
})), _constants2.TABLE,
|
|
242
201
|
/*#__PURE__*/
|
|
243
202
|
// eslint-disable-next-line react/jsx-indent
|
|
244
203
|
_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
245
204
|
isHidden: !quickInsertMenuSearchMap[_constants2.TABLE],
|
|
246
205
|
disabled: isDisableTable,
|
|
247
206
|
key: "sdoc-insert-menu-table",
|
|
248
|
-
menuConfig: (0,
|
|
207
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
|
|
249
208
|
className: "pr-2"
|
|
250
209
|
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
251
210
|
className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
|
|
@@ -262,75 +221,75 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
262
221
|
}))), _constants2.LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
263
222
|
isHidden: !quickInsertMenuSearchMap[_constants2.LINK],
|
|
264
223
|
key: "sdoc-insert-menu-link",
|
|
265
|
-
menuConfig: (0,
|
|
224
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
|
|
266
225
|
onClick: openLinkDialog
|
|
267
226
|
})), _constants2.CODE_BLOCK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
268
227
|
isHidden: !quickInsertMenuSearchMap[_constants2.CODE_BLOCK],
|
|
269
228
|
disabled: isDisableCodeBlock,
|
|
270
229
|
key: "sdoc-insert-menu-code-block",
|
|
271
|
-
menuConfig: (0,
|
|
230
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
|
|
272
231
|
onClick: onInsertCodeBlock
|
|
273
232
|
})), _constants2.CALL_OUT, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
274
233
|
isHidden: !quickInsertMenuSearchMap[_constants2.CALL_OUT],
|
|
275
234
|
disabled: isDisableCallout,
|
|
276
235
|
key: "sdoc-insert-menu-callout",
|
|
277
|
-
menuConfig: (0,
|
|
236
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
|
|
278
237
|
onClick: function onClick() {
|
|
279
238
|
return onInsertCallout(_constants2.PARAGRAPH);
|
|
280
239
|
}
|
|
281
240
|
})), _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
282
241
|
isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
|
|
283
242
|
key: "sdoc-insert-menu-unorder-list",
|
|
284
|
-
menuConfig: (0,
|
|
243
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
|
|
285
244
|
onClick: function onClick() {
|
|
286
245
|
onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
|
|
287
246
|
}
|
|
288
247
|
})), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
289
248
|
isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
|
|
290
249
|
key: "sdoc-insert-menu-order-list",
|
|
291
|
-
menuConfig: (0,
|
|
250
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
|
|
292
251
|
onClick: function onClick() {
|
|
293
252
|
onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
|
|
294
253
|
}
|
|
295
254
|
})), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
296
255
|
isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
|
|
297
256
|
key: "sdoc-insert-menu-check-list",
|
|
298
|
-
menuConfig: (0,
|
|
257
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
|
|
299
258
|
onClick: onInsertCheckList
|
|
300
259
|
})), _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
301
260
|
isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
|
|
302
261
|
disabled: isEmptyNode,
|
|
303
262
|
key: "sdoc-insert-menu-paragraph",
|
|
304
|
-
menuConfig: (0,
|
|
263
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
|
|
305
264
|
onClick: function onClick() {
|
|
306
265
|
return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
|
|
307
266
|
}
|
|
308
|
-
}))
|
|
267
|
+
}));
|
|
309
268
|
if (_commonUtils.isMobile) {
|
|
310
269
|
items = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
311
270
|
isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
|
|
312
271
|
key: "sdoc-insert-menu-unorder-list",
|
|
313
|
-
menuConfig: (0,
|
|
272
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
|
|
314
273
|
onClick: function onClick() {
|
|
315
274
|
onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
|
|
316
275
|
}
|
|
317
276
|
})), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
318
277
|
isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
|
|
319
278
|
key: "sdoc-insert-menu-order-list",
|
|
320
|
-
menuConfig: (0,
|
|
279
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
|
|
321
280
|
onClick: function onClick() {
|
|
322
281
|
onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
|
|
323
282
|
}
|
|
324
283
|
})), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
325
284
|
isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
|
|
326
285
|
key: "sdoc-insert-menu-check-list",
|
|
327
|
-
menuConfig: (0,
|
|
286
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
|
|
328
287
|
onClick: onInsertCheckList
|
|
329
288
|
})), _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
330
289
|
isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
|
|
331
290
|
disabled: isEmptyNode,
|
|
332
291
|
key: "sdoc-insert-menu-paragraph",
|
|
333
|
-
menuConfig: (0,
|
|
292
|
+
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
|
|
334
293
|
onClick: function onClick() {
|
|
335
294
|
return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
|
|
336
295
|
}
|
|
@@ -458,7 +417,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
|
|
|
458
417
|
}, [clearSelectStyle, currentSelectIndex, downDownWrapperRef, onHandleInputFocus]);
|
|
459
418
|
var onChange = (0, _react.useCallback)(function (e) {
|
|
460
419
|
if (!downDownWrapperRef.current.isInputtingChinese) {
|
|
461
|
-
var newMenuSearchMap = (0,
|
|
420
|
+
var newMenuSearchMap = (0, _helpers4.getSearchedOperations)(_constants2.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
|
|
462
421
|
setQuickInsertMenuSearchMap(newMenuSearchMap);
|
|
463
422
|
}
|
|
464
423
|
}, [editor, t]);
|
|
@@ -10,7 +10,6 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
|
|
|
10
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _reactI18next = require("react-i18next");
|
|
13
|
-
var _reactstrap = require("reactstrap");
|
|
14
13
|
var _slate = require("@seafile/slate");
|
|
15
14
|
var _slateReact = require("@seafile/slate-react");
|
|
16
15
|
var _constants = require("../../../constants");
|
|
@@ -24,8 +23,7 @@ var _transforms = require("../../plugins/list/transforms");
|
|
|
24
23
|
var _helper2 = require("../../plugins/multi-column/helper");
|
|
25
24
|
var _helpers3 = require("../../plugins/table/helpers");
|
|
26
25
|
var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
|
|
27
|
-
var _helpers4 = require("
|
|
28
|
-
var _helpers5 = require("./helpers");
|
|
26
|
+
var _helpers4 = require("./helpers");
|
|
29
27
|
var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
30
28
|
var _ref$insertPosition = _ref.insertPosition,
|
|
31
29
|
insertPosition = _ref$insertPosition === void 0 ? _constants2.INSERT_POSITION.CURRENT : _ref$insertPosition,
|
|
@@ -50,42 +48,17 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
50
48
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
51
49
|
}, [editor, insertPosition]);
|
|
52
50
|
var onInsertVideoToggle = (0, _react.useCallback)(function () {
|
|
53
|
-
|
|
51
|
+
var eventBus = _eventBus["default"].getInstance();
|
|
52
|
+
if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
|
|
54
53
|
_slate.Transforms.select(editor, editor.selection.focus);
|
|
55
54
|
}
|
|
56
|
-
var eventBus = _eventBus["default"].getInstance();
|
|
57
55
|
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
58
56
|
type: _constants2.LOCAL_VIDEO,
|
|
59
|
-
editor: editor,
|
|
60
|
-
insertPosition: insertPosition
|
|
61
|
-
});
|
|
62
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
63
|
-
}, [editor, insertPosition]);
|
|
64
|
-
var addVideoLink = (0, _react.useCallback)(function () {
|
|
65
|
-
if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
66
|
-
(0, _helpers5.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
|
|
67
|
-
}
|
|
68
|
-
var eventBus = _eventBus["default"].getInstance();
|
|
69
|
-
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
70
|
-
type: _constants2.ELEMENT_TYPE.VIDEO_LINK,
|
|
71
|
-
editor: editor,
|
|
72
|
-
insertPosition: insertPosition
|
|
73
|
-
});
|
|
74
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
75
|
-
}, [insertPosition, editor]);
|
|
76
|
-
var openSelectVideoFileDialog = (0, _react.useCallback)(function () {
|
|
77
|
-
if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
78
|
-
(0, _helpers5.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
|
|
79
|
-
}
|
|
80
|
-
var eventBus = _eventBus["default"].getInstance();
|
|
81
|
-
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
82
|
-
type: _constants2.ELEMENT_TYPE.VIDEO,
|
|
83
|
-
insertVideo: _helpers4.insertVideo,
|
|
84
57
|
insertPosition: insertPosition,
|
|
85
58
|
slateNode: slateNode
|
|
86
59
|
});
|
|
87
60
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
88
|
-
}, [
|
|
61
|
+
}, [editor, insertPosition]);
|
|
89
62
|
var createTable = (0, _react.useCallback)(function (size) {
|
|
90
63
|
var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
|
|
91
64
|
(0, _helpers3.insertTable)(editor, size, editor.selection, newInsertPosition);
|
|
@@ -93,9 +66,6 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
93
66
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
94
67
|
}, [editor, insertPosition, slateNode]);
|
|
95
68
|
var openLinkDialog = (0, _react.useCallback)(function () {
|
|
96
|
-
if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
97
|
-
_slate.Transforms.select(editor, editor.selection.focus);
|
|
98
|
-
}
|
|
99
69
|
var eventBus = _eventBus["default"].getInstance();
|
|
100
70
|
eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
|
|
101
71
|
type: _constants2.ELEMENT_TYPE.LINK,
|
|
@@ -104,7 +74,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
104
74
|
});
|
|
105
75
|
|
|
106
76
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
107
|
-
}, [insertPosition
|
|
77
|
+
}, [insertPosition]);
|
|
108
78
|
|
|
109
79
|
// const onInsertChart = useCallback(() => {
|
|
110
80
|
// const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
|
|
@@ -127,14 +97,14 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
127
97
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
128
98
|
}, [editor, insertPosition, slateNode]);
|
|
129
99
|
var onInsert = (0, _react.useCallback)(function (type) {
|
|
130
|
-
(0,
|
|
100
|
+
(0, _helpers4.insertElement)(editor, type, insertPosition);
|
|
131
101
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
132
102
|
}, [editor, insertPosition, slateNode]);
|
|
133
103
|
var onInsertCallout = (0, _react.useCallback)(function (type) {
|
|
134
104
|
if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
|
|
135
105
|
(0, _helper.wrapCallout)(editor);
|
|
136
106
|
} else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
|
|
137
|
-
(0,
|
|
107
|
+
(0, _helpers4.insertElement)(editor, type, insertPosition);
|
|
138
108
|
(0, _helper.wrapCallout)(editor);
|
|
139
109
|
}
|
|
140
110
|
}, [editor, insertPosition]);
|
|
@@ -174,31 +144,10 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
|
|
|
174
144
|
onClick: onInsertImageToggle
|
|
175
145
|
}), editor.editorType !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
176
146
|
isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.VIDEO],
|
|
177
|
-
|
|
178
|
-
disabled: (0, _helpers5.isInMultiColumnNode)(editor, slateNode),
|
|
147
|
+
disabled: (0, _helpers4.isInMultiColumnNode)(editor, slateNode),
|
|
179
148
|
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
|
|
180
|
-
className: "pr-2"
|
|
181
|
-
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
182
|
-
className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
|
|
183
|
-
}), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
|
|
184
|
-
target: "sdoc-side-menu-item-video",
|
|
185
|
-
trigger: "hover",
|
|
186
|
-
className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-video-menu-popover",
|
|
187
|
-
placement: "right-start",
|
|
188
|
-
hideArrow: true,
|
|
189
|
-
fade: false
|
|
190
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
191
|
-
className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
|
|
192
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
193
|
-
className: "sdoc-dropdown-menu-item",
|
|
194
149
|
onClick: onInsertVideoToggle
|
|
195
|
-
}
|
|
196
|
-
className: "sdoc-dropdown-menu-item",
|
|
197
|
-
onClick: addVideoLink
|
|
198
|
-
}, t('Add_video_link')), editor.editorType !== _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
|
|
199
|
-
className: "sdoc-dropdown-menu-item",
|
|
200
|
-
onClick: openSelectVideoFileDialog
|
|
201
|
-
}, t('Link_video_file'))))), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
150
|
+
}), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
|
|
202
151
|
isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.TABLE],
|
|
203
152
|
key: "sdoc-insert-menu-table",
|
|
204
153
|
menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seafile/sdoc-editor",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.202",
|
|
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": "a0f7311114597313bfe8367fc8725a8e1c2f8e89"
|
|
75
75
|
}
|