实现尺寸拖拽方法

[janryWang]

designerProps: {
      droppable: true,
      resizable: {
        width(node, element) {
          const width = Number(
            node.props['x-component-props']?.style?.width ??
              element.getBoundingClientRect().width
          )
          return {
            plus: () => {
              node.props['x-component-props'] =
                node.props['x-component-props'] || {}
              node.props['x-component-props'].style =
                node.props['x-component-props'].style || {}
              node.props['x-component-props'].style.width = width + 6
            },
            minus: () => {
              node.props['x-component-props'] =
                node.props['x-component-props'] || {}
              node.props['x-component-props'].style =
                node.props['x-component-props'].style || {}
              node.props['x-component-props'].style.width = width - 6
            },
          }
        },
      },
}

[youshao]

赞，不知有没有计划实现位置拖拽的方法？

[jinphic]

9aceaf5831c72760d1cf5ece69d2833e.mp4

[janryWang]

为什么水平移动是在resizable里的呢

[jinphic]

为什么水平移动是在resizable里的呢

嗯嗯，从代码组织上来说，放在resizeable确实不妥。这里只在水平方向实现，是因为垂直方向需要将组件变成 position: absolute, 然后在编辑区和预览区的实现还不一样，在切换预览的时候，样式挺奇怪的，我自己这边还摸索完。不知道作者大佬有没有思路。

弱弱问一下，这个视频里的功能属于你们需要的不？不知道值不值得提pr

[janryWang]

功能是可以的，不过可以考虑扩展一个helper按钮，用户拖那个按钮就可以实现绝对定位拖拽，用快捷键的方式隐藏的有点深

[jinphic]

功能是可以的，不过可以考虑扩展一个helper按钮，用户拖那个按钮就可以实现绝对定位拖拽，用快捷键的方式隐藏的有点深

可以，我花时间整理一下pr代码