UNPKG

3.23 kBPlain TextView Raw
1/**
2 * view 中三层 group 分层 key
3 */
4export enum LAYER {
5 /** 前景层 */
6 FORE = 'fore',
7 /** 中间层 */
8 MID = 'mid',
9 /** 背景层 */
10 BG = 'bg',
11}
12
13/**
14 * 组件在画布的布局方位 12 方位
15 */
16export enum DIRECTION {
17 TOP = 'top',
18 TOP_LEFT = 'top-left',
19 TOP_RIGHT = 'top-right',
20 RIGHT = 'right',
21 RIGHT_TOP = 'right-top',
22 RIGHT_BOTTOM = 'right-bottom',
23 LEFT = 'left',
24 LEFT_TOP = 'left-top',
25 LEFT_BOTTOM = 'left-bottom',
26 BOTTOM = 'bottom',
27 BOTTOM_LEFT = 'bottom-left',
28 BOTTOM_RIGHT = 'bottom-right',
29 RADIUS = 'radius',
30 CIRCLE = 'circle',
31 // no direction information
32 NONE = 'none',
33}
34
35/**
36 * 组件的类型，可能会影响到布局算法
37 */
38export enum COMPONENT_TYPE {
39 /** axis 组件 */
40 AXIS = 'axis',
41 /** grid 组件 */
42 GRID = 'grid',
43 /** legend 组件 */
44 LEGEND = 'legend',
45 /** tooltip 组件 */
46 TOOLTIP = 'tooltip',
47 /** annotation 组件 */
48 ANNOTATION = 'annotation',
49 /** 缩略轴组件 */
50 SLIDER = 'slider',
51 /** 滚动条组件 */
52 SCROLLBAR = 'scrollbar',
53 /** 其他组件，自定义组件 */
54 OTHER = 'other',
55}
56
57/**
58 * 三层 group 的 z index
59 */
60export const GROUP_Z_INDEX = {
61 FORE: 3,
62 MID: 2,
63 BG: 1,
64};
65
66/**
67 * View 的生命周期阶段（和 3.x 的生命周期略有不同）
68 * 我们需要先确定在那写场景需要用到生命周期，如果只是为了在生命周期插入一下什么组件之类的，那么在现有架构就是不需要的
69 */
70export enum VIEW_LIFE_CIRCLE {
71 BEFORE_RENDER = 'beforerender',
72 AFTER_RENDER = 'afterrender',
73
74 BEFORE_PAINT = 'beforepaint',
75 AFTER_PAINT = 'afterpaint',
76
77 BEFORE_CHANGE_DATA = 'beforechangedata',
78 AFTER_CHANGE_DATA = 'afterchangedata',
79
80 BEFORE_CLEAR = 'beforeclear',
81 AFTER_CLEAR = 'afterclear',
82
83 BEFORE_DESTROY = 'beforedestroy',
84
85 BEFORE_CHANGE_SIZE = 'beforechangesize',
86 AFTER_CHANGE_SIZE = 'afterchangesize',
87}
88
89/**
90 * geometry 的生命周期
91 */
92export enum GEOMETRY_LIFE_CIRCLE {
93 BEFORE_DRAW_ANIMATE = 'beforeanimate',
94 AFTER_DRAW_ANIMATE = 'afteranimate',
95}
96
97/**
98 * 绘图区的事件列表
99 */
100export enum PLOT_EVENTS {
101 // mouse 事件
102 MOUSE_ENTER = 'plot:mouseenter',
103 MOUSE_DOWN = 'plot:mousedown',
104 MOUSE_MOVE = 'plot:mousemove',
105 MOUSE_UP = 'plot:mouseup',
106 MOUSE_LEAVE = 'plot:mouseleave',
107 // 移动端事件
108 TOUCH_START = 'plot:touchstart',
109 TOUCH_MOVE = 'plot:touchmove',
110 TOUCH_END = 'plot:touchend',
111 TOUCH_CANCEL = 'plot:touchcancel',
112 // click 事件
113 CLICK = 'plot:click',
114 DBLCLICK = 'plot:dblclick',
115 CONTEXTMENU = 'plot:contextmenu',
116
117 LEAVE = 'plot:leave',
118 ENTER = 'plot:enter',
119}
120
121/**
122 * Element 图形交互状态
123 */
124export enum ELEMENT_STATE {
125 ACTIVE = 'active',
126 INACTIVE = 'inactive',
127 SELECTED = 'selected',
128 DEFAULT = 'default',
129}
130
131/** 参与分组的图形属性名 */
132export const GROUP_ATTRS = ['color', 'shape', 'size'];
133/** 存储原始数据的字段名 */
134export const FIELD_ORIGIN = '_origin';
135/** 最小的图表宽度 */
136export const MIN_CHART_WIDTH = 1;
137/** 最小的图表高度 */
138export const MIN_CHART_HEIGHT = 1;
139/** 辅助组件占图表的尺寸的最大比例：如图表上方的图例最多占图表高度的25% */
140export const COMPONENT_MAX_VIEW_PERCENTAGE = 0.25;