github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 拖拽按住shift键限制水平或垂直移动

Browse Source
This commit is contained in:
pipipi-pikachu 2022-09-06 22:08:49 +08:00
parent bee403bc70
commit 91041be25c
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/Editor/Canvas/hooks/useDragElement.ts
View File

@ -1,6 +1,6 @@
import { Ref } from 'vue' import { Ref } from 'vue'
import { storeToRefs } from 'pinia' import { storeToRefs } from 'pinia'
import { useMainStore, useSlidesStore } from '@/store' import { useMainStore, useSlidesStore, useKeyboardStore } from '@/store'
import { PPTElement } from '@/types/slides' import { PPTElement } from '@/types/slides'
import { AlignmentLineProps } from '@/types/edit' import { AlignmentLineProps } from '@/types/edit'
import { VIEWPORT_SIZE } from '@/configs/canvas' import { VIEWPORT_SIZE } from '@/configs/canvas'
@ -14,6 +14,7 @@ export default (
) => { ) => {
const slidesStore = useSlidesStore() const slidesStore = useSlidesStore()
const { activeElementIdList, activeGroupElementId } = storeToRefs(useMainStore()) const { activeElementIdList, activeGroupElementId } = storeToRefs(useMainStore())
const { shiftKeyState } = storeToRefs(useKeyboardStore())
const { viewportRatio } = storeToRefs(slidesStore) const { viewportRatio } = storeToRefs(slidesStore)
const { addHistorySnapshot } = useHistorySnapshot() const { addHistorySnapshot } = useHistorySnapshot()
@ -122,9 +123,14 @@ export default (
Math.abs(startPageY - currentPageY) < sorptionRange Math.abs(startPageY - currentPageY) < sorptionRange
} }
if (!isMouseDown || isMisoperation) return if (!isMouseDown || isMisoperation) return
let moveX = (currentPageX - startPageX) / canvasScale.value
let moveY = (currentPageY - startPageY) / canvasScale.value
const moveX = (currentPageX - startPageX) / canvasScale.value if (shiftKeyState.value) {
const moveY = (currentPageY - startPageY) / canvasScale.value if (Math.abs(moveX) > Math.abs(moveY)) moveY = 0
if (Math.abs(moveX) < Math.abs(moveY)) moveX = 0
}
// 基础目标位置 // 基础目标位置
let targetLeft = elOriginLeft + moveX let targetLeft = elOriginLeft + moveX