@lobehub/editor 4.15.1 → 4.15.2
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/es/_virtual/_rolldown/runtime.js +28 -0
- package/es/codemirror/components/CopyButton.d.ts +7 -0
- package/es/codemirror/components/CopyButton.js +24 -0
- package/es/codemirror/components/LanguageSelect.d.ts +7 -0
- package/es/codemirror/components/LanguageSelect.js +59 -0
- package/es/codemirror/components/MoreOptions.d.ts +7 -0
- package/es/codemirror/components/MoreOptions.js +66 -0
- package/es/codemirror/components/Toolbar.d.ts +7 -0
- package/es/codemirror/components/Toolbar.js +51 -0
- package/es/codemirror/components/style.js +7 -0
- package/es/codemirror/constants.d.ts +6 -0
- package/es/codemirror/constants.js +512 -0
- package/es/codemirror/loader.d.ts +61 -0
- package/es/codemirror/loader.js +77 -0
- package/es/codemirror/style.d.ts +4 -0
- package/es/codemirror/style.js +82 -0
- package/es/codemirror/theme.d.ts +132 -0
- package/es/codemirror/theme.js +75 -0
- package/es/codemirror/types.d.ts +53 -0
- package/es/codemirror.d.ts +9 -263
- package/es/codemirror.js +8 -1
- package/es/common/canUseDOM.js +11 -0
- package/es/common/sys.js +27 -0
- package/es/const/hotkey.js +100 -0
- package/es/editor-kernel/data-source.d.ts +15 -0
- package/es/editor-kernel/data-source.js +15 -0
- package/es/editor-kernel/event.d.ts +7 -0
- package/es/editor-kernel/event.js +19 -0
- package/es/editor-kernel/index.d.ts +5 -0
- package/es/editor-kernel/index.js +17 -0
- package/es/editor-kernel/inode/helper.js +87 -0
- package/es/editor-kernel/inode/i-element-node.d.ts +6 -0
- package/es/editor-kernel/inode/i-node.d.ts +6 -0
- package/es/editor-kernel/inode/index.d.ts +4 -0
- package/es/editor-kernel/inode/paragraph-node.d.ts +1 -0
- package/es/editor-kernel/inode/root-node.d.ts +9 -0
- package/es/editor-kernel/inode/text-node.d.ts +9 -0
- package/es/editor-kernel/kernel.d.ts +122 -0
- package/es/editor-kernel/kernel.js +661 -0
- package/es/editor-kernel/plugin.js +59 -0
- package/es/editor-kernel/react/LexicalErrorBoundary.d.ts +13 -0
- package/es/editor-kernel/react/LexicalErrorBoundary.js +19 -0
- package/es/editor-kernel/react/PortalAnchor.js +12 -0
- package/es/editor-kernel/react/PortalContainer.d.ts +14 -0
- package/es/editor-kernel/react/PortalContainer.js +25 -0
- package/es/editor-kernel/react/index.d.ts +5 -0
- package/es/editor-kernel/react/react-context.d.ts +11 -0
- package/es/editor-kernel/react/react-context.js +21 -0
- package/es/editor-kernel/react/react-editor.d.ts +16 -0
- package/es/editor-kernel/react/react-editor.js +32 -0
- package/es/editor-kernel/react/useAnchor.js +17 -0
- package/es/editor-kernel/react/useDecorators.js +54 -0
- package/es/editor-kernel/react/useEditable.js +25 -0
- package/es/editor-kernel/react/useLexicalEditor.d.ts +6 -0
- package/es/editor-kernel/react/useLexicalEditor.js +23 -0
- package/es/editor-kernel/react/useLexicalNodeSelection.js +86 -0
- package/es/editor-kernel/react/useTranslation.js +9 -0
- package/es/editor-kernel/utils.d.ts +46 -0
- package/es/editor-kernel/utils.js +138 -0
- package/es/headless/extract-media-from-editor-state.d.ts +22 -0
- package/es/headless/extract-media-from-editor-state.js +49 -0
- package/es/headless/index.d.ts +69 -0
- package/es/headless/index.js +189 -0
- package/es/headless/plugins/codeblock.js +82 -0
- package/es/headless.js +3 -20139
- package/es/index.d.ts +112 -3059
- package/es/index.js +100 -8484
- package/es/locale/index.d.ts +61 -0
- package/es/locale/index.js +62 -0
- package/es/node_modules/.pnpm/@types_mdast@4.0.4/node_modules/@types/mdast/index.d.ts +953 -0
- package/es/node_modules/.pnpm/@types_unist@3.0.3/node_modules/@types/unist/index.d.ts +83 -0
- package/es/plugins/auto-complete/index.d.ts +2 -0
- package/es/plugins/auto-complete/node/placeholderNode.js +89 -0
- package/es/plugins/auto-complete/plugin/index.d.ts +31 -0
- package/es/plugins/auto-complete/plugin/index.js +395 -0
- package/es/plugins/auto-complete/react/ReactAutoCompletePlugin.d.ts +7 -0
- package/es/plugins/auto-complete/react/ReactAutoCompletePlugin.js +60 -0
- package/es/plugins/auto-complete/react/index.d.ts +1 -0
- package/es/plugins/auto-complete/react/style.js +12 -0
- package/es/plugins/auto-complete/react/type.d.ts +25 -0
- package/es/plugins/block/command/index.d.ts +13 -0
- package/es/plugins/block/command/index.js +161 -0
- package/es/plugins/block/index.d.ts +5 -0
- package/es/plugins/block/plugin/index.d.ts +9 -0
- package/es/plugins/block/plugin/index.js +86 -0
- package/es/plugins/block/react/ReactBlockPlugin.d.ts +18 -0
- package/es/plugins/block/react/ReactBlockPlugin.js +457 -0
- package/es/plugins/block/react/core/runtime-context.js +19 -0
- package/es/plugins/block/react/core/types.d.ts +6 -0
- package/es/plugins/block/react/drag/drag-session.js +264 -0
- package/es/plugins/block/react/drag/drag-utils.js +95 -0
- package/es/plugins/block/react/index.d.ts +2 -0
- package/es/plugins/block/react/style.js +66 -0
- package/es/plugins/block/service/i-block-menu-service.d.ts +44 -0
- package/es/plugins/block/service/i-block-menu-service.js +43 -0
- package/es/plugins/block/service/index.d.ts +1 -0
- package/es/plugins/code/command/index.d.ts +7 -0
- package/es/plugins/code/command/index.js +30 -0
- package/es/plugins/code/index.d.ts +3 -0
- package/es/plugins/code/node/code.js +91 -0
- package/es/plugins/code/plugin/index.d.ts +9 -0
- package/es/plugins/code/plugin/index.js +74 -0
- package/es/plugins/code/plugin/registry.js +33 -0
- package/es/plugins/code/react/CodeReactPlugin.d.ts +7 -0
- package/es/plugins/code/react/CodeReactPlugin.js +27 -0
- package/es/plugins/code/react/index.d.ts +1 -0
- package/es/plugins/code/react/style.js +21 -0
- package/es/plugins/code/react/type.d.ts +7 -0
- package/es/plugins/codeblock/command/index.d.ts +8 -0
- package/es/plugins/codeblock/command/index.js +40 -0
- package/es/plugins/codeblock/index.d.ts +6 -0
- package/es/plugins/codeblock/index.js +5 -0
- package/es/plugins/codeblock/plugin/CodeHighlighterShiki.js +415 -0
- package/es/plugins/codeblock/plugin/FacadeShiki.js +193 -0
- package/es/plugins/codeblock/plugin/index.d.ts +16 -0
- package/es/plugins/codeblock/plugin/index.js +157 -0
- package/es/plugins/codeblock/plugin/invariant.js +14 -0
- package/es/plugins/codeblock/react/ReactCodeblockPlugin.d.ts +7 -0
- package/es/plugins/codeblock/react/ReactCodeblockPlugin.js +27 -0
- package/es/plugins/codeblock/react/index.d.ts +2 -0
- package/es/plugins/codeblock/react/style.js +58 -0
- package/es/plugins/codeblock/react/type.d.ts +8 -0
- package/es/plugins/codeblock/utils/language.js +9 -0
- package/es/plugins/codemirror-block/command/index.d.ts +13 -0
- package/es/plugins/codemirror-block/command/index.js +67 -0
- package/es/plugins/codemirror-block/index.d.ts +3 -0
- package/es/plugins/codemirror-block/lib/mode.js +8 -0
- package/es/plugins/codemirror-block/node/CodeMirrorNode.d.ts +48 -0
- package/es/plugins/codemirror-block/node/CodeMirrorNode.js +205 -0
- package/es/plugins/codemirror-block/plugin/index.d.ts +12 -0
- package/es/plugins/codemirror-block/plugin/index.js +80 -0
- package/es/plugins/codemirror-block/react/CodemirrorNode.js +219 -0
- package/es/plugins/codemirror-block/react/ReactCodemirrorNode.d.ts +7 -0
- package/es/plugins/codemirror-block/react/ReactCodemirrorNode.js +26 -0
- package/es/plugins/codemirror-block/react/index.d.ts +1 -0
- package/es/plugins/codemirror-block/react/type.d.ts +6 -0
- package/es/plugins/common/command/index.d.ts +11 -0
- package/es/plugins/common/command/index.js +24 -0
- package/es/plugins/common/data-source/json-data-source.js +133 -0
- package/es/plugins/common/data-source/text-data-source.js +32 -0
- package/es/plugins/common/index.d.ts +6 -0
- package/es/plugins/common/node/ElementDOMSlot.js +30 -0
- package/es/plugins/common/node/cursor.d.ts +16 -0
- package/es/plugins/common/node/cursor.js +189 -0
- package/es/plugins/common/plugin/index.d.ts +43 -0
- package/es/plugins/common/plugin/index.js +338 -0
- package/es/plugins/common/plugin/mdReader.js +62 -0
- package/es/plugins/common/plugin/paste-handler.d.ts +11 -0
- package/es/plugins/common/plugin/paste-handler.js +61 -0
- package/es/plugins/common/plugin/register.js +306 -0
- package/es/plugins/common/react/Placeholder/index.js +65 -0
- package/es/plugins/common/react/Placeholder/style.js +22 -0
- package/es/plugins/common/react/ReactEditorContent.d.ts +7 -0
- package/es/plugins/common/react/ReactEditorContent.js +8 -0
- package/es/plugins/common/react/ReactPlainText.d.ts +7 -0
- package/es/plugins/common/react/ReactPlainText.js +192 -0
- package/es/plugins/common/react/index.d.ts +3 -0
- package/es/plugins/common/react/style.js +206 -0
- package/es/plugins/common/react/type.d.ts +94 -0
- package/es/plugins/common/utils/index.js +135 -0
- package/es/plugins/content-blocks/data-source/content-blocks-data-source.d.ts +15 -0
- package/es/plugins/content-blocks/data-source/content-blocks-data-source.js +21 -0
- package/es/plugins/content-blocks/index.d.ts +6 -0
- package/es/plugins/content-blocks/plugin/index.d.ts +10 -0
- package/es/plugins/content-blocks/plugin/index.js +24 -0
- package/es/plugins/content-blocks/types.d.ts +33 -0
- package/es/plugins/content-blocks/types.js +4 -0
- package/es/plugins/content-blocks/utils/extract-media-lists.d.ts +7 -0
- package/es/plugins/content-blocks/utils/extract-media-lists.js +32 -0
- package/es/plugins/content-blocks/utils/extract.d.ts +8 -0
- package/es/plugins/content-blocks/utils/extract.js +188 -0
- package/es/plugins/file/command/index.d.ts +9 -0
- package/es/plugins/file/command/index.js +31 -0
- package/es/plugins/file/index.d.ts +4 -0
- package/es/plugins/file/node/FileNode.d.ts +38 -0
- package/es/plugins/file/node/FileNode.js +106 -0
- package/es/plugins/file/plugin/index.d.ts +18 -0
- package/es/plugins/file/plugin/index.js +103 -0
- package/es/plugins/file/react/ReactFilePlugin.d.ts +7 -0
- package/es/plugins/file/react/ReactFilePlugin.js +35 -0
- package/es/plugins/file/react/components/ReactFile.js +50 -0
- package/es/plugins/file/react/index.d.ts +2 -0
- package/es/plugins/file/react/style.js +32 -0
- package/es/plugins/file/react/type.d.ts +17 -0
- package/es/plugins/file/utils/index.js +29 -0
- package/es/plugins/hr/command/index.d.ts +7 -0
- package/es/plugins/hr/command/index.js +14 -0
- package/es/plugins/hr/index.d.ts +4 -0
- package/es/plugins/hr/node/HorizontalRuleNode.d.ts +18 -0
- package/es/plugins/hr/node/HorizontalRuleNode.js +59 -0
- package/es/plugins/hr/plugin/index.d.ts +12 -0
- package/es/plugins/hr/plugin/index.js +60 -0
- package/es/plugins/hr/react/ReactHRPlugin.d.ts +7 -0
- package/es/plugins/hr/react/ReactHRPlugin.js +28 -0
- package/es/plugins/hr/react/components/HRNode.js +36 -0
- package/es/plugins/hr/react/index.d.ts +2 -0
- package/es/plugins/hr/react/style.js +32 -0
- package/es/plugins/hr/react/type.d.ts +6 -0
- package/es/plugins/image/command/index.d.ts +12 -0
- package/es/plugins/image/command/index.js +53 -0
- package/es/plugins/image/index.d.ts +4 -0
- package/es/plugins/image/node/basie-image-node.d.ts +33 -0
- package/es/plugins/image/node/basie-image-node.js +68 -0
- package/es/plugins/image/node/block-image-node.d.ts +43 -0
- package/es/plugins/image/node/block-image-node.js +137 -0
- package/es/plugins/image/node/image-node.d.ts +41 -0
- package/es/plugins/image/node/image-node.js +128 -0
- package/es/plugins/image/plugin/index.d.ts +24 -0
- package/es/plugins/image/plugin/index.js +183 -0
- package/es/plugins/image/react/ReactImagePlugin.d.ts +7 -0
- package/es/plugins/image/react/ReactImagePlugin.js +41 -0
- package/es/plugins/image/react/components/BrokenImage.js +16 -0
- package/es/plugins/image/react/components/Image.js +190 -0
- package/es/plugins/image/react/components/ImageEditPopover.js +160 -0
- package/es/plugins/image/react/components/LazyImage.js +73 -0
- package/es/plugins/image/react/components/ResizeHandle.js +62 -0
- package/es/plugins/image/react/components/style.js +135 -0
- package/es/plugins/image/react/components/useSupenseImage.js +22 -0
- package/es/plugins/image/react/index.d.ts +2 -0
- package/es/plugins/image/react/style.js +31 -0
- package/es/plugins/image/react/type.d.ts +23 -0
- package/es/plugins/inode/index.d.ts +3 -0
- package/es/plugins/inode/plugin/index.d.ts +19 -0
- package/es/plugins/inode/plugin/index.js +23 -0
- package/es/plugins/inode/react/index.d.ts +6 -0
- package/es/plugins/inode/react/index.js +15 -0
- package/es/plugins/inode/service/index.d.ts +17 -0
- package/es/plugins/inode/service/index.js +22 -0
- package/es/plugins/link/command/index.d.ts +10 -0
- package/es/plugins/link/command/index.js +33 -0
- package/es/plugins/link/index.d.ts +5 -0
- package/es/plugins/link/node/LinkNode.d.ts +10 -0
- package/es/plugins/link/node/LinkNode.js +448 -0
- package/es/plugins/link/plugin/index.d.ts +16 -0
- package/es/plugins/link/plugin/index.js +106 -0
- package/es/plugins/link/plugin/registry.js +82 -0
- package/es/plugins/link/react/ReactLinkPlugin.d.ts +7 -0
- package/es/plugins/link/react/ReactLinkPlugin.js +50 -0
- package/es/plugins/link/react/components/LinkEdit.js +204 -0
- package/es/plugins/link/react/components/LinkToolbar.js +148 -0
- package/es/plugins/link/react/index.d.ts +2 -0
- package/es/plugins/link/react/style.js +34 -0
- package/es/plugins/link/react/type.d.ts +14 -0
- package/es/plugins/link/service/i-link-service.d.ts +10 -0
- package/es/plugins/link/service/i-link-service.js +19 -0
- package/es/plugins/link/utils/index.js +45 -0
- package/es/plugins/link-highlight/command/index.d.ts +8 -0
- package/es/plugins/link-highlight/command/index.js +30 -0
- package/es/plugins/link-highlight/index.d.ts +3 -0
- package/es/plugins/link-highlight/node/link-highlight.js +80 -0
- package/es/plugins/link-highlight/plugin/index.d.ts +18 -0
- package/es/plugins/link-highlight/plugin/index.js +109 -0
- package/es/plugins/link-highlight/plugin/registry.js +33 -0
- package/es/plugins/link-highlight/react/ReactLinkHighlightPlugin.d.ts +7 -0
- package/es/plugins/link-highlight/react/ReactLinkHighlightPlugin.js +29 -0
- package/es/plugins/link-highlight/react/index.d.ts +1 -0
- package/es/plugins/link-highlight/react/style.js +14 -0
- package/es/plugins/link-highlight/react/type.d.ts +16 -0
- package/es/plugins/list/command/index.d.ts +3 -0
- package/es/plugins/list/command/index.js +3 -0
- package/es/plugins/list/index.d.ts +5 -0
- package/es/plugins/list/plugin/checkList.d.ts +6 -0
- package/es/plugins/list/plugin/checkList.js +140 -0
- package/es/plugins/list/plugin/index.d.ts +9 -0
- package/es/plugins/list/plugin/index.js +195 -0
- package/es/plugins/list/plugin/registry.js +68 -0
- package/es/plugins/list/react/ReactListPlugin.d.ts +7 -0
- package/es/plugins/list/react/ReactListPlugin.js +21 -0
- package/es/plugins/list/react/index.d.ts +2 -0
- package/es/plugins/list/react/style.js +123 -0
- package/es/plugins/list/react/type.d.ts +7 -0
- package/es/plugins/list/utils/index.js +58 -0
- package/es/plugins/litexml/command/diffCommand.d.ts +17 -0
- package/es/plugins/litexml/command/diffCommand.js +97 -0
- package/es/plugins/litexml/command/index.d.ts +38 -0
- package/es/plugins/litexml/command/index.js +333 -0
- package/es/plugins/litexml/data-source/litexml-data-source.d.ts +65 -0
- package/es/plugins/litexml/data-source/litexml-data-source.js +286 -0
- package/es/plugins/litexml/index.d.ts +7 -0
- package/es/plugins/litexml/node/DiffNode.d.ts +29 -0
- package/es/plugins/litexml/node/DiffNode.js +95 -0
- package/es/plugins/litexml/plugin/index.d.ts +24 -0
- package/es/plugins/litexml/plugin/index.js +100 -0
- package/es/plugins/litexml/react/DiffNodeToolbar/index.js +60 -0
- package/es/plugins/litexml/react/DiffNodeToolbar/style.js +24 -0
- package/es/plugins/litexml/react/hooks/useHasDiffNode.d.ts +7 -0
- package/es/plugins/litexml/react/hooks/useHasDiffNode.js +35 -0
- package/es/plugins/litexml/react/index.d.ts +6 -0
- package/es/plugins/litexml/react/index.js +26 -0
- package/es/plugins/litexml/react/style.js +124 -0
- package/es/plugins/litexml/service/litexml-service.d.ts +93 -0
- package/es/plugins/litexml/service/litexml-service.js +42 -0
- package/es/plugins/litexml/utils/index.js +59 -0
- package/es/plugins/markdown/command/index.d.ts +14 -0
- package/es/plugins/markdown/command/index.js +74 -0
- package/es/plugins/markdown/data-source/markdown/parse.d.ts +14 -0
- package/es/plugins/markdown/data-source/markdown/parse.js +195 -0
- package/es/plugins/markdown/data-source/markdown-data-source.js +148 -0
- package/es/plugins/markdown/data-source/markdown-writer-context.js +40 -0
- package/es/plugins/markdown/index.d.ts +7 -0
- package/es/plugins/markdown/plugin/index.d.ts +22 -0
- package/es/plugins/markdown/plugin/index.js +285 -0
- package/es/plugins/markdown/react/index.d.ts +6 -0
- package/es/plugins/markdown/react/index.js +31 -0
- package/es/plugins/markdown/service/shortcut.d.ts +57 -0
- package/es/plugins/markdown/service/shortcut.js +101 -0
- package/es/plugins/markdown/service/transformers.d.ts +61 -0
- package/es/plugins/markdown/service/transformers.js +119 -0
- package/es/plugins/markdown/utils/detectLanguage.d.ts +22 -0
- package/es/plugins/markdown/utils/detectLanguage.js +251 -0
- package/es/plugins/markdown/utils/index.d.ts +11 -0
- package/es/plugins/markdown/utils/index.js +143 -0
- package/es/plugins/markdown/utils/logger.js +6 -0
- package/es/plugins/math/command/index.d.ts +9 -0
- package/es/plugins/math/command/index.js +38 -0
- package/es/plugins/math/index.d.ts +3 -0
- package/es/plugins/math/node/index.d.ts +44 -0
- package/es/plugins/math/node/index.js +161 -0
- package/es/plugins/math/plugin/index.d.ts +15 -0
- package/es/plugins/math/plugin/index.js +119 -0
- package/es/plugins/math/react/components/MathEditor.js +198 -0
- package/es/plugins/math/react/components/MathEditorContainer.js +101 -0
- package/es/plugins/math/react/components/MathEditorContent.js +133 -0
- package/es/plugins/math/react/components/MathInline.js +86 -0
- package/es/plugins/math/react/components/Placeholder.js +24 -0
- package/es/plugins/math/react/index.d.ts +7 -0
- package/es/plugins/math/react/index.js +35 -0
- package/es/plugins/math/react/style.js +96 -0
- package/es/plugins/math/react/type.d.ts +17 -0
- package/es/plugins/math/utils/index.js +23 -0
- package/es/plugins/mention/command/index.d.ts +10 -0
- package/es/plugins/mention/command/index.js +18 -0
- package/es/plugins/mention/index.d.ts +5 -0
- package/es/plugins/mention/node/MentionNode.d.ts +28 -0
- package/es/plugins/mention/node/MentionNode.js +86 -0
- package/es/plugins/mention/plugin/index.d.ts +18 -0
- package/es/plugins/mention/plugin/index.js +63 -0
- package/es/plugins/mention/plugin/register.js +30 -0
- package/es/plugins/mention/react/ReactMentionPlugin.d.ts +7 -0
- package/es/plugins/mention/react/ReactMentionPlugin.js +36 -0
- package/es/plugins/mention/react/components/Mention.js +33 -0
- package/es/plugins/mention/react/index.d.ts +2 -0
- package/es/plugins/mention/react/style.js +34 -0
- package/es/plugins/mention/react/type.d.ts +12 -0
- package/es/plugins/slash/index.d.ts +6 -0
- package/es/plugins/slash/plugin/index.d.ts +27 -0
- package/es/plugins/slash/plugin/index.js +160 -0
- package/es/plugins/slash/react/ReactSlashOption.d.ts +7 -0
- package/es/plugins/slash/react/ReactSlashOption.js +8 -0
- package/es/plugins/slash/react/ReactSlashPlugin.d.ts +7 -0
- package/es/plugins/slash/react/ReactSlashPlugin.js +190 -0
- package/es/plugins/slash/react/components/DefaultSlashMenu.js +168 -0
- package/es/plugins/slash/react/components/SlashMenu.d.ts +11 -0
- package/es/plugins/slash/react/components/SlashMenu.js +40 -0
- package/es/plugins/slash/react/index.d.ts +4 -0
- package/es/plugins/slash/react/type.d.ts +114 -0
- package/es/plugins/slash/react/utils.js +18 -0
- package/es/plugins/slash/service/i-slash-service.d.ts +50 -0
- package/es/plugins/slash/service/i-slash-service.js +55 -0
- package/es/plugins/slash/utils/utils.d.ts +1 -0
- package/es/plugins/slash/utils/utils.js +97 -0
- package/es/plugins/table/command/index.d.ts +17 -0
- package/es/plugins/table/command/index.js +57 -0
- package/es/plugins/table/index.d.ts +3 -0
- package/es/plugins/table/node/index.js +18 -0
- package/es/plugins/table/plugin/index.d.ts +8 -0
- package/es/plugins/table/plugin/index.js +172 -0
- package/es/plugins/table/react/TableActionMenu/ActionMenu.js +220 -0
- package/es/plugins/table/react/TableActionMenu/index.js +128 -0
- package/es/plugins/table/react/TableActionMenu/style.js +20 -0
- package/es/plugins/table/react/TableActionMenu/utils.js +34 -0
- package/es/plugins/table/react/TableHoverActions/index.js +147 -0
- package/es/plugins/table/react/TableHoverActions/style.js +14 -0
- package/es/plugins/table/react/TableHoverActions/utils.js +32 -0
- package/es/plugins/table/react/TableResize/index.js +253 -0
- package/es/plugins/table/react/TableResize/style.js +16 -0
- package/es/plugins/table/react/TableResize/utils.js +9 -0
- package/es/plugins/table/react/index.d.ts +7 -0
- package/es/plugins/table/react/index.js +49 -0
- package/es/plugins/table/react/style.js +63 -0
- package/es/plugins/table/react/type.d.ts +8 -0
- package/es/plugins/table/utils/index.js +48 -0
- package/es/plugins/toolbar/command/index.d.ts +12 -0
- package/es/plugins/toolbar/command/index.js +17 -0
- package/es/plugins/toolbar/index.d.ts +2 -0
- package/es/plugins/toolbar/react/index.d.ts +7 -0
- package/es/plugins/toolbar/react/index.js +109 -0
- package/es/plugins/toolbar/react/style.js +55 -0
- package/es/plugins/toolbar/react/type.d.ts +9 -0
- package/es/plugins/toolbar/utils/getDOMRangeRect.js +20 -0
- package/es/plugins/toolbar/utils/setFloatingElemPosition.js +50 -0
- package/es/plugins/upload/index.d.ts +2 -0
- package/es/plugins/upload/plugin/index.d.ts +6 -0
- package/es/plugins/upload/plugin/index.js +47 -0
- package/es/plugins/upload/service/i-upload-service.d.ts +13 -0
- package/es/plugins/upload/service/i-upload-service.js +30 -0
- package/es/plugins/upload/utils/index.js +15 -0
- package/es/plugins/virtual-block/index.d.ts +2 -0
- package/es/plugins/virtual-block/plugin/index.d.ts +8 -0
- package/es/plugins/virtual-block/plugin/index.js +19 -0
- package/es/plugins/virtual-block/plugin/register.js +150 -0
- package/es/plugins/virtual-block/react/ReactVirtualBlock.d.ts +6 -0
- package/es/plugins/virtual-block/react/ReactVirtualBlock.js +15 -0
- package/es/plugins/virtual-block/react/index.d.ts +1 -0
- package/es/react/ChatInput/ChatInput.d.ts +7 -0
- package/es/react/ChatInput/ChatInput.js +91 -0
- package/es/react/ChatInput/index.d.ts +2 -0
- package/es/react/ChatInput/style.js +115 -0
- package/es/react/ChatInput/type.d.ts +32 -0
- package/es/react/ChatInputActionBar/ChatInputActionBar.d.ts +7 -0
- package/es/react/ChatInputActionBar/ChatInputActionBar.js +22 -0
- package/es/react/ChatInputActionBar/index.d.ts +2 -0
- package/es/react/ChatInputActionBar/style.js +7 -0
- package/es/react/ChatInputActionBar/type.d.ts +10 -0
- package/es/react/ChatInputActions/ChatInputActions.d.ts +7 -0
- package/es/react/ChatInputActions/ChatInputActions.js +65 -0
- package/es/react/ChatInputActions/components/ActionItem.js +46 -0
- package/es/react/ChatInputActions/components/ActionRender.js +45 -0
- package/es/react/ChatInputActions/components/CollapsedActions.js +60 -0
- package/es/react/ChatInputActions/components/useDisplayActionCount.js +45 -0
- package/es/react/ChatInputActions/index.d.ts +2 -0
- package/es/react/ChatInputActions/style.js +20 -0
- package/es/react/ChatInputActions/type.d.ts +36 -0
- package/es/react/CodeLanguageSelect/CodeLanguageSelect.d.ts +7 -0
- package/es/react/CodeLanguageSelect/CodeLanguageSelect.js +67 -0
- package/es/react/CodeLanguageSelect/index.d.ts +2 -0
- package/es/react/CodeLanguageSelect/style.js +7 -0
- package/es/react/CodeLanguageSelect/type.d.ts +6 -0
- package/es/react/Editor/Editor.js +108 -0
- package/es/react/Editor/index.d.ts +16 -0
- package/es/react/Editor/index.js +11 -0
- package/es/react/Editor/type.d.ts +64 -0
- package/es/react/Editor/utils.d.ts +6 -0
- package/es/react/Editor/utils.js +6 -0
- package/es/react/EditorProvider/index.d.ts +28 -0
- package/es/react/EditorProvider/index.js +18 -0
- package/es/react/FloatActions/FloatActions.d.ts +7 -0
- package/es/react/FloatActions/FloatActions.js +34 -0
- package/es/react/FloatActions/components/ActionItem.js +46 -0
- package/es/react/FloatActions/components/ActionRender.js +45 -0
- package/es/react/FloatActions/components/CollapsedActions.js +60 -0
- package/es/react/FloatActions/index.d.ts +2 -0
- package/es/react/FloatActions/style.js +19 -0
- package/es/react/FloatActions/type.d.ts +33 -0
- package/es/react/FloatMenu/FloatMenu.d.ts +7 -0
- package/es/react/FloatMenu/FloatMenu.js +32 -0
- package/es/react/FloatMenu/index.d.ts +2 -0
- package/es/react/FloatMenu/style.js +28 -0
- package/es/react/FloatMenu/type.d.ts +25 -0
- package/es/react/SendButton/SendButton.d.ts +7 -0
- package/es/react/SendButton/SendButton.js +107 -0
- package/es/react/SendButton/components/SendIcon.js +23 -0
- package/es/react/SendButton/components/StopIcon.js +56 -0
- package/es/react/SendButton/index.d.ts +2 -0
- package/es/react/SendButton/style.js +68 -0
- package/es/react/SendButton/type.d.ts +12 -0
- package/es/react/SlashMenu/SlashMenu.d.ts +7 -0
- package/es/react/SlashMenu/SlashMenu.js +40 -0
- package/es/react/SlashMenu/index.d.ts +2 -0
- package/es/react/SlashMenu/type.d.ts +17 -0
- package/es/react/hooks/useEditor.d.ts +5 -0
- package/es/react/hooks/useEditor.js +8 -0
- package/es/react/hooks/useEditorState/index.d.ts +71 -0
- package/es/react/hooks/useEditorState/index.js +347 -0
- package/es/react/hooks/useEditorState/utils.js +28 -0
- package/es/react/hooks/useSize.js +61 -0
- package/es/react.d.ts +22 -334
- package/es/react.js +13 -1573
- package/es/renderer/LexicalDiff.d.ts +41 -0
- package/es/renderer/LexicalDiff.js +96 -0
- package/es/renderer/LexicalRenderer.d.ts +16 -0
- package/es/renderer/LexicalRenderer.js +48 -0
- package/es/renderer/diff/compute.js +396 -0
- package/es/renderer/diff/style.d.ts +4 -0
- package/es/renderer/diff/style.js +104 -0
- package/es/renderer/diff/types.d.ts +32 -0
- package/es/renderer/engine/render-builtin-node.js +196 -0
- package/es/renderer/engine/render-text-node.js +33 -0
- package/es/renderer/engine/render-tree.js +35 -0
- package/es/renderer/engine/shiki.d.ts +4 -0
- package/es/renderer/engine/shiki.js +24 -0
- package/es/renderer/engine/utils.js +16 -0
- package/es/renderer/nodes/index.d.ts +6 -0
- package/es/renderer/nodes/index.js +44 -0
- package/es/renderer/renderers/codeblock.js +21 -0
- package/es/renderer/renderers/file.js +29 -0
- package/es/renderer/renderers/horizontalrule.js +29 -0
- package/es/renderer/renderers/image.js +35 -0
- package/es/renderer/renderers/index.d.ts +6 -0
- package/es/renderer/renderers/index.js +21 -0
- package/es/renderer/renderers/math.js +19 -0
- package/es/renderer/renderers/mention.js +15 -0
- package/es/renderer/renderers/mermaid.js +17 -0
- package/es/renderer/style.js +52 -0
- package/es/renderer/types.d.ts +29 -0
- package/es/renderer.d.ts +8 -114
- package/es/renderer.js +5 -1153
- package/es/types/hotkey.d.ts +76 -0
- package/es/types/hotkey.js +65 -0
- package/es/types/index.d.ts +2 -0
- package/es/types/kernel.d.ts +359 -0
- package/es/types/locale.d.ts +11 -0
- package/es/utils/cx.js +4 -0
- package/es/utils/debug.d.ts +425 -0
- package/es/{debug-CIvbNHJu.js → utils/debug.js} +3 -35
- package/es/utils/hotkey/isHotkeyMatch.js +17 -0
- package/es/utils/hotkey/parseHotkeys.js +53 -0
- package/es/utils/hotkey/registerHotkey.d.ts +18 -0
- package/es/utils/hotkey/registerHotkey.js +35 -0
- package/es/utils/scrollIntoView.d.ts +8 -0
- package/es/utils/scrollIntoView.js +29 -0
- package/es/utils/updatePosition.js +26 -0
- package/es/utils/url.d.ts +18 -0
- package/es/utils/url.js +34 -0
- package/package.json +4 -1
- package/es/ReactSlashPlugin-BiVy_Iwf.js +0 -23072
- package/es/codemirror-3POv7f__.js +0 -923
- package/es/index-DHGp94p0.d.ts +0 -916
- package/es/style-DADgHVA1.js +0 -2889
- package/es/style-DMdPzCo-.js +0 -999
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as _$lexical from "lexical";
|
|
2
|
+
import { LexicalEditor } from "lexical";
|
|
3
|
+
|
|
4
|
+
//#region src/plugins/hr/command/index.d.ts
|
|
5
|
+
declare const INSERT_HORIZONTAL_RULE_COMMAND: _$lexical.LexicalCommand<unknown>;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { INSERT_HORIZONTAL_RULE_COMMAND };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { $createHorizontalRuleNode } from "../node/HorizontalRuleNode.js";
|
|
2
|
+
import { $insertNodes, COMMAND_PRIORITY_EDITOR, createCommand } from "lexical";
|
|
3
|
+
//#region src/plugins/hr/command/index.ts
|
|
4
|
+
const INSERT_HORIZONTAL_RULE_COMMAND = createCommand("INSERT_HORIZONTAL_RULE_COMMAND");
|
|
5
|
+
function registerHorizontalRuleCommand(editor) {
|
|
6
|
+
return editor.registerCommand(INSERT_HORIZONTAL_RULE_COMMAND, () => {
|
|
7
|
+
editor.update(() => {
|
|
8
|
+
$insertNodes([$createHorizontalRuleNode()]);
|
|
9
|
+
});
|
|
10
|
+
return true;
|
|
11
|
+
}, COMMAND_PRIORITY_EDITOR);
|
|
12
|
+
}
|
|
13
|
+
//#endregion
|
|
14
|
+
export { INSERT_HORIZONTAL_RULE_COMMAND, registerHorizontalRuleCommand };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { DOMConversionMap, DOMExportOutput, DecoratorNode, EditorConfig, LexicalEditor, LexicalNode, SerializedLexicalNode } from "lexical";
|
|
2
|
+
|
|
3
|
+
//#region src/plugins/hr/node/HorizontalRuleNode.d.ts
|
|
4
|
+
type SerializedHorizontalRuleNode = SerializedLexicalNode;
|
|
5
|
+
declare class HorizontalRuleNode extends DecoratorNode<any> {
|
|
6
|
+
static getType(): string;
|
|
7
|
+
static clone(node: HorizontalRuleNode): HorizontalRuleNode;
|
|
8
|
+
static importJSON(serializedNode: SerializedHorizontalRuleNode): HorizontalRuleNode;
|
|
9
|
+
static importDOM(): DOMConversionMap | null;
|
|
10
|
+
exportDOM(): DOMExportOutput;
|
|
11
|
+
createDOM(config: EditorConfig): HTMLElement;
|
|
12
|
+
getTextContent(): string;
|
|
13
|
+
isInline(): false;
|
|
14
|
+
updateDOM(): boolean;
|
|
15
|
+
decorate(editor: LexicalEditor): any;
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
export { HorizontalRuleNode };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { getKernelFromEditor, init_utils } from "../../../editor-kernel/utils.js";
|
|
2
|
+
import { $applyNodeReplacement, DecoratorNode } from "lexical";
|
|
3
|
+
import { addClassNamesToElement } from "@lexical/utils";
|
|
4
|
+
//#region src/plugins/hr/node/HorizontalRuleNode.ts
|
|
5
|
+
init_utils();
|
|
6
|
+
var HorizontalRuleNode = class HorizontalRuleNode extends DecoratorNode {
|
|
7
|
+
static getType() {
|
|
8
|
+
return "horizontalrule";
|
|
9
|
+
}
|
|
10
|
+
static clone(node) {
|
|
11
|
+
return new HorizontalRuleNode(node.__key);
|
|
12
|
+
}
|
|
13
|
+
static importJSON(serializedNode) {
|
|
14
|
+
return $createHorizontalRuleNode().updateFromJSON(serializedNode);
|
|
15
|
+
}
|
|
16
|
+
static importDOM() {
|
|
17
|
+
return { hr: () => ({
|
|
18
|
+
conversion: $convertHorizontalRuleElement,
|
|
19
|
+
priority: 0
|
|
20
|
+
}) };
|
|
21
|
+
}
|
|
22
|
+
exportDOM() {
|
|
23
|
+
return { element: document.createElement("hr") };
|
|
24
|
+
}
|
|
25
|
+
createDOM(config) {
|
|
26
|
+
const element = document.createElement("div");
|
|
27
|
+
addClassNamesToElement(element, config.theme.hr);
|
|
28
|
+
return element;
|
|
29
|
+
}
|
|
30
|
+
getTextContent() {
|
|
31
|
+
return "\n";
|
|
32
|
+
}
|
|
33
|
+
isInline() {
|
|
34
|
+
return false;
|
|
35
|
+
}
|
|
36
|
+
updateDOM() {
|
|
37
|
+
return false;
|
|
38
|
+
}
|
|
39
|
+
decorate(editor) {
|
|
40
|
+
const decorator = getKernelFromEditor(editor)?.getDecorator("horizontalrule");
|
|
41
|
+
if (!decorator) return null;
|
|
42
|
+
if (typeof decorator === "function") return decorator(this, editor);
|
|
43
|
+
return {
|
|
44
|
+
queryDOM: decorator.queryDOM,
|
|
45
|
+
render: decorator.render(this, editor)
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
function $createHorizontalRuleNode() {
|
|
50
|
+
return $applyNodeReplacement(new HorizontalRuleNode());
|
|
51
|
+
}
|
|
52
|
+
function $convertHorizontalRuleElement() {
|
|
53
|
+
return { node: $createHorizontalRuleNode() };
|
|
54
|
+
}
|
|
55
|
+
function $isHorizontalRuleNode(node) {
|
|
56
|
+
return node.getType() === HorizontalRuleNode.getType();
|
|
57
|
+
}
|
|
58
|
+
//#endregion
|
|
59
|
+
export { $createHorizontalRuleNode, $isHorizontalRuleNode, HorizontalRuleNode };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IEditorPluginConstructor } from "../../../types/kernel.js";
|
|
2
|
+
import { HorizontalRuleNode } from "../node/HorizontalRuleNode.js";
|
|
3
|
+
import { LexicalEditor } from "lexical";
|
|
4
|
+
|
|
5
|
+
//#region src/plugins/hr/plugin/index.d.ts
|
|
6
|
+
interface HRPluginOptions {
|
|
7
|
+
decorator: (node: HorizontalRuleNode, editor: LexicalEditor) => any;
|
|
8
|
+
theme?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const HRPlugin: IEditorPluginConstructor<HRPluginOptions>;
|
|
11
|
+
//#endregion
|
|
12
|
+
export { HRPlugin, HRPluginOptions };
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { INodeHelper, init_helper } from "../../../editor-kernel/inode/helper.js";
|
|
2
|
+
import { KernelPlugin, init_plugin } from "../../../editor-kernel/plugin.js";
|
|
3
|
+
import { ILitexmlService } from "../../litexml/service/litexml-service.js";
|
|
4
|
+
import { IMarkdownShortCutService } from "../../markdown/service/shortcut.js";
|
|
5
|
+
import { $createHorizontalRuleNode, $isHorizontalRuleNode, HorizontalRuleNode } from "../node/HorizontalRuleNode.js";
|
|
6
|
+
import { registerHorizontalRuleCommand } from "../command/index.js";
|
|
7
|
+
//#region src/plugins/hr/plugin/index.ts
|
|
8
|
+
init_helper();
|
|
9
|
+
init_plugin();
|
|
10
|
+
const HRPlugin = class extends KernelPlugin {
|
|
11
|
+
static {
|
|
12
|
+
this.pluginName = "HRPlugin";
|
|
13
|
+
}
|
|
14
|
+
constructor(kernel, config) {
|
|
15
|
+
super();
|
|
16
|
+
this.kernel = kernel;
|
|
17
|
+
kernel.registerNodes([HorizontalRuleNode]);
|
|
18
|
+
kernel.registerThemes({ hr: config?.theme || "" });
|
|
19
|
+
this.registerDecorator(kernel, "horizontalrule", (node, editor) => {
|
|
20
|
+
return config?.decorator ? config.decorator(node, editor) : null;
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
onInit(editor) {
|
|
24
|
+
this.register(registerHorizontalRuleCommand(editor));
|
|
25
|
+
this.registerMarkdown();
|
|
26
|
+
this.registerLiteXml();
|
|
27
|
+
}
|
|
28
|
+
registerLiteXml() {
|
|
29
|
+
const litexmlService = this.kernel.requireService(ILitexmlService);
|
|
30
|
+
if (!litexmlService) return;
|
|
31
|
+
litexmlService.registerXMLWriter(HorizontalRuleNode.getType(), (node, ctx) => {
|
|
32
|
+
if ($isHorizontalRuleNode(node)) return ctx.createXmlNode("hr", {});
|
|
33
|
+
return false;
|
|
34
|
+
});
|
|
35
|
+
litexmlService.registerXMLReader("hr", () => {
|
|
36
|
+
return INodeHelper.createElementNode(HorizontalRuleNode.getType(), {});
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
registerMarkdown() {
|
|
40
|
+
this.kernel.requireService(IMarkdownShortCutService)?.registerMarkdownShortCut({
|
|
41
|
+
regExp: /^(---|\*\*\*|___)$/,
|
|
42
|
+
replace: (parentNode, _1, _2, isImport) => {
|
|
43
|
+
const line = $createHorizontalRuleNode();
|
|
44
|
+
if (isImport || parentNode.getNextSibling()) parentNode.replace(line);
|
|
45
|
+
else parentNode.insertBefore(line);
|
|
46
|
+
line.selectNext();
|
|
47
|
+
},
|
|
48
|
+
trigger: "enter",
|
|
49
|
+
type: "element"
|
|
50
|
+
});
|
|
51
|
+
this.kernel.requireService(IMarkdownShortCutService)?.registerMarkdownWriter(HorizontalRuleNode.getType(), (ctx, node) => {
|
|
52
|
+
if ($isHorizontalRuleNode(node)) ctx.appendLine("---\n\n");
|
|
53
|
+
});
|
|
54
|
+
this.kernel.requireService(IMarkdownShortCutService)?.registerMarkdownReader("thematicBreak", () => {
|
|
55
|
+
return INodeHelper.createElementNode("horizontalrule", {});
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
//#endregion
|
|
60
|
+
export { HRPlugin };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context.js";
|
|
3
|
+
import { MarkdownPlugin } from "../../markdown/plugin/index.js";
|
|
4
|
+
import { HRPlugin } from "../plugin/index.js";
|
|
5
|
+
import HRNode from "./components/HRNode.js";
|
|
6
|
+
import { useLayoutEffect } from "react";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
//#region src/plugins/hr/react/ReactHRPlugin.tsx
|
|
9
|
+
const ReactHRPlugin = ({ className }) => {
|
|
10
|
+
const [editor] = useLexicalComposerContext();
|
|
11
|
+
useLayoutEffect(() => {
|
|
12
|
+
editor.registerPlugin(MarkdownPlugin);
|
|
13
|
+
editor.registerPlugin(HRPlugin, {
|
|
14
|
+
decorator(node, editor) {
|
|
15
|
+
return /* @__PURE__ */ jsx(HRNode, {
|
|
16
|
+
className,
|
|
17
|
+
editor,
|
|
18
|
+
node
|
|
19
|
+
});
|
|
20
|
+
},
|
|
21
|
+
theme: className
|
|
22
|
+
});
|
|
23
|
+
}, []);
|
|
24
|
+
return null;
|
|
25
|
+
};
|
|
26
|
+
ReactHRPlugin.displayName = "ReactHRPlugin";
|
|
27
|
+
//#endregion
|
|
28
|
+
export { ReactHRPlugin as default };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection.js";
|
|
3
|
+
import { styles } from "../style.js";
|
|
4
|
+
import { useEffect } from "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { cx } from "antd-style";
|
|
7
|
+
import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
|
|
8
|
+
import { mergeRegister } from "@lexical/utils";
|
|
9
|
+
//#region src/plugins/hr/react/components/HRNode.tsx
|
|
10
|
+
const HRNode = ({ node, className, editor }) => {
|
|
11
|
+
const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(node.getKey());
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
return mergeRegister(editor.registerCommand(CLICK_COMMAND, (event) => {
|
|
14
|
+
const hrElem = editor.getElementByKey(node.getKey());
|
|
15
|
+
if (hrElem?.contains(event.target) || event.target === hrElem) {
|
|
16
|
+
if (!event.shiftKey) clearSelection();
|
|
17
|
+
setSelected(!isSelected);
|
|
18
|
+
return true;
|
|
19
|
+
}
|
|
20
|
+
return false;
|
|
21
|
+
}, COMMAND_PRIORITY_LOW));
|
|
22
|
+
}, [
|
|
23
|
+
clearSelection,
|
|
24
|
+
editor,
|
|
25
|
+
isSelected,
|
|
26
|
+
node,
|
|
27
|
+
setSelected
|
|
28
|
+
]);
|
|
29
|
+
return /* @__PURE__ */ jsx("div", {
|
|
30
|
+
className: cx(styles, isSelected && "selected", className),
|
|
31
|
+
children: /* @__PURE__ */ jsx("hr", {})
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
HRNode.displayName = "HRNode";
|
|
35
|
+
//#endregion
|
|
36
|
+
export { HRNode as default };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { createStaticStyles } from "antd-style";
|
|
2
|
+
//#region src/plugins/hr/react/style.ts
|
|
3
|
+
const styles = createStaticStyles(({ css, cssVar }) => css`
|
|
4
|
+
cursor: pointer;
|
|
5
|
+
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: calc(var(--lobe-markdown-margin-multiple) * 1em);
|
|
11
|
+
margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);
|
|
12
|
+
|
|
13
|
+
hr {
|
|
14
|
+
width: 100%;
|
|
15
|
+
border-color: ${cssVar.colorBorder};
|
|
16
|
+
border-style: dashed;
|
|
17
|
+
border-width: 1px;
|
|
18
|
+
border-block-start: none;
|
|
19
|
+
border-inline-start: none;
|
|
20
|
+
border-inline-end: none;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&.selected {
|
|
24
|
+
background: ${cssVar.yellow};
|
|
25
|
+
|
|
26
|
+
hr {
|
|
27
|
+
border-color: #000;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
`);
|
|
31
|
+
//#endregion
|
|
32
|
+
export { styles };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as _$lexical from "lexical";
|
|
2
|
+
import { LexicalEditor } from "lexical";
|
|
3
|
+
|
|
4
|
+
//#region src/plugins/image/command/index.d.ts
|
|
5
|
+
declare const INSERT_IMAGE_COMMAND: _$lexical.LexicalCommand<{
|
|
6
|
+
block?: boolean;
|
|
7
|
+
file: File;
|
|
8
|
+
maxWidth?: number;
|
|
9
|
+
range?: Range | null;
|
|
10
|
+
}>;
|
|
11
|
+
//#endregion
|
|
12
|
+
export { INSERT_IMAGE_COMMAND };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { createDebugLogger, init_debug } from "../../../utils/debug.js";
|
|
2
|
+
import { $createBlockImageNode } from "../node/block-image-node.js";
|
|
3
|
+
import { $createImageNode } from "../node/image-node.js";
|
|
4
|
+
import { $createParagraphNode, $createRangeSelection, $insertNodes, $isRootOrShadowRoot, $setSelection, COMMAND_PRIORITY_EDITOR, createCommand } from "lexical";
|
|
5
|
+
import { $wrapNodeInElement } from "@lexical/utils";
|
|
6
|
+
//#region src/plugins/image/command/index.ts
|
|
7
|
+
init_debug();
|
|
8
|
+
const logger = createDebugLogger("plugin", "image");
|
|
9
|
+
const INSERT_IMAGE_COMMAND = createCommand("INSERT_IMAGE_COMMAND");
|
|
10
|
+
function isImageFile(file) {
|
|
11
|
+
return file.type.startsWith("image/");
|
|
12
|
+
}
|
|
13
|
+
function registerImageCommand(editor, handleUpload, defaultBlockImage = false) {
|
|
14
|
+
return editor.registerCommand(INSERT_IMAGE_COMMAND, (payload) => {
|
|
15
|
+
const { file, range, block, maxWidth } = payload;
|
|
16
|
+
const isBlock = block ?? defaultBlockImage;
|
|
17
|
+
if (!isImageFile(file)) return false;
|
|
18
|
+
const placeholderURL = URL.createObjectURL(file);
|
|
19
|
+
editor.update(() => {
|
|
20
|
+
if (range) {
|
|
21
|
+
const rangeSelection = $createRangeSelection();
|
|
22
|
+
if (range !== null && range !== void 0) rangeSelection.applyDOMRange(range);
|
|
23
|
+
$setSelection(rangeSelection);
|
|
24
|
+
}
|
|
25
|
+
const imageNode = isBlock ? $createBlockImageNode({
|
|
26
|
+
altText: file.name,
|
|
27
|
+
maxWidth: maxWidth || 800,
|
|
28
|
+
src: placeholderURL,
|
|
29
|
+
status: "loading"
|
|
30
|
+
}) : $createImageNode({
|
|
31
|
+
altText: file.name,
|
|
32
|
+
maxWidth: maxWidth || 800,
|
|
33
|
+
src: placeholderURL,
|
|
34
|
+
status: "loading"
|
|
35
|
+
});
|
|
36
|
+
$insertNodes([imageNode]);
|
|
37
|
+
if (!isBlock && $isRootOrShadowRoot(imageNode.getParentOrThrow())) $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();
|
|
38
|
+
handleUpload(file).then((res) => {
|
|
39
|
+
editor.update(() => {
|
|
40
|
+
imageNode.setUploaded(res.url);
|
|
41
|
+
});
|
|
42
|
+
}).catch((error) => {
|
|
43
|
+
logger.error("❌ Image upload failed:", error);
|
|
44
|
+
editor.update(() => {
|
|
45
|
+
imageNode.setError("Image upload failed : " + error.message);
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
return true;
|
|
50
|
+
}, COMMAND_PRIORITY_EDITOR);
|
|
51
|
+
}
|
|
52
|
+
//#endregion
|
|
53
|
+
export { INSERT_IMAGE_COMMAND, registerImageCommand };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { DOMExportOutput, DecoratorNode, EditorConfig, LexicalEditor, LexicalUpdateJSON, NodeKey, SerializedLexicalNode, Spread } from "lexical";
|
|
2
|
+
|
|
3
|
+
//#region src/plugins/image/node/basie-image-node.d.ts
|
|
4
|
+
type SerializedImageNode = Spread<{
|
|
5
|
+
altText: string;
|
|
6
|
+
height?: number;
|
|
7
|
+
maxWidth: number;
|
|
8
|
+
src: string;
|
|
9
|
+
status?: 'uploaded' | 'loading' | 'error';
|
|
10
|
+
width?: number;
|
|
11
|
+
}, SerializedLexicalNode>;
|
|
12
|
+
declare class BaseImageNode extends DecoratorNode<any> {
|
|
13
|
+
__src: string;
|
|
14
|
+
__altText: string;
|
|
15
|
+
__width: 'inherit' | number;
|
|
16
|
+
__height: 'inherit' | number;
|
|
17
|
+
__maxWidth: number;
|
|
18
|
+
static clone(node: BaseImageNode): BaseImageNode;
|
|
19
|
+
static importJSON(serializedNode: SerializedImageNode): BaseImageNode;
|
|
20
|
+
static getType(): string;
|
|
21
|
+
updateFromJSON(serializedNode: LexicalUpdateJSON<SerializedImageNode>): this;
|
|
22
|
+
exportDOM(): DOMExportOutput;
|
|
23
|
+
constructor(src: string, altText: string, maxWidth: number, width?: 'inherit' | number, height?: 'inherit' | number, key?: NodeKey);
|
|
24
|
+
exportJSON(): SerializedImageNode;
|
|
25
|
+
setWidthAndHeight(width: 'inherit' | number, height: 'inherit' | number): void;
|
|
26
|
+
isInline(): boolean;
|
|
27
|
+
createDOM(config: EditorConfig): HTMLElement;
|
|
28
|
+
updateDOM(): false;
|
|
29
|
+
getSrc(): string;
|
|
30
|
+
getAltText(): string;
|
|
31
|
+
}
|
|
32
|
+
//#endregion
|
|
33
|
+
export { BaseImageNode, SerializedImageNode };
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { DecoratorNode } from "lexical";
|
|
2
|
+
//#region src/plugins/image/node/basie-image-node.ts
|
|
3
|
+
var BaseImageNode = class BaseImageNode extends DecoratorNode {
|
|
4
|
+
static clone(node) {
|
|
5
|
+
return new BaseImageNode(node.__src, node.__altText, node.__maxWidth, node.__width, node.__height, node.__key);
|
|
6
|
+
}
|
|
7
|
+
static importJSON(serializedNode) {
|
|
8
|
+
const { altText, height, width, maxWidth, src } = serializedNode;
|
|
9
|
+
return new BaseImageNode(src, altText, maxWidth, width, height);
|
|
10
|
+
}
|
|
11
|
+
static getType() {
|
|
12
|
+
return "image";
|
|
13
|
+
}
|
|
14
|
+
updateFromJSON(serializedNode) {
|
|
15
|
+
return super.updateFromJSON(serializedNode);
|
|
16
|
+
}
|
|
17
|
+
exportDOM() {
|
|
18
|
+
const element = document.createElement("img");
|
|
19
|
+
element.setAttribute("src", this.__src);
|
|
20
|
+
element.setAttribute("alt", this.__altText);
|
|
21
|
+
element.setAttribute("width", this.__width.toString());
|
|
22
|
+
element.setAttribute("height", this.__height.toString());
|
|
23
|
+
return { element };
|
|
24
|
+
}
|
|
25
|
+
constructor(src, altText, maxWidth, width, height, key) {
|
|
26
|
+
super(key);
|
|
27
|
+
this.__src = src;
|
|
28
|
+
this.__altText = altText;
|
|
29
|
+
this.__maxWidth = maxWidth;
|
|
30
|
+
this.__width = width || "inherit";
|
|
31
|
+
this.__height = height || "inherit";
|
|
32
|
+
}
|
|
33
|
+
exportJSON() {
|
|
34
|
+
return {
|
|
35
|
+
...super.exportJSON(),
|
|
36
|
+
altText: this.getAltText(),
|
|
37
|
+
height: this.__height === "inherit" ? 0 : this.__height,
|
|
38
|
+
maxWidth: this.__maxWidth,
|
|
39
|
+
src: this.getSrc(),
|
|
40
|
+
width: this.__width === "inherit" ? 0 : this.__width
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
setWidthAndHeight(width, height) {
|
|
44
|
+
const writable = this.getWritable();
|
|
45
|
+
writable.__width = width;
|
|
46
|
+
writable.__height = height;
|
|
47
|
+
}
|
|
48
|
+
isInline() {
|
|
49
|
+
return true;
|
|
50
|
+
}
|
|
51
|
+
createDOM(config) {
|
|
52
|
+
const span = document.createElement("span");
|
|
53
|
+
const className = config.theme.image;
|
|
54
|
+
if (className !== void 0) span.className = className;
|
|
55
|
+
return span;
|
|
56
|
+
}
|
|
57
|
+
updateDOM() {
|
|
58
|
+
return false;
|
|
59
|
+
}
|
|
60
|
+
getSrc() {
|
|
61
|
+
return this.__src;
|
|
62
|
+
}
|
|
63
|
+
getAltText() {
|
|
64
|
+
return this.__altText;
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
//#endregion
|
|
68
|
+
export { BaseImageNode };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { BaseImageNode, SerializedImageNode } from "./basie-image-node.js";
|
|
2
|
+
import { DOMConversionMap, EditorConfig, LexicalNode, NodeKey } from "lexical";
|
|
3
|
+
|
|
4
|
+
//#region src/plugins/image/node/block-image-node.d.ts
|
|
5
|
+
declare class BlockImageNode extends BaseImageNode {
|
|
6
|
+
private static _decorate;
|
|
7
|
+
static setDecorate(decorate: (node: BlockImageNode) => any): void;
|
|
8
|
+
static getType(): string;
|
|
9
|
+
private __loading;
|
|
10
|
+
private __status;
|
|
11
|
+
private __message;
|
|
12
|
+
private __extra;
|
|
13
|
+
get isLoading(): boolean;
|
|
14
|
+
get status(): 'uploaded' | 'loading' | 'error';
|
|
15
|
+
get message(): string | null;
|
|
16
|
+
get src(): string;
|
|
17
|
+
get altText(): string;
|
|
18
|
+
get maxWidth(): number;
|
|
19
|
+
get width(): number | string;
|
|
20
|
+
get height(): number | string;
|
|
21
|
+
constructor(opt: {
|
|
22
|
+
altText: string;
|
|
23
|
+
height?: 'inherit' | number;
|
|
24
|
+
key?: NodeKey;
|
|
25
|
+
maxWidth: number;
|
|
26
|
+
src: string;
|
|
27
|
+
status?: 'uploaded' | 'loading' | 'error';
|
|
28
|
+
width?: 'inherit' | number;
|
|
29
|
+
});
|
|
30
|
+
isInline(): boolean;
|
|
31
|
+
setMaxWidth(maxWidth: number): void;
|
|
32
|
+
setWidth(width: number): void;
|
|
33
|
+
setStatus(status: 'uploaded' | 'loading' | 'error'): void;
|
|
34
|
+
setUploaded(url: string): void;
|
|
35
|
+
setError(message: string): void;
|
|
36
|
+
static clone(node: BlockImageNode): BlockImageNode;
|
|
37
|
+
static importJSON(serializedNode: SerializedImageNode): BlockImageNode;
|
|
38
|
+
static importDOM(): DOMConversionMap | null;
|
|
39
|
+
decorate(): any;
|
|
40
|
+
createDOM(config: EditorConfig): HTMLElement;
|
|
41
|
+
}
|
|
42
|
+
//#endregion
|
|
43
|
+
export { BlockImageNode };
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { BaseImageNode } from "./basie-image-node.js";
|
|
2
|
+
import { $applyNodeReplacement } from "lexical";
|
|
3
|
+
//#region src/plugins/image/node/block-image-node.tsx
|
|
4
|
+
var BlockImageNode = class BlockImageNode extends BaseImageNode {
|
|
5
|
+
static {
|
|
6
|
+
this._decorate = () => null;
|
|
7
|
+
}
|
|
8
|
+
static setDecorate(decorate) {
|
|
9
|
+
BlockImageNode._decorate = decorate;
|
|
10
|
+
}
|
|
11
|
+
static getType() {
|
|
12
|
+
return "block-image";
|
|
13
|
+
}
|
|
14
|
+
get isLoading() {
|
|
15
|
+
return this.__loading;
|
|
16
|
+
}
|
|
17
|
+
get status() {
|
|
18
|
+
return this.__status;
|
|
19
|
+
}
|
|
20
|
+
get message() {
|
|
21
|
+
return this.__message;
|
|
22
|
+
}
|
|
23
|
+
get src() {
|
|
24
|
+
return this.__src;
|
|
25
|
+
}
|
|
26
|
+
get altText() {
|
|
27
|
+
return this.__altText;
|
|
28
|
+
}
|
|
29
|
+
get maxWidth() {
|
|
30
|
+
return this.__maxWidth;
|
|
31
|
+
}
|
|
32
|
+
get width() {
|
|
33
|
+
return this.__width;
|
|
34
|
+
}
|
|
35
|
+
get height() {
|
|
36
|
+
return this.__height;
|
|
37
|
+
}
|
|
38
|
+
constructor(opt) {
|
|
39
|
+
super(opt.src, opt.altText, opt.maxWidth, opt.width, opt.height, opt.key);
|
|
40
|
+
this.__loading = true;
|
|
41
|
+
this.__status = "uploaded";
|
|
42
|
+
this.__message = null;
|
|
43
|
+
this.__extra = null;
|
|
44
|
+
this.__status = opt.status ?? "uploaded";
|
|
45
|
+
}
|
|
46
|
+
isInline() {
|
|
47
|
+
return false;
|
|
48
|
+
}
|
|
49
|
+
setMaxWidth(maxWidth) {
|
|
50
|
+
const writable = this.getWritable();
|
|
51
|
+
writable.__maxWidth = maxWidth;
|
|
52
|
+
}
|
|
53
|
+
setWidth(width) {
|
|
54
|
+
const writable = this.getWritable();
|
|
55
|
+
writable.__width = width;
|
|
56
|
+
}
|
|
57
|
+
setStatus(status) {
|
|
58
|
+
const writable = this.getWritable();
|
|
59
|
+
writable.__status = status;
|
|
60
|
+
}
|
|
61
|
+
setUploaded(url) {
|
|
62
|
+
const writable = this.getWritable();
|
|
63
|
+
writable.__loading = false;
|
|
64
|
+
writable.__src = url;
|
|
65
|
+
writable.__status = "uploaded";
|
|
66
|
+
}
|
|
67
|
+
setError(message) {
|
|
68
|
+
const writable = this.getWritable();
|
|
69
|
+
writable.__loading = false;
|
|
70
|
+
writable.__status = "error";
|
|
71
|
+
writable.__message = message;
|
|
72
|
+
}
|
|
73
|
+
static clone(node) {
|
|
74
|
+
return new BlockImageNode({
|
|
75
|
+
altText: node.__altText,
|
|
76
|
+
height: node.__height,
|
|
77
|
+
key: node.__key,
|
|
78
|
+
maxWidth: node.__maxWidth,
|
|
79
|
+
src: node.__src,
|
|
80
|
+
status: node.__status,
|
|
81
|
+
width: node.__width
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
static importJSON(serializedNode) {
|
|
85
|
+
const { altText, height, width, maxWidth, src, status } = serializedNode;
|
|
86
|
+
return $createBlockImageNode({
|
|
87
|
+
altText,
|
|
88
|
+
height,
|
|
89
|
+
maxWidth,
|
|
90
|
+
src,
|
|
91
|
+
status,
|
|
92
|
+
width
|
|
93
|
+
}).updateFromJSON(serializedNode);
|
|
94
|
+
}
|
|
95
|
+
static importDOM() {
|
|
96
|
+
return { img: () => ({
|
|
97
|
+
conversion: $convertImageElement,
|
|
98
|
+
priority: 0
|
|
99
|
+
}) };
|
|
100
|
+
}
|
|
101
|
+
decorate() {
|
|
102
|
+
return BlockImageNode._decorate(this);
|
|
103
|
+
}
|
|
104
|
+
createDOM(config) {
|
|
105
|
+
const span = document.createElement("div");
|
|
106
|
+
const className = config.theme.blockImage;
|
|
107
|
+
if (className !== void 0) span.className = className;
|
|
108
|
+
return span;
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
function $createBlockImageNode({ altText, height, maxWidth = 4200, src, width, key, status }) {
|
|
112
|
+
return $applyNodeReplacement(new BlockImageNode({
|
|
113
|
+
altText,
|
|
114
|
+
height,
|
|
115
|
+
key,
|
|
116
|
+
maxWidth,
|
|
117
|
+
src,
|
|
118
|
+
status,
|
|
119
|
+
width
|
|
120
|
+
}));
|
|
121
|
+
}
|
|
122
|
+
function $convertImageElement(domNode) {
|
|
123
|
+
const img = domNode;
|
|
124
|
+
if (img.src.startsWith("file:///")) return null;
|
|
125
|
+
const { alt: altText, src, width, height } = img;
|
|
126
|
+
return { node: $createBlockImageNode({
|
|
127
|
+
altText,
|
|
128
|
+
height,
|
|
129
|
+
src,
|
|
130
|
+
width
|
|
131
|
+
}) };
|
|
132
|
+
}
|
|
133
|
+
function $isBlockImageNode(node) {
|
|
134
|
+
return node.getType() === BlockImageNode.getType();
|
|
135
|
+
}
|
|
136
|
+
//#endregion
|
|
137
|
+
export { $createBlockImageNode, $isBlockImageNode, BlockImageNode };
|