Question: Why is there no OnDragOriginStart.set, OnRoundStart.set

Environments

• Framework name: VanillaJS
• Moveable Component version: 0.41.1

Description

Moveable currently initializes the drag origin of a given target at the current value they have set for transformOrigin, defaulting to 50%, 50%. The same goes for border radius and roundable.

Would adding in e.set to these two be useful?

  dragOriginStart (e) {
    const state = getState(e.target)
    e.set(state.origin) // <--
    e.dragStart && e.dragStart.set(state.translate)
  },

[daybrush]

@SidIcarus

This is a demo created in the first step of creating Moveable.

So, the usage has changed a bit.

The demo is also in the process of being changed.

https://daybrush.com/moveable/storybook2

[daybrush]

@SidIcarus

Although it seems to be rarely used, set is called internally with the default value.

Perhaps in the next version there will be a simpler usage.

1. Current

onDrag={e => {
    e.target.style.transform = e.transform;
}}
onDragOrigin={e => {
    e.target.style.transformOrigin = e.transformOrigin;
    e.target.style.transform = e.drag.transform;
}}

1. Next 1

onDrag={e => {
    e.target.style.cssText += e.cssText;
}}
onDragOrigin={e => {
    e.target.style.cssText += e.cssText;
}}

1. Next 2

onRender={e => {
    e.target.style.cssText += e.cssText;
}}