1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
| import { defineStore } from 'pinia'
| import { ref } from 'vue'
| import { TableSizeEnum } from '@/enums/formEnum'
| const useTableStore = defineStore(
| 'tableStore',
| () => {
| const tableSize = ref(TableSizeEnum.DEFAULT)
| const isZebra = ref(false)
| const isBorder = ref(false)
| const isHeaderBackground = ref(false)
| const isFullScreen = ref(false)
| const setTableSize = (size) => (tableSize.value = size)
| const setIsZebra = (value) => (isZebra.value = value)
| const setIsBorder = (value) => (isBorder.value = value)
| const setIsHeaderBackground = (value) => (isHeaderBackground.value = value)
| const setIsFullScreen = (value) => (isFullScreen.value = value)
| return {
| tableSize,
| isZebra,
| isBorder,
| isHeaderBackground,
| setTableSize,
| setIsZebra,
| setIsBorder,
| setIsHeaderBackground,
| isFullScreen,
| setIsFullScreen
| }
| },
| {
| persist: {
| key: 'table',
| storage: localStorage
| }
| }
| )
| export { useTableStore }
|
|
