cnhis-design-vue 3.1.14-beta.9 → 3.1.15-beta.1

package/es/packages/fabric-chart/src/hooks/useLeft.js

@@ -15,7 +15,9 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
     painHeight,
     iconsWidth,
     itemList,
-    painIndex
+    painIndex,
+    canvasWidth,
+    canvasHeight
   } = propItems;
   const mainScaleWidth = 9;
   const subScaleWidth = 5;
@@ -56,7 +58,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
       value: `${item.title.slice(0, 2)}
 ${item.title.slice(-2)}`,
       ...defaultTextStyle,
-      ...item.titleStyle || {}
+      ...item.style || {}
     }, {
       left: iconsWidth,
       top: painOriginY.originY
@@ -167,7 +169,7 @@ ${item.title.slice(-2)}`,
     const list = JSON.parse(JSON.stringify(itemList));
     let topY = endY;
     const leftX = iconsWidth - left.icons.marginRight;
-    list.reverse().forEach((item, index) => {
+    list.reverse().forEach((item) => {
       topY -= 10;
       let title = item.title.replace(/(.{2})/g, "$1\n");
       if (title.endsWith("\n")) {
@@ -194,7 +196,9 @@ ${item.title.slice(-2)}`,
           unit: item.unit,
           type: item.bigType,
           dataIndex: item.dataIndex
-        }
+        },
+        originLeft: leftX,
+        originTop: topY - (text.height || 30) / 2
       });
       topY -= text.height || 30;
       setPointEvent(icon);
@@ -226,9 +230,16 @@ ${item.title.slice(-2)}`,
             });
           } else {
             console.log("\u5F53\u524D\u65F6\u95F4\u6BB5\u5185\u65E0\u53EF\u65B0\u589E\u8282\u70B9");
+            setRestore();
           }
+        } else {
+          setRestore();
         }
       }
+      function setRestore() {
+        point.setCoords();
+        point.set({ left: point.originLeft, top: point.originTop });
+      }
     });
   }
   onMounted(() => {