@easyv/charts 1.10.17 → 1.10.18

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.
@@ -146,7 +146,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
146
146
  cPercent: dragPercent,
147
147
  cBarX: controlX
148
148
  });
149
- }, [JSON.stringify(control)]);
149
+ }, [JSON.stringify(control), width, height]);
150
150
  var svg = (0, _react.useRef)();
151
151
  var axes = (0, _hooks.useAxes)({
152
152
  axes: axesConfig,
@@ -59,9 +59,9 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(
59
59
  };
60
60
  var controllerStyle = {
61
61
  position: "relative",
62
- width: 12,
62
+ width: 2,
63
63
  height: height,
64
- padding: "0 5px",
64
+ // padding: "0 5px",
65
65
  cursor: enableStretch ? "col-resize" : "auto",
66
66
  background: "rgb(2, 176, 249)",
67
67
  WebkitBackgroundClip: "content-box"
@@ -268,9 +268,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(
268
268
  ref: ref,
269
269
  style: barStyle
270
270
  }, /*#__PURE__*/_react["default"].createElement("div", {
271
- style: _objectSpread(_objectSpread({}, controllerStyle), {}, {
272
- transform: "translateX(-6px)"
273
- }),
271
+ style: _objectSpread({}, controllerStyle),
274
272
  onMouseDown: leftDown,
275
273
  onTouchStart: leftTouchStart
276
274
  }), /*#__PURE__*/_react["default"].createElement("div", {
@@ -279,9 +277,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(
279
277
  onTouchStart: touchStart,
280
278
  ref: barRef
281
279
  }), /*#__PURE__*/_react["default"].createElement("div", {
282
- style: _objectSpread(_objectSpread({}, controllerStyle), {}, {
283
- transform: "translateX(6px)"
284
- }),
280
+ style: _objectSpread({}, controllerStyle),
285
281
  onMouseDown: rightDown,
286
282
  onTouchStart: rightTouchStart
287
283
  })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@easyv/charts",
3
- "version": "1.10.17",
3
+ "version": "1.10.18",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
@@ -55,4 +55,4 @@
55
55
  "commit": true
56
56
  }
57
57
  }
58
- }
58
+ }
@@ -128,7 +128,7 @@ const Chart = memo(
128
128
  cPercent: dragPercent,
129
129
  cBarX: controlX,
130
130
  });
131
- }, [JSON.stringify(control)]);
131
+ }, [JSON.stringify(control), width]);
132
132
 
133
133
  const svg = useRef();
134
134
  const axes = useAxes({
@@ -43,12 +43,12 @@ export default memo(
43
43
  };
44
44
  const controllerStyle = {
45
45
  position: "relative",
46
- width: 12,
46
+ width: 2,
47
47
  height,
48
- padding: "0 5px",
48
+ // padding: "0 5px",
49
49
  cursor: enableStretch ? "col-resize" : "auto",
50
50
  background: "rgb(2, 176, 249)",
51
- WebkitBackgroundClip: "content-box"
51
+ WebkitBackgroundClip: "content-box",
52
52
  };
53
53
 
54
54
  //左手柄的鼠标按下逻辑
@@ -278,7 +278,7 @@ export default memo(
278
278
  {/* 控制条 */}
279
279
  <div ref={ref} style={barStyle}>
280
280
  <div
281
- style={{ ...controllerStyle, transform: "translateX(-6px)" }}
281
+ style={{ ...controllerStyle }}
282
282
  onMouseDown={leftDown}
283
283
  onTouchStart={leftTouchStart}
284
284
  ></div>
@@ -289,7 +289,7 @@ export default memo(
289
289
  ref={barRef}
290
290
  ></div>
291
291
  <div
292
- style={{ ...controllerStyle, transform: `translateX(6px)` }}
292
+ style={{ ...controllerStyle }}
293
293
  onMouseDown={rightDown}
294
294
  onTouchStart={rightTouchStart}
295
295
  ></div>