【文件属性】:
文件名称:React嵌套滑块
文件大小:193KB
文件格式:ZIP
更新时间:2021-02-07 23:26:32
TypeScript
React嵌套滑块(WIP)
演示版
查看在线
或在本地运行:
yarn install
yarn storybook
要求
单击轨道名称左侧的右矩形时,应该具有“折叠/展开”
应该能够拖动过渡栏,左过渡处理程序和右过渡处理程序来更改延迟和持续时间。
拖动过渡栏时,它仅应更改延迟。
拖动左过渡处理程序时,应更改延迟和持续时间。
拖动正确的过渡处理程序时,它仅应更改持续时间。
当更改延迟和持续时间时,您还应该更新与所选音轨相关的其他音轨。
如果过渡栏太长,则需要滚动。 但是曲目名称面板应该是固定的。
当选择一个曲目/徘徊,要突出两个Track Name块和Transition Bar街区。 (整行)
可以更好
更好的滑块样式
清理onChange逻辑
条形滚动条应分组
添加测试
带github动作的Storybook CI / CD
【文件预览】:
react-nested-sliders-master
----.github()
--------workflows()
----yarn.lock(477KB)
----src()
--------NestedSlider.stories.tsx(3KB)
--------NestedSlider.tsx(2KB)
--------Slider.tsx(6KB)
--------Slider.stories.tsx(781B)
--------helper.ts(1KB)
----.storybook()
--------main.js(196B)
--------preview.js(74B)
----.idea()
--------misc.xml(294B)
--------phase-challenge_eddie-hsu.iml(512B)
--------modules.xml(302B)
--------.gitignore(176B)
--------vcs.xml(300B)
----tsconfig.json(326B)
----README.md(1KB)
----jest.config.ts(177B)
----.gitignore(2KB)
----package.json(1KB)