0.1.8 • Published 3 years ago

ray-drag-resize-v2 v0.1.8

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

ray-drag-resize-v2

安装

npm install ray-drag-resize-v2

引入

import dragResizeV2 from 'ray-drag-resize-v2'
import 'ray-drag-resize-v2/lib/drag-resize-v2.css'
Vue.use(dragResizeV2)

使用

<drag-resize-v2 @onDragResize="handleData">
  content
</drag-resize-v2>

methods:{
  handleData(data){
    console.log(data)
  }
}

props

属性描述defaulttype
activeColor选中的颜色rgba(119, 221, 178, 0.3)string
nodeKey组件的keyuuid()number/string
minh最小高度100number
minw最小高度100number
initTop初始Y轴坐标10number
initLeft初始X轴坐标10number
initHeight初始高度200number
initWidth初始宽度200number
disabled禁止拖拽和放大缩小falseboolean
dragDisabled禁止拖拽falseboolean
resizeDisabled禁止放大缩小falseboolean
horn通过角进行拖拽trueboolean
edge通过边进行拖拽trueboolean

events

函数名描述
onDragResize拖拽或设置大小后抛出的事件 包含当前组件的位置及大小信息及nodeKey

说明

此组件为vue2版本的组件,如需要vue3版本的安装 ray-drag-resize-v3(更新较慢)。 如有改进建议github提issue。

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago