@vis-pilot/themes 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +14 -0
  3. package/dist/dark.d.ts +378 -0
  4. package/dist/dark.js +402 -0
  5. package/dist/index.d.ts +4 -0
  6. package/dist/index.js +12 -0
  7. package/dist/light.d.ts +354 -0
  8. package/dist/light.js +354 -0
  9. package/package.json +31 -0
package/dist/light.d.ts ADDED
@@ -0,0 +1,354 @@
1
+ export declare const lightTheme: {
2
+ color: string[];
3
+ backgroundColor: string;
4
+ textStyle: {};
5
+ title: {
6
+ textStyle: {
7
+ color: string;
8
+ };
9
+ subtextStyle: {
10
+ color: string;
11
+ };
12
+ };
13
+ line: {
14
+ itemStyle: {
15
+ borderWidth: string;
16
+ };
17
+ lineStyle: {
18
+ width: string;
19
+ };
20
+ symbolSize: string;
21
+ symbol: string;
22
+ smooth: boolean;
23
+ };
24
+ radar: {
25
+ itemStyle: {
26
+ borderWidth: string;
27
+ };
28
+ lineStyle: {
29
+ width: string;
30
+ };
31
+ symbolSize: string;
32
+ symbol: string;
33
+ smooth: boolean;
34
+ };
35
+ bar: {
36
+ itemStyle: {
37
+ barBorderWidth: number;
38
+ barBorderColor: string;
39
+ };
40
+ };
41
+ pie: {
42
+ itemStyle: {
43
+ borderWidth: number;
44
+ borderColor: string;
45
+ };
46
+ };
47
+ scatter: {
48
+ itemStyle: {
49
+ borderWidth: number;
50
+ borderColor: string;
51
+ };
52
+ };
53
+ boxplot: {
54
+ itemStyle: {
55
+ borderWidth: number;
56
+ borderColor: string;
57
+ };
58
+ };
59
+ parallel: {
60
+ itemStyle: {
61
+ borderWidth: number;
62
+ borderColor: string;
63
+ };
64
+ };
65
+ sankey: {
66
+ itemStyle: {
67
+ borderWidth: number;
68
+ borderColor: string;
69
+ };
70
+ };
71
+ funnel: {
72
+ itemStyle: {
73
+ borderWidth: number;
74
+ borderColor: string;
75
+ };
76
+ };
77
+ gauge: {
78
+ itemStyle: {
79
+ borderWidth: number;
80
+ borderColor: string;
81
+ };
82
+ };
83
+ candlestick: {
84
+ itemStyle: {
85
+ color: string;
86
+ color0: string;
87
+ borderColor: string;
88
+ borderColor0: string;
89
+ borderWidth: string;
90
+ };
91
+ };
92
+ graph: {
93
+ itemStyle: {
94
+ borderWidth: number;
95
+ borderColor: string;
96
+ };
97
+ lineStyle: {
98
+ width: string;
99
+ color: string;
100
+ };
101
+ symbolSize: string;
102
+ symbol: string;
103
+ smooth: boolean;
104
+ color: string[];
105
+ label: {
106
+ color: string;
107
+ };
108
+ };
109
+ map: {
110
+ itemStyle: {
111
+ areaColor: string;
112
+ borderColor: string;
113
+ borderWidth: number;
114
+ };
115
+ label: {
116
+ color: string;
117
+ };
118
+ emphasis: {
119
+ itemStyle: {
120
+ areaColor: string;
121
+ borderColor: string;
122
+ borderWidth: number;
123
+ };
124
+ label: {
125
+ color: string;
126
+ };
127
+ };
128
+ };
129
+ geo: {
130
+ itemStyle: {
131
+ areaColor: string;
132
+ borderColor: string;
133
+ borderWidth: number;
134
+ };
135
+ label: {
136
+ color: string;
137
+ };
138
+ emphasis: {
139
+ itemStyle: {
140
+ areaColor: string;
141
+ borderColor: string;
142
+ borderWidth: number;
143
+ };
144
+ label: {
145
+ color: string;
146
+ };
147
+ };
148
+ };
149
+ categoryAxis: {
150
+ axisLine: {
151
+ show: boolean;
152
+ lineStyle: {
153
+ color: string;
154
+ };
155
+ };
156
+ axisTick: {
157
+ show: boolean;
158
+ lineStyle: {
159
+ color: string;
160
+ };
161
+ };
162
+ axisLabel: {
163
+ show: boolean;
164
+ color: string;
165
+ };
166
+ splitLine: {
167
+ show: boolean;
168
+ lineStyle: {
169
+ color: string[];
170
+ };
171
+ };
172
+ splitArea: {
173
+ show: boolean;
174
+ areaStyle: {
175
+ color: string[];
176
+ };
177
+ };
178
+ };
179
+ valueAxis: {
180
+ axisLine: {
181
+ show: boolean;
182
+ lineStyle: {
183
+ color: string;
184
+ };
185
+ };
186
+ axisTick: {
187
+ show: boolean;
188
+ lineStyle: {
189
+ color: string;
190
+ };
191
+ };
192
+ axisLabel: {
193
+ show: boolean;
194
+ color: string;
195
+ };
196
+ splitLine: {
197
+ show: boolean;
198
+ lineStyle: {
199
+ color: string[];
200
+ };
201
+ };
202
+ splitArea: {
203
+ show: boolean;
204
+ areaStyle: {
205
+ color: string[];
206
+ };
207
+ };
208
+ };
209
+ logAxis: {
210
+ axisLine: {
211
+ show: boolean;
212
+ lineStyle: {
213
+ color: string;
214
+ };
215
+ };
216
+ axisTick: {
217
+ show: boolean;
218
+ lineStyle: {
219
+ color: string;
220
+ };
221
+ };
222
+ axisLabel: {
223
+ show: boolean;
224
+ color: string;
225
+ };
226
+ splitLine: {
227
+ show: boolean;
228
+ lineStyle: {
229
+ color: string[];
230
+ };
231
+ };
232
+ splitArea: {
233
+ show: boolean;
234
+ areaStyle: {
235
+ color: string[];
236
+ };
237
+ };
238
+ };
239
+ timeAxis: {
240
+ axisLine: {
241
+ show: boolean;
242
+ lineStyle: {
243
+ color: string;
244
+ };
245
+ };
246
+ axisTick: {
247
+ show: boolean;
248
+ lineStyle: {
249
+ color: string;
250
+ };
251
+ };
252
+ axisLabel: {
253
+ show: boolean;
254
+ color: string;
255
+ };
256
+ splitLine: {
257
+ show: boolean;
258
+ lineStyle: {
259
+ color: string[];
260
+ };
261
+ };
262
+ splitArea: {
263
+ show: boolean;
264
+ areaStyle: {
265
+ color: string[];
266
+ };
267
+ };
268
+ };
269
+ toolbox: {
270
+ iconStyle: {
271
+ borderColor: string;
272
+ };
273
+ emphasis: {
274
+ iconStyle: {
275
+ borderColor: string;
276
+ };
277
+ };
278
+ };
279
+ legend: {
280
+ textStyle: {
281
+ color: string;
282
+ };
283
+ left: string;
284
+ right: string;
285
+ top: number;
286
+ bottom: number;
287
+ };
288
+ tooltip: {
289
+ axisPointer: {
290
+ lineStyle: {
291
+ color: string;
292
+ width: number;
293
+ };
294
+ crossStyle: {
295
+ color: string;
296
+ width: number;
297
+ };
298
+ };
299
+ };
300
+ timeline: {
301
+ lineStyle: {
302
+ color: string;
303
+ width: number;
304
+ };
305
+ itemStyle: {
306
+ color: string;
307
+ borderWidth: number;
308
+ };
309
+ controlStyle: {
310
+ color: string;
311
+ borderColor: string;
312
+ borderWidth: number;
313
+ };
314
+ checkpointStyle: {
315
+ color: string;
316
+ borderColor: string;
317
+ };
318
+ label: {
319
+ color: string;
320
+ };
321
+ emphasis: {
322
+ itemStyle: {
323
+ color: string;
324
+ };
325
+ controlStyle: {
326
+ color: string;
327
+ borderColor: string;
328
+ borderWidth: number;
329
+ };
330
+ label: {
331
+ color: string;
332
+ };
333
+ };
334
+ };
335
+ visualMap: {
336
+ color: string[];
337
+ };
338
+ markPoint: {
339
+ label: {
340
+ color: string;
341
+ };
342
+ emphasis: {
343
+ label: {
344
+ color: string;
345
+ };
346
+ };
347
+ };
348
+ grid: {
349
+ left: string;
350
+ right: string;
351
+ top: number;
352
+ bottom: number;
353
+ };
354
+ };
package/dist/light.js ADDED
@@ -0,0 +1,354 @@
1
+ export const lightTheme = {
2
+ color: ['#3fb1e3', '#6be6c1', '#626c91', '#a0a7e6', '#c4ebad', '#96dee8'],
3
+ backgroundColor: 'rgba(252,252,252,0)',
4
+ textStyle: {},
5
+ title: {
6
+ textStyle: {
7
+ color: '#666666'
8
+ },
9
+ subtextStyle: {
10
+ color: '#999999'
11
+ }
12
+ },
13
+ line: {
14
+ itemStyle: {
15
+ borderWidth: '2'
16
+ },
17
+ lineStyle: {
18
+ width: '3'
19
+ },
20
+ symbolSize: '8',
21
+ symbol: 'emptyCircle',
22
+ smooth: false
23
+ },
24
+ radar: {
25
+ itemStyle: {
26
+ borderWidth: '2'
27
+ },
28
+ lineStyle: {
29
+ width: '3'
30
+ },
31
+ symbolSize: '8',
32
+ symbol: 'emptyCircle',
33
+ smooth: false
34
+ },
35
+ bar: {
36
+ itemStyle: {
37
+ barBorderWidth: 0,
38
+ barBorderColor: '#ccc'
39
+ }
40
+ },
41
+ pie: {
42
+ itemStyle: {
43
+ borderWidth: 0,
44
+ borderColor: '#ccc'
45
+ }
46
+ },
47
+ scatter: {
48
+ itemStyle: {
49
+ borderWidth: 0,
50
+ borderColor: '#ccc'
51
+ }
52
+ },
53
+ boxplot: {
54
+ itemStyle: {
55
+ borderWidth: 0,
56
+ borderColor: '#ccc'
57
+ }
58
+ },
59
+ parallel: {
60
+ itemStyle: {
61
+ borderWidth: 0,
62
+ borderColor: '#ccc'
63
+ }
64
+ },
65
+ sankey: {
66
+ itemStyle: {
67
+ borderWidth: 0,
68
+ borderColor: '#ccc'
69
+ }
70
+ },
71
+ funnel: {
72
+ itemStyle: {
73
+ borderWidth: 0,
74
+ borderColor: '#ccc'
75
+ }
76
+ },
77
+ gauge: {
78
+ itemStyle: {
79
+ borderWidth: 0,
80
+ borderColor: '#ccc'
81
+ }
82
+ },
83
+ candlestick: {
84
+ itemStyle: {
85
+ color: '#e6a0d2',
86
+ color0: 'transparent',
87
+ borderColor: '#e6a0d2',
88
+ borderColor0: '#3fb1e3',
89
+ borderWidth: '2'
90
+ }
91
+ },
92
+ graph: {
93
+ itemStyle: {
94
+ borderWidth: 0,
95
+ borderColor: '#ccc'
96
+ },
97
+ lineStyle: {
98
+ width: '1',
99
+ color: '#cccccc'
100
+ },
101
+ symbolSize: '8',
102
+ symbol: 'emptyCircle',
103
+ smooth: false,
104
+ color: ['#3fb1e3', '#6be6c1', '#626c91', '#a0a7e6', '#c4ebad', '#96dee8'],
105
+ label: {
106
+ color: '#666666'
107
+ }
108
+ },
109
+ map: {
110
+ itemStyle: {
111
+ areaColor: '#eeeeee',
112
+ borderColor: '#aaaaaa',
113
+ borderWidth: 0.5
114
+ },
115
+ label: {
116
+ color: '#ffffff'
117
+ },
118
+ emphasis: {
119
+ itemStyle: {
120
+ areaColor: 'rgba(63,177,227,0.25)',
121
+ borderColor: '#3fb1e3',
122
+ borderWidth: 1
123
+ },
124
+ label: {
125
+ color: '#3fb1e3'
126
+ }
127
+ }
128
+ },
129
+ geo: {
130
+ itemStyle: {
131
+ areaColor: '#eeeeee',
132
+ borderColor: '#aaaaaa',
133
+ borderWidth: 0.5
134
+ },
135
+ label: {
136
+ color: '#ffffff'
137
+ },
138
+ emphasis: {
139
+ itemStyle: {
140
+ areaColor: 'rgba(63,177,227,0.25)',
141
+ borderColor: '#3fb1e3',
142
+ borderWidth: 1
143
+ },
144
+ label: {
145
+ color: '#3fb1e3'
146
+ }
147
+ }
148
+ },
149
+ categoryAxis: {
150
+ axisLine: {
151
+ show: true,
152
+ lineStyle: {
153
+ color: '#cccccc'
154
+ }
155
+ },
156
+ axisTick: {
157
+ show: false,
158
+ lineStyle: {
159
+ color: '#333'
160
+ }
161
+ },
162
+ axisLabel: {
163
+ show: true,
164
+ color: '#999999'
165
+ },
166
+ splitLine: {
167
+ show: true,
168
+ lineStyle: {
169
+ color: ['#eeeeee']
170
+ }
171
+ },
172
+ splitArea: {
173
+ show: false,
174
+ areaStyle: {
175
+ color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
176
+ }
177
+ }
178
+ },
179
+ valueAxis: {
180
+ axisLine: {
181
+ show: true,
182
+ lineStyle: {
183
+ color: '#cccccc'
184
+ }
185
+ },
186
+ axisTick: {
187
+ show: false,
188
+ lineStyle: {
189
+ color: '#333'
190
+ }
191
+ },
192
+ axisLabel: {
193
+ show: true,
194
+ color: '#999999'
195
+ },
196
+ splitLine: {
197
+ show: true,
198
+ lineStyle: {
199
+ color: ['#eeeeee']
200
+ }
201
+ },
202
+ splitArea: {
203
+ show: false,
204
+ areaStyle: {
205
+ color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
206
+ }
207
+ }
208
+ },
209
+ logAxis: {
210
+ axisLine: {
211
+ show: true,
212
+ lineStyle: {
213
+ color: '#cccccc'
214
+ }
215
+ },
216
+ axisTick: {
217
+ show: false,
218
+ lineStyle: {
219
+ color: '#333'
220
+ }
221
+ },
222
+ axisLabel: {
223
+ show: true,
224
+ color: '#999999'
225
+ },
226
+ splitLine: {
227
+ show: true,
228
+ lineStyle: {
229
+ color: ['#eeeeee']
230
+ }
231
+ },
232
+ splitArea: {
233
+ show: false,
234
+ areaStyle: {
235
+ color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
236
+ }
237
+ }
238
+ },
239
+ timeAxis: {
240
+ axisLine: {
241
+ show: true,
242
+ lineStyle: {
243
+ color: '#cccccc'
244
+ }
245
+ },
246
+ axisTick: {
247
+ show: false,
248
+ lineStyle: {
249
+ color: '#333'
250
+ }
251
+ },
252
+ axisLabel: {
253
+ show: true,
254
+ color: '#999999'
255
+ },
256
+ splitLine: {
257
+ show: true,
258
+ lineStyle: {
259
+ color: ['#eeeeee']
260
+ }
261
+ },
262
+ splitArea: {
263
+ show: false,
264
+ areaStyle: {
265
+ color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
266
+ }
267
+ }
268
+ },
269
+ toolbox: {
270
+ iconStyle: {
271
+ borderColor: '#999999'
272
+ },
273
+ emphasis: {
274
+ iconStyle: {
275
+ borderColor: '#666666'
276
+ }
277
+ }
278
+ },
279
+ legend: {
280
+ textStyle: {
281
+ color: '#999999'
282
+ },
283
+ left: 'center',
284
+ right: 'auto',
285
+ top: 0,
286
+ bottom: 10
287
+ },
288
+ tooltip: {
289
+ axisPointer: {
290
+ lineStyle: {
291
+ color: '#cccccc',
292
+ width: 1
293
+ },
294
+ crossStyle: {
295
+ color: '#cccccc',
296
+ width: 1
297
+ }
298
+ }
299
+ },
300
+ timeline: {
301
+ lineStyle: {
302
+ color: '#626c91',
303
+ width: 1
304
+ },
305
+ itemStyle: {
306
+ color: '#626c91',
307
+ borderWidth: 1
308
+ },
309
+ controlStyle: {
310
+ color: '#626c91',
311
+ borderColor: '#626c91',
312
+ borderWidth: 0.5
313
+ },
314
+ checkpointStyle: {
315
+ color: '#3fb1e3',
316
+ borderColor: 'rgba(63,177,227,0.15)'
317
+ },
318
+ label: {
319
+ color: '#626c91'
320
+ },
321
+ emphasis: {
322
+ itemStyle: {
323
+ color: '#626c91'
324
+ },
325
+ controlStyle: {
326
+ color: '#626c91',
327
+ borderColor: '#626c91',
328
+ borderWidth: 0.5
329
+ },
330
+ label: {
331
+ color: '#626c91'
332
+ }
333
+ }
334
+ },
335
+ visualMap: {
336
+ color: ['#2a99c9', '#afe8ff']
337
+ },
338
+ markPoint: {
339
+ label: {
340
+ color: '#ffffff'
341
+ },
342
+ emphasis: {
343
+ label: {
344
+ color: '#ffffff'
345
+ }
346
+ }
347
+ },
348
+ grid: {
349
+ left: '10%',
350
+ right: '10%',
351
+ top: 60,
352
+ bottom: 70
353
+ }
354
+ };
package/package.json ADDED
@@ -0,0 +1,31 @@
1
+ {
2
+ "name": "@vis-pilot/themes",
3
+ "version": "0.1.0",
4
+ "description": "Built-in ECharts themes for vis-pilot.",
5
+ "license": "MIT",
6
+ "type": "module",
7
+ "main": "dist/index.js",
8
+ "types": "dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.js"
13
+ }
14
+ },
15
+ "publishConfig": {
16
+ "access": "public"
17
+ },
18
+ "files": [
19
+ "dist",
20
+ "README.md"
21
+ ],
22
+ "sideEffects": false,
23
+ "dependencies": {
24
+ "echarts": "^5.6.0"
25
+ },
26
+ "scripts": {
27
+ "build": "tsc -b",
28
+ "typecheck": "tsc -b",
29
+ "clean": "rm -rf dist *.tsbuildinfo"
30
+ }
31
+ }