d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-19 15:09:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

折叠菜单

Browse Source
This commit is contained in:
tangly1024.com
2023-03-09 15:29:22 +08:00
parent c607ef4ac1
commit 280723ccc0
6 changed files with 50 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/Collapse.js
View File

@@ -58,17 +58,20 @@ const Collapse = props => {
clearTimeout(clearTime)
}
const updateHeight = () => {
collapseRef.current.style.height = 'auto'
}
React.useEffect(() => {
const element = collapseRef.current
if (props.isOpen) {
expandSection(element)
expandSection(collapseRef.current)
} else {
collapseSection(element)
collapseSection(collapseRef.current)
}
}, [props.isOpen])
return (
<div ref={collapseRef} style={type === 'vertical' ? { height: '0px' } : { width: '0px' }} className={'overflow-hidden duration-200 ' + props.className }>
<div ref={collapseRef} onClick={updateHeight} style={type === 'vertical' ? { height: '0px' } : { width: '0px' }} className={'overflow-hidden duration-200 ' + props.className }>
{props.children}
</div>
)