vue-editify 0.1.13 → 0.1.16

package/examples/App.vue

@@ -1,30 +1,30 @@
 <template>
-	<div style="padding: 10px; height: 100%; box-sizing: border-box">
-		<button @click="handleClick">按钮</button>
-		<Editify ref="editify" border v-model="val" :menu="menuConfig" style="height: 400px"></Editify>
+	<div style="padding: 80px 10px 10px 10px; height: 100%; box-sizing: border-box">
+		<Editify ref="editify" border v-model="val" :menu="menuConfig" style="height: 100%" placeholder="Please Enter Text..." locale="zh_CN" :custom-image-paste="customImagePaste"></Editify>
 	</div>
 </template>
 <script setup lang="ts">
 import { ref } from 'vue'
-import { setIndentIncrease, Editify } from '../src/index'
-import { MenuConfigType } from '../src/core/tool'
+import { Editify, insertImage, insertVideo } from '../src/index'
+import { MenuConfigType } from '../src/index'
 const val = ref<string>('<p><br></p>')
 const editify = ref<InstanceType<typeof Editify> | null>(null)
 const menuConfig = ref<MenuConfigType>({
 	use: true,
-	mode: 'inner',
+	mode: 'fixed',
 	image: {
 		accept: ['jpg'],
 		handleError: (error, file) => {
 			console.log(error, file)
 		}
+	},
+	fullScreen: {
+		show: true
 	}
 })
-const handleClick = () => {
-	setIndentIncrease(editify.value!.editor!, editify.value!.dataRangeCaches)
-	editify.value!.editor!.formatElementStack()
-	editify.value!.editor!.domRender()
-	editify.value!.editor!.rangeRender()
+const customImagePaste = url => {
+	console.log(url)
+	insertImage(editify.value!.editor!, url)
 }
 </script>
 <style lang="less">

package/lib/components/toolbar/toolbar.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
         validator(value: any): boolean;
     };
     config: {
-        type: import("vue").PropType<import("../..").ToolbarConfigType>;
+        type: import("vue").PropType<import("../../core/tool").ToolbarConfigType>;
         default: null;
     };
     color: {
@@ -37,7 +37,7 @@ declare const _default: import('vue').DefineComponent<{
         validator(value: any): boolean;
     };
     config: {
-        type: import("vue").PropType<import("../..").ToolbarConfigType>;
+        type: import("vue").PropType<import("../../core/tool").ToolbarConfigType>;
         default: null;
     };
     color: {
@@ -51,6 +51,6 @@ declare const _default: import('vue').DefineComponent<{
     type: "link" | "text" | "image" | "video" | "table" | "codeBlock";
     modelValue: boolean;
     node: string | HTMLElement;
-    config: import("../..").ToolbarConfigType;
+    config: import("../../core/tool").ToolbarConfigType;
 }, {}>;
 export default _default;

package/lib/editify/editify.vue.d.ts

@@ -60,11 +60,15 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     customImagePaste: {
-        type: import("vue").PropType<(url: string) => string | Promise<string>>;
+        type: import("vue").PropType<(url: string) => void | Promise<void>>;
         default: null;
     };
     customVideoPaste: {
-        type: import("vue").PropType<(url: string) => string | Promise<string>>;
+        type: import("vue").PropType<(url: string) => void | Promise<void>>;
+        default: null;
+    };
+    customFilePaste: {
+        type: import("vue").PropType<(url: string) => void | Promise<void>>;
         default: null;
     };
     menu: {
@@ -109,6 +113,7 @@ declare const _default: import('vue').DefineComponent<{
         customHtmlPaste: ((AlexElements: AlexElement[], html: string) => void | Promise<void>) | null;
         customImagePaste: ((url: string) => void | Promise<void>) | null;
         customVideoPaste: ((url: string) => void | Promise<void>) | null;
+        customFilePaste: ((url: string) => void | Promise<void>) | null;
         customMerge: ((mergeElement: AlexElement, targetElement: AlexElement) => void | Promise<void>) | null;
         customParseNode: ((el: AlexElement) => AlexElement) | null;
         useClipboard: boolean;
@@ -410,7 +415,6 @@ declare const _default: import('vue').DefineComponent<{
             text: string;
             html: string;
         } | undefined>;
-        paste: () => Promise<void>;
         delete: () => void;
         insertText: (data: string) => void;
         insertParagraph: () => void;
@@ -604,11 +608,15 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     customImagePaste: {
-        type: import("vue").PropType<(url: string) => string | Promise<string>>;
+        type: import("vue").PropType<(url: string) => void | Promise<void>>;
         default: null;
     };
     customVideoPaste: {
-        type: import("vue").PropType<(url: string) => string | Promise<string>>;
+        type: import("vue").PropType<(url: string) => void | Promise<void>>;
+        default: null;
+    };
+    customFilePaste: {
+        type: import("vue").PropType<(url: string) => void | Promise<void>>;
         default: null;
     };
     menu: {
@@ -665,8 +673,9 @@ declare const _default: import('vue').DefineComponent<{
     allowPasteHtml: boolean;
     videoRatio: number;
     showWordLength: boolean;
-    customImagePaste: (url: string) => string | Promise<string>;
-    customVideoPaste: (url: string) => string | Promise<string>;
+    customImagePaste: (url: string) => void | Promise<void>;
+    customVideoPaste: (url: string) => void | Promise<void>;
+    customFilePaste: (url: string) => void | Promise<void>;
     pasteKeepMarks: ObjectType;
     pasteKeepStyles: ObjectType;
     customParseNode: (el: AlexElement) => AlexElement;

package/lib/editify/props.d.ts

@@ -71,11 +71,15 @@ export declare const EditifyProps: {
         default: boolean;
     };
     customImagePaste: {
-        type: PropType<(url: string) => string | Promise<string>>;
+        type: PropType<(url: string) => void | Promise<void>>;
         default: null;
     };
     customVideoPaste: {
-        type: PropType<(url: string) => string | Promise<string>>;
+        type: PropType<(url: string) => void | Promise<void>>;
+        default: null;
+    };
+    customFilePaste: {
+        type: PropType<(url: string) => void | Promise<void>>;
         default: null;
     };
     menu: {