vue-editify 0.1.17 → 0.1.19

package/src/editify/props.ts

@@ -1,146 +1,156 @@
-import { common as DapCommon } from 'dap-util'
-import { ExtractPublicPropTypes, PropType } from 'vue'
-import { MenuConfigType, ObjectType, ToolbarConfigType } from '../core/tool'
-import { AlexElement } from 'alex-editor'
-import { LocaleType } from '../locale'
-
-export type EditifyTableColumnResizeParamsType = {
-	element: AlexElement | null
-	start: number
-}
-
-export type EditifyToolbarOptionsType = {
-	show: boolean
-	node: string | null
-	type: 'text' | 'link' | 'image' | 'video' | 'table' | 'codeBlock'
-}
-
-export const EditifyProps = {
-	//国际化语言类型
-	locale: {
-		type: String as PropType<LocaleType>,
-		default: 'zh_CN'
-	},
-	//编辑器内容
-	modelValue: {
-		type: String,
-		default: '<p><br></p>'
-	},
-	//占位符
-	placeholder: {
-		type: String,
-		default: ''
-	},
-	//是否自动获取焦点
-	autofocus: {
-		type: Boolean,
-		default: false
-	},
-	//是否禁用编辑器
-	disabled: {
-		type: Boolean,
-		default: false
-	},
-	//是否允许复制
-	allowCopy: {
-		type: Boolean,
-		default: true
-	},
-	//是否允许粘贴
-	allowPaste: {
-		type: Boolean,
-		default: true
-	},
-	//是否允许剪切
-	allowCut: {
-		type: Boolean,
-		default: true
-	},
-	//是否允许粘贴html
-	allowPasteHtml: {
-		type: Boolean,
-		default: false
-	},
-	//是否显示边框
-	border: {
-		type: Boolean,
-		default: false
-	},
-	//主题色
-	color: {
-		type: String,
-		default: '#03a8f3',
-		validator(value: any) {
-			return DapCommon.matchingText(value, 'hex')
-		}
-	},
-	//视频宽高比
-	videoRatio: {
-		type: Number,
-		default: 16 / 9
-	},
-	//工具条按钮设置
-	toolbar: {
-		type: Object as PropType<ToolbarConfigType>,
-		default: null
-	},
-	//是否显示字数统计
-	showWordLength: {
-		type: Boolean,
-		default: false
-	},
-	//自定义粘贴图片
-	customImagePaste: {
-		type: Function as PropType<(url: string) => void | Promise<void>>,
-		default: null
-	},
-	//自定义粘贴视频
-	customVideoPaste: {
-		type: Function as PropType<(url: string) => void | Promise<void>>,
-		default: null
-	},
-	//自定义粘贴文件
-	customFilePaste: {
-		type: Function as PropType<(url: string) => void | Promise<void>>,
-		default: null
-	},
-	//菜单栏配置
-	menu: {
-		type: Object as PropType<MenuConfigType>,
-		default: null
-	},
-	//粘贴html时额外保留的标记（全部元素生效）
-	pasteKeepMarks: {
-		type: Object as PropType<ObjectType>,
-		default: null
-	},
-	//粘贴html时额外保留的样式（仅在非文本元素生效）
-	pasteKeepStyles: {
-		type: Object as PropType<ObjectType>,
-		default: null
-	},
-	//自定义node转元素时的处理
-	customParseNode: {
-		type: Function as PropType<(el: AlexElement) => AlexElement>,
-		default: null
-	},
-	//自定义额外的渲染规范
-	renderRules: {
-		type: Array as PropType<((el: AlexElement) => void)[]>,
-		default: function () {
-			return []
-		}
-	},
-	//自适应高度
-	autoheight: {
-		type: Boolean,
-		default: false
-	},
-	//是否使用tab快捷键
-	tab: {
-		type: Boolean,
-		default: true
-	}
-}
-
-export type EditifyPropsType = ExtractPublicPropTypes<typeof EditifyProps>
+import { common as DapCommon } from 'dap-util'
+import { ExtractPublicPropTypes, PropType } from 'vue'
+import { MenuConfigType, ObjectType, ToolbarConfigType } from '../core/tool'
+import { AlexElement } from 'alex-editor'
+import { LocaleType } from '../locale'
+
+export type EditifyTableColumnResizeParamsType = {
+	element: AlexElement | null
+	start: number
+}
+
+export type EditifyToolbarOptionsType = {
+	show: boolean
+	node: string | null
+	type: 'text' | 'link' | 'image' | 'video' | 'table' | 'codeBlock'
+}
+
+export const EditifyProps = {
+	//国际化语言类型
+	locale: {
+		type: String as PropType<LocaleType>,
+		default: 'zh_CN'
+	},
+	//编辑器内容
+	modelValue: {
+		type: String,
+		default: '<p><br></p>'
+	},
+	//占位符
+	placeholder: {
+		type: String,
+		default: ''
+	},
+	//是否自动获取焦点
+	autofocus: {
+		type: Boolean,
+		default: false
+	},
+	//是否禁用编辑器
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	//是否允许复制
+	allowCopy: {
+		type: Boolean,
+		default: true
+	},
+	//是否允许粘贴
+	allowPaste: {
+		type: Boolean,
+		default: true
+	},
+	//是否允许剪切
+	allowCut: {
+		type: Boolean,
+		default: true
+	},
+	//是否允许粘贴html
+	allowPasteHtml: {
+		type: Boolean,
+		default: false
+	},
+	//是否显示边框
+	border: {
+		type: Boolean,
+		default: false
+	},
+	//主题色
+	color: {
+		type: String,
+		default: '#03a8f3',
+		validator(value: any) {
+			return DapCommon.matchingText(value, 'hex')
+		}
+	},
+	//视频宽高比
+	videoRatio: {
+		type: Number,
+		default: 16 / 9
+	},
+	//工具条按钮设置
+	toolbar: {
+		type: Object as PropType<ToolbarConfigType>,
+		default: null
+	},
+	//是否显示字数统计
+	showWordLength: {
+		type: Boolean,
+		default: false
+	},
+	//自定义粘贴纯文字
+	customTextPaste: {
+		type: Function as PropType<(data: string) => void | Promise<void>>,
+		default: null
+	},
+	//自定义粘贴html
+	customHtmlPaste: {
+		type: Function as PropType<(elements: AlexElement[]) => void | Promise<void>>,
+		default: null
+	},
+	//自定义粘贴图片
+	customImagePaste: {
+		type: Function as PropType<(file: File) => void | Promise<void>>,
+		default: null
+	},
+	//自定义粘贴视频
+	customVideoPaste: {
+		type: Function as PropType<(file: File) => void | Promise<void>>,
+		default: null
+	},
+	//自定义粘贴文件
+	customFilePaste: {
+		type: Function as PropType<(file: File) => void | Promise<void>>,
+		default: null
+	},
+	//菜单栏配置
+	menu: {
+		type: Object as PropType<MenuConfigType>,
+		default: null
+	},
+	//粘贴html时额外保留的标记（全部元素生效）
+	pasteKeepMarks: {
+		type: Object as PropType<ObjectType>,
+		default: null
+	},
+	//粘贴html时额外保留的样式（仅在非文本元素生效）
+	pasteKeepStyles: {
+		type: Object as PropType<ObjectType>,
+		default: null
+	},
+	//自定义node转元素时的处理
+	customParseNode: {
+		type: Function as PropType<(el: AlexElement) => AlexElement>,
+		default: null
+	},
+	//自定义额外的渲染规范
+	renderRules: {
+		type: Array as PropType<((el: AlexElement) => void)[]>,
+		default: function () {
+			return []
+		}
+	},
+	//自适应高度
+	autoheight: {
+		type: Boolean,
+		default: false
+	},
+	//是否使用tab快捷键
+	tab: {
+		type: Boolean,
+		default: true
+	}
+}
+
+export type EditifyPropsType = ExtractPublicPropTypes<typeof EditifyProps>