@seafile/comment-editor 0.0.1-alpha.60 → 0.0.1-alpha.61
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.
|
@@ -147,7 +147,7 @@ const CommentEditor = _ref => {
|
|
|
147
147
|
(0, _react.useEffect)(() => {
|
|
148
148
|
let children = (0, _mdToSlate.default)(content);
|
|
149
149
|
editor.children = children;
|
|
150
|
-
|
|
150
|
+
// Transforms.select(editor, Editor.end(editor, []));
|
|
151
151
|
}, [editor, content]);
|
|
152
152
|
|
|
153
153
|
// useMount: focus editor
|
|
@@ -161,10 +161,10 @@ const CommentEditor = _ref => {
|
|
|
161
161
|
anchor: endOfFirstNode,
|
|
162
162
|
focus: endOfFirstNode
|
|
163
163
|
};
|
|
164
|
-
|
|
164
|
+
// focusEditor(editor, range);
|
|
165
165
|
}
|
|
166
166
|
// Force refresh to fix comment list
|
|
167
|
-
setSlateValue([...editor.children]);
|
|
167
|
+
// setSlateValue([...editor.children]);
|
|
168
168
|
}
|
|
169
169
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
170
170
|
}, []);
|
|
@@ -235,44 +235,8 @@ const CommentEditor = _ref => {
|
|
|
235
235
|
className: "comment-editor-user-name"
|
|
236
236
|
}, userInfo.name)), /*#__PURE__*/_react.default.createElement("div", {
|
|
237
237
|
className: "comment-editor-container"
|
|
238
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
239
|
-
|
|
240
|
-
}
|
|
241
|
-
ref: commentEditorContainerRef,
|
|
242
|
-
className: "article comment-editor",
|
|
243
|
-
onClick: handleFocusEditor
|
|
244
|
-
}, /*#__PURE__*/_react.default.createElement(_useScrollContext.ScrollContext.Provider, {
|
|
245
|
-
value: {
|
|
246
|
-
scrollRef: commentEditorContainerRef
|
|
247
|
-
}
|
|
248
|
-
}, /*#__PURE__*/_react.default.createElement(_slateReact.Slate, {
|
|
249
|
-
editor: editor,
|
|
250
|
-
value: slateValue,
|
|
251
|
-
onChange: setSlateValue
|
|
252
|
-
}, /*#__PURE__*/_react.default.createElement(_slateReact.Editable, {
|
|
253
|
-
id: "sdoc-editor",
|
|
254
|
-
scrollSelectionIntoView: handleScrollIntoView,
|
|
255
|
-
cursors: cursors,
|
|
256
|
-
renderElement: props => (0, _renderCommentEditorElement.default)({
|
|
257
|
-
...props,
|
|
258
|
-
commentType: type
|
|
259
|
-
}),
|
|
260
|
-
renderLeaf: _extension.renderLeaf,
|
|
261
|
-
onMouseDown: onMouseDown,
|
|
262
|
-
decorate: decorate,
|
|
263
|
-
onCut: eventProxy.onCut,
|
|
264
|
-
onCopy: eventProxy.onCopy,
|
|
265
|
-
onCompositionStart: eventProxy.onCompositionStart,
|
|
266
|
-
onCompositionUpdate: eventProxy.onCompositionUpdate,
|
|
267
|
-
onCompositionEnd: eventProxy.onCompositionEnd,
|
|
268
|
-
onKeyDown: onKeyDown,
|
|
269
|
-
onBeforeInput: eventProxy.onBeforeInput
|
|
270
|
-
})))), /*#__PURE__*/_react.default.createElement(_commentEditorToolbar.default, {
|
|
271
|
-
editor: editor,
|
|
272
|
-
toolMenus: toolMenus,
|
|
273
|
-
onSubmit: onSubmit,
|
|
274
|
-
submitBtnText: t(submitTip),
|
|
275
|
-
onCancel: onCancel
|
|
276
|
-
}))));
|
|
238
|
+
}), toolMenus.includes(_constants2.IMAGE) && /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
|
|
239
|
+
editor: editor
|
|
240
|
+
}));
|
|
277
241
|
};
|
|
278
242
|
var _default = exports.default = CommentEditor;
|
|
@@ -146,102 +146,60 @@ const InsertElementDialog = _ref => {
|
|
|
146
146
|
data
|
|
147
147
|
};
|
|
148
148
|
switch (dialogType) {
|
|
149
|
-
case
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
case
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
style: {
|
|
204
|
-
display: 'none'
|
|
205
|
-
},
|
|
206
|
-
onChange: onFileChanged
|
|
207
|
-
});
|
|
208
|
-
}
|
|
209
|
-
case _constants2.LOCAL_VIDEO:
|
|
210
|
-
{
|
|
211
|
-
return /*#__PURE__*/_react.default.createElement("input", {
|
|
212
|
-
onClick: e => e.stopPropagation(),
|
|
213
|
-
ref: uploadLocalVideoInputRef,
|
|
214
|
-
type: "file",
|
|
215
|
-
accept: "video/*",
|
|
216
|
-
style: {
|
|
217
|
-
display: 'none'
|
|
218
|
-
},
|
|
219
|
-
onChange: onVideoFileChanged
|
|
220
|
-
});
|
|
221
|
-
}
|
|
222
|
-
case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
|
|
223
|
-
{
|
|
224
|
-
if (editor.editorType === _constants.WIKI_EDITOR) {
|
|
225
|
-
return /*#__PURE__*/_react.default.createElement(_index6.default, {
|
|
226
|
-
element: slateNode,
|
|
227
|
-
editor: editor,
|
|
228
|
-
closeDialog: closeDialog
|
|
229
|
-
});
|
|
230
|
-
}
|
|
231
|
-
return /*#__PURE__*/_react.default.createElement(_index4.default, {
|
|
232
|
-
element: slateNode,
|
|
233
|
-
editor: editor,
|
|
234
|
-
closeDialog: closeDialog
|
|
235
|
-
});
|
|
236
|
-
}
|
|
237
|
-
case _constants2.ELEMENT_TYPE.ASK_AI:
|
|
238
|
-
{
|
|
239
|
-
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
240
|
-
element: slateNode,
|
|
241
|
-
editor: editor,
|
|
242
|
-
closeModule: closeDialog
|
|
243
|
-
});
|
|
244
|
-
}
|
|
149
|
+
// case ELEMENT_TYPE.TABLE: {
|
|
150
|
+
// return (<CustomTableSizeDialog {...props} />);
|
|
151
|
+
// }
|
|
152
|
+
// case ELEMENT_TYPE.TABLE_CELL: {
|
|
153
|
+
// return (<SplitCellSettingDialog {...props} />);
|
|
154
|
+
// }
|
|
155
|
+
// case ELEMENT_TYPE.LINK: {
|
|
156
|
+
// return (<AddLinkDialog {...props} />);
|
|
157
|
+
// }
|
|
158
|
+
// case ELEMENT_TYPE.SDOC_LINK: {
|
|
159
|
+
// const sdocLinkProps = {
|
|
160
|
+
// editor: validEditor,
|
|
161
|
+
// dialogType,
|
|
162
|
+
// insertLinkCallback,
|
|
163
|
+
// closeDialog,
|
|
164
|
+
// };
|
|
165
|
+
// return (<SelectFileDialog {...sdocLinkProps} />);
|
|
166
|
+
// }
|
|
167
|
+
// case ELEMENT_TYPE.FILE_LINK: {
|
|
168
|
+
// const fileLinkProps = {
|
|
169
|
+
// editor: validEditor,
|
|
170
|
+
// dialogType,
|
|
171
|
+
// insertLinkCallback,
|
|
172
|
+
// closeDialog,
|
|
173
|
+
// };
|
|
174
|
+
// return (<SelectFileDialog {...fileLinkProps} />);
|
|
175
|
+
// }
|
|
176
|
+
// case ELEMENT_TYPE.VIDEO: {
|
|
177
|
+
// const videoProps = {
|
|
178
|
+
// editor: validEditor,
|
|
179
|
+
// dialogType,
|
|
180
|
+
// insertVideoCallback,
|
|
181
|
+
// closeDialog,
|
|
182
|
+
// };
|
|
183
|
+
// return (<SelectFileDialog {...videoProps} />);
|
|
184
|
+
// }
|
|
185
|
+
// case ELEMENT_TYPE.VIDEO_LINK: {
|
|
186
|
+
// return (<AddVideoLinkDialog {...props} />);
|
|
187
|
+
// }
|
|
188
|
+
// case LOCAL_IMAGE: {
|
|
189
|
+
// return (<input onClick={e => e.stopPropagation()} ref={uploadLocalImageInputRef} type="file" multiple={true} accept='image/*' style={{ display: 'none' }} onChange={onFileChanged} />);
|
|
190
|
+
// }
|
|
191
|
+
// case LOCAL_VIDEO: {
|
|
192
|
+
// return (<input onClick={e => e.stopPropagation()} ref={uploadLocalVideoInputRef} type="file" accept='video/*' style={{ display: 'none' }} onChange={onVideoFileChanged} />);
|
|
193
|
+
// }
|
|
194
|
+
// case ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP : {
|
|
195
|
+
// if (editor.editorType === WIKI_EDITOR) {
|
|
196
|
+
// return <WikiFileLinkInsertDialog element={slateNode} editor={editor} closeDialog={closeDialog} />;
|
|
197
|
+
// }
|
|
198
|
+
// return <FileLinkInsertDialog element={slateNode} editor={editor} closeDialog={closeDialog} />;
|
|
199
|
+
// }
|
|
200
|
+
// case ELEMENT_TYPE.ASK_AI: {
|
|
201
|
+
// return <AIModule element={slateNode} editor={editor} closeModule={closeDialog} />;
|
|
202
|
+
// }
|
|
245
203
|
default:
|
|
246
204
|
{
|
|
247
205
|
return null;
|