@grandaniel/vue-markdown-editor 1.1.3-dev.44690e2 → 1.1.3-dev.79b1d91
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/components/MarkdownEditor/Composable/activeEditorStore.d.ts +7 -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/MarkdownEditorImageContextMenu.vue.d.ts +4 -2
- package/dist/components/MarkdownEditor/MarkdownEditor.vue.d.ts +8 -0
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleHeadline1.vue.d.ts +1 -0
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleHeadline2.vue.d.ts +1 -0
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleHeadline3.vue.d.ts +1 -0
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleList.vue.d.ts +1 -0
- package/dist/components/MarkdownEditor/Modules/MarkdownModuleParagraph.vue.d.ts +1 -0
- package/dist/vue-markdown-editor.css +1 -1
- package/dist/vue-markdown-editor.mjs +4310 -4110
- package/package.json +8 -7
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ShallowRef } from "vue";
|
|
2
|
+
import type { Editor } from "@tiptap/vue-3";
|
|
3
|
+
/**
|
|
4
|
+
* Singleton reactive reference to the currently focused TipTap editor.
|
|
5
|
+
* Set by each TipTap module on focus, read by the text selection context menu.
|
|
6
|
+
*/
|
|
7
|
+
export declare const activeEditor: ShallowRef<Editor | null>;
|
|
@@ -17,6 +17,7 @@ export declare function useMarkdownEditor(initialContent?: string): {
|
|
|
17
17
|
}[]>;
|
|
18
18
|
deleteNode: (nodeIndex: number) => void;
|
|
19
19
|
addBlankNode: (nodeIndex: number) => number;
|
|
20
|
+
addNodeWithType: (nodeIndex: number, type: import("..").MarkdownAstNodeType, content?: string) => number;
|
|
20
21
|
replaceNodeType: (node: import("..").MarkdownAstNode, newType: import("..").MarkdownAstNodeType) => {
|
|
21
22
|
newNode: import("..").MarkdownAstNode;
|
|
22
23
|
index: number;
|
|
@@ -19,6 +19,7 @@ declare function useMarkdownProcessor(modelValue: ModelRef<string | undefined>):
|
|
|
19
19
|
}[]>;
|
|
20
20
|
deleteNode: (nodeIndex: number) => void;
|
|
21
21
|
addBlankNode: (nodeIndex: number) => number;
|
|
22
|
+
addNodeWithType: (nodeIndex: number, type: MarkdownNodeType, content?: string) => number;
|
|
22
23
|
replaceNodeType: (node: MarkdownAstNode, newType: MarkdownNodeType) => {
|
|
23
24
|
newNode: MarkdownAstNode;
|
|
24
25
|
index: number;
|
|
@@ -3,9 +3,11 @@ 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
|
+
editAttributes: () => any;
|
|
7
|
+
close: () => any;
|
|
7
8
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
8
|
-
|
|
9
|
+
onEditAttributes?: (() => any) | undefined;
|
|
10
|
+
onClose?: (() => any) | undefined;
|
|
9
11
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
12
|
declare const _default: typeof __VLS_export;
|
|
11
13
|
export default _default;
|
|
@@ -15,6 +15,10 @@ 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
|
+
};
|
|
18
22
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
19
23
|
"update:focused-node": (value: MarkdownAstNode<object> | null) => any;
|
|
20
24
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -27,6 +31,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
27
31
|
required: false;
|
|
28
32
|
default: null;
|
|
29
33
|
};
|
|
34
|
+
imageUploadFunction: {
|
|
35
|
+
type: PropType<(file: File) => Promise<string>>;
|
|
36
|
+
required: false;
|
|
37
|
+
};
|
|
30
38
|
}>> & Readonly<{
|
|
31
39
|
"onUpdate:focused-node"?: ((value: MarkdownAstNode<object> | null) => any) | undefined;
|
|
32
40
|
}>, {
|
|
@@ -3,6 +3,7 @@ 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, {
|
|
8
9
|
"update:model-value": (componentState: MarkdownModuleTextState) => any;
|
|
@@ -3,6 +3,7 @@ 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, {
|
|
8
9
|
"update:model-value": (componentState: MarkdownModuleTextState) => any;
|
|
@@ -3,6 +3,7 @@ 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, {
|
|
8
9
|
"update:model-value": (componentState: MarkdownModuleTextState) => any;
|
|
@@ -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,6 +3,7 @@ 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, {
|
|
8
9
|
"update:model-value": (componentState: MarkdownModuleTextState) => any;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.markdown-editor-context-menu[data-v-05f519e0]{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex;position:fixed;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.markdown-editor-context-menu-inline-item[data-v-
|
|
1
|
+
.markdown-editor-context-menu[data-v-05f519e0]{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex;position:fixed;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.markdown-editor-context-menu-inline-item[data-v-7dc94914]{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;min-width:2rem;min-height:2rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.markdown-editor-context-menu-inline-item[data-v-7dc94914]:hover{background:#f3f4f6}.markdown-editor-context-menu-inline-item.is-active[data-v-7dc94914]{color:#1e40af;background:#dbeafe}.markdown-editor-context-menu-inline-item[data-v-7dc94914]:active{transform:scale(.95)}.markdown-editor-focus-controls[data-v-ce3a9e83]{flex-direction:row;align-items:center;height:100%;display:flex}.markdown-editor-focus-controls .drag-handle[data-v-ce3a9e83]{cursor:grab;-webkit-user-select:none;user-select:none;opacity:.4;padding:0 .2rem;font-size:1rem;line-height:1}.markdown-editor-focus-controls .drag-handle[data-v-ce3a9e83]:active{cursor:grabbing}.markdown-editor-focus-controls .focus-control-btn[data-v-ce3a9e83]{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;padding:0;font-size:.75rem;line-height:1;transition:opacity .1s,background .1s;display:inline-flex}.markdown-editor-focus-controls .focus-control-btn[data-v-ce3a9e83]:hover{opacity:1;background:#00000012}[data-v-cf2b20ee],[data-v-6cb21ae4]{background:0 0;border:none;outline:none}.markdown-editor-context-menu-block-item[data-v-770b13bc]{cursor:pointer;color:#374151;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.markdown-editor-context-menu-block-item[data-v-770b13bc]:hover{background:#f3f4f6}.markdown-editor-context-menu-block-item[data-v-770b13bc]:active{transform:scale(.98)}.markdown-editor-image-context-menu-content[data-v-fbe7317c]{flex-direction:column;gap:.125rem;min-width:10rem;display:flex}.markdown-editor-modal-overlay[data-v-3e773d7f]{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.markdown-editor-modal[data-v-3e773d7f]{background:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-width:32rem;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.markdown-editor-modal-header[data-v-3e773d7f]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.markdown-editor-modal-title[data-v-3e773d7f]{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.markdown-editor-modal-close[data-v-3e773d7f]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.75rem;line-height:1;transition:all .15s;display:flex}.markdown-editor-modal-close[data-v-3e773d7f]:hover{color:#111827;background:#f3f4f6}.markdown-editor-modal-body[data-v-3e773d7f]{flex:1;padding:1.5rem;overflow-y:auto}.markdown-editor-modal-footer[data-v-3e773d7f]{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.markdown-editor-modal-button[data-v-3e773d7f]{cursor:pointer;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s}.markdown-editor-modal-button[data-v-3e773d7f]:active{transform:scale(.98)}.markdown-editor-modal-button-secondary[data-v-3e773d7f]{color:#374151;background:#f3f4f6}.markdown-editor-modal-button-secondary[data-v-3e773d7f]:hover{background:#e5e7eb}.markdown-editor-modal-button-primary[data-v-3e773d7f]{color:#fff;background:#3b82f6}.markdown-editor-modal-button-primary[data-v-3e773d7f]:hover{background:#2563eb}.markdown-module-image[data-v-9489f41b]{cursor:pointer;text-align:center;position:relative}.markdown-module-image img[data-v-9489f41b]{max-width:100%;height:auto}.markdown-module-image span[data-v-9489f41b]{color:#6b7280;margin-top:.25rem;font-size:.875rem;display:block}.markdown-module-image-form[data-v-9489f41b]{flex-direction:column;gap:1.25rem;display:flex}.markdown-module-image-form-field[data-v-9489f41b]{flex-direction:column;gap:.5rem;display:flex}.markdown-module-image-form-field label[data-v-9489f41b]{color:#374151;font-size:.875rem;font-weight:500}.markdown-module-image-form-field input[data-v-9489f41b]{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem .875rem;font-size:.875rem;transition:all .15s}.markdown-module-image-form-field input[data-v-9489f41b]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.markdown-module-image-form-field input[data-v-9489f41b]::placeholder{color:#9ca3af}[data-v-9489f41b]{background:0 0;border:none;outline:none}[data-v-2f49655e] .tiptap ul{margin:0;padding-left:1.5rem}.markdown-editor-module[data-v-965b9a8c]{flex-direction:row;display:flex}.markdown-editor-module[data-v-965b9a8c] .tiptap{outline:none}.markdown-editor-module .markdown-editor-module-content[data-v-965b9a8c]{outline:none;width:100%}.markdown-editor-module .markdown-editor-module-controls[data-v-965b9a8c]{visibility:hidden;min-width:5rem;max-width:5rem}.markdown-editor-module[data-v-965b9a8c]:hover{background:#9e95950d}.markdown-editor-module:hover .markdown-editor-module-controls[data-v-965b9a8c],.markdown-editor-module.is-focused .markdown-editor-module-controls[data-v-965b9a8c]{visibility:visible}.markdown-editor-module .markdown-editor-module-content-focused[data-v-965b9a8c]{background-color:#9e95950d}.markdown-editor[data-v-1f5fcb46]{padding-left:6rem}.markdown-editor[data-v-1f5fcb46] p{margin:.5rem 0}.markdown-editor[data-v-1f5fcb46] strong,.markdown-editor[data-v-1f5fcb46] b{font-weight:700}.markdown-editor[data-v-1f5fcb46] em,.markdown-editor[data-v-1f5fcb46] i{font-style:italic}.markdown-editor[data-v-1f5fcb46] code{color:green;background:#7f7f7f26;border-radius:3px;padding:.1em .3em;font-family:monospace;font-size:.9em}.markdown-editor[data-v-1f5fcb46] h1{margin:0;font-size:2em}.markdown-editor[data-v-1f5fcb46] h2{margin:0;font-size:1.5em}.markdown-editor[data-v-1f5fcb46] h3{margin:0;font-size:1.17em}
|
|
2
2
|
/*$vite$:1*/
|