多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

41 lines
1.2 KiB

import { acceptHMRUpdate, defineStore } from 'pinia'
import { isViewPortMobile } from '~/utils'
export const useSidebarStore = defineStore('sidebarStore', () => {
const isLeftSidebarOpen = ref(!isViewPortMobile())
const isRightSidebarOpen = ref(true)
const leftSidebarWidthPercent = ref(isViewPortMobile() ? 0 : 20)
const leftSideBarSize = ref({
old: 20,
current: leftSidebarWidthPercent.value,
})
const rightSidebarSize = ref({
old: 17.5,
current: 17.5,
})
const leftSidebarState = ref<
'openStart' | 'openEnd' | 'hiddenStart' | 'hiddenEnd' | 'peekOpenStart' | 'peekOpenEnd' | 'peekCloseOpen' | 'peekCloseEnd'
>(isLeftSidebarOpen.value ? 'openEnd' : 'hiddenEnd')
const rightSidebarState = ref<
'openStart' | 'openEnd' | 'hiddenStart' | 'hiddenEnd' | 'peekOpenStart' | 'peekOpenEnd' | 'peekCloseOpen' | 'peekCloseEnd'
>(isRightSidebarOpen.value ? 'openEnd' : 'hiddenEnd')
return {
isLeftSidebarOpen,
isRightSidebarOpen,
rightSidebarSize,
leftSidebarWidthPercent,
leftSideBarSize,
leftSidebarState,
rightSidebarState,
}
})
if (import.meta.hot) {
import.meta.hot.accept(acceptHMRUpdate(useSidebarStore as any, import.meta.hot))
}