1.1.0 • Published 5 years ago

rc-dragger v1.1.0

Weekly downloads
10
License
-
Repository
-
Last release
5 years ago

轻量的React组件拖动库 rc-dragger

灵感来自于React-Draggable,但比其更加轻量.

快速开始

npm install rc-dragger
import { Draggable } from 'rc-dragger';

<Draggable>
  <div style={{ background: 'orange', width: 100, height: 100 }}>dragger</div>
</Draggable>

// with handler
<Draggable handle='.handle1'>
  <div style={{ background: 'green', width: 100, height: 100 }}>
    <div className='handle1' style={{ background: '#dedede', width: 100, height: 30 }}>
      handler
    </div>
    <div>
      content
    </div>
  </div>
</Draggable>

API

参数说明类型示例
initPs初始位置  number, number 300, 200
handle把手的选择器 string.handle
adapter修改最终位置函数(curPs: number, number, lastPs: number, number) => number, number