文件名称：react-grid-layout:可响应的断点可拖动和可调整大小的网格布局，用于React
文件大小：368KB
文件格式：ZIP
更新时间：2024-04-10 17:19:37
react javascript resize grid drag-and-drop
React网格布局
React-Grid-Layout是一个类似于React的或的网格布局系统。
与那些系统不同，它具有响应能力并支持断点。断点布局可以由用户提供或自动生成。
RGL仅适用于React，不需要jQuery。
来自生产使用情况的GIF
[|| ]
目录
演示版
使用React-Grid-Layout的项目
认识别人吗？建立公关让我知道！
特征
100％React-没有jQuery
与服务器渲染的应用程序兼容
可拖动的小部件
可调整大小的小部件
静态小部件
可配置包装：水平，垂直或不固定
边界检查以进行拖动和调整大小
可以在不重建网格的情况下添加或删除小部件
布局可以序列化和还原
响应断点
每个响应断点单独的布局
使用CSS变换放置的网格项目CSS转换的性能：/，注意油漆（绿色）占时间的百分比
与
【文件预览】：
react-grid-layout-master
----.eslintrc.json(635B)
----index.html(148B)
----.flowconfig(265B)
----index-dev.html(393B)
----webpack-examples.config.js(1KB)
----.github()
--------ISSUE_TEMPLATE.md(342B)
--------PULL_REQUEST_TEMPLATE.md(262B)
--------workflows()
--------labeler.yml(350B)
----yarn.lock(342KB)
----.browserslistrc(22B)
----webpack.config.js(1KB)
----.prettierignore(16B)
----lib()
--------calculateUtils.js(5KB)
--------ReactGridLayout.jsx(20KB)
--------ReactGridLayoutPropTypes.js(7KB)
--------utils.js(22KB)
--------components()
--------responsiveUtils.js(4KB)
--------ResponsiveReactGridLayout.jsx(10KB)
--------fastRGLPropsEqual.js(1KB)
--------GridItem.jsx(19KB)
----flow-typed()
--------npm()
----.npmignore(154B)
----webpack-dev-server.config.js(986B)
----index.js.flow(264B)
----.validate.json(92B)
----examples()
--------vars.js(6KB)
--------example-styles.css(2KB)
--------generate.js(839B)
--------template.ejs(1KB)
----.travis.yml(94B)
----LICENSE(1KB)
----test()
--------dev-hook.jsx(229B)
--------spec()
--------examples()
--------util()
--------test-hook.jsx(2KB)
----.prettierrc(405B)
----__mocks__()
--------react-grid-layout.js(128B)
----README.md(21KB)
----.husky()
--------pre-commit(78B)
--------.gitignore(2B)
----Makefile(2KB)
----dist()
--------react-grid-layout.min.js.map(343KB)
--------react-grid-layout.min.js(88KB)
----css()
--------styles.css(3KB)
----.gitignore(206B)
----index.js(346B)
----index-dev.js(336B)
----.babelrc.js(456B)
----CHANGELOG.md(28KB)
----.eslintignore(18B)
----package.json(3KB)