vue-editify 0.0.46 → 0.0.48

package/src/components/bussiness/Menu.vue

@@ -789,7 +789,7 @@ export default {
 							onLayerShow: () => {
 								//存在选区的情况下预置链接文本值
 								let text = ''
-								const result = this.$parent.$parent.editor.getElementsByRange(true, true)
+								const result = this.$parent.$parent.editor.getElementsByRange().flatIncludes
 								result.forEach(item => {
 									if (item.element.isText()) {
 										if (item.offset) {
@@ -1189,28 +1189,28 @@ export default {
 			}
 		},
 		//处理光标更新
-		handleRangeUpdate() {
+		handleRangeUpdate(useCache = false) {
 			if (this.disabled) {
 				return
 			}
 			//获取选区的元素
-			const result = this.$parent.editor.getElementsByRange(true, false)
+			const result = this.$parent.editor.getElementsByRange(useCache).includes
 			//选区是否含有代码块元素
-			const hasPreStyle = this.$parent.hasPreStyle()
+			const hasPreStyle = this.$parent.hasPreStyle(true)
 			//选区是否含有表格元素
-			const hasTable = this.$parent.hasTable()
+			const hasTable = this.$parent.hasTable(true)
 			//选区是否含有引用元素
-			const hasQuote = this.$parent.hasQuote()
+			const hasQuote = this.$parent.hasQuote(true)
 			//选区是否都在引用元素内
-			const inQuote = this.$parent.inQuote()
+			const inQuote = this.$parent.inQuote(true)
 			//选区是否含有链接元素
-			const hasLink = this.$parent.hasLink()
+			const hasLink = this.$parent.hasLink(true)
 			//选区是否都在有序列表内
-			const inOrderList = this.$parent.inList(true)
+			const inOrderList = this.$parent.inList(true, true)
 			//选区是否都在无序列表内
-			const inUnorderList = this.$parent.inList(false)
+			const inUnorderList = this.$parent.inList(false, true)
 			//选区是否都在任务列表内
-			const inTask = this.$parent.inTask()
+			const inTask = this.$parent.inTask(true)
 			//额外禁用判定
 			const extraDisabled = name => {
 				if (typeof this.config.extraDisabled == 'function') {
@@ -1272,7 +1272,7 @@ export default {
 			this.taskConfig.disabled = hasPreStyle || hasTable || extraDisabled('task')
 
 			//粗体按钮激活
-			this.boldConfig.active = this.$parent.queryTextStyle('font-weight', 'bold')
+			this.boldConfig.active = this.$parent.queryTextStyle('font-weight', 'bold', true)
 			//粗体按钮禁用
 			this.boldConfig.disabled = hasPreStyle || extraDisabled('bold')
 
@@ -1292,7 +1292,7 @@ export default {
 			this.strikethroughConfig.disabled = hasPreStyle || extraDisabled('strikethrough')
 
 			//行内代码按钮激活
-			this.codeConfig.active = this.$parent.queryTextMark('data-editify-code')
+			this.codeConfig.active = this.$parent.queryTextMark('data-editify-code', null, true)
 			//行内代码按钮禁用
 			this.codeConfig.disabled = hasPreStyle || extraDisabled('code')
 
@@ -1392,7 +1392,7 @@ export default {
 			this.tableConfig.disabled = hasPreStyle || hasTable || hasQuote || extraDisabled('table')
 
 			//代码块按钮激活
-			this.codeBlockConfig.active = !!this.$parent.getCurrentParsedomElement('pre')
+			this.codeBlockConfig.active = !!this.$parent.getCurrentParsedomElement('pre', true)
 			//代码块按钮禁用
 			this.codeBlockConfig.disabled = hasTable || hasQuote || extraDisabled('codeBlock')
 

package/src/components/bussiness/Toolbar.vue

@@ -474,80 +474,80 @@ export default {
 	methods: {
 		//清除格式
 		clearFormat() {
-			this.$parent.formatText()
+			this.$parent.formatText(true, true)
 		},
 		//设置背景色
 		setBackColor(value) {
-			this.$parent.setTextStyle('background-color', value)
+			this.$parent.setTextStyle('background-color', value, true, true)
 			this.$refs.backColor.hideLayer()
 		},
 		//设置前景色
 		setForeColor(value) {
-			this.$parent.setTextStyle('color', value)
+			this.$parent.setTextStyle('color', value, true, true)
 			this.$refs.foreColor.hideLayer()
 		},
 		//设置行高
 		setLineHeight(name, value) {
-			this.$parent.setLineHeight(value)
+			this.$parent.setLineHeight(value, true, true)
 		},
 		//设置字体
 		setFontFamily(name, value) {
-			this.$parent.setTextStyle('font-family', value)
+			this.$parent.setTextStyle('font-family', value, true, true)
 		},
 		//设置字号
 		setFontSize(name, value) {
-			this.$parent.setTextStyle('font-size', value)
+			this.$parent.setTextStyle('font-size', value, true, true)
 		},
 		//设置上标
 		setSuperscript() {
-			this.$parent.setTextStyle('vertical-align', 'super')
+			this.$parent.setTextStyle('vertical-align', 'super', true, true)
 		},
 		//设置下标
 		setSubscript() {
-			this.$parent.setTextStyle('vertical-align', 'sub')
+			this.$parent.setTextStyle('vertical-align', 'sub', true, true)
 		},
 		//设置行内代码样式
 		setCodeStyle() {
-			this.$parent.setTextMark('data-editify-code', true)
+			this.$parent.setTextMark('data-editify-code', true, true, true)
 		},
 		//设置下划线
 		setUnderline() {
-			this.$parent.setTextStyle('text-decoration', 'underline')
+			this.$parent.setTextStyle('text-decoration', 'underline', true, true)
 		},
 		//设置删除线
 		setStrikethrough() {
-			this.$parent.setTextStyle('text-decoration', 'line-through')
+			this.$parent.setTextStyle('text-decoration', 'line-through', true, true)
 		},
 		//设置列表
 		setList(name) {
-			this.$parent.setList(name == 'orderList')
+			this.$parent.setList(name == 'orderList', true, true)
 		},
 		//设置任务列表
 		setTask() {
-			this.$parent.setTask()
+			this.$parent.setTask(true, true)
 		},
 		//斜体
 		setItalic() {
-			this.$parent.setTextStyle('font-style', 'italic')
+			this.$parent.setTextStyle('font-style', 'italic', true, true)
 		},
 		//加粗
 		setBold() {
-			this.$parent.setTextStyle('font-weight', 'bold')
+			this.$parent.setTextStyle('font-weight', 'bold', true, true)
 		},
 		//设置标题
 		setHeading(name, value) {
-			this.$parent.setHeading(value)
+			this.$parent.setHeading(value, true, true)
 		},
 		//设置对齐方式
 		setAlign(name, value) {
-			this.$parent.setAlign(value)
+			this.$parent.setAlign(value, true, true)
 		},
 		//设置视频
 		setVideo(prop) {
 			if (this.$parent.disabled) {
 				return
 			}
-			const video = this.$parent.getCurrentParsedomElement('video')
+			const video = this.$parent.getCurrentParsedomElement('video', true)
 			if (video) {
 				//当前是拥有该属性
 				if (this.videoConfig[prop]) {
@@ -567,7 +567,7 @@ export default {
 			if (this.$parent.disabled) {
 				return
 			}
-			const element = this.$parent.getCurrentParsedomElement('img') || this.$parent.getCurrentParsedomElement('video')
+			const element = this.$parent.getCurrentParsedomElement('img', true) || this.$parent.getCurrentParsedomElement('video', true)
 			if (element) {
 				const styles = {
 					width: value
@@ -594,7 +594,7 @@ export default {
 			if (!this.linkConfig.url) {
 				return
 			}
-			const link = this.$parent.getCurrentParsedomElement('a')
+			const link = this.$parent.getCurrentParsedomElement('a', true)
 			if (link) {
 				link.marks.href = this.linkConfig.url
 				if (this.linkConfig.newOpen) {
@@ -627,7 +627,7 @@ export default {
 			if (this.$parent.disabled) {
 				return
 			}
-			const pre = this.$parent.getCurrentParsedomElement('pre')
+			const pre = this.$parent.getCurrentParsedomElement('pre', true)
 			if (pre) {
 				Object.assign(pre.marks, {
 					'data-editify-hljs': value
@@ -646,7 +646,7 @@ export default {
 				this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element
 				this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset
 			}
-			const pre = this.$parent.getCurrentParsedomElement('pre')
+			const pre = this.$parent.getCurrentParsedomElement('pre', true)
 			if (pre) {
 				const paragraph = new AlexElement('block', AlexElement.BLOCK_NODE, null, null, null)
 				const breakEl = new AlexElement('closed', 'br', null, null, null)
@@ -672,9 +672,9 @@ export default {
 				this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element
 				this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset
 			}
-			const table = this.$parent.getCurrentParsedomElement('table')
-			const column = this.$parent.getCurrentParsedomElement('td')
-			const tbody = this.$parent.getCurrentParsedomElement('tbody')
+			const table = this.$parent.getCurrentParsedomElement('table', true)
+			const column = this.$parent.getCurrentParsedomElement('td', true)
+			const tbody = this.$parent.getCurrentParsedomElement('tbody', true)
 			if (column && table && tbody) {
 				const rows = tbody.children
 				const index = column.parent.children.findIndex(item => {
@@ -716,7 +716,7 @@ export default {
 				this.$parent.editor.rangeRender()
 			}
 		},
-		//表格插入前后插入行
+		//表格前后插入行
 		insertTableRow(type = 'up') {
 			if (this.$parent.disabled) {
 				return
@@ -725,8 +725,8 @@ export default {
 				this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element
 				this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset
 			}
-			const table = this.$parent.getCurrentParsedomElement('table')
-			const row = this.$parent.getCurrentParsedomElement('tr')
+			const table = this.$parent.getCurrentParsedomElement('table', true)
+			const row = this.$parent.getCurrentParsedomElement('tr', true)
 			if (table && row) {
 				const newRow = row.clone()
 				newRow.children.forEach(column => {
@@ -755,7 +755,7 @@ export default {
 			if (this.$parent.disabled) {
 				return
 			}
-			const table = this.$parent.getCurrentParsedomElement('table')
+			const table = this.$parent.getCurrentParsedomElement('table', true)
 			if (table) {
 				const paragraph = new AlexElement('block', AlexElement.BLOCK_NODE, null, null, null)
 				const breakEl = new AlexElement('closed', 'br', null, null, null)
@@ -781,12 +781,12 @@ export default {
 				this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element
 				this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset
 			}
-			const table = this.$parent.getCurrentParsedomElement('table')
-			const row = this.$parent.getCurrentParsedomElement('tr')
+			const table = this.$parent.getCurrentParsedomElement('table', true)
+			const row = this.$parent.getCurrentParsedomElement('tr', true)
 			if (table && row) {
 				const parent = row.parent
 				if (parent.children.length == 1) {
-					this.$parent.deleteByParsedom('table')
+					this.$parent.deleteByParsedom('table', true, true)
 					return
 				}
 				const previousRow = this.$parent.editor.getPreviousElement(row)
@@ -817,14 +817,14 @@ export default {
 				this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element
 				this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset
 			}
-			const column = this.$parent.getCurrentParsedomElement('td')
-			const tbody = this.$parent.getCurrentParsedomElement('tbody')
-			const table = this.$parent.getCurrentParsedomElement('table')
+			const column = this.$parent.getCurrentParsedomElement('td', true)
+			const tbody = this.$parent.getCurrentParsedomElement('tbody', true)
+			const table = this.$parent.getCurrentParsedomElement('table', true)
 			if (column && table && tbody) {
 				const rows = tbody.children
 				const parent = column.parent
 				if (parent.children.length == 1) {
-					this.$parent.deleteByParsedom('table')
+					this.$parent.deleteByParsedom('table', true, true)
 					return
 				}
 				const previousColumn = this.$parent.editor.getPreviousElement(column)
@@ -856,16 +856,18 @@ export default {
 		},
 		//浮层显示时
 		layerShow() {
+			//获取选区的元素
+			const result = this.$parent.editor.getElementsByRange(true).includes
 			//代码块初始化展示设置
 			if (this.type == 'codeBlock') {
-				const pre = this.$parent.getCurrentParsedomElement('pre')
+				const pre = this.$parent.getCurrentParsedomElement('pre', true)
 				if (pre) {
 					this.languageConfig.displayConfig.value = pre.marks['data-editify-hljs'] || ''
 				}
 			}
 			//链接初始化展示
 			else if (this.type == 'link') {
-				const link = this.$parent.getCurrentParsedomElement('a')
+				const link = this.$parent.getCurrentParsedomElement('a', true)
 				if (link) {
 					this.linkConfig.url = link.marks['href']
 					this.linkConfig.newOpen = link.marks['target'] == '_blank'
@@ -873,7 +875,7 @@ export default {
 			}
 			//视频初始化显示
 			else if (this.type == 'video') {
-				const video = this.$parent.getCurrentParsedomElement('video')
+				const video = this.$parent.getCurrentParsedomElement('video', true)
 				if (video) {
 					this.videoConfig.autoplay = !!video.marks['autoplay']
 					this.videoConfig.loop = !!video.marks['loop']
@@ -890,10 +892,6 @@ export default {
 					}
 					return false
 				}
-
-				//获取选区的元素
-				const result = this.$parent.editor.getElementsByRange(true, false)
-
 				//显示已设置标题
 				const findHeadingItem = this.headingConfig.displayConfig.options.find(item => {
 					let val = item
@@ -915,22 +913,22 @@ export default {
 				this.alignConfig.disabled = extraDisabled('align')
 
 				//有序列表按钮激活
-				this.orderListConfig.active = this.$parent.inList(true)
+				this.orderListConfig.active = this.$parent.inList(true, true)
 				//有序列表按钮禁用
 				this.orderListConfig.disabled = extraDisabled('orderList')
 
 				//无序列表按钮激活
-				this.unorderListConfig.active = this.$parent.inList(false)
+				this.unorderListConfig.active = this.$parent.inList(false, true)
 				//无序列表按钮禁用
 				this.unorderListConfig.disabled = extraDisabled('unorderList')
 
 				//任务列表按钮激活
-				this.taskConfig.active = this.$parent.inTask()
+				this.taskConfig.active = this.$parent.inTask(true, true)
 				//任务列表按钮禁用
 				this.taskConfig.disabled = extraDisabled('task')
 
 				//粗体按钮激活
-				this.boldConfig.active = this.$parent.queryTextStyle('font-weight', 'bold')
+				this.boldConfig.active = this.$parent.queryTextStyle('font-weight', 'bold', true)
 				//粗体按钮禁用
 				this.boldConfig.disabled = extraDisabled('bold')
 
@@ -950,7 +948,7 @@ export default {
 				this.underlineConfig.disabled = extraDisabled('underline')
 
 				//行内代码按钮激活
-				this.codeConfig.active = this.$parent.queryTextMark('data-editify-code')
+				this.codeConfig.active = this.$parent.queryTextMark('data-editify-code', null, true)
 				//行内代码按钮禁用
 				this.codeConfig.disabled = extraDisabled('code')
 

package/src/index.js

@@ -7,7 +7,7 @@ import './icon/iconfont.css'
 //引入国际化
 import i18n from './locale'
 //版本号
-const version = '0.0.46'
+const version = '0.0.48'
 //安装函数
 const install = (app, props) => {
 	const locale = (props ? props.locale : 'zh_CN') || 'zh_CN'