st-comp 0.0.222 → 0.0.224

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "st-comp",
   "public": true,
-  "version": "0.0.222",
+  "version": "0.0.224",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/packages/KlineBasic/components/KlineTips/index.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script setup>
-import { computed } from "vue";
+import { computed, watch, ref } from "vue";
 import Tips from "../Tips/index.vue";
 import { stMath } from "st-func";
 const { round, formatValue } = stMath;
@@ -23,6 +23,14 @@ const props = defineProps({
   },
 });
 
+const close = ref(null);
+
+watch(() => props.activeIndex, () => { 
+  if (close.value === null) {
+    close.value = props.data.data[props.activeIndex][1]
+  }
+});
+
 const mainTips = computed(() => {
   const { data, activeIndex } = props;
   if (data.data && data.data[activeIndex]) {
@@ -43,6 +51,14 @@ const mainTips = computed(() => {
       diffColor = "green";
     }
     result.push({ label: "涨跌", value: `${round(itemData[6])}%`, color: diffColor });
+    const mowPercent = ((close.value / itemData[1]) - 1) * 100
+    let nowPercentColor;
+    if (mowPercent > 0) {
+      nowPercentColor = "red";
+    } else if (mowPercent < 0) {
+      nowPercentColor = "green";
+    }
+    result.push({ label: "至今涨幅", value: `${round(mowPercent)}%`, color: nowPercentColor });
     return result;
   }
   return [];

package/packages/KlineBasic/components/Tips/index.vue

@@ -26,10 +26,14 @@
     if (widthList.value.length === 0) {
       nextTick(() => {
         Array.from(tipsRef.value.children).forEach((item: any, index) => {
-          if (String(props.data?.[index]?.value)?.includes('%')) {
-            widthList.value[index] = '80px'
+          if (props.data?.[index]?.label === '涨跌') {
+            widthList.value[index] = '85px'
+          } else if(props.data?.[index]?.label === '至今涨跌') {
+            widthList.value[index] = '100px'
+          } else if(props.data?.[index]?.label === '额') {
+            widthList.value[index] = '75px'
           } else {
-            widthList.value[index] = `${item.offsetWidth + 20}px`
+            widthList.value[index] = `${item.offsetWidth + 30}px`
           }
         })
       })
@@ -45,7 +49,6 @@
     line-height: 1.5;
     &-item {
       display: inline-block;
-      margin-right: 10px;
     }
   }
 </style>

package/es/raf-8e05a7f4.js

@@ -1,6 +0,0 @@
-import { a as o } from "./base-ff0e366f.js";
-const e = (i) => o ? window.requestAnimationFrame(i) : setTimeout(i, 16), a = (i) => o ? window.cancelAnimationFrame(i) : clearTimeout(i);
-export {
-  a as c,
-  e as r
-};