vue-editify 0.1.45 → 0.1.47

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vue-editify",
-	"version": "0.1.45",
+	"version": "0.1.47",
 	"private": false,
 	"sideEffects": [
 		"*.css"
@@ -17,7 +17,7 @@
 		"lib": "vue-tsc && vite build"
 	},
 	"dependencies": {
-		"alex-editor": "^1.4.8",
+		"alex-editor": "^1.4.9",
 		"dap-util": "^1.5.4",
 		"highlight.js": "^11.8.0",
 		"katex": "^0.16.10",

package/src/editify/editify.less

@@ -263,13 +263,9 @@
 			height: auto;
 			border-radius: 2px;
 			vertical-align: text-bottom;
-			margin: 0 2px;
+			margin: 0;
 			max-width: 100%;
 			min-width: 100px;
-
-			&:hover {
-				cursor: pointer;
-			}
 		}
 		//视频样式
 		:deep(video) {
@@ -280,7 +276,7 @@
 			vertical-align: text-bottom;
 			background-color: #000;
 			object-fit: contain;
-			margin: 0 2px;
+			margin: 0;
 			max-width: 100%;
 			min-width: 100px;
 		}

package/src/editify/editify.vue

@@ -375,7 +375,7 @@ const documentMouseDown = (e: Event) => {
 				else if (['img', 'video'].includes(element.parsedom!)) {
 					const rect = DapElement.getElementBounding(elm)
 					//在可拖拽范围内
-					if ((event.pageX >= Math.abs(rect.left + elm.offsetWidth - 10) && event.pageX <= Math.abs(rect.left + elm.offsetWidth)) || (event.pageX >= Math.abs(rect.left) && event.pageX <= Math.abs(rect.left + 10))) {
+					if (event.pageX >= Math.abs(rect.left + elm.offsetWidth - 10) && event.pageX <= Math.abs(rect.left + elm.offsetWidth)) {
 						resizeParams.value.element = element
 						resizeParams.value.start = event.pageX
 					}
@@ -393,10 +393,21 @@ const documentMouseMove = (e: Event) => {
 	if (props.disabled) {
 		return
 	}
+	const event = e as MouseEvent
+	const elm = e.target as HTMLElement
+	//如果鼠标在图片和视频上
+	if (DapElement.isContains(contentRef.value!, elm) && ['img', 'video'].includes(elm.tagName.toLocaleLowerCase())) {
+		const rect = DapElement.getElementBounding(elm)
+		//在可拖拽范围内改变鼠标样式
+		if (event.pageX >= Math.abs(rect.left + elm.offsetWidth - 10) && event.pageX <= Math.abs(rect.left + elm.offsetWidth)) {
+			elm.style.cursor = 'col-resize'
+		} else {
+			elm.style.cursor = ''
+		}
+	}
 	if (!resizeParams.value.element) {
 		return
 	}
-	const event = e as MouseEvent
 	//表格列宽拖拽
 	if (resizeParams.value.element.parsedom == 'td') {
 		const tables = getMatchElementsByRange(editor.value!, dataRangeCaches.value, { parsedom: 'table' })
@@ -425,6 +436,7 @@ const documentMouseMove = (e: Event) => {
 			}
 		}
 		resizeParams.value.element.elm!.style.width = width
+		//视频宽度改变的同时需要设置高度
 		if (resizeParams.value.element.parsedom == 'video') {
 			setVideoHeight()
 		}

package/src/index.ts

@@ -19,7 +19,7 @@ const install: FunctionPlugin = (app: App) => {
 	app.component(Editify.name!, Editify)
 }
 //版本号
-const version = '0.1.45'
+const version = '0.1.47'
 
 //导出AlexElement元素
 export { AlexElement } from 'alex-editor'