vue-editify 0.2.15 → 0.2.16

package/src/feature/underline.ts

@@ -52,7 +52,6 @@ export const UnderlineToolbarButton = defineComponent(
 										'text-decoration': 'underline'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -111,7 +110,6 @@ export const UnderlineMenuButton = defineComponent(
 										'text-decoration': 'underline'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/unorderList.ts

@@ -42,7 +42,6 @@ export const UnorderListToolbarButton = defineComponent(
 							disabled: props.config.disabled,
 							onOperate: () => {
 								setList(editor.value, dataRangeCaches.value, false)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -91,7 +90,6 @@ export const UnorderListMenuButton = defineComponent(
 							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								setList(editor.value, dataRangeCaches.value, false)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/video.ts

@@ -58,7 +58,6 @@ export const VideoToolbar = defineComponent(
 				} else {
 					element.styles = styles
 				}
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 				//更新工具条位置
@@ -79,7 +78,6 @@ export const VideoToolbar = defineComponent(
 				element.marks![prop] = true
 			}
 			videoConfig.value[prop] = !videoConfig.value[prop]
-			editor.value.formatElementStack()
 			editor.value.domRender()
 			editor.value.rangeRender()
 		}
@@ -233,7 +231,6 @@ export const VideoToolbar = defineComponent(
 							const element = getMatchElementByRange(editor.value, dataRangeCaches.value, { parsedom: 'video' })
 							if (element) {
 								element.toEmpty()
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -315,7 +312,6 @@ export const VideoMenuButton = defineComponent(
 										urls.forEach(url => {
 											insertVideo(editor.value, url)
 										})
-										editor.value.formatElementStack()
 										editor.value.domRender()
 										editor.value.rangeRender()
 										btnRef.value!.show = false

package/src/index.ts

@@ -1,5 +1,17 @@
 import { App } from 'vue'
+import { AlexElement } from 'alex-editor'
 import { withInstall } from '@/core/tool'
+
+//重写AlexElement.isPreStyle，将td加入到代码块样式中去
+const originFn = AlexElement.prototype.isPreStyle
+AlexElement.prototype.isPreStyle = function () {
+	const block = this.getInblock() || this.getBlock()
+	if (block.parsedom == 'td') {
+		return true
+	}
+	return originFn.apply(this)
+}
+
 //引入根节点颜色变量样式
 import '@/css/var.less'
 //引入字体图标样式
@@ -86,12 +98,9 @@ const install = (app: App) => {
 	app.component(Editify.name!, Editify)
 }
 //版本号
-const version = '0.2.15'
-
-//导出AlexElement元素
-export { AlexElement } from 'alex-editor'
+const version = '0.2.16'
 
 //导出组件和安装函数
-export { Editify as default, Editify, install, version }
+export { Editify as default, Editify, install, AlexElement, version }
 
 console.log(`%c vue-editify %c v${version} `, 'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060; font-weight: bold;', 'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;')