@grandaniel/vue-markdown-editor 1.1.3 → 1.2.0
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/README.md +588 -6
- package/dist/components/MarkdownEditor/Composable/activeEditorStore.d.ts +7 -0
- package/dist/components/MarkdownEditor/Composable/parseMarkdown.d.ts +2 -0
- package/dist/components/MarkdownEditor/Composable/serializeMarkdown.d.ts +2 -0
- package/dist/components/MarkdownEditor/Composable/useMarkdownEditor.d.ts +1 -0
- package/dist/components/MarkdownEditor/Composable/useMarkdownProcessor.d.ts +1 -0
- package/dist/components/MarkdownEditor/ContextMenu/MarkdownEditorContextMenu.vue.d.ts +3 -1
- package/dist/components/MarkdownEditor/ContextMenu/MarkdownEditorFileContextMenu.vue.d.ts +19 -0
- package/dist/components/MarkdownEditor/ContextMenu/MarkdownEditorImageContextMenu.vue.d.ts +6 -2
- package/dist/components/MarkdownEditor/Factory/MarkdownNodeFactory.d.ts +2 -0
- package/dist/components/MarkdownEditor/MarkdownComponentRegistry.d.ts +2 -1
- package/dist/components/MarkdownEditor/MarkdownEditor.vue.d.ts +16 -0
- package/dist/components/MarkdownEditor/MarkdownEditorModule.vue.d.ts +2 -2
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleFile.vue.d.ts +16 -0
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleFileState.d.ts +8 -0
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleHeadline1.vue.d.ts +3 -2
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleHeadline2.vue.d.ts +3 -2
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleHeadline3.vue.d.ts +3 -2
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleList.vue.d.ts +1 -0
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleParagraph.vue.d.ts +3 -2
- package/dist/components/MarkdownEditor/Types/MarkdownAstNode.d.ts +2 -0
- package/dist/components/MarkdownEditor/Types/MarkdownAstNodeType.d.ts +2 -1
- package/dist/components/MarkdownEditor/index.d.ts +2 -1
- package/dist/components/MarkdownRenderer/Composable/useMarkdownRenderer.d.ts +1189 -0
- package/dist/components/MarkdownRenderer/MarkdownRenderer.vue.d.ts +1170 -0
- package/dist/components/MarkdownRenderer/RenderModules/MarkdownModuleFileRender.vue.d.ts +7 -0
- package/dist/components/MarkdownRenderer/RenderModules/MarkdownModuleHeadline1Render.vue.d.ts +7 -0
- package/dist/components/MarkdownRenderer/RenderModules/MarkdownModuleHeadline2Render.vue.d.ts +7 -0
- package/dist/components/MarkdownRenderer/RenderModules/MarkdownModuleHeadline3Render.vue.d.ts +7 -0
- package/dist/components/MarkdownRenderer/RenderModules/MarkdownModuleImageRender.vue.d.ts +7 -0
- package/dist/components/MarkdownRenderer/RenderModules/MarkdownModuleListRender.vue.d.ts +7 -0
- package/dist/components/MarkdownRenderer/RenderModules/MarkdownModuleParagraphRender.vue.d.ts +7 -0
- package/dist/components/MarkdownRenderer/defaultRenderComponentRegistry.d.ts +10 -0
- package/dist/components/MarkdownRenderer/index.d.ts +2 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/vue-markdown-editor.css +1 -1
- package/dist/vue-markdown-editor.mjs +4770 -4174
- package/package.json +8 -7
|
@@ -3,9 +3,13 @@ type __VLS_Props = {
|
|
|
3
3
|
y: number;
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6
|
-
|
|
6
|
+
click: () => any;
|
|
7
|
+
editAttributes: () => any;
|
|
8
|
+
close: () => any;
|
|
7
9
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
8
|
-
|
|
10
|
+
onClick?: (() => any) | undefined;
|
|
11
|
+
onEditAttributes?: (() => any) | undefined;
|
|
12
|
+
onClose?: (() => any) | undefined;
|
|
9
13
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
14
|
declare const _default: typeof __VLS_export;
|
|
11
15
|
export default _default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type MarkdownModuleFileState from "../Modules/MarkdownModuleFileState";
|
|
1
2
|
import type MarkdownModuleImageState from "../Modules/MarkdownModuleImageState";
|
|
2
3
|
import type MarkdownModuleListState from "../Modules/MarkdownModuleListState";
|
|
3
4
|
import MarkdownModuleTextState from "../Modules/MarkdownModuleTextState";
|
|
@@ -9,6 +10,7 @@ declare class MarkdownNodeFactory {
|
|
|
9
10
|
createImageNode(src: string, alt: string, caption?: string): MarkdownAstNode<MarkdownModuleImageState>;
|
|
10
11
|
createListNode(items: string[]): MarkdownAstNode<MarkdownModuleListState>;
|
|
11
12
|
createBlankParagraph(): MarkdownAstNode<MarkdownModuleTextState>;
|
|
13
|
+
createFileNode(url: string, fileName: string, fileSize: number, mimeType: string, uploadError?: string): MarkdownAstNode<MarkdownModuleFileState>;
|
|
12
14
|
}
|
|
13
15
|
declare const _default: MarkdownNodeFactory;
|
|
14
16
|
export default _default;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { Component } from "vue";
|
|
2
|
+
import MarkdownModuleFileState from "./Modules/MarkdownModuleFileState";
|
|
2
3
|
import MarkdownModuleImageState from "./Modules/MarkdownModuleImageState";
|
|
3
4
|
import MarkdownModuleListState from "./Modules/MarkdownModuleListState";
|
|
4
5
|
import MarkdownModuleTextState from "./Modules/MarkdownModuleTextState";
|
|
@@ -6,7 +7,7 @@ import type { MarkdownAstNode } from "./Types/MarkdownAstNode";
|
|
|
6
7
|
import MarkdownNodeType from "./Types/MarkdownAstNodeType";
|
|
7
8
|
type MarkdownComponentRegistryEntry = {
|
|
8
9
|
component: Component;
|
|
9
|
-
stateType: typeof MarkdownModuleTextState | typeof MarkdownModuleImageState | typeof MarkdownModuleListState;
|
|
10
|
+
stateType: typeof MarkdownModuleTextState | typeof MarkdownModuleImageState | typeof MarkdownModuleListState | typeof MarkdownModuleFileState;
|
|
10
11
|
};
|
|
11
12
|
declare const registry: Record<MarkdownNodeType, MarkdownComponentRegistryEntry>;
|
|
12
13
|
export declare function isTextNodeState(state: MarkdownAstNode): state is MarkdownAstNode & {
|
|
@@ -15,6 +15,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
15
15
|
required: false;
|
|
16
16
|
default: null;
|
|
17
17
|
};
|
|
18
|
+
imageUploadFunction: {
|
|
19
|
+
type: PropType<(file: File) => Promise<string>>;
|
|
20
|
+
required: false;
|
|
21
|
+
};
|
|
22
|
+
fileUploadFunction: {
|
|
23
|
+
type: PropType<(file: File) => Promise<string>>;
|
|
24
|
+
required: false;
|
|
25
|
+
};
|
|
18
26
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
19
27
|
"update:focused-node": (value: MarkdownAstNode<object> | null) => any;
|
|
20
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -27,6 +35,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
27
35
|
required: false;
|
|
28
36
|
default: null;
|
|
29
37
|
};
|
|
38
|
+
imageUploadFunction: {
|
|
39
|
+
type: PropType<(file: File) => Promise<string>>;
|
|
40
|
+
required: false;
|
|
41
|
+
};
|
|
42
|
+
fileUploadFunction: {
|
|
43
|
+
type: PropType<(file: File) => Promise<string>>;
|
|
44
|
+
required: false;
|
|
45
|
+
};
|
|
30
46
|
}>> & Readonly<{
|
|
31
47
|
"onUpdate:focused-node"?: ((value: MarkdownAstNode<object> | null) => any) | undefined;
|
|
32
48
|
}>, {
|
|
@@ -16,9 +16,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
16
16
|
required: true;
|
|
17
17
|
};
|
|
18
18
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
19
|
+
focus: () => any;
|
|
19
20
|
"update:cursor-position": (args_0: number) => any;
|
|
20
21
|
"change-type": (args_0: MarkdownAstNode<object>, args_1: number) => any;
|
|
21
|
-
focus: () => any;
|
|
22
22
|
"update:node": (args_0: Record<string, unknown>) => any;
|
|
23
23
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
24
|
node: {
|
|
@@ -30,9 +30,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
30
30
|
required: true;
|
|
31
31
|
};
|
|
32
32
|
}>> & Readonly<{
|
|
33
|
+
onFocus?: (() => any) | undefined;
|
|
33
34
|
"onUpdate:cursor-position"?: ((args_0: number) => any) | undefined;
|
|
34
35
|
"onChange-type"?: ((args_0: MarkdownAstNode<object>, args_1: number) => any) | undefined;
|
|
35
|
-
onFocus?: (() => any) | undefined;
|
|
36
36
|
"onUpdate:node"?: ((args_0: Record<string, unknown>) => any) | undefined;
|
|
37
37
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
38
38
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type MarkdownModuleFileState from "./MarkdownModuleFileState";
|
|
2
|
+
declare function focus(): void;
|
|
3
|
+
type __VLS_ModelProps = {
|
|
4
|
+
modelValue: MarkdownModuleFileState;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {
|
|
7
|
+
focus: typeof focus;
|
|
8
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
"retry-upload": (fileState: MarkdownModuleFileState) => any;
|
|
10
|
+
"update:modelValue": (value: MarkdownModuleFileState) => any;
|
|
11
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
|
|
12
|
+
"onRetry-upload"?: ((fileState: MarkdownModuleFileState) => any) | undefined;
|
|
13
|
+
"onUpdate:modelValue"?: ((value: MarkdownModuleFileState) => any) | undefined;
|
|
14
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
@@ -3,17 +3,18 @@ type __VLS_ModelProps = {
|
|
|
3
3
|
modelValue: MarkdownModuleTextState;
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {
|
|
6
|
+
editor: import("vue").ShallowRef<import("@tiptap/vue-3").Editor | undefined, import("@tiptap/vue-3").Editor | undefined>;
|
|
6
7
|
focus: () => void;
|
|
7
8
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (value: MarkdownModuleTextState) => any;
|
|
8
10
|
"update:model-value": (componentState: MarkdownModuleTextState) => any;
|
|
9
11
|
"update:cursor-position": (cursorPosition: number) => any;
|
|
10
12
|
"change-type": (newType: import("..").MarkdownAstNodeType) => any;
|
|
11
|
-
"update:modelValue": (value: MarkdownModuleTextState) => any;
|
|
12
13
|
}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((value: MarkdownModuleTextState) => any) | undefined;
|
|
13
15
|
"onUpdate:model-value"?: ((componentState: MarkdownModuleTextState) => any) | undefined;
|
|
14
16
|
"onUpdate:cursor-position"?: ((cursorPosition: number) => any) | undefined;
|
|
15
17
|
"onChange-type"?: ((newType: import("..").MarkdownAstNodeType) => any) | undefined;
|
|
16
|
-
"onUpdate:modelValue"?: ((value: MarkdownModuleTextState) => any) | undefined;
|
|
17
18
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
19
|
declare const _default: typeof __VLS_export;
|
|
19
20
|
export default _default;
|
|
@@ -3,17 +3,18 @@ type __VLS_ModelProps = {
|
|
|
3
3
|
modelValue: MarkdownModuleTextState;
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {
|
|
6
|
+
editor: import("vue").ShallowRef<import("@tiptap/vue-3").Editor | undefined, import("@tiptap/vue-3").Editor | undefined>;
|
|
6
7
|
focus: () => void;
|
|
7
8
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (value: MarkdownModuleTextState) => any;
|
|
8
10
|
"update:model-value": (componentState: MarkdownModuleTextState) => any;
|
|
9
11
|
"update:cursor-position": (cursorPosition: number) => any;
|
|
10
12
|
"change-type": (newType: import("..").MarkdownAstNodeType) => any;
|
|
11
|
-
"update:modelValue": (value: MarkdownModuleTextState) => any;
|
|
12
13
|
}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((value: MarkdownModuleTextState) => any) | undefined;
|
|
13
15
|
"onUpdate:model-value"?: ((componentState: MarkdownModuleTextState) => any) | undefined;
|
|
14
16
|
"onUpdate:cursor-position"?: ((cursorPosition: number) => any) | undefined;
|
|
15
17
|
"onChange-type"?: ((newType: import("..").MarkdownAstNodeType) => any) | undefined;
|
|
16
|
-
"onUpdate:modelValue"?: ((value: MarkdownModuleTextState) => any) | undefined;
|
|
17
18
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
19
|
declare const _default: typeof __VLS_export;
|
|
19
20
|
export default _default;
|
|
@@ -3,17 +3,18 @@ type __VLS_ModelProps = {
|
|
|
3
3
|
modelValue: MarkdownModuleTextState;
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {
|
|
6
|
+
editor: import("vue").ShallowRef<import("@tiptap/vue-3").Editor | undefined, import("@tiptap/vue-3").Editor | undefined>;
|
|
6
7
|
focus: () => void;
|
|
7
8
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (value: MarkdownModuleTextState) => any;
|
|
8
10
|
"update:model-value": (componentState: MarkdownModuleTextState) => any;
|
|
9
11
|
"update:cursor-position": (cursorPosition: number) => any;
|
|
10
12
|
"change-type": (newType: import("..").MarkdownAstNodeType) => any;
|
|
11
|
-
"update:modelValue": (value: MarkdownModuleTextState) => any;
|
|
12
13
|
}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((value: MarkdownModuleTextState) => any) | undefined;
|
|
13
15
|
"onUpdate:model-value"?: ((componentState: MarkdownModuleTextState) => any) | undefined;
|
|
14
16
|
"onUpdate:cursor-position"?: ((cursorPosition: number) => any) | undefined;
|
|
15
17
|
"onChange-type"?: ((newType: import("..").MarkdownAstNodeType) => any) | undefined;
|
|
16
|
-
"onUpdate:modelValue"?: ((value: MarkdownModuleTextState) => any) | undefined;
|
|
17
18
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
19
|
declare const _default: typeof __VLS_export;
|
|
19
20
|
export default _default;
|
|
@@ -4,6 +4,7 @@ type __VLS_ModelProps = {
|
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {
|
|
6
6
|
focus(): void;
|
|
7
|
+
editor: import("vue").ShallowRef<import("@tiptap/vue-3").Editor | undefined, import("@tiptap/vue-3").Editor | undefined>;
|
|
7
8
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
9
|
"update:modelValue": (value: MarkdownModuleListState) => any;
|
|
9
10
|
}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
|
|
@@ -3,17 +3,18 @@ type __VLS_ModelProps = {
|
|
|
3
3
|
modelValue: MarkdownModuleTextState;
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {
|
|
6
|
+
editor: import("vue").ShallowRef<import("@tiptap/vue-3").Editor | undefined, import("@tiptap/vue-3").Editor | undefined>;
|
|
6
7
|
focus: () => void;
|
|
7
8
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (value: MarkdownModuleTextState) => any;
|
|
8
10
|
"update:model-value": (componentState: MarkdownModuleTextState) => any;
|
|
9
11
|
"update:cursor-position": (cursorPosition: number) => any;
|
|
10
12
|
"change-type": (newType: import("..").MarkdownAstNodeType) => any;
|
|
11
|
-
"update:modelValue": (value: MarkdownModuleTextState) => any;
|
|
12
13
|
}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((value: MarkdownModuleTextState) => any) | undefined;
|
|
13
15
|
"onUpdate:model-value"?: ((componentState: MarkdownModuleTextState) => any) | undefined;
|
|
14
16
|
"onUpdate:cursor-position"?: ((cursorPosition: number) => any) | undefined;
|
|
15
17
|
"onChange-type"?: ((newType: import("..").MarkdownAstNodeType) => any) | undefined;
|
|
16
|
-
"onUpdate:modelValue"?: ((value: MarkdownModuleTextState) => any) | undefined;
|
|
17
18
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
19
|
declare const _default: typeof __VLS_export;
|
|
19
20
|
export default _default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type MarkdownModuleFileState from "../Modules/MarkdownModuleFileState";
|
|
1
2
|
import type MarkdownModuleImageState from "../Modules/MarkdownModuleImageState";
|
|
2
3
|
import type MarkdownModuleTextState from "../Modules/MarkdownModuleTextState";
|
|
3
4
|
import type MarkdownNodeType from "./MarkdownAstNodeType";
|
|
@@ -12,3 +13,4 @@ export declare class MarkdownAstNode<TState extends object = object> {
|
|
|
12
13
|
}
|
|
13
14
|
export type TextNode = MarkdownAstNode<MarkdownModuleTextState>;
|
|
14
15
|
export type ImageNode = MarkdownAstNode<MarkdownModuleImageState>;
|
|
16
|
+
export type FileNode = MarkdownAstNode<MarkdownModuleFileState>;
|
|
@@ -4,7 +4,8 @@ declare enum MarkdownNodeType {
|
|
|
4
4
|
HEADLINE2 = 2,
|
|
5
5
|
HEADLINE3 = 3,
|
|
6
6
|
IMAGE = 4,
|
|
7
|
-
LIST = 5
|
|
7
|
+
LIST = 5,
|
|
8
|
+
FILE = 6
|
|
8
9
|
}
|
|
9
10
|
export type TextishNodeType = MarkdownNodeType.PARAGRAPH | MarkdownNodeType.LIST | MarkdownNodeType.HEADLINE1 | MarkdownNodeType.HEADLINE2 | MarkdownNodeType.HEADLINE3;
|
|
10
11
|
export declare function isTextNodeType(type: MarkdownNodeType): type is TextishNodeType;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as MarkdownEditor } from './MarkdownEditor.vue';
|
|
2
2
|
export { useMarkdownEditor, type MarkdownEditorInstance } from "./Composable/useMarkdownEditor";
|
|
3
3
|
export { isTextNodeState } from "./MarkdownComponentRegistry";
|
|
4
|
-
export { MarkdownAstNode, type ImageNode, type TextNode } from "./Types/MarkdownAstNode";
|
|
4
|
+
export { MarkdownAstNode, type FileNode, type ImageNode, type TextNode } from "./Types/MarkdownAstNode";
|
|
5
5
|
export { default as MarkdownAstNodeType, isTextNodeType, type TextishNodeType } from "./Types/MarkdownAstNodeType";
|
|
6
|
+
export { default as MarkdownModuleFileState } from "./Modules/MarkdownModuleFileState";
|