vue-editify 0.2.10 → 0.2.11

package/lib/index.d.ts

@@ -804,7 +804,7 @@ export type { MenuButtonType, MenuSelectButtonType, MenuDisplayButtonType, MenuI
 export type { ElementMatchConfigType } from './core/function';
 export { elementIsMatch, getMatchElementByElement, getMatchElementByRange, isList, isTask, elementIsInList, elementIsInTask, hasPreInRange, hasQuoteInRange, hasListInRange, hasTaskInRange, hasLinkInRange, hasTableInRange, hasImageInRange, hasVideoInRange, isRangeInQuote, isRangeInList, isRangeInTask, queryTextStyle, queryTextMark, getRangeText, setIndentIncrease, setIndentDecrease, setQuote, setAlign, setList, setTask, setTextStyle, setTextMark, removeTextStyle, removeTextMark, setLineHeight, insertLink, insertImage, insertVideo, insertTable, insertCodeBlock, insertSeparator } from './core/function';
 declare const install: (app: App) => void;
-declare const version = "0.2.10";
+declare const version = "0.2.11";
 export { AlexElement } from 'alex-editor';
 export type { AttachmentOptionsType } from './plugins/attachment';
 export type { InsertAttachmentUploadErrorType } from './plugins/attachment/insertAttachment/props';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vue-editify",
-	"version": "0.2.10",
+	"version": "0.2.11",
 	"private": false,
 	"sideEffects": [
 		"*.css"

package/src/components/layer/layer.vue

@@ -11,7 +11,7 @@
 	</Teleport>
 </template>
 <script setup lang="ts">
-import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import { computed, getCurrentInstance, nextTick, onMounted, ref } from 'vue'
 import { element as DapElement, event as DapEvent } from 'dap-util'
 import Triangle from '@/components/triangle/triangle.vue'
 import { TrianglePlacementType } from '@/components/triangle/props'
@@ -29,8 +29,6 @@ const realPlacement = ref<LayerPlacementType | null>(null)
 const wrapRef = ref<HTMLElement | null>(null)
 const elRef = ref<HTMLElement | null>(null)
 const triangleRef = ref<InstanceType<typeof Triangle> | null>(null)
-const MOUSEDOWN = ref<boolean>(false)
-const MOUSEMOVE = ref<boolean>(false)
 
 //三角形位置
 const triPlacement = computed<TrianglePlacementType>(() => {
@@ -576,10 +574,6 @@ const handleResize = () => {
 }
 //点击定位元素和自身以外的元素关闭浮层
 const handleClick = (e: Event) => {
-	//如果鼠标移动了则不是点击事件
-	if (MOUSEMOVE.value) {
-		return
-	}
 	if (!DapElement.isElement(elRef.value)) {
 		return
 	}
@@ -598,25 +592,9 @@ onMounted(() => {
 	if (props.modelValue) {
 		setPosition()
 	}
-	DapEvent.on(window, `mousedown.editify_layer_${instance.uid} mousemove.editify_layer_${instance.uid} mouseup.editify_layer_${instance.uid}`, e => {
-		if (e.type == 'mousedown') {
-			MOUSEDOWN.value = true
-			MOUSEMOVE.value = false
-		} else if (e.type == 'mousemove') {
-			if (MOUSEDOWN.value) {
-				MOUSEMOVE.value = true
-			}
-		} else if (e.type == 'mouseup') {
-			MOUSEDOWN.value = false
-		}
-	})
-
-	DapEvent.on(window, `click.editify_layer_${instance.uid}`, handleClick)
+	DapEvent.on(window, `mousedown.editify_layer_${instance.uid}`, handleClick)
 	DapEvent.on(window, `resize.editify_layer_${instance.uid}`, handleResize)
 })
-onBeforeUnmount(() => {
-	DapEvent.off(window, `click.editify_layer_${instance.uid} resize.editify_layer_${instance.uid}`)
-})
 
 defineExpose({
 	setPosition

package/src/index.ts

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