Giter VIP home page Giter VIP logo

dragact's Introduction

特别声明

由于本人正在忙其他的事情,dragact 已经暂停维护了。请不要使用 dragact(出了问题我实在没精力帮您解决,实在抱歉

最后,我推荐的替换是:

上述两个都是非常优秀的开源项目,请大家自行选择。

Dragact 👋

npm version npm downloads

Dragact 是一款 React 组件,他能够使你简单、快速的构建出一款强大的 拖拽式网格(grid)布局.

Demo 地址 ✌️

Live Demo(预览地址)

特点

  • 自动布局的网格系统
  • 手机上也可以操作
  • 高度自适应
  • 静态组件
  • 拖拽组件
  • 自动缩放组件
  • 自定义拖拽把手
  • 自定义缩放把手
  • 响应式布局

快速开始

官方文档

ChangeLog

v0.2.8

  • 版本跳跃
  • 添加增加 add/remove 布局
  • 新增记忆布局 demo
  • 更新 col,width,rowHeight 以后,会动态进行更新
  • [fix]修复更新数据视图内部不更新的 bug

v0.1.7

  • 优化性能-使用 reselect 的原理
  • 拖拽手感优化
  • 优化 dom 的层级
  • 自定义拖拽把手和 resize 把手
  • 拓展了 child 的渲染方式

v0.1.6

  • 修正 zIndex 的错误
  • 新增拖拽把手
  • 自由选择拖拽和 resize
  • 添加删除逻辑
  • 修改成 child 渲染方式
  • placeholder 选择

v0.1.3

  • 新增组件 api:getLayout,用于获取当前的 layout.
  • 新增组件的 resize

测试

git clone https://github.com/215566435/Dragact.git
cd Dragact
npm install
npm run test

贡献

想要一个新的特色、功能?

  1. 如果你想添加一些新功能或者一些非常棒的点子,请发起 issue 告诉我,谢谢!
  2. 如果你已经阅读过源代码,并且添加了一些非常牛 X🐂 的点子,请发起你的 PR.

有 bug?

如果你发现了本项目的 Bug,请务必马上告诉我。添加一个 issue,并且帮忙给出最最简单重现的例子,这能让我快速定位到 Bug 帮你解决,谢谢!

LICENSE

MIT

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.