UNPKG

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