@easyv/charts 1.9.11 → 1.9.12

package/lib/components/Axis.js

@@ -195,8 +195,8 @@ var Label = function Label(_ref5) {
   var y = (isVertical ? coordinate : tickSize * directionY) + translateY * directionY;
   var _style = style && ((0, _typeof2["default"])(style) == "object" ? style : style(_label));
   return /*#__PURE__*/_react["default"].createElement("foreignObject", {
-    width: "1",
-    height: "1"
+    width: "100%",
+    height: "100%"
     // x={x}
     // y={y}
     ,
@@ -212,11 +212,10 @@ var Label = function Label(_ref5) {
       x: label
     }),
     style: _objectSpread(_objectSpread(_objectSpread({}, _style), (0, _utils.getFontStyle)(font)), {}, {
-      /** Safari Bug **/
-      position: "absolute",
+      position: "relative",
+      // 替换 absolute
       cursor: "pointer",
-      left: x + (isIOS ? iosX : 0),
-      top: y + (isIOS ? iosY : 0)
+      transform: "translate(".concat(x + (isIOS ? iosX : 0), "px, ").concat(y + (isIOS ? iosY : 0), "px)") // 用 transform 定位
     })
   }, /*#__PURE__*/_react["default"].createElement(_TextOverflow["default"], {
     ShowType: "normal",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.9.11",
+  "version": "1.9.12",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/src/components/Axis.tsx

@@ -229,8 +229,8 @@ const Label: (
 
   return (
     <foreignObject
-      width="1"
-      height="1"
+      width="100%"
+      height="100%"
       // x={x}
       // y={y}
       style={{ overflow: "visible" }}
@@ -242,11 +242,11 @@ const Label: (
         style={{
           ..._style,
           ...getFontStyle(font),
-          /** Safari Bug **/
-          position: "absolute",
+          position: "relative", // 替换 absolute
           cursor: "pointer",
-          left: x + (isIOS ? iosX : 0),
-          top: y + (isIOS ? iosY : 0),
+          transform: `translate(${x + (isIOS ? iosX : 0)}px, ${
+            y + (isIOS ? iosY : 0)
+          }px)`, // 用 transform 定位
         }}
       >
         <TextOverflow