|
@ -24,6 +24,15 @@ const Sider = props => { |
|
|
} |
|
|
} |
|
|
setItems(nextItems) |
|
|
setItems(nextItems) |
|
|
|
|
|
|
|
|
|
|
|
const lastSelectedKeys = localStorage.getItem('vcmp_selected_sider') |
|
|
|
|
|
if (lastSelectedKeys) { |
|
|
|
|
|
setSelectedKeys(JSON.parse(lastSelectedKeys)) |
|
|
|
|
|
} |
|
|
|
|
|
const lastOpenKeys = localStorage.getItem('vcmp_open_sider') |
|
|
|
|
|
if (lastOpenKeys) { |
|
|
|
|
|
setOpenKeys(JSON.parse(lastOpenKeys)) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
scrollbar = new PerfectScrollbar('#page-slider', { suppressScrollX: true }); |
|
|
scrollbar = new PerfectScrollbar('#page-slider', { suppressScrollX: true }); |
|
|
}, []) |
|
|
}, []) |
|
|
|
|
|
|
|
@ -37,11 +46,19 @@ const Sider = props => { |
|
|
<div id={'page-slider'} style={{ height: clientHeight, position: 'relative' }}> |
|
|
<div id={'page-slider'} style={{ height: clientHeight, position: 'relative' }}> |
|
|
<Nav |
|
|
<Nav |
|
|
style={{}} |
|
|
style={{}} |
|
|
onSelect={({ selectedItems }) => { |
|
|
selectedKeys={selectedKeys} |
|
|
|
|
|
openKeys={openKeys} |
|
|
|
|
|
onSelect={({ selectedItems, selectedKeys, }) => { |
|
|
const selectItem = selectedItems[0] |
|
|
const selectItem = selectedItems[0] |
|
|
if (selectItem.to) { |
|
|
if (selectItem.to) { |
|
|
dispatch(push(selectItem.to)) |
|
|
dispatch(push(selectItem.to)) |
|
|
} |
|
|
} |
|
|
|
|
|
setSelectedKeys(selectedKeys) |
|
|
|
|
|
localStorage.setItem('vcmp_selected_sider', JSON.stringify(selectedKeys)) |
|
|
|
|
|
}} |
|
|
|
|
|
onOpenChange={({ openKeys }) => { |
|
|
|
|
|
setOpenKeys(openKeys) |
|
|
|
|
|
localStorage.setItem('vcmp_open_sider', JSON.stringify(openKeys)) |
|
|
}} |
|
|
}} |
|
|
items={items} |
|
|
items={items} |
|
|
/> |
|
|
/> |
|
|