goview_vue/src/store/modules/chartEditStore/chartEditStore.d.ts

70 lines
1.6 KiB
TypeScript
Raw Normal View History

2022-01-30 00:43:37 +08:00
// 编辑画布属性
2022-01-20 21:25:35 +08:00
export enum EditCanvasTypeEnum {
2022-01-24 21:12:18 +08:00
EDIT_LAYOUT_DOM = 'editLayoutDom',
EDIT_CONTENT_DOM = 'editContentDom',
2022-01-20 21:25:35 +08:00
WIDTH = 'width',
HEIGHT = 'height',
OFFSET = 'offset',
SCALE = 'scale',
2022-01-24 21:12:18 +08:00
USER_SCALE = 'userScale',
LOCK_SCALE = 'lockScale',
2022-01-30 00:43:37 +08:00
BACKGROUND = 'background'
2022-01-20 21:25:35 +08:00
}
2022-01-30 00:43:37 +08:00
2022-01-20 21:25:35 +08:00
export type EditCanvasType = {
// 编辑区域 DOM
2022-01-24 21:12:18 +08:00
[EditCanvasTypeEnum.EDIT_LAYOUT_DOM]: HTMLElement | null
[EditCanvasTypeEnum.EDIT_CONTENT_DOM]: HTMLElement | null
2022-01-20 21:25:35 +08:00
// 大屏宽度
[EditCanvasTypeEnum.WIDTH]: number
// 大屏高度
[EditCanvasTypeEnum.HEIGHT]: number
// 偏移大小
[EditCanvasTypeEnum.OFFSET]: number
// 缩放
[EditCanvasTypeEnum.SCALE]: number
2022-01-20 22:13:51 +08:00
// 缩放
2022-01-24 21:12:18 +08:00
[EditCanvasTypeEnum.USER_SCALE]: number
2022-01-20 21:25:35 +08:00
// 锁定缩放
2022-01-24 21:12:18 +08:00
[EditCanvasTypeEnum.LOCK_SCALE]: boolean
2022-01-20 21:25:35 +08:00
// 背景色
[EditCanvasTypeEnum.BACKGROUND]?: string
}
// 坐标轴信息
export enum EditCanvasTypeEnum {
X = 'x',
Y = 'y'
}
2022-01-30 00:43:37 +08:00
// 鼠标位置
2022-01-20 21:25:35 +08:00
export type MousePositionType = {
// X 轴
[EditCanvasTypeEnum.X]: number
// y 轴
[EditCanvasTypeEnum.Y]: number
}
2022-01-29 11:44:51 +08:00
// 操作目标
export type TargetChartType = {
2022-01-29 21:44:22 +08:00
hoverIndex?: string
selectIndex?: string
2022-01-29 11:44:51 +08:00
}
2022-01-30 00:43:37 +08:00
// Store 枚举
2022-01-29 21:44:22 +08:00
export enum ChartEditStoreEnum {
2022-01-30 00:43:37 +08:00
EDIT_RANGE = 'editRange',
EDIT_CANVAS = 'editCanvas',
MOUSE_POSITION = 'mousePosition',
TARGET_CHART = 'targetChart',
COMPONENT_LIST = 'componentList'
2022-01-20 21:25:35 +08:00
}
2022-01-24 21:12:18 +08:00
2022-01-30 00:43:37 +08:00
// Store 类型
2022-01-19 21:29:04 +08:00
export interface chartEditStoreType {
2022-01-30 00:43:37 +08:00
[ChartEditStoreEnum.EDIT_CANVAS]: EditCanvasType
[ChartEditStoreEnum.MOUSE_POSITION]: MousePositionType
2022-01-29 21:44:22 +08:00
[ChartEditStoreEnum.TARGET_CHART]: TargetChartType
[ChartEditStoreEnum.COMPONENT_LIST]: any[]
2022-01-20 21:25:35 +08:00
}