@seafile/sdoc-editor 2.0.66 → 2.0.67
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/comment/components/comment-delete-popover.js +1 -1
- package/dist/basic-sdk/comment/utils/index.js +8 -2
- package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js +12 -17
- package/dist/basic-sdk/extension/constants/element-type.js +1 -5
- package/dist/basic-sdk/extension/constants/index.js +2 -32
- package/dist/basic-sdk/extension/constants/menus-config.js +2 -34
- package/dist/basic-sdk/extension/plugins/image/helpers.js +1 -1
- package/dist/basic-sdk/extension/plugins/index.js +1 -29
- package/dist/basic-sdk/extension/plugins/quick-insert/render-elem.js +1 -2
- package/dist/basic-sdk/extension/plugins/text-style/helpers.js +2 -1
- package/dist/basic-sdk/extension/plugins/text-style/menu/index.js +2 -1
- package/dist/basic-sdk/extension/render/custom-element.js +0 -20
- package/dist/basic-sdk/extension/toolbar/header-toolbar/insert-toolbar/index.js +8 -13
- package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js +2 -19
- package/dist/basic-sdk/extension/toolbar/side-toolbar/index.js +1 -1
- package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js +21 -37
- package/dist/index.js +3 -3
- package/dist/plugin-module/assets/css/default.css +25 -0
- package/dist/plugin-module/assets/css/dropdown-menu.css +138 -0
- package/dist/plugin-module/assets/css/layout.css +160 -0
- package/dist/plugin-module/assets/css/sdoc-comment-editor-plugin.css +19 -0
- package/dist/plugin-module/assets/css/sdoc-editor-article.css +29 -0
- package/dist/plugin-module/assets/css/sdoc-editor-plugins.css +320 -0
- package/dist/plugin-module/assets/css/sdoc-viewer.css +14 -0
- package/dist/plugin-module/assets/css/sdoc-wiki-viewer.css +28 -0
- package/dist/plugin-module/assets/images/black-border.png +0 -0
- package/dist/plugin-module/assets/images/grey-border.png +0 -0
- package/dist/plugin-module/assets/images/image-placeholder.png +0 -0
- package/dist/plugin-module/assets/images/no-border.png +0 -0
- package/dist/plugin-module/assets/images/sdoc-ask-ai.png +0 -0
- package/dist/plugin-module/assets/images/sdoc-freezed.png +0 -0
- package/dist/plugin-module/constants/index.js +40 -0
- package/dist/plugin-module/editor/editable-article.js +243 -0
- package/dist/plugin-module/editor/plugin-editor.js +213 -0
- package/dist/plugin-module/error-boundary/error-page.css +16 -0
- package/dist/plugin-module/error-boundary/error-page.js +37 -0
- package/dist/plugin-module/error-boundary/index.js +33 -0
- package/dist/plugin-module/gloable-ui/insert-element-dialog.js +249 -0
- package/dist/plugin-module/index.js +112 -0
- package/dist/plugin-module/layout/article-container.js +39 -0
- package/dist/plugin-module/layout/editor-container.js +32 -0
- package/dist/plugin-module/layout/editor-content.js +79 -0
- package/dist/plugin-module/layout/index.js +27 -0
- package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/chart-edit-dialog/index.js +1 -1
- package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/helpers.js +5 -4
- package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/hover-menu/index.js +2 -2
- package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/menu/index.js +1 -1
- package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/render-elem.js +3 -3
- package/dist/plugin-module/plugins/index.js +34 -0
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/helpers.js +8 -7
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/index.js +2 -2
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/menu/column-list-menu.js +4 -4
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/menu/index.js +2 -2
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/model.js +1 -1
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/plugin.js +3 -3
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/render-elem.js +4 -4
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/dialog/add-seatable-row-dialog/resize-handle/index.css +4 -4
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header-cell.js +2 -2
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-item.js +2 -2
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/helpers.js +5 -4
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/index.js +2 -2
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/menu/index.js +2 -2
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/menu/seatable-list.js +5 -6
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/plugin.js +6 -5
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/draggable/index.js +1 -1
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/formatter/collaborator-wrapper.js +3 -3
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/helpers.js +4 -3
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/menu/index.js +4 -3
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/menu/seatable-list.js +1 -1
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/model.js +2 -2
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/op-menu/index.js +3 -3
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/plugin.js +9 -8
- package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/render-element/seatable-table.js +3 -3
- package/dist/plugin-module/render/render-elements.js +58 -0
- package/dist/plugin-module/toolbar/header-toolbar/index.js +81 -0
- package/dist/plugin-module/toolbar/header-toolbar/insert-toolbar/index.css +28 -0
- package/dist/plugin-module/toolbar/header-toolbar/insert-toolbar/index.js +104 -0
- package/dist/plugin-module/views/plugin-viewer.js +55 -0
- package/dist/plugin-module/views/readonly-article.js +41 -0
- package/dist/slate-convert/html-to-slate/constants.js +1 -2
- package/dist/slate-convert/slate-to-md/transform.js +4 -0
- package/package.json +1 -1
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/chart-edit-dialog/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/hover-menu/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/plugin.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/chart/render-elem.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/constants/cell-types.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/constants/column.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/menu/column-list-item.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/menu/column-list-menu.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-column/render-elem.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/dialog/add-seatable-row-dialog/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/dialog/add-seatable-row-dialog/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/dialog/add-seatable-row-dialog/record-content.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/dialog/add-seatable-row-dialog/resize-handle/ResizeHandle.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/dialog/add-seatable-row-dialog/seatable-table-record.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/menu/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/model.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/render-elem/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/render-elem/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/render-elem/record-header.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-row/render-elem/record-item.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/draggable/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/formatter/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/formatter/link-formatter/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/formatter/link-formatter/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/formatter/link-formatter/utils.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/menu/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/op-menu/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/render-element/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/render-element/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/render-element/record-header.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/render-element/record-item.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/render-element/record-list.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/common-add-tool/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/common-add-tool/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/custom-switch/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/custom-switch/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/dtable-search-input/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/calendar-filter/date-translate.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/calendar-filter/dayjs.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/calendar-filter/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/collaborator-filter/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/_department-select.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/_department-utils.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/department-multiple-select-filter.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/department-multiple-select.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/department-single-select-filter.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/department-single-select.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/selected-departments.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/use-click-outside.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filter-item-utils.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filter-item.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filters-list.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filters-list.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/number-editor/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/rate-item/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/filters-utils.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/filter-setter/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/hide-column-setter/hide-column-item.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/hide-column-setter/hide-column-popover.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/hide-column-setter/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/hide-column-setter/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/sort-setter/index.css +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/sort-setter/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/sort-setter/sort-popover.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/sort-setter/sort-utils.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/table-setting/index.js +0 -0
- /package/dist/{basic-sdk/extension → plugin-module}/plugins/seatable-tables/seatable-settings/utils/utils.js +0 -0
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _reactI18next = require("react-i18next");
|
|
11
|
+
var _basicSdk = require("@/basic-sdk");
|
|
12
|
+
var _constants = require("@/basic-sdk/constants");
|
|
13
|
+
var _index = _interopRequireDefault(require("@/basic-sdk/extension/commons/file-insert-dialog/index.js"));
|
|
14
|
+
var _index2 = _interopRequireDefault(require("@/basic-sdk/extension/commons/select-file-dialog/index.js"));
|
|
15
|
+
var _constants2 = require("@/basic-sdk/extension/constants");
|
|
16
|
+
var _index3 = _interopRequireDefault(require("@/basic-sdk/extension/plugins/ai/ai-module/index.js"));
|
|
17
|
+
var _helpers = require("@/basic-sdk/extension/plugins/image/helpers");
|
|
18
|
+
var _addLinkDialog = _interopRequireDefault(require("@/basic-sdk/extension/plugins/link/dialog/add-link-dialog"));
|
|
19
|
+
var _dialogs = require("@/basic-sdk/extension/plugins/table/dialogs");
|
|
20
|
+
var _constants3 = require("@/basic-sdk/extension/plugins/video/constants");
|
|
21
|
+
var _addVideoLinkDialog = _interopRequireDefault(require("@/basic-sdk/extension/plugins/video/dialog/add-video-link-dialog"));
|
|
22
|
+
var _helpers2 = require("@/basic-sdk/extension/plugins/video/helpers");
|
|
23
|
+
var _toast = _interopRequireDefault(require("@/components/toast"));
|
|
24
|
+
var _context = _interopRequireDefault(require("@/context.js"));
|
|
25
|
+
var _constants4 = require("../constants");
|
|
26
|
+
var _addSeatableRowDialog = _interopRequireDefault(require("../plugins/seatable-row/dialog/add-seatable-row-dialog"));
|
|
27
|
+
const InsertElementDialog = _ref => {
|
|
28
|
+
let {
|
|
29
|
+
editor
|
|
30
|
+
} = _ref;
|
|
31
|
+
const [dialogType, setDialogType] = (0, _react.useState)('');
|
|
32
|
+
const [element, setElement] = (0, _react.useState)('');
|
|
33
|
+
const [insertPosition, setInsertPosition] = (0, _react.useState)(_constants2.INSERT_POSITION.CURRENT);
|
|
34
|
+
const [slateNode, setSlateNode] = (0, _react.useState)(null);
|
|
35
|
+
const [insertLinkCallback, setInsertLinkCallback] = (0, _react.useState)(null);
|
|
36
|
+
const [insertVideoCallback, setInsertVideoCallback] = (0, _react.useState)(null);
|
|
37
|
+
const [validEditor, setValidEditor] = (0, _react.useState)(editor);
|
|
38
|
+
const [linkTitle, setLinkTitle] = (0, _react.useState)('');
|
|
39
|
+
const [handleSubmit, setHandleSubmit] = (0, _react.useState)(() => void 0);
|
|
40
|
+
const [data, setData] = (0, _react.useState)({});
|
|
41
|
+
const {
|
|
42
|
+
t
|
|
43
|
+
} = (0, _reactI18next.useTranslation)('sdoc-editor');
|
|
44
|
+
const uploadLocalImageInputRef = (0, _react.useRef)();
|
|
45
|
+
const uploadLocalVideoInputRef = (0, _react.useRef)();
|
|
46
|
+
const onFileChanged = (0, _react.useCallback)(event => {
|
|
47
|
+
const imgInfos = (0, _helpers.generateImageInfos)(event.target.files);
|
|
48
|
+
(0, _helpers.insertImage)(validEditor, imgInfos, validEditor.selection, insertPosition);
|
|
49
|
+
if (uploadLocalImageInputRef.current) {
|
|
50
|
+
uploadLocalImageInputRef.current.value = '';
|
|
51
|
+
}
|
|
52
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
53
|
+
}, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
|
|
54
|
+
const handleDisplayAlert = (0, _react.useCallback)(() => {
|
|
55
|
+
setTimeout(() => {
|
|
56
|
+
_toast.default.warning(`${t('The_current_version_does_not_support_>5MB_video_file')}`, {
|
|
57
|
+
duration: 3
|
|
58
|
+
});
|
|
59
|
+
}, 0);
|
|
60
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
61
|
+
}, []);
|
|
62
|
+
const onVideoFileChanged = (0, _react.useCallback)(event => {
|
|
63
|
+
const files = event.target.files;
|
|
64
|
+
// Show warning for 3s and no further insertion if video file is more than 5MB
|
|
65
|
+
if (files[0].size > _constants3.VIDEO_MAX_SIZE_5MB) {
|
|
66
|
+
handleDisplayAlert();
|
|
67
|
+
event.target.value = null;
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
_context.default.uploadLocalVideo(files).then(fileUrl => {
|
|
71
|
+
(0, _helpers2.insertVideo)(validEditor, files, fileUrl, validEditor.selection, insertPosition);
|
|
72
|
+
if (uploadLocalVideoInputRef.current) {
|
|
73
|
+
uploadLocalVideoInputRef.current.value = '';
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77
|
+
}, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
|
|
78
|
+
(0, _react.useEffect)(() => {
|
|
79
|
+
const eventBus = _basicSdk.EventBus.getInstance();
|
|
80
|
+
const toggleDialogSubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.INSERT_ELEMENT, toggleDialog);
|
|
81
|
+
return () => {
|
|
82
|
+
toggleDialogSubscribe();
|
|
83
|
+
};
|
|
84
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
85
|
+
}, []);
|
|
86
|
+
const toggleDialog = (0, _react.useCallback)(_ref2 => {
|
|
87
|
+
let {
|
|
88
|
+
type,
|
|
89
|
+
element,
|
|
90
|
+
insertPosition = _constants2.INSERT_POSITION.CURRENT,
|
|
91
|
+
slateNode,
|
|
92
|
+
insertFileLinkCallback,
|
|
93
|
+
insertSdocFileLinkCallback,
|
|
94
|
+
insertVideo,
|
|
95
|
+
editor: paramEditor,
|
|
96
|
+
linkTitle,
|
|
97
|
+
// link shortcut wrapping link
|
|
98
|
+
handleSubmit,
|
|
99
|
+
data
|
|
100
|
+
} = _ref2;
|
|
101
|
+
setInsertPosition(insertPosition);
|
|
102
|
+
setSlateNode(slateNode);
|
|
103
|
+
setElement(element);
|
|
104
|
+
setDialogType(type);
|
|
105
|
+
setInsertLinkCallback({
|
|
106
|
+
insertSdocFileLinkCallback,
|
|
107
|
+
insertFileLinkCallback
|
|
108
|
+
});
|
|
109
|
+
setInsertVideoCallback({
|
|
110
|
+
insertVideo
|
|
111
|
+
});
|
|
112
|
+
setLinkTitle(linkTitle);
|
|
113
|
+
setHandleSubmit(handleSubmit);
|
|
114
|
+
// Apply for comment editor, as it has a different editor instance
|
|
115
|
+
setValidEditor(paramEditor || editor);
|
|
116
|
+
setData(data);
|
|
117
|
+
if (type === _constants2.LOCAL_IMAGE) {
|
|
118
|
+
setTimeout(() => {
|
|
119
|
+
uploadLocalImageInputRef.current && uploadLocalImageInputRef.current.click();
|
|
120
|
+
}, 0);
|
|
121
|
+
}
|
|
122
|
+
if (type === _constants2.LOCAL_VIDEO) {
|
|
123
|
+
setTimeout(() => {
|
|
124
|
+
uploadLocalVideoInputRef.current && uploadLocalVideoInputRef.current.click();
|
|
125
|
+
}, 0);
|
|
126
|
+
}
|
|
127
|
+
}, [editor]);
|
|
128
|
+
const closeDialog = (0, _react.useCallback)(() => {
|
|
129
|
+
setInsertPosition(_constants2.INSERT_POSITION.CURRENT);
|
|
130
|
+
setSlateNode(null);
|
|
131
|
+
setElement('');
|
|
132
|
+
setDialogType('');
|
|
133
|
+
setInsertLinkCallback(null);
|
|
134
|
+
setInsertVideoCallback(null);
|
|
135
|
+
setValidEditor(null);
|
|
136
|
+
setLinkTitle('');
|
|
137
|
+
setData('');
|
|
138
|
+
}, []);
|
|
139
|
+
const props = {
|
|
140
|
+
insertPosition,
|
|
141
|
+
slateNode,
|
|
142
|
+
editor: validEditor,
|
|
143
|
+
element,
|
|
144
|
+
closeDialog,
|
|
145
|
+
linkTitle,
|
|
146
|
+
handleSubmit,
|
|
147
|
+
data
|
|
148
|
+
};
|
|
149
|
+
switch (dialogType) {
|
|
150
|
+
case _constants2.ELEMENT_TYPE.TABLE:
|
|
151
|
+
{
|
|
152
|
+
return /*#__PURE__*/_react.default.createElement(_dialogs.CustomTableSizeDialog, props);
|
|
153
|
+
}
|
|
154
|
+
case _constants2.ELEMENT_TYPE.TABLE_CELL:
|
|
155
|
+
{
|
|
156
|
+
return /*#__PURE__*/_react.default.createElement(_dialogs.SplitCellSettingDialog, props);
|
|
157
|
+
}
|
|
158
|
+
case _constants2.ELEMENT_TYPE.LINK:
|
|
159
|
+
{
|
|
160
|
+
return /*#__PURE__*/_react.default.createElement(_addLinkDialog.default, props);
|
|
161
|
+
}
|
|
162
|
+
case _constants2.ELEMENT_TYPE.SDOC_LINK:
|
|
163
|
+
{
|
|
164
|
+
const sdocLinkProps = {
|
|
165
|
+
editor: validEditor,
|
|
166
|
+
dialogType,
|
|
167
|
+
insertLinkCallback,
|
|
168
|
+
closeDialog
|
|
169
|
+
};
|
|
170
|
+
return /*#__PURE__*/_react.default.createElement(_index2.default, sdocLinkProps);
|
|
171
|
+
}
|
|
172
|
+
case _constants2.ELEMENT_TYPE.FILE_LINK:
|
|
173
|
+
{
|
|
174
|
+
const fileLinkProps = {
|
|
175
|
+
editor: validEditor,
|
|
176
|
+
dialogType,
|
|
177
|
+
insertLinkCallback,
|
|
178
|
+
closeDialog
|
|
179
|
+
};
|
|
180
|
+
return /*#__PURE__*/_react.default.createElement(_index2.default, fileLinkProps);
|
|
181
|
+
}
|
|
182
|
+
case _constants2.ELEMENT_TYPE.VIDEO:
|
|
183
|
+
{
|
|
184
|
+
const videoProps = {
|
|
185
|
+
editor: validEditor,
|
|
186
|
+
dialogType,
|
|
187
|
+
insertVideoCallback,
|
|
188
|
+
closeDialog
|
|
189
|
+
};
|
|
190
|
+
return /*#__PURE__*/_react.default.createElement(_index2.default, videoProps);
|
|
191
|
+
}
|
|
192
|
+
case _constants2.ELEMENT_TYPE.VIDEO_LINK:
|
|
193
|
+
{
|
|
194
|
+
return /*#__PURE__*/_react.default.createElement(_addVideoLinkDialog.default, props);
|
|
195
|
+
}
|
|
196
|
+
case _constants2.LOCAL_IMAGE:
|
|
197
|
+
{
|
|
198
|
+
return /*#__PURE__*/_react.default.createElement("input", {
|
|
199
|
+
onClick: e => e.stopPropagation(),
|
|
200
|
+
ref: uploadLocalImageInputRef,
|
|
201
|
+
type: "file",
|
|
202
|
+
multiple: true,
|
|
203
|
+
accept: "image/*",
|
|
204
|
+
style: {
|
|
205
|
+
display: 'none'
|
|
206
|
+
},
|
|
207
|
+
onChange: onFileChanged
|
|
208
|
+
});
|
|
209
|
+
}
|
|
210
|
+
case _constants2.LOCAL_VIDEO:
|
|
211
|
+
{
|
|
212
|
+
return /*#__PURE__*/_react.default.createElement("input", {
|
|
213
|
+
onClick: e => e.stopPropagation(),
|
|
214
|
+
ref: uploadLocalVideoInputRef,
|
|
215
|
+
type: "file",
|
|
216
|
+
accept: "video/*",
|
|
217
|
+
style: {
|
|
218
|
+
display: 'none'
|
|
219
|
+
},
|
|
220
|
+
onChange: onVideoFileChanged
|
|
221
|
+
});
|
|
222
|
+
}
|
|
223
|
+
case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
|
|
224
|
+
{
|
|
225
|
+
return /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
226
|
+
element: slateNode,
|
|
227
|
+
editor: editor,
|
|
228
|
+
closeDialog: closeDialog
|
|
229
|
+
});
|
|
230
|
+
}
|
|
231
|
+
case _constants2.ELEMENT_TYPE.ASK_AI:
|
|
232
|
+
{
|
|
233
|
+
return /*#__PURE__*/_react.default.createElement(_index3.default, {
|
|
234
|
+
element: slateNode,
|
|
235
|
+
editor: editor,
|
|
236
|
+
closeModule: closeDialog
|
|
237
|
+
});
|
|
238
|
+
}
|
|
239
|
+
case _constants4.SEATABLE_ROW:
|
|
240
|
+
{
|
|
241
|
+
return /*#__PURE__*/_react.default.createElement(_addSeatableRowDialog.default, props);
|
|
242
|
+
}
|
|
243
|
+
default:
|
|
244
|
+
{
|
|
245
|
+
return null;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
};
|
|
249
|
+
var _default = exports.default = InsertElementDialog;
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _reactI18next = require("react-i18next");
|
|
11
|
+
var _constants = require("@/basic-sdk/constants");
|
|
12
|
+
var _extension = require("@/basic-sdk/extension");
|
|
13
|
+
var _useForceUpdate = _interopRequireDefault(require("@/basic-sdk/hooks/use-force-update"));
|
|
14
|
+
var _nodeId = _interopRequireDefault(require("@/basic-sdk/node-id"));
|
|
15
|
+
var _socket = require("@/basic-sdk/socket");
|
|
16
|
+
var _context = _interopRequireDefault(require("@/context"));
|
|
17
|
+
var _hooks = require("@/hooks");
|
|
18
|
+
var _pluginEditor = _interopRequireDefault(require("./editor/plugin-editor"));
|
|
19
|
+
var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
|
|
20
|
+
var _plugins = require("./plugins");
|
|
21
|
+
var _pluginViewer = _interopRequireDefault(require("./views/plugin-viewer"));
|
|
22
|
+
require("@/assets/css/simple-editor.css");
|
|
23
|
+
require("@/assets/css/plugin-editor.css");
|
|
24
|
+
const DocumentPluginEditor = _ref => {
|
|
25
|
+
let {
|
|
26
|
+
isReadOnly,
|
|
27
|
+
docUuid,
|
|
28
|
+
document,
|
|
29
|
+
showOutline,
|
|
30
|
+
tableId,
|
|
31
|
+
columns,
|
|
32
|
+
getColumnCellValue,
|
|
33
|
+
currentRowIdx,
|
|
34
|
+
tables,
|
|
35
|
+
getTableById,
|
|
36
|
+
collaborators,
|
|
37
|
+
formulaRows,
|
|
38
|
+
getTableFormulaResults,
|
|
39
|
+
sqlQuery,
|
|
40
|
+
getArticleStyle
|
|
41
|
+
} = _ref;
|
|
42
|
+
_context.default.initApi();
|
|
43
|
+
const forceUpdate = (0, _useForceUpdate.default)();
|
|
44
|
+
const validEditor = (0, _react.useMemo)(() => {
|
|
45
|
+
const withColumnPlugin = _plugins.SeaTableColumnPlugin.editorPlugin;
|
|
46
|
+
const withRowPlugin = _plugins.SeaTableRowPlugin.editorPlugin;
|
|
47
|
+
const withViewsPlugin = _plugins.SeaTableTablesPlugin.editorPlugin;
|
|
48
|
+
const defaultEditor = withViewsPlugin(withRowPlugin(withColumnPlugin((0, _extension.createDefaultEditor)())));
|
|
49
|
+
|
|
50
|
+
// getEditorConfig cache the config, so we need to update the uuid,for plugin editor
|
|
51
|
+
docUuid && _context.default.updateConfigUuid(docUuid);
|
|
52
|
+
const editorConfig = _context.default.getEditorConfig();
|
|
53
|
+
const newEditor = (0, _nodeId.default)((0, _socket.withSocketIO)(defaultEditor, {
|
|
54
|
+
document,
|
|
55
|
+
config: editorConfig
|
|
56
|
+
}));
|
|
57
|
+
const {
|
|
58
|
+
cursors
|
|
59
|
+
} = document;
|
|
60
|
+
|
|
61
|
+
// insert column
|
|
62
|
+
newEditor.table_id = tableId;
|
|
63
|
+
newEditor.columns = columns || [];
|
|
64
|
+
newEditor.getColumnCellValue = getColumnCellValue;
|
|
65
|
+
newEditor.currentRowIdx = currentRowIdx;
|
|
66
|
+
|
|
67
|
+
// insert table
|
|
68
|
+
newEditor.tables = tables || [];
|
|
69
|
+
newEditor.getTableById = getTableById;
|
|
70
|
+
newEditor.collaborators = collaborators;
|
|
71
|
+
newEditor.formulaRows = formulaRows;
|
|
72
|
+
newEditor.getTableFormulaResults = getTableFormulaResults;
|
|
73
|
+
newEditor.sqlQuery = sqlQuery;
|
|
74
|
+
newEditor.cursors = cursors || {};
|
|
75
|
+
newEditor.width = _constants.PAGE_EDIT_AREA_WIDTH; // default width
|
|
76
|
+
newEditor.editorType = _constants.DOCUMENT_PLUGIN_EDITOR;
|
|
77
|
+
newEditor.topOffset = 201;
|
|
78
|
+
|
|
79
|
+
// article style
|
|
80
|
+
newEditor.getArticleStyle = getArticleStyle;
|
|
81
|
+
return newEditor;
|
|
82
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
83
|
+
}, [docUuid]);
|
|
84
|
+
(0, _react.useEffect)(() => {
|
|
85
|
+
validEditor.openConnection();
|
|
86
|
+
return () => {
|
|
87
|
+
validEditor.closeConnection();
|
|
88
|
+
};
|
|
89
|
+
}, [validEditor]);
|
|
90
|
+
(0, _react.useEffect)(() => {
|
|
91
|
+
validEditor.getColumnCellValue = getColumnCellValue ? getColumnCellValue : null;
|
|
92
|
+
validEditor.getArticleStyle = getArticleStyle;
|
|
93
|
+
validEditor.currentRowIdx = currentRowIdx;
|
|
94
|
+
forceUpdate();
|
|
95
|
+
}, [forceUpdate, getColumnCellValue, getArticleStyle, validEditor, currentRowIdx]);
|
|
96
|
+
return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, !isReadOnly && /*#__PURE__*/_react.default.createElement(_hooks.PluginsProvider, {
|
|
97
|
+
plugins: [],
|
|
98
|
+
showComment: false
|
|
99
|
+
}, /*#__PURE__*/_react.default.createElement(_pluginEditor.default, {
|
|
100
|
+
editor: validEditor,
|
|
101
|
+
document: document,
|
|
102
|
+
showComment: false,
|
|
103
|
+
showOutline: showOutline
|
|
104
|
+
})), isReadOnly && /*#__PURE__*/_react.default.createElement(_pluginViewer.default, {
|
|
105
|
+
editor: validEditor,
|
|
106
|
+
document: document,
|
|
107
|
+
showToolbar: false,
|
|
108
|
+
showComment: false,
|
|
109
|
+
showOutline: showOutline
|
|
110
|
+
}));
|
|
111
|
+
};
|
|
112
|
+
var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(DocumentPluginEditor);
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = ArticleContainer;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
function ArticleContainer(_ref) {
|
|
10
|
+
let {
|
|
11
|
+
editor,
|
|
12
|
+
children
|
|
13
|
+
} = _ref;
|
|
14
|
+
const articleRef = (0, _react.useRef)(null);
|
|
15
|
+
// eslint-disable-next-line no-unused-vars
|
|
16
|
+
const [containerStyle, setContainerStyle] = (0, _react.useState)({});
|
|
17
|
+
(0, _react.useEffect)(() => {
|
|
18
|
+
editor.width = articleRef.current.children[0].clientWidth;
|
|
19
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
20
|
+
}, []);
|
|
21
|
+
const articleStyle = editor.getArticleStyle && editor.getArticleStyle();
|
|
22
|
+
const articleContainerStyle = editor.getArticleStyle ? {
|
|
23
|
+
width: articleStyle.width
|
|
24
|
+
} : containerStyle;
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
26
|
+
className: "sdoc-article-container",
|
|
27
|
+
style: articleContainerStyle
|
|
28
|
+
}, _react.default.Children.count(children) === 1 && /*#__PURE__*/_react.default.createElement("div", {
|
|
29
|
+
className: "article sdoc-editor__article",
|
|
30
|
+
style: articleStyle,
|
|
31
|
+
id: "sdoc-editor-print-wrapper",
|
|
32
|
+
ref: articleRef
|
|
33
|
+
}, children), _react.default.Children.count(children) > 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
34
|
+
className: "article sdoc-editor__article",
|
|
35
|
+
style: articleStyle,
|
|
36
|
+
id: "sdoc-editor-print-wrapper",
|
|
37
|
+
ref: articleRef
|
|
38
|
+
}, children[0]), [...children.slice(1)]));
|
|
39
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _utils = require("@/utils");
|
|
11
|
+
require("../assets/css/layout.css");
|
|
12
|
+
require("../assets/css/default.css");
|
|
13
|
+
require("../assets/css/sdoc-editor-article.css");
|
|
14
|
+
require("../assets/css/sdoc-editor-plugins.css");
|
|
15
|
+
require("../assets/css/sdoc-comment-editor-plugin.css");
|
|
16
|
+
require("../assets/css/dropdown-menu.css");
|
|
17
|
+
const EditorContainer = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
children,
|
|
20
|
+
readonly,
|
|
21
|
+
fullscreen
|
|
22
|
+
} = _ref;
|
|
23
|
+
const className = (0, _classnames.default)('sdoc-editor-container', {
|
|
24
|
+
'mobile': _utils.isMobile,
|
|
25
|
+
'readonly': readonly,
|
|
26
|
+
'fullscreen': fullscreen
|
|
27
|
+
});
|
|
28
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
|
+
className: className
|
|
30
|
+
}, children);
|
|
31
|
+
};
|
|
32
|
+
var _default = exports.default = EditorContainer;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
var _provider = _interopRequireDefault(require("@/basic-sdk/comment/provider"));
|
|
12
|
+
var _constants = require("@/basic-sdk/constants");
|
|
13
|
+
var _useScrollContext = require("@/basic-sdk/hooks/use-scroll-context");
|
|
14
|
+
var _outline = _interopRequireDefault(require("@/basic-sdk/outline"));
|
|
15
|
+
var _rightPanel = _interopRequireDefault(require("@/basic-sdk/right-panel"));
|
|
16
|
+
var _fullWidthMode = require("@/basic-sdk/utils/full-width-mode");
|
|
17
|
+
var _localStorageUtils = _interopRequireDefault(require("@/utils/local-storage-utils"));
|
|
18
|
+
const EditorContent = _ref => {
|
|
19
|
+
let {
|
|
20
|
+
readonly = false,
|
|
21
|
+
children,
|
|
22
|
+
docValue,
|
|
23
|
+
editor,
|
|
24
|
+
showOutline = true,
|
|
25
|
+
showComment = false
|
|
26
|
+
} = _ref;
|
|
27
|
+
const scrollRef = (0, _react.useRef)(null);
|
|
28
|
+
const [scrollLeft, setScrollLeft] = (0, _react.useState)(0);
|
|
29
|
+
const onWrapperScroll = (0, _react.useCallback)(event => {
|
|
30
|
+
const {
|
|
31
|
+
scrollLeft
|
|
32
|
+
} = event.target;
|
|
33
|
+
setScrollLeft(scrollLeft);
|
|
34
|
+
}, []);
|
|
35
|
+
const onBodyScroll = (0, _react.useCallback)(() => {
|
|
36
|
+
const scrollLeft = window.scrollX;
|
|
37
|
+
setScrollLeft(scrollLeft);
|
|
38
|
+
}, []);
|
|
39
|
+
(0, _react.useEffect)(() => {
|
|
40
|
+
// Modify the outline position even when scrolling the window
|
|
41
|
+
if (_localStorageUtils.default.getItem(_constants.FULL_WIDTH_MODE)) {
|
|
42
|
+
document.addEventListener('scroll', onBodyScroll);
|
|
43
|
+
}
|
|
44
|
+
return () => {
|
|
45
|
+
document.removeEventListener('scroll', onBodyScroll);
|
|
46
|
+
};
|
|
47
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
48
|
+
}, []);
|
|
49
|
+
const className = (0, _classnames.default)('sdoc-editor-content', {
|
|
50
|
+
'readonly': readonly,
|
|
51
|
+
'no-outline': !showOutline
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
// If you don't display comment, use Fragment to replace CommentProvider
|
|
55
|
+
const AboutCommentProvider = showComment ? _provider.default : _react.Fragment;
|
|
56
|
+
return /*#__PURE__*/_react.default.createElement(AboutCommentProvider, showComment && {
|
|
57
|
+
editor
|
|
58
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
59
|
+
className: "sdoc-content-wrapper"
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
61
|
+
ref: scrollRef,
|
|
62
|
+
className: "sdoc-scroll-container",
|
|
63
|
+
onScroll: onWrapperScroll,
|
|
64
|
+
id: "sdoc-scroll-container"
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(_useScrollContext.ScrollContext.Provider, {
|
|
66
|
+
value: {
|
|
67
|
+
scrollRef
|
|
68
|
+
}
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
70
|
+
className: className,
|
|
71
|
+
style: (0, _fullWidthMode.getContentStyleByFullModeStyle)()
|
|
72
|
+
}, showOutline && /*#__PURE__*/_react.default.createElement(_outline.default, {
|
|
73
|
+
scrollLeft: scrollLeft,
|
|
74
|
+
doc: docValue
|
|
75
|
+
}), children))), /*#__PURE__*/_react.default.createElement(_rightPanel.default, {
|
|
76
|
+
editor: editor
|
|
77
|
+
})));
|
|
78
|
+
};
|
|
79
|
+
var _default = exports.default = EditorContent;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "ArticleContainer", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _articleContainer.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "EditorContainer", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () {
|
|
16
|
+
return _editorContainer.default;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "EditorContent", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () {
|
|
22
|
+
return _editorContent.default;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var _articleContainer = _interopRequireDefault(require("./article-container"));
|
|
26
|
+
var _editorContainer = _interopRequireDefault(require("./editor-container"));
|
|
27
|
+
var _editorContent = _interopRequireDefault(require("./editor-content"));
|
|
@@ -12,7 +12,7 @@ var _reactI18next = require("react-i18next");
|
|
|
12
12
|
var _reactstrap = require("reactstrap");
|
|
13
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
14
|
var _seaChart = require("sea-chart");
|
|
15
|
-
var _context = _interopRequireDefault(require("
|
|
15
|
+
var _context = _interopRequireDefault(require("@/context"));
|
|
16
16
|
var _constants = require("../../../constants");
|
|
17
17
|
require("./index.css");
|
|
18
18
|
const ChartEditDialog = _ref => {
|
|
@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.isInsertChartMenuDisabled = exports.isInViewPort = exports.insertChart = exports.generateChartNode = void 0;
|
|
7
7
|
var _slate = require("@seafile/slate");
|
|
8
8
|
var _seaChart = require("sea-chart");
|
|
9
|
-
var _constants = require("
|
|
10
|
-
var _core = require("
|
|
11
|
-
var _helper = require("
|
|
9
|
+
var _constants = require("@/basic-sdk/extension/constants");
|
|
10
|
+
var _core = require("@/basic-sdk/extension/core");
|
|
11
|
+
var _helper = require("@/basic-sdk/extension/plugins/callout/helper");
|
|
12
|
+
var _constants2 = require("../../constants");
|
|
12
13
|
const isInsertChartMenuDisabled = (editor, readonly) => {
|
|
13
14
|
if (readonly) return true;
|
|
14
15
|
const {
|
|
@@ -29,7 +30,7 @@ const isInsertChartMenuDisabled = (editor, readonly) => {
|
|
|
29
30
|
};
|
|
30
31
|
exports.isInsertChartMenuDisabled = isInsertChartMenuDisabled;
|
|
31
32
|
const generateChartNode = editor => {
|
|
32
|
-
const element = (0, _core.generateEmptyElement)(
|
|
33
|
+
const element = (0, _core.generateEmptyElement)(_constants2.CHART);
|
|
33
34
|
const initConfig = {
|
|
34
35
|
option: {
|
|
35
36
|
id: element.id,
|
|
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactI18next = require("react-i18next");
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _commons = require("@/basic-sdk/extension/commons");
|
|
12
|
+
var _tooltip = _interopRequireDefault(require("@/components/tooltip"));
|
|
13
13
|
require("./index.css");
|
|
14
14
|
const ChartHoverMenu = _ref => {
|
|
15
15
|
let {
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _dropdownMenuItem = _interopRequireDefault(require("
|
|
10
|
+
var _dropdownMenuItem = _interopRequireDefault(require("@/basic-sdk/extension/commons/dropdown-menu-item"));
|
|
11
11
|
var _constants = require("../../../constants");
|
|
12
12
|
var _helpers = require("../helpers");
|
|
13
13
|
const ChartMenu = _ref => {
|
|
@@ -12,10 +12,10 @@ var _slate = require("@seafile/slate");
|
|
|
12
12
|
var _slateReact = require("@seafile/slate-react");
|
|
13
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
14
|
var _seaChart = require("sea-chart");
|
|
15
|
-
var
|
|
16
|
-
var _useScrollContext = require("
|
|
15
|
+
var _utils = require("@/basic-sdk/extension/utils");
|
|
16
|
+
var _useScrollContext = require("@/basic-sdk/hooks/use-scroll-context");
|
|
17
|
+
var _context = _interopRequireDefault(require("@/context"));
|
|
17
18
|
var _constants = require("../../constants");
|
|
18
|
-
var _utils = require("../../utils");
|
|
19
19
|
var _chartEditDialog = _interopRequireDefault(require("./chart-edit-dialog"));
|
|
20
20
|
var _helpers = require("./helpers");
|
|
21
21
|
var _hoverMenu = _interopRequireDefault(require("./hover-menu/"));
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "ChartPlugin", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _chart.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "SeaTableColumnPlugin", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () {
|
|
16
|
+
return _seatableColumn.default;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "SeaTableRowPlugin", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () {
|
|
22
|
+
return _seatableRow.default;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "SeaTableTablesPlugin", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () {
|
|
28
|
+
return _seatableTables.default;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
var _chart = _interopRequireDefault(require("./chart"));
|
|
32
|
+
var _seatableColumn = _interopRequireDefault(require("./seatable-column"));
|
|
33
|
+
var _seatableRow = _interopRequireDefault(require("./seatable-row"));
|
|
34
|
+
var _seatableTables = _interopRequireDefault(require("./seatable-tables"));
|