fix: 修改右键判定区域,新增历史记录store

This commit is contained in:
MTrun
2022-01-31 23:37:43 +08:00
parent 0a223afab2
commit c6a7be352b
9 changed files with 128 additions and 46 deletions
+23 -5
View File
@@ -1,10 +1,28 @@
export interface HistoryStackType {
import { CreateComponentType } from '@/packages/index.d'
// 操作类型枚举
export enum HistoryTypeEnum {
ADD = 'add',
DELETE = 'delete',
MOVE = 'move',
SELECT_HISTORY = 'selectHistory'
}
export interface chartHistoryStoreType {
// 历史栈
export enum HistoryStackEnum {
BACK_STACK= 'backStack',
FORWARD_STACK= 'forwardStack',
}
// 历史记录项类型
export interface HistoryItemType extends CreateComponentType {
historyType: HistoryTypeEnum
}
// 历史 Store 类型
export interface ChartHistoryStoreType {
// 后退栈
backStack: [],
[HistoryStackEnum.BACK_STACK]: Array<HistoryItemType>,
// 前进栈
forwardStack: []
[HistoryStackEnum.FORWARD_STACK]: Array<HistoryItemType>,
}
@@ -1,11 +1,62 @@
import { defineStore } from 'pinia'
import { chartHistoryStoreType } from './chartHistoryStore.d'
import {
HistoryStackEnum,
HistoryItemType,
ChartHistoryStoreType
} from './chartHistoryStore.d'
import { setLocalStorage, getLocalStorage } from '@/utils'
import { StorageEnum } from '@/enums/storageEnum'
export const useChartHistoryStoreStore = defineStore({
id: 'useChartHistoryStore',
state: (): chartHistoryStoreType => ({}),
getters: {},
actions: {}
})
state: (): ChartHistoryStoreType => ({
// 后退栈(记录栈)
backStack: [],
// 前进栈
forwardStack: []
}),
getters: {
getBackStack(): Array<HistoryItemType> {
return this.backStack
},
getForwardStack(): Array<HistoryItemType> {
return this.forwardStack
}
},
actions: {
// * 推入记录栈
addBackStackItem(item: HistoryItemType | Array<HistoryItemType>): void {
if(item instanceof Array) this.backStack = [...this.backStack, ...item]
else this.backStack.push(item)
},
// * 推入前进栈
addForwardStack(item: HistoryItemType | Array<HistoryItemType>): void {
if(item instanceof Array) this.forwardStack = [...this.forwardStack, ...item]
else this.forwardStack.push(item)
},
// * 移出记录栈
popBackStackItem(
index?: number
): HistoryItemType[] | HistoryItemType | undefined {
const length = this.backStack.length
if (index && length >= index) {
return this.backStack.splice(-index)
}
if (this.backStack.length > 0) {
return this.backStack.pop()
}
},
// * 移出前进栈
popForwardStack(
index?: number
): HistoryItemType[] | HistoryItemType | undefined {
const length = this.forwardStack.length
if (index && length >= index) {
return this.forwardStack.splice(-index)
}
if (this.forwardStack.length > 0) {
return this.forwardStack.pop()
}
}
}
})