st-comp 0.0.23 → 0.0.25

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "st-comp",
3
3
  "public": true,
4
- "version": "0.0.23",
4
+ "version": "0.0.25",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "dev": "vite",
@@ -19,10 +19,10 @@
19
19
  "pinia": "^2.1.6",
20
20
  "st-func": "^0.0.14",
21
21
  "talib.js": "^0.1.0",
22
- "vue": "^3.3.4",
23
22
  "vue-router": "^4.2.5"
24
23
  },
25
24
  "devDependencies": {
25
+ "vue": "^3.3.4",
26
26
  "@vitejs/plugin-vue": "^4.2.3",
27
27
  "sass": "^1.69.3",
28
28
  "ssh2": "^1.14.0",
@@ -72,7 +72,9 @@
72
72
  {
73
73
  tooltip: {
74
74
  confine: true,
75
- formatter: mergeConfig.value.tooltipFormatter
75
+ formatter: mergeConfig.value.tooltipFormatter ? (info: any) => {
76
+ return (mergeConfig.value.tooltipFormatter as Function)(info, props.data)
77
+ }: null,
76
78
  },
77
79
  grid: mergeConfig.value.grid,
78
80
  xAxis: {
@@ -94,6 +96,7 @@
94
96
  {
95
97
  name: "热力图",
96
98
  type: "heatmap",
99
+ info: props.data,
97
100
  data: props.data.data.reduce((res: any[], item: any, index: number) => {
98
101
  return [
99
102
  ...res,
@@ -66,10 +66,10 @@
66
66
  const { type, color, range } = props.data[i]
67
67
  if (
68
68
  (type === '=' && number === range[0] * multiplier) ||
69
- (type === '>' && number === range[0] * multiplier) ||
70
- (type === '>=' && number === range[0] * multiplier) ||
71
- (type === '<' && number === range[0] * multiplier) ||
72
- (type === '<=' && number === range[0] * multiplier) ||
69
+ (type === '>' && number > range[0] * multiplier) ||
70
+ (type === '>=' && number >= range[0] * multiplier) ||
71
+ (type === '<' && number < range[0] * multiplier) ||
72
+ (type === '<=' && number <= range[0] * multiplier) ||
73
73
  (type === '()' && number > range[0] * multiplier && number < range[1] * multiplier) ||
74
74
  (type === '(]' && number > range[0] * multiplier && number <= range[1] * multiplier) ||
75
75
  (type === '[]' && number >= range[0] * multiplier && number <= range[1] * multiplier) ||
@@ -80,163 +80,6 @@
80
80
  }
81
81
  }, // 数值转颜色
82
82
  })
83
-
84
- const selectConfig = {
85
- body: {
86
- area: [
87
- {
88
- label: '总市值',
89
- value: '对应id',
90
- }
91
- ],
92
- color: [
93
- {
94
- label: '当前涨幅',
95
- value: '对应id',
96
- colorConfig: {
97
- unit: '%',
98
- range: [
99
- {
100
- range: [-7],
101
- type: '<',
102
- color: 'rgba(0, 128, 0, 0.4)',
103
- },
104
- {
105
- range: [-7, -5],
106
- type: '[)',
107
- color: 'rgba(0, 128, 0, 0.6)',
108
- },
109
- {
110
- range: [-5, -3],
111
- type: '[)',
112
- color: 'rgba(0, 128, 0, 0.8)',
113
- },
114
- {
115
- range: [-3, 0],
116
- type: '[)',
117
- color: 'rgba(0, 128, 0, 1)',
118
- },
119
- {
120
- range: [0],
121
- type: '=',
122
- color: '#000',
123
- },
124
- {
125
- range: [0, 3],
126
- type: '(]',
127
- color: 'rgba(255, 0, 0, 1)',
128
- },
129
- {
130
- range: [3, 5],
131
- type: '(]',
132
- color: 'rgba(255, 0, 0, 0.8)',
133
- },
134
- {
135
- range: [5, 7],
136
- type: '(]',
137
- color: 'rgba(255, 0, 0, 0.6)',
138
- },
139
- {
140
- range: [7],
141
- type: '>',
142
- color: 'rgba(255, 0, 0, 0.4)',
143
- },
144
- ]
145
- }
146
- },
147
- {
148
- label: '成交额',
149
- value: '对应id',
150
- colorConfig: {
151
- unit: '亿',
152
- range: [
153
- {
154
- range: [0.1],
155
- type: '<=',
156
- color: '#000',
157
- },
158
- {
159
- range: [0.1, 0.2],
160
- type: '(]',
161
- color: '#000',
162
- },
163
- {
164
- range: [0.2, 0.5],
165
- type: '(]',
166
- color: '#000',
167
- },
168
- {
169
- range: [0.5, 1],
170
- type: '(]',
171
- color: '#000',
172
- },
173
- {
174
- range: [1, 2],
175
- type: '(]',
176
- color: '#000',
177
- },
178
- {
179
- range: [2, 5],
180
- type: '(]',
181
- color: '#000',
182
- },
183
- {
184
- range: [5, 10],
185
- type: '(]',
186
- color: '#000',
187
- },
188
- {
189
- range: [10, 20],
190
- type: '(]',
191
- color: '#000',
192
- },
193
- {
194
- range: [20, 50],
195
- type: '(]',
196
- color: '#000',
197
- },
198
- {
199
- range: [50],
200
- type: '>',
201
- color: '#000',
202
- },
203
- ]
204
- }
205
- }
206
- ]
207
- }
208
- }
209
-
210
- const res = {
211
- body: [
212
- {
213
- name: '行业名称1',
214
- value: '面积数值',
215
- labelValue: '标题展示数据',
216
- ['基础信息']: '基础信息',
217
- children: [
218
- {
219
- name: '股票名称',
220
- value: '面积数值',
221
- ['基础信息']: '基础信息',
222
- }
223
- ], // 成分股
224
- },
225
- {
226
- name: '行业名称2',
227
- value: '面积数值',
228
- labelValue: '标题展示数据',
229
- ['基础信息']: '基础信息',
230
- children: [
231
- {
232
- name: '股票名称',
233
- value: '面积数值',
234
- ['基础信息']: '基础信息',
235
- }
236
- ], // 成分股
237
- },
238
- ]
239
- }
240
83
  </script>
241
84
 
242
85
  <style lang="scss" scoped>
@@ -137,7 +137,6 @@
137
137
  verticalAlign: 'middle',
138
138
  fontSize: 20,
139
139
  formatter: (params: any) => {
140
- console.log(params)
141
140
  return `${params.data.name}
142
141
  ${params.data.percent > 0 ? '+' : ''}${params.data.percent}%`
143
142
  },
@@ -69,11 +69,11 @@ const date = [
69
69
  ]
70
70
 
71
71
  const config = {
72
- tooltipFormatter: (info: any) => {
72
+ tooltipFormatter: (info: any, infoData: any) => {
73
73
  return `<div>
74
- <div>${data.value.data[info.data.value[1]].name}</div>
75
- <div>日期:${data.value.date[info.data.value[0]]}</div>
76
- <div>成交额:${info.data.value[2]}</div>
74
+ <div>${infoData.data[info.data.value[1]].name}</div>
75
+ <div>日期:${infoData.date[info.data.value[0]]}</div>
76
+ <div>成交额:${info.value[2]}</div>
77
77
  </div>`
78
78
  },
79
79
  grid: {
package/vite.config.ts CHANGED
@@ -36,6 +36,11 @@ export default ({ mode }) => {
36
36
  },
37
37
  rollupOptions: {
38
38
  external: ['vue', 'echarts'],
39
+ output: {
40
+ globals: {
41
+ vue: 'vue'
42
+ }
43
+ }
39
44
  }
40
45
  },
41
46
  resolve: {