【文件属性】:
文件名称:react-sortable-hoc:一组高阶组件,可将任何列表变成动画,可访问且易于触摸的可排序列表:victory_hand_selector:
文件大小:249KB
文件格式:ZIP
更新时间:2021-02-03 05:38:21
react javascript front-end sorting grid
一组高阶组件,可将任何列表变成动画,可访问且易于触摸的可排序列表
此处提供示例:
产品特点
高阶组件–与您现有的组件集成
拖动手柄,自动滚动,锁定轴,事件等!
Suuuper流畅的动画–追逐60FPS的梦想 :rainbow:
与虚拟化库一起使用: , , 等。
水平列表,垂直列表或网格 :left-right_arrow: :up-down_arrow: ⤡
触控支持 :OK_hand:
辅助功能:支持键盘排序
安装
使用 :
$ npm install react-sortable-hoc --save
然后,使用支持CommonJS或ES2015模块(例如webpack)的模块:
// Using an ES6 transpiler like Babel
import { SortableContainer , SortableElement } from 'react-sortable-hoc' ;
// Not using an ES6 transpiler
var Sortable = require ( 'react-sortable-hoc' )
【文件预览】:
react-sortable-hoc-master
----.eslintrc.json(746B)
----.gitignore(86B)
----.codesandbox()
--------ci.json(43B)
----package.json(3KB)
----src()
--------Manager()
--------AutoScroller()
--------index.js(413B)
--------SortableElement()
--------utils.js(8KB)
--------.stories()
--------SortableHandle()
--------SortableContainer()
----.travis.yml(34B)
----LICENSE(1KB)
----CHANGELOG.md(19KB)
----types()
--------index.d.ts(3KB)
----rollup.config.js(2KB)
----examples()
--------.eslintrc.json(125B)
--------collections.js(1KB)
--------react-virtualized.js(2KB)
--------basic.js(943B)
--------react-virtualized-table-columns.js(2KB)
--------react-infinite.js(1KB)
--------drag-handle.js(1KB)
----README.md(27KB)
----.storybook()
--------manager-head.html(8KB)
--------webpack.config.js(594B)
--------theme.js(870B)
--------config.js(265B)
----.npmignore(67B)
----.editorconfig(396B)
----.prettierrc(106B)
----yarn.lock(514KB)