vue-editify 0.1.9 → 0.1.12

package/src/core/{function.js → function.ts}

@@ -1,27 +1,28 @@
 /**
  * 这里的方法都是对编辑器内容元素进行判断或者操作的方法，不涉及到格式化、dom渲染和光标渲染
  */
-import { AlexElement } from 'alex-editor'
+import { AlexElement, AlexElementsRangeType, AlexEditor } from 'alex-editor'
 import { common as DapCommon } from 'dap-util'
-import { cloneData, queryHasValue, getButtonOptionsConfig } from './tool'
+import { cloneData, queryHasValue, getButtonOptionsConfig, ObjectType } from './tool'
+import { ButtonOptionsItemType } from '../components/button/props'
 
 //判断元素是否在某个标签下，如果是返回该标签对应的元素，否则返回null
-export const getParsedomElementByElement = (element, parsedom) => {
+export const getParsedomElementByElement = (element: AlexElement, parsedom: string): AlexElement | null => {
 	if (element.isBlock()) {
 		return element.parsedom == parsedom ? element : null
 	}
 	if (!element.isText() && element.parsedom == parsedom) {
 		return element
 	}
-	return getParsedomElementByElement(element.parent, parsedom)
+	return getParsedomElementByElement(element.parent!, parsedom)
 }
 
 //获取光标是否在指定标签下，如果是返回该标签对应的元素，否则返回null
-export const getCurrentParsedomElement = (vm, parsedom) => {
-	if (vm.editor.range.anchor.element.isEqual(vm.editor.range.focus.element)) {
-		return getParsedomElementByElement(vm.editor.range.anchor.element, parsedom)
+export const getCurrentParsedomElement = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, parsedom: string) => {
+	if (editor.range!.anchor.element.isEqual(editor.range!.focus.element)) {
+		return getParsedomElementByElement(editor.range!.anchor.element, parsedom)
 	}
-	const arr = vm.dataRangeCaches.list.map(item => {
+	const arr = dataRangeCaches.list.map(item => {
 		return getParsedomElementByElement(item.element, parsedom)
 	})
 	let hasNull = arr.some(el => {
@@ -33,12 +34,12 @@ export const getCurrentParsedomElement = (vm, parsedom) => {
 	}
 	//如果只有一个元素，则返回该元素
 	if (arr.length == 1) {
-		return arr[0]
+		return arr[0]!
 	}
 	//默认数组中的元素都相等
 	let flag = true
 	for (let i = 1; i < arr.length; i++) {
-		if (!arr[i].isEqual(arr[0])) {
+		if (!arr[i]!.isEqual(arr[0]!)) {
 			flag = false
 			break
 		}
@@ -51,7 +52,7 @@ export const getCurrentParsedomElement = (vm, parsedom) => {
 }
 
 //判断元素是否在有序列表或者无序列表下
-export const elementIsInList = (element, ordered) => {
+export const elementIsInList = (element: AlexElement, ordered: boolean): boolean => {
 	if (isList(element, ordered)) {
 		return true
 	}
@@ -62,7 +63,7 @@ export const elementIsInList = (element, ordered) => {
 }
 
 //判断元素是否在任务列表下
-export const elementIsInTask = element => {
+export const elementIsInTask = (element: AlexElement): boolean => {
 	if (isTask(element)) {
 		return true
 	}
@@ -73,148 +74,148 @@ export const elementIsInTask = element => {
 }
 
 //判断元素是否有序或者无序列表
-export const isList = function (element, ordered = false) {
-	return element.parsedom == 'div' && element.hasMarks() && element.marks['data-editify-list'] == (ordered ? 'ol' : 'ul')
+export const isList = function (element: AlexElement, ordered: boolean | undefined = false) {
+	return element.parsedom == 'div' && element.hasMarks() && element.marks!['data-editify-list'] == (ordered ? 'ol' : 'ul')
 }
 
 //判断元素是否任务列表
-export const isTask = function (element) {
-	return element.parsedom == 'div' && element.hasMarks() && element.marks.hasOwnProperty('data-editify-task')
+export const isTask = function (element: AlexElement) {
+	return element.parsedom == 'div' && element.hasMarks() && element.marks!.hasOwnProperty('data-editify-task')
 }
 
 //选区是否含有代码块
-export const hasPreInRange = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return !!getParsedomElementByElement(vm.editor.range.anchor.element, 'pre')
+export const hasPreInRange = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return !!getParsedomElementByElement(editor.range!.anchor.element, 'pre')
 	}
-	return vm.dataRangeCaches.flatList.some(item => {
+	return dataRangeCaches.flatList.some(item => {
 		return !!getParsedomElementByElement(item.element, 'pre')
 	})
 }
 
 //选区是否全部在代码块内
-export const isRangeInPre = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return !!getParsedomElementByElement(vm.editor.range.anchor.element, 'pre')
+export const isRangeInPre = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return !!getParsedomElementByElement(editor.range!.anchor.element, 'pre')
 	}
-	return vm.dataRangeCaches.list.every(item => {
+	return dataRangeCaches.list.every(item => {
 		return !!getParsedomElementByElement(item.element, 'pre')
 	})
 }
 
 //选区是否含有引用
-export const hasQuoteInRange = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return !!getParsedomElementByElement(vm.editor.range.anchor.element, 'blockquote')
+export const hasQuoteInRange = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return !!getParsedomElementByElement(editor.range!.anchor.element, 'blockquote')
 	}
-	return vm.dataRangeCaches.flatList.some(item => {
+	return dataRangeCaches.flatList.some(item => {
 		return !!getParsedomElementByElement(item.element, 'blockquote')
 	})
 }
 
 //选区是否全部在引用内
-export const isRangeInQuote = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return !!getParsedomElementByElement(vm.editor.range.anchor.element, 'blockquote')
+export const isRangeInQuote = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return !!getParsedomElementByElement(editor.range!.anchor.element, 'blockquote')
 	}
-	return vm.dataRangeCaches.list.every(item => {
+	return dataRangeCaches.list.every(item => {
 		return !!getParsedomElementByElement(item.element, 'blockquote')
 	})
 }
 
 //选区是否含有有序列表或者无序列表
-export const hasListInRange = (vm, ordered = false) => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return elementIsInList(vm.editor.range.anchor.element, ordered)
+export const hasListInRange = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, ordered: boolean | undefined = false) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return elementIsInList(editor.range!.anchor.element, ordered)
 	}
-	return vm.dataRangeCaches.flatList.some(item => {
+	return dataRangeCaches.flatList.some(item => {
 		return elementIsInList(item.element, ordered)
 	})
 }
 
 //选区是否全部在有序列表或者无序列表内
-export const isRangeInList = (vm, ordered = false) => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return elementIsInList(vm.editor.range.anchor.element, ordered)
+export const isRangeInList = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, ordered: boolean | undefined = false) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return elementIsInList(editor.range!.anchor.element, ordered)
 	}
-	return vm.dataRangeCaches.list.every(item => {
+	return dataRangeCaches.list.every(item => {
 		return elementIsInList(item.element, ordered)
 	})
 }
 
 //选区是否含有任务列表
-export const hasTaskInRange = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return elementIsInTask(vm.editor.range.anchor.element)
+export const hasTaskInRange = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return elementIsInTask(editor.range!.anchor.element)
 	}
-	return vm.dataRangeCaches.flatList.some(item => {
+	return dataRangeCaches.flatList.some(item => {
 		return elementIsInTask(item.element)
 	})
 }
 
 //选区是否全部在任务列表里
-export const isRangeInTask = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return elementIsInTask(vm.editor.range.anchor.element)
+export const isRangeInTask = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return elementIsInTask(editor.range!.anchor.element)
 	}
-	return vm.dataRangeCaches.list.every(item => {
+	return dataRangeCaches.list.every(item => {
 		return elementIsInTask(item.element)
 	})
 }
 
 //选区是否含有链接
-export const hasLinkInRange = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return !!getParsedomElementByElement(vm.editor.range.anchor.element, 'a')
+export const hasLinkInRange = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return !!getParsedomElementByElement(editor.range!.anchor.element, 'a')
 	}
-	return vm.dataRangeCaches.flatList.some(item => {
+	return dataRangeCaches.flatList.some(item => {
 		return !!getParsedomElementByElement(item.element, 'a')
 	})
 }
 
 //选区是否含有表格
-export const hasTableInRange = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return !!getParsedomElementByElement(vm.editor.range.anchor.element, 'table')
+export const hasTableInRange = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return !!getParsedomElementByElement(editor.range!.anchor.element, 'table')
 	}
-	return vm.dataRangeCaches.flatList.some(item => {
+	return dataRangeCaches.flatList.some(item => {
 		return !!getParsedomElementByElement(item.element, 'table')
 	})
 }
 
 //选区是否含有图片
-export const hasImageInRange = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return !!getParsedomElementByElement(vm.editor.range.anchor.element, 'img')
+export const hasImageInRange = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return !!getParsedomElementByElement(editor.range!.anchor.element, 'img')
 	}
-	return vm.dataRangeCaches.flatList.some(item => {
+	return dataRangeCaches.flatList.some(item => {
 		return !!getParsedomElementByElement(item.element, 'img')
 	})
 }
 
 //选区是否含有视频
-export const hasVideoInRange = vm => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		return !!getParsedomElementByElement(vm.editor.range.anchor.element, 'video')
+export const hasVideoInRange = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		return !!getParsedomElementByElement(editor.range!.anchor.element, 'video')
 	}
-	return vm.dataRangeCaches.flatList.some(item => {
+	return dataRangeCaches.flatList.some(item => {
 		return !!getParsedomElementByElement(item.element, 'video')
 	})
 }
 
-//查询文本元素是否具有某个样式
-export const queryTextStyle = (vm, name, value) => {
+//查询光标所在的文本元素是否具有某个样式
+export const queryTextStyle = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, name: string, value?: string | number) => {
 	//起点和终点在一起
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
 		//如果是文本元素并且具有样式
-		if (vm.editor.range.anchor.element.isText() && vm.editor.range.anchor.element.hasStyles()) {
-			return queryHasValue(vm.editor.range.anchor.element.styles, name, value)
+		if (editor.range!.anchor.element.isText() && editor.range!.anchor.element.hasStyles()) {
+			return queryHasValue(editor.range!.anchor.element.styles!, name, value)
 		}
 		//不是文本元素或者没有样式直接返回
 		return false
 	}
 	//起点和终点不在一起获取选区中的文本元素
-	let result = vm.dataRangeCaches.flatList.filter(item => {
+	let result = dataRangeCaches.flatList.filter(item => {
 		return item.element.isText()
 	})
 	//如果不包含文本元素直接返回false
@@ -225,7 +226,7 @@ export const queryTextStyle = (vm, name, value) => {
 	let flag = result.every(item => {
 		//文本元素含有样式进一步判断
 		if (item.element.hasStyles()) {
-			return queryHasValue(item.element.styles, name, value)
+			return queryHasValue(item.element.styles!, name, value)
 		}
 		//文本元素没有样式直接返回false
 		return false
@@ -233,19 +234,19 @@ export const queryTextStyle = (vm, name, value) => {
 	return flag
 }
 
-//查询文本元素是否具有某个标记
-export const queryTextMark = (vm, name, value) => {
+//查询光标所在的文本元素是否具有某个标记
+export const queryTextMark = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, name: string, value?: string | number) => {
 	//起点和终点在一起
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
 		//如果是文本元素并且具有标记
-		if (vm.editor.range.anchor.element.isText() && vm.editor.range.anchor.element.hasMarks()) {
-			return queryHasValue(vm.editor.range.anchor.element.marks, name, value)
+		if (editor.range!.anchor.element.isText() && editor.range!.anchor.element.hasMarks()) {
+			return queryHasValue(editor.range!.anchor.element.marks!, name, value)
 		}
 		//不是文本元素或者没有标记直接返回
 		return false
 	}
 	//起点和终点不在一起获取选区中的文本元素
-	let result = vm.dataRangeCaches.flatList.filter(item => {
+	let result = dataRangeCaches.flatList.filter(item => {
 		return item.element.isText()
 	})
 	//如果不包含文本元素直接返回false
@@ -256,7 +257,7 @@ export const queryTextMark = (vm, name, value) => {
 	let flag = result.every(item => {
 		//文本元素含有标记进一步判断
 		if (item.element.hasMarks()) {
-			return queryHasValue(item.element.marks, name, value)
+			return queryHasValue(item.element.marks!, name, value)
 		}
 		//文本元素没有标记直接返回false
 		return false
@@ -264,14 +265,14 @@ export const queryTextMark = (vm, name, value) => {
 	return flag
 }
 
-//获取链接文字内容，用于预置链接文字
-export const getLinkText = vm => {
+//获取选区内的文字内容，用于预置链接文字
+export const getRangeText = (dataRangeCaches: AlexElementsRangeType) => {
 	//存在选区的情况下预置链接文本值
 	let text = ''
-	vm.dataRangeCaches.flatList.forEach(item => {
+	dataRangeCaches.flatList.forEach(item => {
 		if (item.element.isText()) {
 			if (item.offset) {
-				text += item.element.textContent.substring(item.offset[0], item.offset[1])
+				text += item.element.textContent!.substring(item.offset[0], item.offset[1])
 			} else {
 				text += item.element.textContent || ''
 			}
@@ -281,53 +282,53 @@ export const getLinkText = vm => {
 }
 
 //获取光标选取内的扁平化元素数组(可能会分割文本元素导致stack变更，同时也会更新选取元素和光标位置)
-export const getFlatElementsByRange = vm => {
+export const getFlatElementsByRange = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
 	//获取选区数据的长度
-	let length = vm.dataRangeCaches.flatList.length
+	let length = dataRangeCaches.flatList.length
 	//返回的元素数组
 	let elements = []
 	//遍历选区数据
 	for (let i = 0; i < length; i++) {
-		const item = vm.dataRangeCaches.flatList[i]
+		const item = dataRangeCaches.flatList[i]
 		//如果存在offset那么一定是文本元素
 		if (item.offset) {
 			let selectEl = null
 			//文本元素前面一部分在光标范围内
-			if (item.offset[0] == 0 && item.offset[1] < item.element.textContent.length) {
+			if (item.offset[0] == 0 && item.offset[1] < item.element.textContent!.length) {
 				const el = item.element.clone()
-				item.element.textContent = item.element.textContent.substring(0, item.offset[1])
-				el.textContent = el.textContent.substring(item.offset[1])
-				vm.editor.addElementAfter(el, item.element)
+				item.element.textContent = item.element.textContent!.substring(0, item.offset[1])
+				el.textContent = el.textContent!.substring(item.offset[1])
+				editor.addElementAfter(el, item.element)
 				selectEl = item.element
 			}
 			//文本元素后面一部分在光标范围内
-			else if (item.offset[1] == item.element.textContent.length && item.offset[0] > 0) {
+			else if (item.offset[1] == item.element.textContent!.length && item.offset[0] > 0) {
 				const el = item.element.clone()
-				item.element.textContent = item.element.textContent.substring(0, item.offset[0])
-				el.textContent = el.textContent.substring(item.offset[0])
-				vm.editor.addElementAfter(el, item.element)
+				item.element.textContent = item.element.textContent!.substring(0, item.offset[0])
+				el.textContent = el.textContent!.substring(item.offset[0])
+				editor.addElementAfter(el, item.element)
 				selectEl = el
 			}
 			//文本元素的中间一部分在光标范围内
-			else if (item.offset[0] > 0 && item.offset[1] < item.element.textContent.length) {
+			else if (item.offset[0] > 0 && item.offset[1] < item.element.textContent!.length) {
 				const el = item.element.clone()
 				const el2 = item.element.clone()
-				item.element.textContent = item.element.textContent.substring(0, item.offset[0])
-				el.textContent = el.textContent.substring(item.offset[0], item.offset[1])
-				el2.textContent = el2.textContent.substring(item.offset[1])
-				vm.editor.addElementAfter(el, item.element)
-				vm.editor.addElementAfter(el2, el)
+				item.element.textContent = item.element.textContent!.substring(0, item.offset[0])
+				el.textContent = el.textContent!.substring(item.offset[0], item.offset[1])
+				el2.textContent = el2.textContent!.substring(item.offset[1])
+				editor.addElementAfter(el, item.element)
+				editor.addElementAfter(el2, el)
 				selectEl = el
 			}
 			//如果selectEl存在证明文本元素被分割了
 			if (selectEl) {
 				//如果i为0的话肯定是起点
 				if (i == 0) {
-					vm.editor.range.anchor.moveToStart(selectEl)
+					editor.range!.anchor.moveToStart(selectEl)
 				}
 				//如果i是最后一个序列的话肯定是终点
 				if (i == length - 1) {
-					vm.editor.range.focus.moveToEnd(selectEl)
+					editor.range!.focus.moveToEnd(selectEl)
 				}
 				elements.push(selectEl)
 			}
@@ -339,14 +340,14 @@ export const getFlatElementsByRange = vm => {
 }
 
 //将某个元素转为段落标签
-export const elementToParagraph = function (element) {
+export const elementToParagraph = function (element: AlexElement) {
 	element.marks = null
 	element.styles = null
 	element.parsedom = AlexElement.BLOCK_NODE
 }
 
 //其他元素转为有序或者无序列表
-export const elementToList = function (element, ordered = false) {
+export const elementToList = function (element: AlexElement, ordered: boolean | undefined = false) {
 	//如果是列表则返回
 	if (isList(element, ordered)) {
 		return
@@ -358,11 +359,11 @@ export const elementToList = function (element, ordered = false) {
 	if (!element.hasMarks()) {
 		element.marks = {}
 	}
-	element.marks['data-editify-list'] = ordered ? 'ol' : 'ul'
+	element.marks!['data-editify-list'] = ordered ? 'ol' : 'ul'
 }
 
 //其他元素转为任务列表
-export const elementToTask = function (element) {
+export const elementToTask = function (element: AlexElement) {
 	//如果是任务列表则返回
 	if (isTask(element)) {
 		return
@@ -374,25 +375,25 @@ export const elementToTask = function (element) {
 	if (!element.hasMarks()) {
 		element.marks = {}
 	}
-	element.marks['data-editify-task'] = 'uncheck'
+	element.marks!['data-editify-task'] = 'uncheck'
 }
 
 //设置标题
-export const setHeading = (vm, parsedom) => {
-	const values = getButtonOptionsConfig(vm.$editTrans, vm.$editLocale).heading.map(item => {
-		return item.value
+export const setHeading = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, editTrans: (key: string) => any, parsedom: string) => {
+	const values = getButtonOptionsConfig(editTrans).heading!.map(item => {
+		return (<ButtonOptionsItemType>item).value
 	})
 	if (!values.includes(parsedom)) {
 		throw new Error('The parameter supports only h1-h6 and p')
 	}
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		const block = vm.editor.range.anchor.element.getBlock()
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		const block = editor.range!.anchor.element.getBlock()
 		//先转为段落
 		elementToParagraph(block)
 		//设置标题
 		block.parsedom = parsedom
 	} else {
-		vm.dataRangeCaches.list.forEach(el => {
+		dataRangeCaches.list.forEach(el => {
 			if (el.element.isBlock()) {
 				elementToParagraph(el.element)
 				el.element.parsedom = parsedom
@@ -406,19 +407,19 @@ export const setHeading = (vm, parsedom) => {
 }
 
 //根级块元素或者内部块元素增加缩进
-export const setIndentIncrease = vm => {
-	const fn = element => {
+export const setIndentIncrease = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	const fn = (element: AlexElement) => {
 		if (element.hasStyles()) {
-			if (element.styles.hasOwnProperty('text-indent')) {
-				let val = element.styles['text-indent']
+			if (element.styles!.hasOwnProperty('text-indent')) {
+				let val = element.styles!['text-indent']
 				if (val.endsWith('em')) {
 					val = parseFloat(val)
 				} else {
 					val = 0
 				}
-				element.styles['text-indent'] = `${val + 2}em`
+				element.styles!['text-indent'] = `${val + 2}em`
 			} else {
-				element.styles['text-indent'] = '2em'
+				element.styles!['text-indent'] = '2em'
 			}
 		} else {
 			element.styles = {
@@ -426,16 +427,16 @@ export const setIndentIncrease = vm => {
 			}
 		}
 	}
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		const block = vm.editor.range.anchor.element.getBlock()
-		const inblock = vm.editor.range.anchor.element.getInblock()
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		const block = editor.range!.anchor.element.getBlock()
+		const inblock = editor.range!.anchor.element.getInblock()
 		if (inblock && inblock.behavior == 'block' && !inblock.isPreStyle()) {
 			fn(inblock)
 		} else if (!block.isPreStyle()) {
 			fn(block)
 		}
 	} else {
-		vm.dataRangeCaches.list.forEach(item => {
+		dataRangeCaches.list.forEach(item => {
 			const block = item.element.getBlock()
 			const inblock = item.element.getInblock()
 			if (inblock && inblock.behavior == 'block' && !inblock.isPreStyle()) {
@@ -448,28 +449,28 @@ export const setIndentIncrease = vm => {
 }
 
 //根级块元素或者内部块元素减少缩进
-export const setIndentDecrease = vm => {
-	const fn = element => {
-		if (element.hasStyles() && element.styles.hasOwnProperty('text-indent')) {
-			let val = element.styles['text-indent']
+export const setIndentDecrease = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	const fn = (element: AlexElement) => {
+		if (element.hasStyles() && element.styles!.hasOwnProperty('text-indent')) {
+			let val = element.styles!['text-indent']
 			if (val.endsWith('em')) {
 				val = parseFloat(val)
 			} else {
 				val = 0
 			}
-			element.styles['text-indent'] = `${val - 2 >= 0 ? val - 2 : 0}em`
+			element.styles!['text-indent'] = `${val - 2 >= 0 ? val - 2 : 0}em`
 		}
 	}
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		const block = vm.editor.range.anchor.element.getBlock()
-		const inblock = vm.editor.range.anchor.element.getInblock()
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		const block = editor.range!.anchor.element.getBlock()
+		const inblock = editor.range!.anchor.element.getInblock()
 		if (inblock && inblock.behavior == 'block' && !inblock.isPreStyle()) {
 			fn(inblock)
 		} else if (!block.isPreStyle()) {
 			fn(block)
 		}
 	} else {
-		vm.dataRangeCaches.list.forEach(item => {
+		dataRangeCaches.list.forEach(item => {
 			const block = item.element.getBlock()
 			const inblock = item.element.getInblock()
 			if (inblock && inblock.behavior == 'block' && !inblock.isPreStyle()) {
@@ -482,12 +483,12 @@ export const setIndentDecrease = vm => {
 }
 
 //插入或者取消引用
-export const setQuote = vm => {
+export const setQuote = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
 	//是否都在引用里
-	const flag = isRangeInQuote(vm)
+	const flag = isRangeInQuote(editor, dataRangeCaches)
 	//起点和终点在一起
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		const block = vm.editor.range.anchor.element.getBlock()
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		const block = editor.range!.anchor.element.getBlock()
 		elementToParagraph(block)
 		if (!flag) {
 			block.parsedom = 'blockquote'
@@ -495,8 +496,8 @@ export const setQuote = vm => {
 	}
 	//起点和终点不在一起
 	else {
-		let blocks = []
-		vm.dataRangeCaches.list.forEach(item => {
+		let blocks: AlexElement[] = []
+		dataRangeCaches.list.forEach(item => {
 			const block = item.element.getBlock()
 			const exist = blocks.some(el => block.isEqual(el))
 			if (!exist) {
@@ -513,13 +514,13 @@ export const setQuote = vm => {
 }
 
 //设置对齐方式，参数取值justify/left/right/center
-export const setAlign = (vm, value) => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		const block = vm.editor.range.anchor.element.getBlock()
-		const inblock = vm.editor.range.anchor.element.getInblock()
+export const setAlign = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, value: string) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		const block = editor.range!.anchor.element.getBlock()
+		const inblock = editor.range!.anchor.element.getInblock()
 		if (inblock) {
 			if (inblock.hasStyles()) {
-				inblock.styles['text-align'] = value
+				inblock.styles!['text-align'] = value
 			} else {
 				inblock.styles = {
 					'text-align': value
@@ -527,7 +528,7 @@ export const setAlign = (vm, value) => {
 			}
 		} else {
 			if (block.hasStyles()) {
-				block.styles['text-align'] = value
+				block.styles!['text-align'] = value
 			} else {
 				block.styles = {
 					'text-align': value
@@ -535,10 +536,10 @@ export const setAlign = (vm, value) => {
 			}
 		}
 	} else {
-		vm.dataRangeCaches.list.forEach(el => {
+		dataRangeCaches.list.forEach(el => {
 			if (el.element.isBlock() || el.element.isInblock()) {
 				if (el.element.hasStyles()) {
-					el.element.styles['text-align'] = value
+					el.element.styles!['text-align'] = value
 				} else {
 					el.element.styles = {
 						'text-align': value
@@ -549,7 +550,7 @@ export const setAlign = (vm, value) => {
 				const inblock = el.element.getInblock()
 				if (inblock) {
 					if (inblock.hasStyles()) {
-						inblock.styles['text-align'] = value
+						inblock.styles!['text-align'] = value
 					} else {
 						inblock.styles = {
 							'text-align': value
@@ -557,7 +558,7 @@ export const setAlign = (vm, value) => {
 					}
 				} else {
 					if (block.hasStyles()) {
-						block.styles['text-align'] = value
+						block.styles!['text-align'] = value
 					} else {
 						block.styles = {
 							'text-align': value
@@ -570,12 +571,12 @@ export const setAlign = (vm, value) => {
 }
 
 //插入或者取消 有序或者无序列表 ordered为true表示有序列表
-export const setList = (vm, ordered) => {
+export const setList = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, ordered: boolean) => {
 	//是否都在列表内
-	const flag = isRangeInList(vm, ordered)
+	const flag = isRangeInList(editor, dataRangeCaches, ordered)
 	//起点和终点在一起
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		const block = vm.editor.range.anchor.element.getBlock()
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		const block = editor.range!.anchor.element.getBlock()
 		if (flag) {
 			elementToParagraph(block)
 		} else {
@@ -584,8 +585,8 @@ export const setList = (vm, ordered) => {
 	}
 	//起点和终点不在一起
 	else {
-		let blocks = []
-		vm.dataRangeCaches.list.forEach(item => {
+		let blocks: AlexElement[] = []
+		dataRangeCaches.list.forEach(item => {
 			const block = item.element.getBlock()
 			const exist = blocks.some(el => block.isEqual(el))
 			if (!exist) {
@@ -603,12 +604,12 @@ export const setList = (vm, ordered) => {
 }
 
 //插入或者取消任务列表
-export const setTask = vm => {
+export const setTask = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
 	//是否都在任务列表那
-	const flag = isRangeInTask(vm)
+	const flag = isRangeInTask(editor, dataRangeCaches)
 	//起点和终点在一起
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		const block = vm.editor.range.anchor.element.getBlock()
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		const block = editor.range!.anchor.element.getBlock()
 		if (flag) {
 			elementToParagraph(block)
 		} else {
@@ -617,8 +618,8 @@ export const setTask = vm => {
 	}
 	//起点和终点不在一起
 	else {
-		let blocks = []
-		vm.dataRangeCaches.list.forEach(item => {
+		let blocks: AlexElement[] = []
+		dataRangeCaches.list.forEach(item => {
 			const block = item.element.getBlock()
 			const exist = blocks.some(el => block.isEqual(el))
 			if (!exist) {
@@ -636,47 +637,47 @@ export const setTask = vm => {
 }
 
 //设置文本元素的样式，styles为{ 'font-weight':'bold' }这类格式
-export const setTextStyle = (vm, styles) => {
+export const setTextStyle = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, styles: ObjectType) => {
 	//起点和终点在一起
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
 		//如果是空白文本元素直接设置样式
-		if (vm.editor.range.anchor.element.isSpaceText()) {
-			if (vm.editor.range.anchor.element.hasStyles()) {
-				Object.assign(vm.editor.range.anchor.element.styles, cloneData(styles))
+		if (editor.range!.anchor.element.isSpaceText()) {
+			if (editor.range!.anchor.element.hasStyles()) {
+				Object.assign(editor.range!.anchor.element.styles!, cloneData(styles))
 			} else {
-				vm.editor.range.anchor.element.styles = cloneData(styles)
+				editor.range!.anchor.element.styles = cloneData(styles)
 			}
 		}
 		//如果是文本元素
-		else if (vm.editor.range.anchor.element.isText()) {
+		else if (editor.range!.anchor.element.isText()) {
 			//新建一个空白文本元素
 			const el = AlexElement.getSpaceElement()
 			//继承文本元素的样式和标记
-			el.styles = cloneData(vm.editor.range.anchor.element.styles)
-			el.marks = cloneData(vm.editor.range.anchor.element.marks)
+			el.styles = cloneData(editor.range!.anchor.element.styles)
+			el.marks = cloneData(editor.range!.anchor.element.marks)
 			//设置样式
 			if (el.hasStyles()) {
-				Object.assign(el.styles, cloneData(styles))
+				Object.assign(el.styles!, cloneData(styles))
 			} else {
 				el.styles = cloneData(styles)
 			}
 			//插入空白文本元素
-			vm.editor.insertElement(el)
+			editor.insertElement(el)
 		}
 		//如果是自闭合元素
 		else {
 			const el = AlexElement.getSpaceElement()
 			el.styles = cloneData(styles)
-			vm.editor.insertElement(el)
+			editor.insertElement(el)
 		}
 	}
 	//不在同一个点
 	else {
-		const elements = getFlatElementsByRange(vm)
+		const elements = getFlatElementsByRange(editor, dataRangeCaches)
 		elements.forEach(ele => {
 			if (ele.isText()) {
 				if (ele.hasStyles()) {
-					Object.assign(ele.styles, cloneData(styles))
+					Object.assign(ele.styles!, cloneData(styles))
 				} else {
 					ele.styles = cloneData(styles)
 				}
@@ -686,50 +687,50 @@ export const setTextStyle = (vm, styles) => {
 }
 
 //设置文本元素的标记，marks为{ 'class':'a' }这类格式
-export const setTextMark = (vm, marks) => {
+export const setTextMark = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, marks: ObjectType) => {
 	if (!DapCommon.isObject(marks)) {
 		throw new Error('The argument must be an object')
 	}
 	//起点和终点在一起
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
 		//如果是空白文本元素直接设置标记
-		if (vm.editor.range.anchor.element.isSpaceText()) {
-			if (vm.editor.range.anchor.element.hasMarks()) {
-				Object.assign(vm.editor.range.anchor.element.marks, cloneData(marks))
+		if (editor.range!.anchor.element.isSpaceText()) {
+			if (editor.range!.anchor.element.hasMarks()) {
+				Object.assign(editor.range!.anchor.element.marks!, cloneData(marks))
 			} else {
-				vm.editor.range.anchor.element.marks = cloneData(marks)
+				editor.range!.anchor.element.marks = cloneData(marks)
 			}
 		}
 		//如果是文本元素
-		else if (vm.editor.range.anchor.element.isText()) {
+		else if (editor.range!.anchor.element.isText()) {
 			//新建一个空白文本元素
 			const el = AlexElement.getSpaceElement()
 			//继承文本元素的样式和标记
-			el.styles = cloneData(vm.editor.range.anchor.element.styles)
-			el.marks = cloneData(vm.editor.range.anchor.element.marks)
+			el.styles = cloneData(editor.range!.anchor.element.styles)
+			el.marks = cloneData(editor.range!.anchor.element.marks)
 			//设置标记
 			if (el.hasMarks()) {
-				Object.assign(el.marks, cloneData(marks))
+				Object.assign(el.marks!, cloneData(marks))
 			} else {
 				el.marks = cloneData(marks)
 			}
 			//插入空白文本元素
-			vm.editor.insertElement(el)
+			editor.insertElement(el)
 		}
 		//如果是自闭合元素
 		else {
 			const el = AlexElement.getSpaceElement()
 			el.marks = cloneData(marks)
-			vm.editor.insertElement(el)
+			editor.insertElement(el)
 		}
 	}
 	//不在同一个点
 	else {
-		const elements = getFlatElementsByRange(vm)
+		const elements = getFlatElementsByRange(editor, dataRangeCaches)
 		elements.forEach(ele => {
 			if (ele.isText()) {
 				if (ele.hasMarks()) {
-					Object.assign(ele.marks, cloneData(marks))
+					Object.assign(ele.marks!, cloneData(marks))
 				} else {
 					ele.marks = cloneData(marks)
 				}
@@ -739,16 +740,16 @@ export const setTextMark = (vm, marks) => {
 }
 
 //移除文本元素的样式，styleNames是样式名称数组，如果不存在则移除全部样式
-export const removeTextStyle = (vm, styleNames) => {
+export const removeTextStyle = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, styleNames?: string[]) => {
 	//移除样式的方法
-	const removeFn = el => {
+	const removeFn = (el: AlexElement) => {
 		//如果参数是数组，表示删除指定的样式
 		if (Array.isArray(styleNames)) {
 			if (el.hasStyles()) {
-				let styles = {}
-				Object.keys(el.styles).forEach(key => {
+				let styles: ObjectType = {}
+				Object.keys(el.styles!).forEach(key => {
 					if (!styleNames.includes(key)) {
-						styles[key] = el.styles[key]
+						styles[key] = el.styles![key]
 					}
 				})
 				el.styles = styles
@@ -760,26 +761,26 @@ export const removeTextStyle = (vm, styleNames) => {
 		}
 	}
 	//如果起点和终点在一起
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
 		//如果是空白文本元素直接移除样式
-		if (vm.editor.range.anchor.element.isSpaceText()) {
-			removeFn(vm.editor.range.anchor.element)
+		if (editor.range!.anchor.element.isSpaceText()) {
+			removeFn(editor.range!.anchor.element)
 		}
 		//如果是文本元素则新建一个空白文本元素
-		else if (vm.editor.range.anchor.element.isText()) {
+		else if (editor.range!.anchor.element.isText()) {
 			const el = AlexElement.getSpaceElement()
 			//继承文本元素的样式和标记
-			el.styles = cloneData(vm.editor.range.anchor.element.styles)
-			el.marks = cloneData(vm.editor.range.anchor.element.marks)
+			el.styles = cloneData(editor.range!.anchor.element.styles)
+			el.marks = cloneData(editor.range!.anchor.element.marks)
 			//移除样式
 			removeFn(el)
 			//插入
-			vm.editor.insertElement(el)
+			editor.insertElement(el)
 		}
 	}
 	//起点和终点不在一起
 	else {
-		const elements = getFlatElementsByRange(vm)
+		const elements = getFlatElementsByRange(editor, dataRangeCaches)
 		elements.forEach(ele => {
 			if (ele.isText()) {
 				removeFn(ele)
@@ -789,16 +790,16 @@ export const removeTextStyle = (vm, styleNames) => {
 }
 
 //移除文本元素的标记，markNames是标记名称数组，如果不存在则移除全部标记
-export const removeTextMark = (vm, markNames) => {
+export const removeTextMark = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, markNames?: string[]) => {
 	//移除样式的方法
-	const removeFn = el => {
+	const removeFn = (el: AlexElement) => {
 		//如果参数是数组，表示删除指定的样式
 		if (Array.isArray(markNames)) {
 			if (el.hasMarks()) {
-				let marks = {}
-				Object.keys(el.marks).forEach(key => {
+				let marks: ObjectType = {}
+				Object.keys(el.marks!).forEach(key => {
 					if (!markNames.includes(key)) {
-						marks[key] = el.marks[key]
+						marks[key] = el.marks![key]
 					}
 				})
 				el.marks = marks
@@ -810,26 +811,26 @@ export const removeTextMark = (vm, markNames) => {
 		}
 	}
 	//如果起点和终点在一起
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
 		//如果是空白文本元素直接移除标记
-		if (vm.editor.range.anchor.element.isSpaceText()) {
-			removeFn(vm.editor.range.anchor.element)
+		if (editor.range!.anchor.element.isSpaceText()) {
+			removeFn(editor.range!.anchor.element)
 		}
 		//如果是文本元素则新建一个空白文本元素
-		else if (vm.editor.range.anchor.element.isText()) {
+		else if (editor.range!.anchor.element.isText()) {
 			const el = AlexElement.getSpaceElement()
 			//继承文本元素的样式和标记
-			el.styles = cloneData(vm.editor.range.anchor.element.styles)
-			el.marks = cloneData(vm.editor.range.anchor.element.marks)
+			el.styles = cloneData(editor.range!.anchor.element.styles)
+			el.marks = cloneData(editor.range!.anchor.element.marks)
 			//移除标记
 			removeFn(el)
 			//插入
-			vm.editor.insertElement(el)
+			editor.insertElement(el)
 		}
 	}
 	//起点和终点不在一起
 	else {
-		const elements = getFlatElementsByRange(vm)
+		const elements = getFlatElementsByRange(editor, dataRangeCaches)
 		elements.forEach(ele => {
 			if (ele.isText()) {
 				removeFn(ele)
@@ -839,13 +840,13 @@ export const removeTextMark = (vm, markNames) => {
 }
 
 //设置块元素或者根级块元素的行高
-export const setLineHeight = (vm, value) => {
-	if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-		const block = vm.editor.range.anchor.element.getBlock()
-		const inblock = vm.editor.range.anchor.element.getInblock()
+export const setLineHeight = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, value: string | number) => {
+	if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+		const block = editor.range!.anchor.element.getBlock()
+		const inblock = editor.range!.anchor.element.getInblock()
 		if (inblock) {
 			if (inblock.hasStyles()) {
-				inblock.styles['line-height'] = value
+				inblock.styles!['line-height'] = value
 			} else {
 				inblock.styles = {
 					'line-height': value
@@ -853,7 +854,7 @@ export const setLineHeight = (vm, value) => {
 			}
 		} else {
 			if (block.hasStyles()) {
-				block.styles['line-height'] = value
+				block.styles!['line-height'] = value
 			} else {
 				block.styles = {
 					'line-height': value
@@ -861,10 +862,10 @@ export const setLineHeight = (vm, value) => {
 			}
 		}
 	} else {
-		vm.dataRangeCaches.list.forEach(el => {
+		dataRangeCaches.list.forEach(el => {
 			if (el.element.isBlock() || el.element.isInblock()) {
 				if (el.element.hasStyles()) {
-					el.element.styles['line-height'] = value
+					el.element.styles!['line-height'] = value
 				} else {
 					el.element.styles = {
 						'line-height': value
@@ -875,7 +876,7 @@ export const setLineHeight = (vm, value) => {
 				const inblock = el.element.getInblock()
 				if (inblock) {
 					if (inblock.hasStyles()) {
-						inblock.styles['line-height'] = value
+						inblock.styles!['line-height'] = value
 					} else {
 						inblock.styles = {
 							'line-height': value
@@ -883,7 +884,7 @@ export const setLineHeight = (vm, value) => {
 					}
 				} else {
 					if (block.hasStyles()) {
-						block.styles['line-height'] = value
+						block.styles!['line-height'] = value
 					} else {
 						block.styles = {
 							'line-height': value
@@ -896,11 +897,11 @@ export const setLineHeight = (vm, value) => {
 }
 
 //插入链接
-export const insertLink = (vm, text, url, newOpen) => {
+export const insertLink = (editor: AlexEditor, text: string, url: string, newOpen: boolean) => {
 	if (!text) {
 		text = url
 	}
-	const marks = {
+	const marks: ObjectType = {
 		href: url
 	}
 	if (newOpen) {
@@ -908,12 +909,12 @@ export const insertLink = (vm, text, url, newOpen) => {
 	}
 	const linkEle = new AlexElement('inline', 'a', marks, null, null)
 	const textEle = new AlexElement('text', null, null, null, text)
-	vm.editor.addElementTo(textEle, linkEle)
-	vm.editor.insertElement(linkEle)
+	editor.addElementTo(textEle, linkEle)
+	editor.insertElement(linkEle)
 }
 
 //插入图片
-export const insertImage = (vm, value) => {
+export const insertImage = (editor: AlexEditor, value: string) => {
 	const image = new AlexElement(
 		'closed',
 		'img',
@@ -923,11 +924,11 @@ export const insertImage = (vm, value) => {
 		null,
 		null
 	)
-	vm.editor.insertElement(image)
+	editor.insertElement(image)
 }
 
 //插入视频
-export const insertVideo = (vm, value) => {
+export const insertVideo = (editor: AlexEditor, value: string) => {
 	const video = new AlexElement(
 		'closed',
 		'video',
@@ -937,46 +938,46 @@ export const insertVideo = (vm, value) => {
 		null,
 		null
 	)
-	vm.editor.insertElement(video)
+	editor.insertElement(video)
 	const leftSpace = AlexElement.getSpaceElement()
 	const rightSpace = AlexElement.getSpaceElement()
-	vm.editor.addElementAfter(rightSpace, video)
-	vm.editor.addElementBefore(leftSpace, video)
-	vm.editor.range.anchor.moveToEnd(rightSpace)
-	vm.editor.range.focus.moveToEnd(rightSpace)
+	editor.addElementAfter(rightSpace, video)
+	editor.addElementBefore(leftSpace, video)
+	editor.range!.anchor.moveToEnd(rightSpace)
+	editor.range!.focus.moveToEnd(rightSpace)
 }
 
 //插入表格
-export const insertTable = (vm, rowLength, colLength) => {
+export const insertTable = (editor: AlexEditor, rowLength: number, colLength: number) => {
 	const table = new AlexElement('block', 'table', null, null, null)
 	const tbody = new AlexElement('inblock', 'tbody', null, null, null)
-	vm.editor.addElementTo(tbody, table)
+	editor.addElementTo(tbody, table)
 	for (let i = 0; i < rowLength; i++) {
 		const row = new AlexElement('inblock', 'tr', null, null, null)
 		for (let j = 0; j < colLength; j++) {
 			const column = new AlexElement('inblock', 'td', null, null, null)
 			const breakEl = new AlexElement('closed', 'br', null, null, null)
-			vm.editor.addElementTo(breakEl, column)
-			vm.editor.addElementTo(column, row)
+			editor.addElementTo(breakEl, column)
+			editor.addElementTo(column, row)
 		}
-		vm.editor.addElementTo(row, tbody)
+		editor.addElementTo(row, tbody)
 	}
-	vm.editor.insertElement(table)
+	editor.insertElement(table)
 	//在表格后创建一个段落
 	const paragraph = new AlexElement('block', AlexElement.BLOCK_NODE, null, null, null)
 	const breakEl = new AlexElement('closed', 'br', null, null, null)
-	vm.editor.addElementTo(breakEl, paragraph)
-	vm.editor.addElementAfter(paragraph, table)
-	vm.editor.range.anchor.moveToStart(tbody)
-	vm.editor.range.focus.moveToStart(tbody)
+	editor.addElementTo(breakEl, paragraph)
+	editor.addElementAfter(paragraph, table)
+	editor.range!.anchor.moveToStart(tbody)
+	editor.range!.focus.moveToStart(tbody)
 }
 
 //插入或者取消代码块
-export const insertCodeBlock = vm => {
-	const pre = getCurrentParsedomElement(vm, 'pre')
+export const insertCodeBlock = (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => {
+	const pre = getCurrentParsedomElement(editor, dataRangeCaches, 'pre')
 	if (pre) {
 		let content = ''
-		AlexElement.flatElements(pre.children)
+		AlexElement.flatElements(pre.children!)
 			.filter(item => {
 				return item.isText()
 			})
@@ -987,27 +988,27 @@ export const insertCodeBlock = vm => {
 		splits.forEach(item => {
 			const paragraph = new AlexElement('block', AlexElement.BLOCK_NODE, null, null, null)
 			const text = new AlexElement('text', null, null, null, item)
-			vm.editor.addElementTo(text, paragraph)
-			vm.editor.addElementBefore(paragraph, pre)
+			editor.addElementTo(text, paragraph)
+			editor.addElementBefore(paragraph, pre)
 		})
 		pre.toEmpty()
 	} else {
 		//起点和终点在一起
-		if (vm.editor.range.anchor.isEqual(vm.editor.range.focus)) {
-			const block = vm.editor.range.anchor.element.getBlock()
+		if (editor.range!.anchor.isEqual(editor.range!.focus)) {
+			const block = editor.range!.anchor.element.getBlock()
 			elementToParagraph(block)
 			block.parsedom = 'pre'
 			const paragraph = new AlexElement('block', AlexElement.BLOCK_NODE, null, null, null)
 			const breakEl = new AlexElement('closed', 'br', null, null, null)
-			vm.editor.addElementTo(breakEl, paragraph)
-			vm.editor.addElementAfter(paragraph, block)
+			editor.addElementTo(breakEl, paragraph)
+			editor.addElementAfter(paragraph, block)
 		}
 		//起点和终点不在一起
 		else {
-			vm.editor.range.anchor.moveToStart(vm.dataRangeCaches.list[0].element.getBlock())
-			vm.editor.range.focus.moveToEnd(vm.dataRangeCaches.list[vm.dataRangeCaches.list.length - 1].element.getBlock())
-			const res = vm.dataRangeCaches.flatList.filter(el => el.element.isText())
-			const obj = {}
+			editor.range!.anchor.moveToStart(dataRangeCaches.list[0].element.getBlock())
+			editor.range!.focus.moveToEnd(dataRangeCaches.list[dataRangeCaches.list.length - 1].element.getBlock())
+			const res = dataRangeCaches.flatList.filter(el => el.element.isText())
+			const obj: ObjectType = {}
 			res.forEach(el => {
 				if (obj[el.element.getBlock().key]) {
 					obj[el.element.getBlock().key].push(el.element.clone())
@@ -1020,25 +1021,25 @@ export const insertCodeBlock = vm => {
 				if (index > 0) {
 					const text = new AlexElement('text', null, null, null, '\n')
 					if (pre.hasChildren()) {
-						vm.editor.addElementTo(text, pre, pre.children.length)
+						editor.addElementTo(text, pre, pre.children!.length)
 					} else {
-						vm.editor.addElementTo(text, pre)
+						editor.addElementTo(text, pre)
 					}
 				}
-				obj[key].forEach(el => {
+				obj[key].forEach((el: AlexElement) => {
 					if (pre.hasChildren()) {
-						vm.editor.addElementTo(el, pre, pre.children.length)
+						editor.addElementTo(el, pre, pre.children!.length)
 					} else {
-						vm.editor.addElementTo(el, pre)
+						editor.addElementTo(el, pre)
 					}
 				})
 			})
-			vm.editor.delete()
-			vm.editor.insertElement(pre)
+			editor.delete()
+			editor.insertElement(pre)
 			const paragraph = new AlexElement('block', AlexElement.BLOCK_NODE, null, null, null)
 			const breakEl = new AlexElement('closed', 'br', null, null, null)
-			vm.editor.addElementTo(breakEl, paragraph)
-			vm.editor.addElementAfter(paragraph, pre)
+			editor.addElementTo(breakEl, paragraph)
+			editor.addElementAfter(paragraph, pre)
 		}
 	}
 }