From 19b942743ed3e9f0f526079adb64fcac85f2fcdb Mon Sep 17 00:00:00 2001 From: X1627315083 <1627315083@qq.com> Date: Mon, 27 Jan 2025 16:22:34 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=BF=AB=E6=8D=B7=E9=94=AEbu?= =?UTF-8?q?g?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/HomePage/ExportModel.vue | 26 +++++++++++--------------- src/component/modules/liquefaction.vue | 3 ++- 2 files changed, 13 insertions(+), 16 deletions(-) diff --git a/src/component/HomePage/ExportModel.vue b/src/component/HomePage/ExportModel.vue index 66a90b83..9738d8e3 100644 --- a/src/component/HomePage/ExportModel.vue +++ b/src/component/HomePage/ExportModel.vue @@ -314,7 +314,7 @@ - + @@ -556,7 +556,6 @@ export default defineComponent({ showUpgradePlan.value = true; clearTimeout(submitCanvasContent) setCanvasKeyDown() - clearCanvasKeyDown() // document.addEventListener("keydown", setCanvasKeyDown); // document.addEventListener("keyup", clearCanvasKeyDown); normalCanvasState.value = [] @@ -595,12 +594,6 @@ export default defineComponent({ }); canvas.preserveObjectStacking = true; //鼠标移动 - // canvas.wrapperEl.onmouseover = setCanvasKeyDown;//document上添加按下和抬起事件 - // canvas.wrapperEl.onmouseout = clearCanvasKeyDown;//document上添加按下和抬起事件 - - // canvas.on("mouse:over", event =>setCanvasKeyDown(event));//document上添加按下和抬起事件 - // canvas.on("mouse:out", clearCanvasKeyDown);//document上添加按下和抬起事件 - canvas.on("mouse:move", event =>setCanvasMove(event)); canvas.on("mouse:down", event=>setCanvasDown(event)); canvas.on("mouse:up", event=>setCanvasUp(event)); @@ -953,7 +946,6 @@ export default defineComponent({ centered:true, onOk() { showUpgradePlan.value = false; - canvas.off("mouse:out", clearCanvasKeyDown); canvas.dispose(); position = { //设置每个图形位置的初始值 @@ -2096,12 +2088,12 @@ export default defineComponent({ userlikeGroupId:userlikeGroupId, } publishModal.init(data) - document.removeEventListener("keydown", setCanvasKeyDown); - document.removeEventListener("keyup", clearCanvasKeyDown); + document.removeEventListener('keydown',canvasKeyDown); + document.removeEventListener('keyup', canvasKeyUp); } const clearPublish = ()=>{ - document.addEventListener("keydown", setCanvasKeyDown); - document.addEventListener("keyup", clearCanvasKeyDown); + document.addEventListener('keydown',canvasKeyDown); + document.addEventListener('keyup', canvasKeyUp); } let setSubmit = ()=>{ let data = setCanvasContent(false) @@ -2159,11 +2151,15 @@ export default defineComponent({ updateCanvasState() }); } + const clearLiquefaction = ()=>{ + setCanvasKeyDown() + } let setLiquefaction = ()=>{ const activeObjects = canvas.getActiveObjects(); // 获取选中的对象 if (activeObjects.length === 1 && activeObjects[0].type === 'image') { liquefactionData = activeObjects[0] liquefaction.value.init(activeObjects[0]) + clearCanvasKeyDown() } else { message.info(useI18.t('exportModel.jsContent6')) return null; @@ -2192,8 +2188,7 @@ export default defineComponent({ }); onBeforeUnmount(()=>{ - document.removeEventListener("keydown", setCanvasKeyDown); - document.removeEventListener("keyup", clearCanvasKeyDown); + clearCanvasKeyDown() }) return { toSvg, @@ -2259,6 +2254,7 @@ export default defineComponent({ //液化 liquefaction, submitLiquefaction, + clearLiquefaction, setLiquefaction, }; }, diff --git a/src/component/modules/liquefaction.vue b/src/component/modules/liquefaction.vue index cedc1834..a1bfd0c0 100644 --- a/src/component/modules/liquefaction.vue +++ b/src/component/modules/liquefaction.vue @@ -68,7 +68,7 @@ import { getMousePosition } from "@/tool/mdEvent"; export default defineComponent({ components: { }, - emits: ['submitLiquefaction'], + emits: ['submitLiquefaction','clearLiquefaction'], setup(props,{emit}) { // let presentState = ref('paypal'); let liqufeaction = ref(false); @@ -357,6 +357,7 @@ export default defineComponent({ } let cancelDsign = ()=>{ liqufeaction.value = false + emit('clearLiquefaction') } let routesChange = (str)=>{ liqufeactionData[str] = Math.round(liqufeactionData[str]/10)*10;