Skip to content

Commit a638f3d

Browse files
rohanoid5rohanoid5
committed
Separated options map and props to a separate config file.
1 parent ba476ef commit a638f3d

File tree

4 files changed

+226
-437
lines changed

4 files changed

+226
-437
lines changed

‎example/index.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import Vue from 'vue';
2-
// import VueFusionCharts from '../src';
2+
import VueFusionCharts from '../src';
33
// import VueFCComponent from '../src/vue-fusioncharts-component';
4-
import VueFCComponent from '../component';
4+
// import VueFCComponent from '../component';
55
import FusionCharts from 'fusioncharts';
66
import Charts from 'fusioncharts/fusioncharts.charts';
77
import Fint from 'fusioncharts/themes/fusioncharts.theme.fint';
@@ -10,16 +10,16 @@ import Fint from 'fusioncharts/themes/fusioncharts.theme.fint';
1010
// Fint(FusionCharts);
1111

1212
// Use VueFusionCharts plugins by calling the Vue.use() global method:
13-
// Vue.use(VueFusionCharts, FusionCharts, Charts);
13+
Vue.use(VueFusionCharts, FusionCharts, Charts);
1414

1515
//Use this to add vue-fusioncharts a component
16-
let vFC = VueFCComponent(FusionCharts, Charts, Fint);
16+
// let vFC = VueFCComponent(FusionCharts, Charts, Fint);
1717
// Vue.component('fusioncharts', vFC);
1818

1919
// bootstrap the demo
2020
var chart = new Vue({
2121
el: '#chart1',
22-
components: { fusioncharts: vFC },
22+
// components: { fusioncharts: vFC },
2323
data: {
2424
options: {
2525
type: 'Pie2D',

‎src/config.js‎

Lines changed: 218 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,218 @@
1+
const optionsMap = {
2+
type: 'type',
3+
id: 'id',
4+
width: 'width',
5+
height: 'height',
6+
dataFormat: 'dataFormat',
7+
dataSource: 'dataSource',
8+
events: 'events',
9+
link: 'link',
10+
showDataLoadingMessage: 'showDataLoadingMessage',
11+
showChartLoadingMessage: 'showChartLoadingMessage',
12+
baseChartMessageFont: 'baseChartMessageFont',
13+
baseChartMessageFontSize: 'baseChartMessageFontSize',
14+
baseChartMessageColor: 'baseChartMessageColor',
15+
dataLoadStartMessage: 'dataLoadStartMessage',
16+
dataLoadErrorMessage: 'dataLoadErrorMessage',
17+
dataInvalidMessage: 'dataInvalidMessage',
18+
dataEmptyMessage: 'dataEmptyMessage',
19+
typeNotSupportedMessage: 'typeNotSupportedMessage',
20+
loadMessage: 'loadMessage',
21+
renderErrorMessage: 'renderErrorMessage',
22+
containerBackgroundColor: 'containerBackgroundColor',
23+
containerBackgroundOpacity: 'containerBackgroundOpacity',
24+
containerClassName: 'containerClassName',
25+
baseChartMessageImageHAlign: 'baseChartMessageImageHAlign',
26+
baseChartMessageImageVAlign: 'baseChartMessageImageVAlign',
27+
baseChartMessageImageAlpha: 'baseChartMessageImageAlpha',
28+
baseChartMessageImageScale: 'baseChartMessageImageScale',
29+
typeNotSupportedMessageImageHAlign: 'typeNotSupportedMessageImageHAlign',
30+
typeNotSupportedMessageImageVAlign: 'typeNotSupportedMessageImageVAlign',
31+
typeNotSupportedMessageImageAlpha: 'typeNotSupportedMessageImageAlpha',
32+
typeNotSupportedMessageImageScale: 'typeNotSupportedMessageImageScale',
33+
dataLoadErrorMessageImageHAlign: 'dataLoadErrorMessageImageHAlign',
34+
dataLoadErrorMessageImageVAlign: 'dataLoadErrorMessageImageVAlign',
35+
dataLoadErrorMessageImageAlpha: 'dataLoadErrorMessageImageAlpha',
36+
dataLoadErrorMessageImageScale: 'dataLoadErrorMessageImageScale',
37+
dataLoadStartMessageImageHAlign: 'dataLoadStartMessageImageHAlign',
38+
dataLoadStartMessageImageVAlign: 'dataLoadStartMessageImageVAlign',
39+
dataLoadStartMessageImageAlpha: 'dataLoadStartMessageImageAlpha',
40+
dataLoadStartMessageImageScale: 'dataLoadStartMessageImageScale',
41+
dataInvalidMessageImageHAlign: 'dataInvalidMessageImageHAlign',
42+
dataInvalidMessageImageVAlign: 'dataInvalidMessageImageVAlign',
43+
dataInvalidMessageImageAlpha: 'dataInvalidMessageImageAlpha',
44+
dataInvalidMessageImageScale: 'dataInvalidMessageImageScale',
45+
dataEmptyMessageImageHAlign: 'dataEmptyMessageImageHAlign',
46+
dataEmptyMessageImageVAlign: 'dataEmptyMessageImageVAlign',
47+
dataEmptyMessageImageAlpha: 'dataEmptyMessageImageAlpha',
48+
dataEmptyMessageImageScale: 'dataEmptyMessageImageScale',
49+
renderErrorMessageImageHAlign: 'renderErrorMessageImageHAlign',
50+
renderErrorMessageImageVAlign: 'renderErrorMessageImageVAlign',
51+
renderErrorMessageImageAlpha: 'renderErrorMessageImageAlpha',
52+
renderErrorMessageImageScale: 'renderErrorMessageImageScale',
53+
loadMessageImageHAlign: 'loadMessageImageHAlign',
54+
loadMessageImageVAlign: 'loadMessageImageVAlign',
55+
loadMessageImageAlpha: 'loadMessageImageAlpha',
56+
loadMessageImageScale: 'loadMessageImageScale',
57+
///////////////////////////////////////////////////////
58+
dataformat: 'dataFormat',
59+
datasource: 'dataSource',
60+
showdataloadingmessage: 'showDataLoadingMessage',
61+
showchartloadingmessage: 'showChartLoadingMessage',
62+
basechartmessagefont: 'baseChartMessageFont',
63+
basechartmessagefontsize: 'baseChartMessageFontSize',
64+
basechartmessagecolor: 'baseChartMessageColor',
65+
dataloadstartmessage: 'dataLoadStartMessage',
66+
dataloaderrormessage: 'dataLoadErrorMessage',
67+
datainvalidmessage: 'dataInvalidMessage',
68+
dataemptymessage: 'dataEmptyMessage',
69+
typenotsupportedmessage: 'typeNotSupportedMessage',
70+
loadmessage: 'loadMessage',
71+
rendererrormessage: 'renderErrorMessage',
72+
containerbackgroundcolor: 'containerBackgroundColor',
73+
containerbackgroundopacity: 'containerBackgroundOpacity',
74+
containerclassname: 'containerClassName',
75+
basechartmessageimagehalign: 'baseChartMessageImageHAlign',
76+
basechartmessageimagevalign: 'baseChartMessageImageVAlign',
77+
basechartmessageimagealpha: 'baseChartMessageImageAlpha',
78+
basechartmessageimagescale: 'baseChartMessageImageScale',
79+
typenotsupportedmessageimagehalign: 'typeNotSupportedMessageImageHAlign',
80+
typenotsupportedmessageimagevalign: 'typeNotSupportedMessageImageVAlign',
81+
typenotsupportedmessageimagealpha: 'typeNotSupportedMessageImageAlpha',
82+
typenotsupportedmessageimagescale: 'typeNotSupportedMessageImageScale',
83+
dataloaderrormessageimagehalign: 'dataLoadErrorMessageImageHAlign',
84+
dataloaderrormessageimagevalign: 'dataLoadErrorMessageImageVAlign',
85+
dataloaderrormessageimagealpha: 'dataLoadErrorMessageImageAlpha',
86+
dataloaderrormessageimagescale: 'dataLoadErrorMessageImageScale',
87+
dataloadstartmessageimagehalign: 'dataLoadStartMessageImageHAlign',
88+
dataloadstartmessageimagevalign: 'dataLoadStartMessageImageVAlign',
89+
dataloadstartmessageimagealpha: 'dataLoadStartMessageImageAlpha',
90+
dataloadstartmessageimagescale: 'dataLoadStartMessageImageScale',
91+
datainvalidmessageimagehalign: 'dataInvalidMessageImageHAlign',
92+
datainvalidmessageimagevalign: 'dataInvalidMessageImageVAlign',
93+
datainvalidmessageimagealpha: 'dataInvalidMessageImageAlpha',
94+
datainvalidmessageimagescale: 'dataInvalidMessageImageScale',
95+
dataemptymessageimagehalign: 'dataEmptyMessageImageHAlign',
96+
dataemptymessageimagevalign: 'dataEmptyMessageImageVAlign',
97+
dataemptymessageimagealpha: 'dataEmptyMessageImageAlpha',
98+
dataemptymessageimagescale: 'dataEmptyMessageImageScale',
99+
rendererrormessageimagehalign: 'renderErrorMessageImageHAlign',
100+
rendererrormessageimagevalign: 'renderErrorMessageImageVAlign',
101+
rendererrormessageimagealpha: 'renderErrorMessageImageAlpha',
102+
rendererrormessageimagescale: 'renderErrorMessageImageScale',
103+
loadmessageimagehalign: 'loadMessageImageHAlign',
104+
loadmessageimagevalign: 'loadMessageImageVAlign',
105+
loadmessageimagealpha: 'loadMessageImageAlpha',
106+
loadmessageimagescale: 'loadMessageImageScale'
107+
};
108+
109+
const props = {
110+
options: Object,
111+
type: String,
112+
id: String,
113+
width: '',
114+
height: '',
115+
dataFormat: String,
116+
dataSource: '',
117+
events: Object,
118+
link: Object,
119+
showDataLoadingMessage: Boolean,
120+
showChartLoadingMessage: Boolean,
121+
baseChartMessageFont: String,
122+
baseChartMessageFontSize: String,
123+
baseChartMessageColor: String,
124+
dataLoadStartMessage: String,
125+
dataLoadErrorMessage: String,
126+
dataInvalidMessage: String,
127+
dataEmptyMessage: String,
128+
typeNotSupportedMessage: String,
129+
loadMessage: String,
130+
renderErrorMessage: String,
131+
containerBackgroundColor: String,
132+
containerBackgroundOpacity: Number,
133+
containerClassName: String,
134+
baseChartMessageImageHAlign: String,
135+
baseChartMessageImageVAlign: String,
136+
baseChartMessageImageAlpha: Number,
137+
baseChartMessageImageScale: Number,
138+
typeNotSupportedMessageImageHAlign: String,
139+
typeNotSupportedMessageImageVAlign: String,
140+
typeNotSupportedMessageImageAlpha: Number,
141+
typeNotSupportedMessageImageScale: Number,
142+
dataLoadErrorMessageImageHAlign: String,
143+
dataLoadErrorMessageImageVAlign: String,
144+
dataLoadErrorMessageImageAlpha: Number,
145+
dataLoadErrorMessageImageScale: Number,
146+
dataLoadStartMessageImageHAlign: String,
147+
dataLoadStartMessageImageVAlign: String,
148+
dataLoadStartMessageImageAlpha: Number,
149+
dataLoadStartMessageImageScale: Number,
150+
dataInvalidMessageImageHAlign: String,
151+
dataInvalidMessageImageVAlign: String,
152+
dataInvalidMessageImageAlpha: Number,
153+
dataInvalidMessageImageScale: Number,
154+
dataEmptyMessageImageHAlign: String,
155+
dataEmptyMessageImageVAlign: String,
156+
dataEmptyMessageImageAlpha: Number,
157+
dataEmptyMessageImageScale: Number,
158+
renderErrorMessageImageHAlign: String,
159+
renderErrorMessageImageVAlign: String,
160+
renderErrorMessageImageAlpha: Number,
161+
renderErrorMessageImageScale: Number,
162+
loadMessageImageHAlign: String,
163+
loadMessageImageVAlign: String,
164+
loadMessageImageAlpha: Number,
165+
loadMessageImageScale: Number,
166+
///////////////////////////////////////////////
167+
dataformat: String,
168+
datasource: '',
169+
showdataloadingmessage: Boolean,
170+
showchartloadingmessage: Boolean,
171+
basechartmessagefont: String,
172+
basechartmessagefontsize: String,
173+
basechartmessagecolor: String,
174+
dataloadstartmessage: String,
175+
dataloaderrormessage: String,
176+
datainvalidmessage: String,
177+
dataemptymessage: String,
178+
typenotsupportedmessage: String,
179+
loadmessage: String,
180+
rendererrormessage: String,
181+
containerbackgroundcolor: String,
182+
containerbackgroundopacity: Number,
183+
containerclassname: String,
184+
basechartmessageimagehalign: String,
185+
basechartmessageimagevalign: String,
186+
basechartmessageimagealpha: Number,
187+
basechartmessageimagescale: Number,
188+
typenotsupportedmessageimagehalign: String,
189+
typenotsupportedmessageimagevalign: String,
190+
typenotsupportedmessageimagealpha: Number,
191+
typenotsupportedmessageimagescale: Number,
192+
dataloaderrormessageimagehalign: String,
193+
dataloaderrormessageimagevalign: String,
194+
dataloaderrormessageimagealpha: Number,
195+
dataloaderrormessageimagescale: Number,
196+
dataloadstartmessageimagehalign: String,
197+
dataloadstartmessageimagevalign: String,
198+
dataloadstartmessageimagealpha: Number,
199+
dataloadstartmessageimagescale: Number,
200+
datainvalidmessageimagehalign: String,
201+
datainvalidmessageimagevalign: String,
202+
datainvalidmessageimagealpha: Number,
203+
datainvalidmessageimagescale: Number,
204+
dataemptymessageimagehalign: String,
205+
dataemptymessageimagevalign: String,
206+
dataemptymessageimagealpha: Number,
207+
dataemptymessageimagescale: Number,
208+
rendererrormessageimagehalign: String,
209+
rendererrormessageimagevalign: String,
210+
rendererrormessageimagealpha: Number,
211+
rendererrormessageimagescale: Number,
212+
loadmessageimagehalign: String,
213+
loadmessageimagevalign: String,
214+
loadmessageimagealpha: Number,
215+
loadmessageimagescale: Number
216+
};
217+
218+
module.exports = { optionsMap, props };

0 commit comments

Comments
 (0)