github/poster-design
1
0
Fork 0
mirror of https://github.com/palxiao/poster-design.git synced 2025-07-15 16:02:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: drag animation problem

Browse Source
This commit is contained in:
IchliebedichZhu 2024-03-04 17:51:02 +00:00
parent a84085f042
commit 507de91843
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/common/hooks/dragHelper.ts
View File

@ -113,11 +113,14 @@ export default class DragHelper {
private moveFlutter(x: number, y: number, d = 0, lazy = 0) { private moveFlutter(x: number, y: number, d = 0, lazy = 0) {
const { width, height, finallySize } = this.initial as TInitial const { width, height, finallySize } = this.initial as TInitial
let scale: string | null = null let scale: string | null = null
if (!d) { if (d) {
if (width > finallySize) { if (width > finallySize) {
scale = width - d >= finallySize ? `transform: scale(${(width - d) / width});` : null scale = width - d >= finallySize ? `transform: scale(${(width - d) / width});` : null
} else scale = width + d <= finallySize ? `transform: scale(${(width + d) / width})` : null } else {
scale = width + d <= finallySize ? `transform: scale(${(width + d) / width})` : null
}
} }
const options = [`left: ${x}px`, `top: ${y}px`, `width: ${width}px`, `height: ${height}px`] const options = [`left: ${x}px`, `top: ${y}px`, `width: ${width}px`, `height: ${height}px`]
scale && options.push(scale) scale && options.push(scale)
options.push(`transition: all ${lazy}s`) options.push(`transition: all ${lazy}s`)
@ -137,9 +140,7 @@ export default class DragHelper {
this.dragging = false this.dragging = false
store.commit('setDraging', false) store.commit('setDraging', false)
store.commit('selectItem', {}) store.commit('selectItem', {})
if (!this.cloneEl) {
return
}
if (!done) { if (!done) {
const { pageX, offsetX, pageY, offsetY } = this.initial as TInitial const { pageX, offsetX, pageY, offsetY } = this.initial as TInitial
this.changeStyle([`left: ${pageX - offsetX}px`, `top: ${pageY - offsetY}px`, 'transform: scale(1)', 'transition: all 0.3s']) this.changeStyle([`left: ${pageX - offsetX}px`, `top: ${pageY - offsetY}px`, 'transform: scale(1)', 'transition: all 0.3s'])