@threadlabs/looma 0.1.5 → 0.1.7

package/vue/editor/index.d.ts

@@ -1,8 +1,9 @@
-import * as vue from 'vue';
-import { PropType } from 'vue';
 import { SlashMenuItem, SlashMenuAnchorRect } from '@threadlabs/looma/editor';
 export * from '@threadlabs/looma/editor';
+import * as vue from 'vue';
+import { PropType } from 'vue';
 import { TableContextMenuActionEventDetail, InsertTableEventDetail, TableOverlayActionEventDetail, SlashMenuHighlightEventDetail, SlashMenuSelectEventDetail } from '@threadlabs/looma/editor/ui';
+import { JSONContent, AnyExtension, Editor } from '@tiptap/core';
 
 interface VueEditorAdapterEventMap {
     tableAction: TableContextMenuActionEventDetail;
@@ -86,4 +87,93 @@ declare const EDITOR_ADAPTER_COMPONENT_TAG_MAP: {
     readonly EditorTableOverlay: "ui-editor-table-overlay";
 };
 
-export { EDITOR_ADAPTER_COMPONENT_TAG_MAP, EditorInsertTableGrid, EditorSlashMenu, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, type VueEditorAdapterEventMap };
+interface LoomaImageUploadResult {
+    url: string;
+    alt?: string;
+}
+type LoomaImageUploader = (file: File) => Promise<string | LoomaImageUploadResult>;
+declare const LoomaEditor: vue.DefineComponent<vue.ExtractPropTypes<{
+    modelValue: {
+        type: PropType<JSONContent>;
+        default: () => {
+            [key: string]: any;
+            type?: string;
+            attrs?: Record<string, any>;
+            content?: JSONContent[];
+            marks?: {
+                type: string;
+                attrs?: Record<string, any>;
+                [key: string]: any;
+            }[];
+            text?: string;
+        };
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    extensions: {
+        type: PropType<AnyExtension[]>;
+        default: () => never[];
+    };
+    uploadImage: {
+        type: PropType<LoomaImageUploader | undefined>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    "update:modelValue": (_value: JSONContent) => true;
+    update: (_value: JSONContent) => true;
+    ready: (_editor: Editor) => true;
+    uploadError: (_error: unknown, _file: File) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: PropType<JSONContent>;
+        default: () => {
+            [key: string]: any;
+            type?: string;
+            attrs?: Record<string, any>;
+            content?: JSONContent[];
+            marks?: {
+                type: string;
+                attrs?: Record<string, any>;
+                [key: string]: any;
+            }[];
+            text?: string;
+        };
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    extensions: {
+        type: PropType<AnyExtension[]>;
+        default: () => never[];
+    };
+    uploadImage: {
+        type: PropType<LoomaImageUploader | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (_value: JSONContent) => any;
+    onUpdate?: (_value: JSONContent) => any;
+    onReady?: (_editor: Editor) => any;
+    onUploadError?: (_error: unknown, _file: File) => any;
+}>, {
+    placeholder: string;
+    modelValue: JSONContent;
+    editable: boolean;
+    extensions: AnyExtension[];
+    uploadImage: LoomaImageUploader | undefined;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { EDITOR_ADAPTER_COMPONENT_TAG_MAP, EditorInsertTableGrid, EditorSlashMenu, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, LoomaEditor, type LoomaImageUploadResult, type LoomaImageUploader, type VueEditorAdapterEventMap };