@seafile/sdoc-editor 0.3.6 → 0.3.7
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/api/sdoc-server-api.js +165 -170
- package/dist/api/seafile-api.js +180 -246
- package/dist/basic-sdk/comment/comment-decorate.js +23 -30
- package/dist/basic-sdk/comment/components/comment-all-participants/index.js +18 -18
- package/dist/basic-sdk/comment/components/comment-all-participants/participant-avatar.js +13 -13
- package/dist/basic-sdk/comment/components/comment-delete-shadow.js +11 -9
- package/dist/basic-sdk/comment/components/comment-editor.js +37 -34
- package/dist/basic-sdk/comment/components/comment-input/comment-participant-item.js +16 -14
- package/dist/basic-sdk/comment/components/comment-input/index.js +110 -106
- package/dist/basic-sdk/comment/components/comment-item-content.js +29 -37
- package/dist/basic-sdk/comment/components/comment-item-reply.js +24 -33
- package/dist/basic-sdk/comment/components/comment-item-resolved-reply.js +5 -3
- package/dist/basic-sdk/comment/components/comment-item-wrapper.js +190 -285
- package/dist/basic-sdk/comment/components/comment-list.js +52 -72
- package/dist/basic-sdk/comment/components/comment-participants-editor/index.js +23 -30
- package/dist/basic-sdk/comment/components/comment-participants-editor/searched-collaborators.js +21 -19
- package/dist/basic-sdk/comment/components/comment-participants-editor/selected-participants.js +16 -14
- package/dist/basic-sdk/comment/components/editor-comment.js +23 -32
- package/dist/basic-sdk/comment/components/elements-comment-count/element-comment-count.js +18 -20
- package/dist/basic-sdk/comment/components/elements-comment-count/index.js +8 -8
- package/dist/basic-sdk/comment/components/global-comment/global-comment-body-header.js +23 -25
- package/dist/basic-sdk/comment/components/global-comment/global-comment-editor.js +9 -7
- package/dist/basic-sdk/comment/components/global-comment/global-comment-header.js +9 -6
- package/dist/basic-sdk/comment/components/global-comment/index.js +63 -86
- package/dist/basic-sdk/comment/constants/index.js +9 -9
- package/dist/basic-sdk/comment/helper.js +27 -26
- package/dist/basic-sdk/comment/hooks/comment-hooks/use-comment-context.js +8 -7
- package/dist/basic-sdk/comment/hooks/comment-hooks/use-comment-list.js +19 -30
- package/dist/basic-sdk/comment/hooks/comment-hooks/use-comment-mount.js +41 -71
- package/dist/basic-sdk/comment/hooks/notification-hooks/use-notification-context.js +8 -7
- package/dist/basic-sdk/comment/hooks/notification-hooks/use-notification-mount.js +45 -64
- package/dist/basic-sdk/comment/hooks/use-participants.js +46 -53
- package/dist/basic-sdk/comment/index.js +22 -19
- package/dist/basic-sdk/comment/provider/comment-context-provider.js +9 -11
- package/dist/basic-sdk/comment/provider/index.js +4 -2
- package/dist/basic-sdk/comment/provider/notification-context-provider.js +9 -11
- package/dist/basic-sdk/comment/reducer/comment-reducer.js +151 -137
- package/dist/basic-sdk/comment/reducer/notification-reducer.js +20 -15
- package/dist/basic-sdk/comment/utils/index.js +180 -173
- package/dist/basic-sdk/comment/utils/notification-utils.js +15 -14
- package/dist/basic-sdk/constants/index.js +9 -9
- package/dist/basic-sdk/cursor/helper.js +13 -9
- package/dist/basic-sdk/cursor/use-cursors.js +9 -13
- package/dist/basic-sdk/decorates/index.js +8 -9
- package/dist/basic-sdk/editor/editable-article.js +63 -57
- package/dist/basic-sdk/editor/sdoc-editor.js +42 -47
- package/dist/basic-sdk/extension/commons/color-menu/color-item.js +6 -4
- package/dist/basic-sdk/extension/commons/color-menu/index.js +40 -50
- package/dist/basic-sdk/extension/commons/dropdown-menu-item/index.js +17 -16
- package/dist/basic-sdk/extension/commons/element-popover/index.js +27 -45
- package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js +46 -59
- package/dist/basic-sdk/extension/commons/menu/menu-group.js +7 -21
- package/dist/basic-sdk/extension/commons/menu/menu-item.js +17 -14
- package/dist/basic-sdk/extension/commons/more-dropdown/index.js +9 -7
- package/dist/basic-sdk/extension/commons/select-file-dialog/helpers.js +3 -3
- package/dist/basic-sdk/extension/commons/select-file-dialog/index.js +26 -23
- package/dist/basic-sdk/extension/commons/select-file-dialog/local-files/index.js +49 -80
- package/dist/basic-sdk/extension/constants/color.js +10 -10
- package/dist/basic-sdk/extension/constants/diff-view.js +3 -3
- package/dist/basic-sdk/extension/constants/element-type.js +29 -29
- package/dist/basic-sdk/extension/constants/font.js +44 -37
- package/dist/basic-sdk/extension/constants/index.js +27 -16
- package/dist/basic-sdk/extension/constants/keyboard.js +4 -4
- package/dist/basic-sdk/extension/constants/menus-config.js +234 -203
- package/dist/basic-sdk/extension/core/queries/index.js +185 -285
- package/dist/basic-sdk/extension/core/transforms/focus-editor.js +2 -2
- package/dist/basic-sdk/extension/core/transforms/move-children.js +14 -14
- package/dist/basic-sdk/extension/core/transforms/remove-node-children.js +6 -18
- package/dist/basic-sdk/extension/core/transforms/replace-node.js +22 -19
- package/dist/basic-sdk/extension/core/transforms/update-parent-node.js +6 -8
- package/dist/basic-sdk/extension/core/utils/index.js +12 -12
- package/dist/basic-sdk/extension/index.js +6 -6
- package/dist/basic-sdk/extension/plugins/blockquote/helpers.js +39 -54
- package/dist/basic-sdk/extension/plugins/blockquote/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/blockquote/menu/index.js +34 -44
- package/dist/basic-sdk/extension/plugins/blockquote/model.js +8 -9
- package/dist/basic-sdk/extension/plugins/blockquote/plugin.js +36 -37
- package/dist/basic-sdk/extension/plugins/blockquote/render-elem.js +7 -5
- package/dist/basic-sdk/extension/plugins/check-list/helpers.js +15 -25
- package/dist/basic-sdk/extension/plugins/check-list/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/check-list/menu/index.js +35 -45
- package/dist/basic-sdk/extension/plugins/check-list/model.js +9 -10
- package/dist/basic-sdk/extension/plugins/check-list/plugin.js +16 -10
- package/dist/basic-sdk/extension/plugins/check-list/render-elem.js +42 -56
- package/dist/basic-sdk/extension/plugins/clear-format/helpers.js +21 -36
- package/dist/basic-sdk/extension/plugins/clear-format/menu/index.js +12 -10
- package/dist/basic-sdk/extension/plugins/code-block/helpers.js +40 -58
- package/dist/basic-sdk/extension/plugins/code-block/hover-menu/index.js +38 -46
- package/dist/basic-sdk/extension/plugins/code-block/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/code-block/menu/index.js +9 -7
- package/dist/basic-sdk/extension/plugins/code-block/model.js +8 -9
- package/dist/basic-sdk/extension/plugins/code-block/plugin.js +44 -51
- package/dist/basic-sdk/extension/plugins/code-block/prismjs.js +27 -27
- package/dist/basic-sdk/extension/plugins/code-block/render-elem.js +62 -58
- package/dist/basic-sdk/extension/plugins/file-link/constants/index.js +16 -14
- package/dist/basic-sdk/extension/plugins/file-link/helpers.js +34 -36
- package/dist/basic-sdk/extension/plugins/file-link/hover-menu/index.js +19 -23
- package/dist/basic-sdk/extension/plugins/file-link/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/file-link/menu/index.js +10 -8
- package/dist/basic-sdk/extension/plugins/file-link/plugin.js +17 -11
- package/dist/basic-sdk/extension/plugins/file-link/render-elem.js +34 -38
- package/dist/basic-sdk/extension/plugins/font/helpers.js +75 -78
- package/dist/basic-sdk/extension/plugins/font/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/font/menu/font-family/font-item.js +14 -13
- package/dist/basic-sdk/extension/plugins/font/menu/font-family/index.js +38 -55
- package/dist/basic-sdk/extension/plugins/font/menu/font-size/font-size-scale.js +12 -10
- package/dist/basic-sdk/extension/plugins/font/menu/font-size/index.js +29 -31
- package/dist/basic-sdk/extension/plugins/font/menu/index.js +5 -3
- package/dist/basic-sdk/extension/plugins/font/plugin.js +4 -4
- package/dist/basic-sdk/extension/plugins/header/helpers.js +32 -38
- package/dist/basic-sdk/extension/plugins/header/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/header/menu/index.js +101 -107
- package/dist/basic-sdk/extension/plugins/header/plugin.js +41 -44
- package/dist/basic-sdk/extension/plugins/header/render-elem.js +28 -20
- package/dist/basic-sdk/extension/plugins/html/helper.js +30 -28
- package/dist/basic-sdk/extension/plugins/html/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/html/plugin.js +12 -10
- package/dist/basic-sdk/extension/plugins/html/rules/blockquote.js +5 -3
- package/dist/basic-sdk/extension/plugins/html/rules/check-list.js +4 -2
- package/dist/basic-sdk/extension/plugins/html/rules/code-block.js +20 -24
- package/dist/basic-sdk/extension/plugins/html/rules/header.js +7 -5
- package/dist/basic-sdk/extension/plugins/html/rules/image.js +4 -2
- package/dist/basic-sdk/extension/plugins/html/rules/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/html/rules/link.js +5 -3
- package/dist/basic-sdk/extension/plugins/html/rules/list.js +6 -4
- package/dist/basic-sdk/extension/plugins/html/rules/paragraph.js +5 -3
- package/dist/basic-sdk/extension/plugins/html/rules/table.js +5 -3
- package/dist/basic-sdk/extension/plugins/html/rules/text.js +5 -3
- package/dist/basic-sdk/extension/plugins/image/constants/index.js +2 -2
- package/dist/basic-sdk/extension/plugins/image/dialogs/image-previewer.js +59 -75
- package/dist/basic-sdk/extension/plugins/image/helpers.js +74 -98
- package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js +49 -62
- package/dist/basic-sdk/extension/plugins/image/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/image/menu/index.js +12 -9
- package/dist/basic-sdk/extension/plugins/image/model.js +11 -12
- package/dist/basic-sdk/extension/plugins/image/plugin.js +43 -35
- package/dist/basic-sdk/extension/plugins/image/render-elem.js +73 -91
- package/dist/basic-sdk/extension/plugins/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/link/dialog/add-link-dialog/index.js +30 -39
- package/dist/basic-sdk/extension/plugins/link/helpers.js +76 -100
- package/dist/basic-sdk/extension/plugins/link/hover/index.js +12 -9
- package/dist/basic-sdk/extension/plugins/link/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/link/menu/index.js +10 -8
- package/dist/basic-sdk/extension/plugins/link/model.js +10 -11
- package/dist/basic-sdk/extension/plugins/link/plugin.js +28 -31
- package/dist/basic-sdk/extension/plugins/link/render-elem.js +66 -74
- package/dist/basic-sdk/extension/plugins/list/helpers.js +45 -57
- package/dist/basic-sdk/extension/plugins/list/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/list/menu/index.js +37 -49
- package/dist/basic-sdk/extension/plugins/list/model.js +11 -12
- package/dist/basic-sdk/extension/plugins/list/plugin/index.js +16 -12
- package/dist/basic-sdk/extension/plugins/list/plugin/insert-break-list.js +4 -4
- package/dist/basic-sdk/extension/plugins/list/plugin/insert-fragment-list.js +54 -70
- package/dist/basic-sdk/extension/plugins/list/plugin/normalize-list.js +16 -20
- package/dist/basic-sdk/extension/plugins/list/plugin/on-tab-handle.js +19 -14
- package/dist/basic-sdk/extension/plugins/list/plugin/shortcut.js +20 -28
- package/dist/basic-sdk/extension/plugins/list/queries/index.js +16 -18
- package/dist/basic-sdk/extension/plugins/list/render-elem.js +23 -15
- package/dist/basic-sdk/extension/plugins/list/transforms/insert-list-item.js +20 -24
- package/dist/basic-sdk/extension/plugins/list/transforms/move-list-item-down.js +16 -19
- package/dist/basic-sdk/extension/plugins/list/transforms/move-list-item-up.js +31 -35
- package/dist/basic-sdk/extension/plugins/list/transforms/move-list-items-to-list.js +18 -18
- package/dist/basic-sdk/extension/plugins/list/transforms/move-list-items.js +23 -24
- package/dist/basic-sdk/extension/plugins/list/transforms/normalize-list-item.js +38 -55
- package/dist/basic-sdk/extension/plugins/list/transforms/normalize-nested-list.js +11 -13
- package/dist/basic-sdk/extension/plugins/list/transforms/remove-first-list-item.js +8 -8
- package/dist/basic-sdk/extension/plugins/list/transforms/toggle-list.js +42 -50
- package/dist/basic-sdk/extension/plugins/list/transforms/unwrap-list.js +11 -14
- package/dist/basic-sdk/extension/plugins/markdown/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/markdown/plugin.js +59 -52
- package/dist/basic-sdk/extension/plugins/paragraph/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/paragraph/render-elem.js +12 -10
- package/dist/basic-sdk/extension/plugins/sdoc-link/constants/index.js +16 -14
- package/dist/basic-sdk/extension/plugins/sdoc-link/helpers.js +66 -65
- package/dist/basic-sdk/extension/plugins/sdoc-link/hover-menu/index.js +19 -23
- package/dist/basic-sdk/extension/plugins/sdoc-link/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/sdoc-link/menu/index.js +10 -8
- package/dist/basic-sdk/extension/plugins/sdoc-link/plugin.js +23 -15
- package/dist/basic-sdk/extension/plugins/sdoc-link/render-elem.js +35 -39
- package/dist/basic-sdk/extension/plugins/table/constants/index.js +16 -14
- package/dist/basic-sdk/extension/plugins/table/dialog/custom-table-size-dialog/index.js +17 -24
- package/dist/basic-sdk/extension/plugins/table/dialog/custom-table-size-dialog/number-input.js +9 -7
- package/dist/basic-sdk/extension/plugins/table/helpers.js +466 -440
- package/dist/basic-sdk/extension/plugins/table/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/cell-bg-color-menu.js +16 -13
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/cell-text-align-menu.js +16 -18
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/common-menu.js +58 -65
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/index.js +7 -5
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/remove-table-menu.js +11 -9
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/table-column-menu.js +13 -14
- package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/table-row-menu.js +13 -14
- package/dist/basic-sdk/extension/plugins/table/menu/table-context-menu/index.js +92 -105
- package/dist/basic-sdk/extension/plugins/table/menu/table-context-menu/insert-table-element.js +62 -66
- package/dist/basic-sdk/extension/plugins/table/menu/table-menu/index.js +9 -7
- package/dist/basic-sdk/extension/plugins/table/model.js +14 -15
- package/dist/basic-sdk/extension/plugins/table/plugin.js +130 -112
- package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.js +31 -45
- package/dist/basic-sdk/extension/plugins/table/popover/table-template/index.js +12 -14
- package/dist/basic-sdk/extension/plugins/table/popover/table-template/sample-table.js +15 -19
- package/dist/basic-sdk/extension/plugins/table/render/hooks.js +25 -32
- package/dist/basic-sdk/extension/plugins/table/render/index.js +57 -67
- package/dist/basic-sdk/extension/plugins/table/render/render-cell.js +42 -36
- package/dist/basic-sdk/extension/plugins/table/render/render-row.js +44 -49
- package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/first-column-left-resize-handler.js +36 -45
- package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/index.js +10 -8
- package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/resize-handler.js +41 -50
- package/dist/basic-sdk/extension/plugins/table/render/table-header/columns-header/column-header.js +30 -29
- package/dist/basic-sdk/extension/plugins/table/render/table-header/columns-header/index.js +21 -33
- package/dist/basic-sdk/extension/plugins/table/render/table-header/index.js +17 -15
- package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-columns-header.js +7 -5
- package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-header/index.js +22 -32
- package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-header/row-header.js +41 -43
- package/dist/basic-sdk/extension/plugins/table/render/table-root.js +16 -20
- package/dist/basic-sdk/extension/plugins/text-align/helpers.js +19 -24
- package/dist/basic-sdk/extension/plugins/text-align/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/text-align/menu/index.js +20 -26
- package/dist/basic-sdk/extension/plugins/text-style/caret.js +9 -7
- package/dist/basic-sdk/extension/plugins/text-style/helpers.js +17 -24
- package/dist/basic-sdk/extension/plugins/text-style/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/text-style/menu/index.js +38 -37
- package/dist/basic-sdk/extension/plugins/text-style/plugin.js +6 -6
- package/dist/basic-sdk/extension/plugins/text-style/render-elem.js +14 -10
- package/dist/basic-sdk/extension/render/custom-element.js +30 -49
- package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/index.js +6 -4
- package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-delete-modify-decorate.js +13 -10
- package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-modify-delete-decorate.js +13 -10
- package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-modify-modify-decorate.js +21 -19
- package/dist/basic-sdk/extension/render/render-element.js +5 -3
- package/dist/basic-sdk/extension/render/render-leaf.js +4 -6
- package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js +18 -16
- package/dist/basic-sdk/extension/toolbar/header-toolbar/index.js +5 -3
- package/dist/basic-sdk/extension/toolbar/header-toolbar/insert-toolbar/index.js +29 -29
- package/dist/basic-sdk/extension/toolbar/header-toolbar/redo-undo.js +45 -53
- package/dist/basic-sdk/extension/toolbar/side-toolbar/event.js +8 -8
- package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js +45 -49
- package/dist/basic-sdk/extension/toolbar/side-toolbar/index.js +50 -72
- package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-below-menu.js +5 -3
- package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js +25 -26
- package/dist/basic-sdk/extension/toolbar/side-toolbar/side-menu.js +24 -26
- package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js +14 -16
- package/dist/basic-sdk/extension/utils/index.js +4 -4
- package/dist/basic-sdk/highlight/index.js +8 -13
- package/dist/basic-sdk/highlight/setNodeToDecorations.js +43 -73
- package/dist/basic-sdk/hooks/use-color-context.js +27 -35
- package/dist/basic-sdk/hooks/use-scroll-context.js +6 -4
- package/dist/basic-sdk/hooks/use-selection-element.js +5 -7
- package/dist/basic-sdk/hooks/use-selection-position.js +13 -15
- package/dist/basic-sdk/hooks/use-selection-update.js +6 -11
- package/dist/basic-sdk/layout/article-container.js +20 -23
- package/dist/basic-sdk/layout/editor-container.js +6 -4
- package/dist/basic-sdk/layout/editor-content.js +15 -15
- package/dist/basic-sdk/node-id/constants.js +9 -9
- package/dist/basic-sdk/node-id/helpers.js +44 -29
- package/dist/basic-sdk/node-id/index.js +13 -11
- package/dist/basic-sdk/outline/index.js +24 -27
- package/dist/basic-sdk/outline/outline-item.js +39 -44
- package/dist/basic-sdk/socket/helpers.js +99 -90
- package/dist/basic-sdk/socket/socket-client.js +175 -171
- package/dist/basic-sdk/socket/socket-manager.js +316 -297
- package/dist/basic-sdk/socket/with-socket-io.js +38 -30
- package/dist/basic-sdk/utils/debug.js +4 -4
- package/dist/basic-sdk/utils/diff-text.js +191 -193
- package/dist/basic-sdk/utils/diff.js +115 -106
- package/dist/basic-sdk/utils/document-utils.js +10 -13
- package/dist/basic-sdk/utils/dom-utils.js +18 -16
- package/dist/basic-sdk/utils/event-bus.js +26 -39
- package/dist/basic-sdk/utils/event-handler.js +81 -79
- package/dist/basic-sdk/utils/mouse-event.js +29 -27
- package/dist/basic-sdk/utils/object-utils.js +35 -53
- package/dist/basic-sdk/utils/rebase.js +101 -76
- package/dist/basic-sdk/views/published-revision-diff-viewer.js +19 -22
- package/dist/basic-sdk/views/readonly-article.js +7 -5
- package/dist/basic-sdk/views/revision-diff-viewer.js +15 -18
- package/dist/basic-sdk/views/sdoc-diff-viewer.js +8 -6
- package/dist/basic-sdk/views/sdoc-viewer.js +9 -7
- package/dist/components/common-loading/index.js +1 -1
- package/dist/components/doc-info/index.js +25 -23
- package/dist/components/doc-operations/collaborators-operation/collaborators-popover.js +36 -49
- package/dist/components/doc-operations/collaborators-operation/index.js +58 -76
- package/dist/components/doc-operations/comments-operation/index.js +7 -13
- package/dist/components/doc-operations/history-operation.js +5 -5
- package/dist/components/doc-operations/index.js +10 -9
- package/dist/components/doc-operations/more-operations.js +15 -21
- package/dist/components/doc-operations/revision-operations/changes-count/index.js +15 -16
- package/dist/components/doc-operations/revision-operations/index.js +65 -71
- package/dist/components/doc-operations/revision-operations/more-revision-operations/index.js +13 -17
- package/dist/components/doc-operations/revision-operations/publish-revision/index.js +8 -5
- package/dist/components/doc-operations/revision-operations/revisions/index.js +13 -19
- package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/index.js +56 -87
- package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/revision-operation/index.js +14 -16
- package/dist/components/doc-operations/revision-operations/view-changes/index.js +25 -32
- package/dist/components/doc-operations/share-operation/index.js +2 -2
- package/dist/components/doc-operations/tag-operation/constans.js +1 -1
- package/dist/components/doc-operations/tag-operation/file-tag-quick-view/index.js +26 -42
- package/dist/components/doc-operations/tag-operation/index.js +1 -1
- package/dist/components/doc-operations/tag-operation/tag-popover/index.js +95 -175
- package/dist/components/doc-operations/tag-operation/utils.js +2 -6
- package/dist/components/draft-dropdown/index.js +44 -53
- package/dist/components/loading/index.js +8 -22
- package/dist/components/modal-portal/index.js +15 -32
- package/dist/components/switch/index.js +8 -6
- package/dist/components/tip-dialog/index.js +21 -23
- package/dist/components/tip-message/index.js +93 -92
- package/dist/components/toast/alert.js +73 -88
- package/dist/components/toast/index.js +1 -1
- package/dist/components/toast/toast.js +76 -103
- package/dist/components/toast/toastManager.js +55 -89
- package/dist/components/toast/toaster.js +54 -56
- package/dist/components/tooltip/index.js +15 -16
- package/dist/constants/index.js +26 -6
- package/dist/constants/transfer-types.js +3 -3
- package/dist/context.js +242 -339
- package/dist/hooks/use-collaborators.js +18 -20
- package/dist/hooks/use-document.js +33 -45
- package/dist/layout/content.js +13 -26
- package/dist/layout/header.js +13 -26
- package/dist/layout/layout.js +11 -9
- package/dist/model/notification.js +10 -11
- package/dist/model/revision.js +27 -28
- package/dist/model/user.js +10 -11
- package/dist/pages/error-boundary.js +18 -36
- package/dist/pages/error-page.js +14 -26
- package/dist/pages/published-revision-viewer.js +23 -35
- package/dist/pages/simple-editor.js +39 -46
- package/dist/pages/simple-viewer.js +70 -104
- package/dist/utils/date-utils.js +67 -81
- package/dist/utils/get-event-transfer.js +13 -15
- package/dist/utils/hotkey.js +24 -24
- package/dist/utils/index.js +20 -20
- package/dist/utils/local-storage-utils.js +41 -58
- package/package.json +10 -10
- package/public/locales/cs/sdoc-editor.json +3 -1
- package/public/locales/de/sdoc-editor.json +3 -1
- package/public/locales/en/sdoc-editor.json +1 -0
- package/public/locales/es/sdoc-editor.json +3 -1
- package/public/locales/fr/sdoc-editor.json +3 -1
- package/public/locales/it/sdoc-editor.json +3 -1
- package/public/locales/ru/sdoc-editor.json +3 -1
- package/public/locales/zh_CN/sdoc-editor.json +1 -0
|
@@ -4,13 +4,15 @@ import RowsHeader from './rows-header';
|
|
|
4
4
|
import { useResizeHandlersContext } from '../hooks';
|
|
5
5
|
import RowsColumnsHeader from './rows-columns-header';
|
|
6
6
|
import './index.css';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
const TableHeader = _ref => {
|
|
8
|
+
let {
|
|
9
|
+
table,
|
|
10
|
+
setSelectedRange
|
|
11
|
+
} = _ref;
|
|
12
|
+
const columns = useResizeHandlersContext();
|
|
13
|
+
const selectColumn = useCallback(columnIndex => {
|
|
14
|
+
const rowsCount = table.children.length;
|
|
15
|
+
const range = {
|
|
14
16
|
minRowIndex: 0,
|
|
15
17
|
maxRowIndex: rowsCount - 1,
|
|
16
18
|
minColIndex: columnIndex,
|
|
@@ -20,9 +22,9 @@ var TableHeader = function TableHeader(_ref) {
|
|
|
20
22
|
|
|
21
23
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
22
24
|
}, [table, columns]);
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
const selectRow = useCallback(rowIndex => {
|
|
26
|
+
const columnsCount = columns.length;
|
|
27
|
+
const range = {
|
|
26
28
|
minRowIndex: rowIndex,
|
|
27
29
|
maxRowIndex: rowIndex,
|
|
28
30
|
minColIndex: 0,
|
|
@@ -32,10 +34,10 @@ var TableHeader = function TableHeader(_ref) {
|
|
|
32
34
|
|
|
33
35
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
34
36
|
}, [table, columns]);
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
const selectTable = useCallback(() => {
|
|
38
|
+
const columnsCount = columns.length;
|
|
39
|
+
const rowsCount = table.children.length;
|
|
40
|
+
const range = {
|
|
39
41
|
minRowIndex: 0,
|
|
40
42
|
maxRowIndex: rowsCount - 1,
|
|
41
43
|
minColIndex: 0,
|
|
@@ -45,7 +47,7 @@ var TableHeader = function TableHeader(_ref) {
|
|
|
45
47
|
|
|
46
48
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
47
49
|
}, [table, columns]);
|
|
48
|
-
|
|
50
|
+
const tableSize = [table.children.length, columns.length];
|
|
49
51
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ColumnsHeader, {
|
|
50
52
|
table: table,
|
|
51
53
|
selectRange: selectColumn,
|
|
@@ -2,11 +2,13 @@ import React from 'react';
|
|
|
2
2
|
import { useTableSelectedRangeContext } from '../hooks';
|
|
3
3
|
import ObjectUtils from '../../../../../utils/object-utils';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
const RowsColumnsHeader = _ref => {
|
|
6
|
+
let {
|
|
7
|
+
selectRange,
|
|
8
|
+
tableSize
|
|
9
|
+
} = _ref;
|
|
10
|
+
const selectedRange = useTableSelectedRangeContext();
|
|
11
|
+
const isSelectedAllTableCells = ObjectUtils.isSameObject(selectedRange, {
|
|
10
12
|
minRowIndex: 0,
|
|
11
13
|
maxRowIndex: tableSize[0] - 1,
|
|
12
14
|
minColIndex: 0,
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
1
|
import React, { useCallback, useState } from 'react';
|
|
3
2
|
import { useSlateStatic } from '@seafile/slate-react';
|
|
4
3
|
import classnames from 'classnames';
|
|
@@ -6,41 +5,36 @@ import { useTableRootContext } from '../../hooks';
|
|
|
6
5
|
import RowHeader from './row-header';
|
|
7
6
|
import { insertTableRow } from '../../../helpers';
|
|
8
7
|
import { TABLE_ELEMENT_POSITION } from '../../../constants';
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
25
|
-
isHoverInAddIcon = _useState6[0],
|
|
26
|
-
setIsHoverInAddIcon = _useState6[1];
|
|
27
|
-
var tableRootContent = useTableRootContext();
|
|
28
|
-
var onMouseLeave = useCallback(function () {
|
|
8
|
+
const RowsHeader = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
table,
|
|
11
|
+
selectRange,
|
|
12
|
+
tableSize
|
|
13
|
+
} = _ref;
|
|
14
|
+
const editor = useSlateStatic();
|
|
15
|
+
const {
|
|
16
|
+
children
|
|
17
|
+
} = table;
|
|
18
|
+
const [insertRowIndex, setInsertRowIndex] = useState(0);
|
|
19
|
+
const [addIconPosition, setAddIconPosition] = useState();
|
|
20
|
+
const [isHoverInAddIcon, setIsHoverInAddIcon] = useState(false);
|
|
21
|
+
const tableRootContent = useTableRootContext();
|
|
22
|
+
const onMouseLeave = useCallback(() => {
|
|
29
23
|
setAddIconPosition();
|
|
30
24
|
setInsertRowIndex(0);
|
|
31
25
|
setIsHoverInAddIcon(false);
|
|
32
26
|
|
|
33
27
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
34
28
|
}, [tableSize, table]);
|
|
35
|
-
|
|
29
|
+
const onMouseEnter = useCallback(addIconPosition => {
|
|
36
30
|
setAddIconPosition(addIconPosition);
|
|
37
31
|
setIsHoverInAddIcon(true);
|
|
38
32
|
|
|
39
33
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
40
34
|
}, [tableSize, table]);
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
35
|
+
const insertRow = useCallback(insertRowIndex => {
|
|
36
|
+
const validInsertRowIndex = insertRowIndex === -1 ? 0 : insertRowIndex;
|
|
37
|
+
const insertRowPosition = insertRowIndex === -1 ? TABLE_ELEMENT_POSITION.BEFORE : TABLE_ELEMENT_POSITION.AFTER;
|
|
44
38
|
insertTableRow(editor, table, validInsertRowIndex, insertRowPosition, 1);
|
|
45
39
|
setAddIconPosition();
|
|
46
40
|
setIsHoverInAddIcon(false);
|
|
@@ -51,7 +45,7 @@ var RowsHeader = function RowsHeader(_ref) {
|
|
|
51
45
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
52
46
|
className: "sdoc-table-rows-header h-100 position-absolute d-flex flex-column",
|
|
53
47
|
contentEditable: false
|
|
54
|
-
}, children.map(
|
|
48
|
+
}, children.map((row, index) => {
|
|
55
49
|
return /*#__PURE__*/React.createElement(RowHeader, {
|
|
56
50
|
key: row.id,
|
|
57
51
|
index: index,
|
|
@@ -68,13 +62,9 @@ var RowsHeader = function RowsHeader(_ref) {
|
|
|
68
62
|
}),
|
|
69
63
|
contentEditable: false,
|
|
70
64
|
style: addIconPosition,
|
|
71
|
-
onMouseEnter:
|
|
72
|
-
return _onMouseEnter(addIconPosition);
|
|
73
|
-
},
|
|
65
|
+
onMouseEnter: () => onMouseEnter(addIconPosition),
|
|
74
66
|
onMouseLeave: onMouseLeave,
|
|
75
|
-
onClick:
|
|
76
|
-
return insertRow(insertRowIndex);
|
|
77
|
-
}
|
|
67
|
+
onClick: () => insertRow(insertRowIndex)
|
|
78
68
|
}, '+'), addIconPosition && isHoverInAddIcon && /*#__PURE__*/React.createElement("div", {
|
|
79
69
|
className: "position-fixed sdoc-table-add-element-tip background-color-tip-blue",
|
|
80
70
|
style: {
|
package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-header/row-header.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
1
|
import React, { useRef, useCallback, useState, useEffect } from 'react';
|
|
3
2
|
import { ReactEditor } from '@seafile/slate-react';
|
|
4
3
|
import { useSlateStatic } from '@seafile/slate-react';
|
|
@@ -9,60 +8,61 @@ import { useScrollContext } from '../../../../../../hooks/use-scroll-context';
|
|
|
9
8
|
import { ELEMENT_TYPE } from '../../../../../constants';
|
|
10
9
|
import { findPath, getSelectedNodeByType } from '../../../../../core';
|
|
11
10
|
import { elementHasImage, getRowHeight } from '../../../helpers';
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
useEffect(function () {
|
|
11
|
+
const RowHeader = _ref => {
|
|
12
|
+
let {
|
|
13
|
+
row,
|
|
14
|
+
index,
|
|
15
|
+
addIconPosition,
|
|
16
|
+
setAddIconPosition,
|
|
17
|
+
setInsertRowIndex,
|
|
18
|
+
selectRange,
|
|
19
|
+
tableSize
|
|
20
|
+
} = _ref;
|
|
21
|
+
const oldRowHeight = getRowHeight(row);
|
|
22
|
+
const editor = useSlateStatic();
|
|
23
|
+
const [rowHeight, setRowHeight] = useState(oldRowHeight);
|
|
24
|
+
const rowHeaderRef = useRef(null);
|
|
25
|
+
const columns = useResizeHandlersContext();
|
|
26
|
+
const scrollContext = useScrollContext();
|
|
27
|
+
const selectedRange = useTableSelectedRangeContext();
|
|
28
|
+
const currentCell = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE_CELL);
|
|
29
|
+
const currentCellPath = currentCell ? findPath(editor, currentCell, [-1, -1]) : [-1, -1];
|
|
30
|
+
const pathLength = currentCellPath.length;
|
|
31
|
+
useEffect(() => {
|
|
34
32
|
if (elementHasImage(row)) {
|
|
35
|
-
|
|
33
|
+
const time = setTimeout(() => {
|
|
36
34
|
// There is a delay in image loading
|
|
37
|
-
|
|
35
|
+
const rowDom = ReactEditor.toDOMNode(editor, row);
|
|
38
36
|
if (!rowDom) return;
|
|
39
37
|
if (rowHeight === rowDom.clientHeight) return;
|
|
40
38
|
setRowHeight(rowDom.clientHeight);
|
|
41
39
|
}, 300);
|
|
42
|
-
return
|
|
40
|
+
return () => {
|
|
43
41
|
clearTimeout(time);
|
|
44
42
|
};
|
|
45
43
|
}
|
|
46
|
-
|
|
44
|
+
const rowDom = ReactEditor.toDOMNode(editor, row);
|
|
47
45
|
if (!rowDom) return;
|
|
48
46
|
if (rowHeight === rowDom.clientHeight) return;
|
|
49
47
|
setRowHeight(rowDom.clientHeight);
|
|
50
48
|
|
|
51
49
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
52
50
|
}, [columns, row, index]);
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
left
|
|
56
|
-
height
|
|
57
|
-
top
|
|
58
|
-
|
|
59
|
-
|
|
51
|
+
const onMouseMove = useCallback(event => {
|
|
52
|
+
const {
|
|
53
|
+
left,
|
|
54
|
+
height,
|
|
55
|
+
top
|
|
56
|
+
} = rowHeaderRef.current.getBoundingClientRect();
|
|
57
|
+
const halfElementY = top + height / 2;
|
|
58
|
+
const nextAddIconPosition = {
|
|
60
59
|
left: left,
|
|
61
60
|
top: event.clientY > halfElementY ? top + height - 7 : top - 7
|
|
62
61
|
};
|
|
63
|
-
|
|
64
|
-
scrollContextTop
|
|
65
|
-
scrollContextHeight
|
|
62
|
+
const {
|
|
63
|
+
top: scrollContextTop,
|
|
64
|
+
height: scrollContextHeight
|
|
65
|
+
} = scrollContext.current.getBoundingClientRect();
|
|
66
66
|
if (nextAddIconPosition.top < scrollContextTop) {
|
|
67
67
|
setAddIconPosition(undefined);
|
|
68
68
|
return;
|
|
@@ -77,13 +77,13 @@ var RowHeader = function RowHeader(_ref) {
|
|
|
77
77
|
|
|
78
78
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
79
79
|
}, [index, addIconPosition, row, columns]);
|
|
80
|
-
|
|
80
|
+
const onMouseLeave = useCallback(event => {
|
|
81
81
|
setAddIconPosition(undefined);
|
|
82
82
|
|
|
83
83
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
84
84
|
}, [index, addIconPosition, row, columns]);
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
const isSelectedARow = selectedRange.minColIndex === 0 && selectedRange.maxColIndex === tableSize[1] - 1;
|
|
86
|
+
const isSelectedSomeRow = selectedRange.minRowIndex <= index && index <= selectedRange.maxRowIndex;
|
|
87
87
|
return /*#__PURE__*/React.createElement("div", {
|
|
88
88
|
className: classnames('sdoc-table-row-header', {
|
|
89
89
|
'range-selected': isSelectedARow && isSelectedSomeRow,
|
|
@@ -93,9 +93,7 @@ var RowHeader = function RowHeader(_ref) {
|
|
|
93
93
|
height: index === 0 ? rowHeight - 1 : rowHeight
|
|
94
94
|
},
|
|
95
95
|
ref: rowHeaderRef,
|
|
96
|
-
onClick:
|
|
97
|
-
return selectRange(index);
|
|
98
|
-
},
|
|
96
|
+
onClick: () => selectRange(index),
|
|
99
97
|
onMouseMove: onMouseMove,
|
|
100
98
|
onMouseLeave: onMouseLeave
|
|
101
99
|
});
|
|
@@ -1,31 +1,27 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
2
|
import React, { useState, useRef, useCallback } from 'react';
|
|
4
3
|
import classnames from 'classnames';
|
|
5
4
|
import { useSlateStatic } from '@seafile/slate-react';
|
|
6
5
|
import { TableRootContext, TableRootScrollLeftContext, useContextMenu } from './hooks';
|
|
7
6
|
import { TableContextMenu } from '../menu';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
columns =
|
|
12
|
-
children
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var allWidth = columns.reduce(function (pre, cur) {
|
|
20
|
-
return pre + cur.width;
|
|
21
|
-
}, 0);
|
|
22
|
-
var onScroll = useCallback(function (event) {
|
|
7
|
+
const TableRoot = _ref => {
|
|
8
|
+
let {
|
|
9
|
+
attributes,
|
|
10
|
+
columns = [],
|
|
11
|
+
children
|
|
12
|
+
} = _ref;
|
|
13
|
+
const editor = useSlateStatic();
|
|
14
|
+
const tableScrollWrapper = useRef(null);
|
|
15
|
+
const [scrollLeft, setScrollLeft] = useState(0);
|
|
16
|
+
const allWidth = columns.reduce((pre, cur) => pre + cur.width, 0);
|
|
17
|
+
const onScroll = useCallback(event => {
|
|
23
18
|
setScrollLeft(event.target.scrollLeft);
|
|
24
19
|
}, []);
|
|
25
|
-
|
|
26
|
-
isShowContextMenu
|
|
27
|
-
menuPosition
|
|
28
|
-
onContextMenu
|
|
20
|
+
const {
|
|
21
|
+
isShowContextMenu,
|
|
22
|
+
menuPosition,
|
|
23
|
+
onContextMenu
|
|
24
|
+
} = useContextMenu(tableScrollWrapper);
|
|
29
25
|
return /*#__PURE__*/React.createElement(TableRootContext.Provider, {
|
|
30
26
|
value: tableScrollWrapper.current
|
|
31
27
|
}, /*#__PURE__*/React.createElement(TableRootScrollLeftContext.Provider, {
|
|
@@ -1,43 +1,38 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
1
|
import { Editor, Transforms, Element } from '@seafile/slate';
|
|
3
2
|
import { CODE_BLOCK, TABLE } from '../../constants';
|
|
4
|
-
export
|
|
3
|
+
export const isMenuDisabled = (editor, readonly) => {
|
|
5
4
|
if (readonly) return true;
|
|
6
5
|
if (!editor.selection) return true;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
match = _Editor$nodes2[0];
|
|
16
|
-
var elementType = match[0].type;
|
|
6
|
+
const [match] = Editor.nodes(editor, {
|
|
7
|
+
match: node => {
|
|
8
|
+
return !Editor.isEditor(node) && Element.isElement(node) && Editor.isBlock(editor, node);
|
|
9
|
+
},
|
|
10
|
+
universal: true,
|
|
11
|
+
mode: 'highest'
|
|
12
|
+
});
|
|
13
|
+
const elementType = match[0].type;
|
|
17
14
|
// at present, TABLE got its own 'text align'
|
|
18
15
|
if (elementType === CODE_BLOCK || elementType === TABLE) {
|
|
19
16
|
return true;
|
|
20
17
|
}
|
|
21
18
|
return false;
|
|
22
19
|
};
|
|
23
|
-
export
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
export const getAlignType = editor => {
|
|
21
|
+
const defaultType = 'left';
|
|
22
|
+
const {
|
|
23
|
+
selection
|
|
24
|
+
} = editor;
|
|
26
25
|
if (!selection) {
|
|
27
26
|
return defaultType;
|
|
28
27
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
}),
|
|
35
|
-
_Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
|
|
36
|
-
match = _Editor$nodes4[0];
|
|
28
|
+
const [match] = Editor.nodes(editor, {
|
|
29
|
+
at: Editor.unhangRange(editor, selection),
|
|
30
|
+
match: n => !Editor.isEditor(n) && Element.isElement(n) && n['align']
|
|
31
|
+
});
|
|
37
32
|
if (!match) return defaultType;
|
|
38
33
|
return match[0].align;
|
|
39
34
|
};
|
|
40
|
-
export
|
|
35
|
+
export const setAlignType = (editor, type) => {
|
|
41
36
|
Transforms.setNodes(editor, {
|
|
42
37
|
'align': type
|
|
43
38
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
const TextAlignPlugin = {};
|
|
2
2
|
export default TextAlignPlugin;
|
|
@@ -1,38 +1,36 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
1
|
import React, { useRef, useState, useCallback } from 'react';
|
|
3
2
|
import { UncontrolledPopover } from 'reactstrap';
|
|
4
3
|
import { withTranslation } from 'react-i18next';
|
|
5
4
|
import classnames from 'classnames';
|
|
6
5
|
import { getAlignType, isMenuDisabled, setAlignType } from '../helpers';
|
|
7
6
|
import { TEXT_ALIGN, MENUS_CONFIG_MAP } from '../../../constants';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var toggle = useCallback(function (event) {
|
|
7
|
+
const TextAlignMenu = _ref => {
|
|
8
|
+
let {
|
|
9
|
+
isRichEditor,
|
|
10
|
+
className,
|
|
11
|
+
editor,
|
|
12
|
+
readonly
|
|
13
|
+
} = _ref;
|
|
14
|
+
const [isShowMenu, setMenuShow] = useState(false);
|
|
15
|
+
const popoverRef = useRef(null);
|
|
16
|
+
const disabled = isMenuDisabled(editor, readonly);
|
|
17
|
+
const buttonId = 'sdoc-button-text-align';
|
|
18
|
+
const toggle = useCallback(event => {
|
|
21
19
|
popoverRef.current.toggle();
|
|
22
20
|
setMenuShow(!isShowMenu);
|
|
23
21
|
|
|
24
22
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
25
23
|
}, [isShowMenu]);
|
|
26
|
-
|
|
24
|
+
const getCurrentType = useCallback(() => {
|
|
27
25
|
return getAlignType(editor);
|
|
28
26
|
}, [editor]);
|
|
29
|
-
|
|
27
|
+
const setType = useCallback(type => {
|
|
30
28
|
setAlignType(editor, type);
|
|
31
29
|
toggle();
|
|
32
30
|
|
|
33
31
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
34
32
|
}, [editor, isShowMenu]);
|
|
35
|
-
|
|
33
|
+
const validClassName = classnames(className, 'sdoc-menu-with-dropdown', {
|
|
36
34
|
'menu-show': isShowMenu,
|
|
37
35
|
'disabled': disabled,
|
|
38
36
|
'rich-icon-btn d-flex': isRichEditor,
|
|
@@ -40,11 +38,9 @@ var TextAlignMenu = function TextAlignMenu(_ref) {
|
|
|
40
38
|
'rich-icon-btn-hover': isRichEditor && !disabled,
|
|
41
39
|
'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
|
|
42
40
|
});
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
})[0].iconClass;
|
|
47
|
-
var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
|
|
41
|
+
const curType = getCurrentType();
|
|
42
|
+
const curIcon = MENUS_CONFIG_MAP[TEXT_ALIGN].filter(item => item.type === curType)[0].iconClass;
|
|
43
|
+
const caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
|
|
48
44
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
|
|
49
45
|
type: "button",
|
|
50
46
|
className: validClassName,
|
|
@@ -69,13 +65,11 @@ var TextAlignMenu = function TextAlignMenu(_ref) {
|
|
|
69
65
|
ref: popoverRef
|
|
70
66
|
}, /*#__PURE__*/React.createElement("div", {
|
|
71
67
|
className: "pt-2 pb-2"
|
|
72
|
-
}, MENUS_CONFIG_MAP[TEXT_ALIGN].map(
|
|
68
|
+
}, MENUS_CONFIG_MAP[TEXT_ALIGN].map((item, index) => {
|
|
73
69
|
return /*#__PURE__*/React.createElement("div", {
|
|
74
70
|
key: index,
|
|
75
71
|
className: "sdoc-dropdown-menu-item",
|
|
76
|
-
onClick:
|
|
77
|
-
return setType(item.type);
|
|
78
|
-
}
|
|
72
|
+
onClick: () => setType(item.type)
|
|
79
73
|
}, /*#__PURE__*/React.createElement("i", {
|
|
80
74
|
className: item.iconClass
|
|
81
75
|
}));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
|
|
3
|
+
const cursorStyleBase = {
|
|
4
4
|
position: 'absolute',
|
|
5
5
|
top: -2,
|
|
6
6
|
pointerEvents: 'none',
|
|
@@ -11,7 +11,7 @@ var cursorStyleBase = {
|
|
|
11
11
|
background: 'palevioletred',
|
|
12
12
|
whiteSpace: 'nowrap'
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
const caretStyleBase = {
|
|
15
15
|
position: 'absolute',
|
|
16
16
|
// pointerEvents: 'none',
|
|
17
17
|
userSelect: 'none',
|
|
@@ -19,15 +19,17 @@ var caretStyleBase = {
|
|
|
19
19
|
width: 2,
|
|
20
20
|
background: 'palevioletred'
|
|
21
21
|
};
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
const Caret = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
cursor_color: color,
|
|
25
|
+
name
|
|
26
|
+
} = _ref;
|
|
27
|
+
const cursorStyles = _objectSpread(_objectSpread({}, cursorStyleBase), {}, {
|
|
26
28
|
background: color,
|
|
27
29
|
left: '0%',
|
|
28
30
|
cursor: 'default'
|
|
29
31
|
});
|
|
30
|
-
|
|
32
|
+
const caretStyles = _objectSpread(_objectSpread({}, caretStyleBase), {}, {
|
|
31
33
|
background: color,
|
|
32
34
|
left: '0%'
|
|
33
35
|
});
|
|
@@ -1,29 +1,26 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
1
|
import { Editor } from '@seafile/slate';
|
|
3
2
|
import { getNodeType } from '../../core';
|
|
4
3
|
import { CODE_BLOCK } from '../../constants/element-type';
|
|
5
4
|
import { TEXT_STYLE_MAP } from '../../constants/menus-config';
|
|
6
|
-
export
|
|
5
|
+
export const isMenuDisabled = (editor, readonly) => {
|
|
7
6
|
if (readonly) return true;
|
|
8
7
|
if (editor.selection == null) return true;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
const [match] = Editor.nodes(editor, {
|
|
9
|
+
match: n => {
|
|
10
|
+
const type = getNodeType(n);
|
|
11
|
+
if (type === CODE_BLOCK) return true; // Code block
|
|
12
|
+
if (Editor.isVoid(editor, n)) return true; // void node
|
|
14
13
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
_Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
|
|
20
|
-
match = _Editor$nodes2[0];
|
|
14
|
+
return false;
|
|
15
|
+
},
|
|
16
|
+
universal: true
|
|
17
|
+
});
|
|
21
18
|
|
|
22
19
|
// If yes, it is disabled
|
|
23
20
|
if (match) return true;
|
|
24
21
|
return false;
|
|
25
22
|
};
|
|
26
|
-
export
|
|
23
|
+
export const addMark = (editor, type) => {
|
|
27
24
|
if (type === TEXT_STYLE_MAP.SUPERSCRIPT) {
|
|
28
25
|
removeMark(editor, TEXT_STYLE_MAP.SUBSCRIPT);
|
|
29
26
|
} else if (type === TEXT_STYLE_MAP.SUBSCRIPT) {
|
|
@@ -31,25 +28,21 @@ export var addMark = function addMark(editor, type) {
|
|
|
31
28
|
}
|
|
32
29
|
Editor.addMark(editor, type, true);
|
|
33
30
|
};
|
|
34
|
-
export
|
|
31
|
+
export const removeMark = (editor, type) => {
|
|
35
32
|
Editor.removeMark(editor, type);
|
|
36
33
|
};
|
|
37
34
|
|
|
38
35
|
// Whether mark is included
|
|
39
|
-
export
|
|
40
|
-
|
|
36
|
+
export const getValue = (editor, mark) => {
|
|
37
|
+
const curMarks = Editor.marks(editor);
|
|
41
38
|
|
|
42
39
|
// If curMarks exists, you need to set this parameter manually. curMarks prevails
|
|
43
40
|
if (curMarks) {
|
|
44
41
|
return curMarks[mark];
|
|
45
42
|
} else {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
}),
|
|
51
|
-
_Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
|
|
52
|
-
match = _Editor$nodes4[0];
|
|
43
|
+
const [match] = Editor.nodes(editor, {
|
|
44
|
+
match: n => n[mark] === true
|
|
45
|
+
});
|
|
53
46
|
return !!match;
|
|
54
47
|
}
|
|
55
48
|
};
|