st-comp 0.0.51 → 0.0.53

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/lib/bundle.js +2478 -2474
  2. package/lib/bundle.umd.cjs +27 -27
  3. package/lib/style.css +1 -1
  4. package/package.json +1 -1
  5. package/packages/KlineNew/components/KlineSlide/index.vue +5 -1
  6. package/packages/KlineNew/components/KlineTips/index.vue +13 -9
  7. package/packages/KlineNew/components/KlineUtils/index.vue +2 -2
  8. package/src/pages/KlineNew/components/KlineBasic/utils.js +1 -1
  9. package/src/pages/KlineNew/components/KlineSlide/utils.js +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "st-comp",
3
3
  "public": true,
4
- "version": "0.0.51",
4
+ "version": "0.0.53",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "dev": "vite",
package/packages/KlineNew/components/KlineSlide/index.vue CHANGED
@@ -118,10 +118,11 @@ defineExpose({
118
118
  if (slideEndIndex === -1 && item[0] === endTime) {
119
119
  slideEndIndex = index
120
120
  } else if (slideEndIndex === -1 && new Date(item[0]) > new Date(endTime)) {
121
- slideEndIndex = index - 1
121
+ slideEndIndex = index
122
122
  }
123
123
  })
124
124
  slideEndIndex = slideEndIndex === -1 ? props.data.length - 1 : slideEndIndex
125
+ slideStartIndex = slideEndIndex - slideStartIndex > maxValueSpan ? slideEndIndex - maxValueSpan : slideStartIndex
125
126
  slideChart.setOption({
126
127
  dataZoom: [
127
128
  {
@@ -139,6 +140,9 @@ defineExpose({
139
140
  ],
140
141
  })
141
142
  }, // 重置
143
+ resize: () => {
144
+ slideChart?.resize()
145
+ }
142
146
  })
143
147
  </script>
144
148
 
package/packages/KlineNew/components/KlineTips/index.vue CHANGED
@@ -9,7 +9,7 @@
9
9
  import { computed } from "vue";
10
10
  import Tips from "../Tips/index.vue";
11
11
  import { stMath } from "st-func";
12
- const { round, multiply, divide, subtract } = stMath;
12
+ const { round, multiply, divide, subtract, formatValue } = stMath;
13
13
 
14
14
  const props = defineProps({
15
15
  // 提示数据
@@ -25,9 +25,18 @@ const props = defineProps({
25
25
 
26
26
  const mainTips = computed(() => {
27
27
  const { drawData, activeIndex } = props as any;
28
+ // candlestickData: [开, 收, 低, 高, 昨收, 交易总额]
28
29
  if (drawData.candlestickData && drawData.candlestickData[activeIndex]) {
29
30
  const itemData = drawData.candlestickData[activeIndex];
30
- // 收盘价 - 昨收 / (昨收绝对值)
31
+ const result = [
32
+ { label: "开", value: round(itemData[0]) },
33
+ { label: "高", value: round(itemData[3]) },
34
+ { label: "低", value: round(itemData[2]) },
35
+ { label: "收", value: round(itemData[1]) },
36
+ ];
37
+ // 特殊: 交易总额
38
+ itemData[5] !== undefined && result.push({ label: "额", value: formatValue(itemData[5]) });
39
+ // 特殊: 涨跌幅 公式:收盘价 - 昨收 / (昨收绝对值)
31
40
  const diff = round(multiply(divide(subtract(itemData[1], itemData[4]), Math.abs(itemData[4])), 100));
32
41
  let diffColor;
33
42
  if (diff > 0) {
@@ -35,13 +44,8 @@ const mainTips = computed(() => {
35
44
  } else if (diff < 0) {
36
45
  diffColor = "green";
37
46
  }
38
- return [
39
- { label: "开", value: round(itemData[0]) },
40
- { label: "高", value: round(itemData[3]) },
41
- { label: "低", value: round(itemData[2]) },
42
- { label: "收", value: round(itemData[1]) },
43
- { label: "涨跌", value: `${diff}%`, color: diffColor },
44
- ];
47
+ result.push({ label: "涨跌", value: `${diff}%`, color: diffColor });
48
+ return result;
45
49
  }
46
50
  return [];
47
51
  });
package/packages/KlineNew/components/KlineUtils/index.vue CHANGED
@@ -112,7 +112,7 @@ defineExpose({
112
112
  high.push(item[2])
113
113
  low.push(item[3])
114
114
  xAxisData.push(item[0])
115
- candlestickData.push([ item[1], item[4], item[3], item[2], index === 0 ? 0 : addData[index - 1][4] ])
115
+ candlestickData.push([ item[1], item[4], item[3], item[2], index === 0 ? 0 : addData[index - 1][4], item[6] ])
116
116
  // 取范围中的数据
117
117
  if (startTime && endTime) {
118
118
  return new Date(startTime) <= new Date(item[0]) && new Date(item[0]) <= new Date(endTime)
@@ -224,7 +224,7 @@ defineExpose({
224
224
  high.push(item[2])
225
225
  low.push(item[3])
226
226
  xAxisData.push(item[0])
227
- candlestickData.push([ item[1], item[4], item[3], item[2], index === 0 ? 0 : addData[index - 1][4] ])
227
+ candlestickData.push([ item[1], item[4], item[3], item[2], index === 0 ? 0 : addData[index - 1][4], item[6] ])
228
228
  if (addData.length >= addCount + preLoadCount - 1) {
229
229
  // 还有未加载数据
230
230
  return index >= preLoadCount
package/src/pages/KlineNew/components/KlineBasic/utils.js CHANGED
@@ -24,7 +24,7 @@ export const getKlineDataApi = async(params) => {
24
24
  const res = await axios({
25
25
  method: 'post',
26
26
  headers: {
27
- token: '041fd377d5d5efc7e08e2ed5b61b0c8d',
27
+ token: 'ee08db9f1b8085e3c84fa22b60835951',
28
28
  },
29
29
  url: 'http://invest.hzyotoy.com/common/qt/getSingleCycleSingleVariety',
30
30
  data: params,
package/src/pages/KlineNew/components/KlineSlide/utils.js CHANGED
@@ -69,7 +69,7 @@ export const getKlineDataApi = async(params) => {
69
69
  const res = await axios({
70
70
  method: 'post',
71
71
  headers: {
72
- token: '041fd377d5d5efc7e08e2ed5b61b0c8d',
72
+ token: 'ee08db9f1b8085e3c84fa22b60835951',
73
73
  },
74
74
  url: 'http://invest.hzyotoy.com/common/qt/getSingleCycleSingleVariety',
75
75
  data: params,