@easyv/charts 1.6.19 → 1.6.20

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 (62) hide show
  1. package/.babelrc +8 -8
  2. package/CHANGELOG.md +18 -18
  3. package/commitlint.config.js +1 -1
  4. package/lib/components/Background.js +2 -2
  5. package/lib/components/Band.js +2 -2
  6. package/lib/components/Brush.js +2 -2
  7. package/lib/components/CartesianChart.js +6 -3
  8. package/lib/components/Chart.js +3 -2
  9. package/lib/components/ChartContainer.js +2 -2
  10. package/lib/components/ConicalGradient.js +21 -21
  11. package/lib/components/ExtentData.js +2 -2
  12. package/lib/components/Indicator.js +6 -5
  13. package/lib/components/Label.js +2 -2
  14. package/lib/components/Legend.js +2 -2
  15. package/lib/components/Lighter.js +2 -2
  16. package/lib/components/Line.js +2 -2
  17. package/lib/components/LinearGradient.js +2 -2
  18. package/lib/components/StereoBar.js +2 -2
  19. package/lib/components/Tooltip.js +4 -3
  20. package/lib/css/index.module.css +42 -42
  21. package/lib/css/piechart.module.css +26 -26
  22. package/lib/hooks/useAnimateData.js +6 -6
  23. package/lib/hooks/useFilterData.js +5 -5
  24. package/lib/hooks/useStackData.js +5 -5
  25. package/lib/hooks/useTooltip.js +11 -11
  26. package/package.json +55 -55
  27. package/src/components/Background.tsx +61 -61
  28. package/src/components/Band.tsx +302 -302
  29. package/src/components/Brush.js +159 -159
  30. package/src/components/CartesianChart.js +3 -0
  31. package/src/components/Chart.js +153 -154
  32. package/src/components/ChartContainer.tsx +71 -71
  33. package/src/components/ConicalGradient.js +258 -258
  34. package/src/components/Control.jsx +241 -241
  35. package/src/components/ExtentData.js +18 -18
  36. package/src/components/Indicator.js +59 -58
  37. package/src/components/Label.js +262 -262
  38. package/src/components/Legend.js +189 -189
  39. package/src/components/Lighter.jsx +173 -173
  40. package/src/components/Line.js +153 -153
  41. package/src/components/LinearGradient.js +29 -29
  42. package/src/components/PieTooltip.jsx +160 -160
  43. package/src/components/StereoBar.tsx +307 -307
  44. package/src/components/Tooltip.js +3 -2
  45. package/src/components/index.js +59 -59
  46. package/src/context/index.js +2 -2
  47. package/src/css/index.module.css +42 -42
  48. package/src/css/piechart.module.css +26 -26
  49. package/src/element/ConicGradient.jsx +55 -55
  50. package/src/element/Line.tsx +33 -33
  51. package/src/element/index.ts +3 -3
  52. package/src/formatter/index.js +1 -1
  53. package/src/formatter/legend.js +114 -114
  54. package/src/hooks/index.js +20 -20
  55. package/src/hooks/useAnimateData.ts +68 -68
  56. package/src/hooks/useFilterData.js +78 -78
  57. package/src/hooks/useStackData.js +102 -102
  58. package/src/hooks/useTooltip.ts +104 -104
  59. package/src/index.js +6 -6
  60. package/src/types/index.d.ts +68 -68
  61. package/src/utils/index.js +800 -800
  62. package/tsconfig.json +23 -23
package/.babelrc CHANGED
@@ -1,8 +1,8 @@
1
- {
2
- "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
3
- "plugins": [
4
- "@babel/plugin-proposal-export-default-from",
5
- "@babel/plugin-transform-runtime",
6
- "@babel/plugin-proposal-class-properties"
7
- ]
8
- }
1
+ {
2
+ "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
3
+ "plugins": [
4
+ "@babel/plugin-proposal-export-default-from",
5
+ "@babel/plugin-transform-runtime",
6
+ "@babel/plugin-proposal-class-properties"
7
+ ]
8
+ }
package/CHANGELOG.md CHANGED
@@ -1,18 +1,18 @@
1
- # Changelog
2
-
3
- All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
-
5
- ### [1.1.1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/compare/v1.1.0...v1.1.1) (2022-04-13)
6
-
7
- ## 1.1.0 (2022-04-02)
8
-
9
-
10
- ### Features
11
-
12
- * 轴标签,label支持样式传入 ([749a595](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/749a595a96b95917dafdc1766f63efec73398d64))
13
- * axis轴标签支持点击触发回调 ([1f636e1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1f636e1840f4f3b48c2b9765ce6087759d82fb17))
14
-
15
-
16
- ### Bug Fixes
17
-
18
- * **band组件:** 修复foreignObject在Safari浏览器下的位置诡异偏离问题 ([1a65d54](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1a65d54abbcf6c9e84cc85cc8b6a9d28b24fa4c4))
1
+ # Changelog
2
+
3
+ All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
+
5
+ ### [1.1.1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/compare/v1.1.0...v1.1.1) (2022-04-13)
6
+
7
+ ## 1.1.0 (2022-04-02)
8
+
9
+
10
+ ### Features
11
+
12
+ * 轴标签,label支持样式传入 ([749a595](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/749a595a96b95917dafdc1766f63efec73398d64))
13
+ * axis轴标签支持点击触发回调 ([1f636e1](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1f636e1840f4f3b48c2b9765ce6087759d82fb17))
14
+
15
+
16
+ ### Bug Fixes
17
+
18
+ * **band组件:** 修复foreignObject在Safari浏览器下的位置诡异偏离问题 ([1a65d54](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-charts/commit/1a65d54abbcf6c9e84cc85cc8b6a9d28b24fa4c4))
@@ -1 +1 @@
1
- module.exports = {extends: ['@commitlint/config-conventional']}
1
+ module.exports = {extends: ['@commitlint/config-conventional']}
@@ -8,8 +8,8 @@ exports["default"] = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _utils = require("../utils");
11
- /**
12
- * 轴类图背景
11
+ /**
12
+ * 轴类图背景
13
13
  */
14
14
  var _default = exports["default"] = function _default(_ref) {
15
15
  var _ref$axis = _ref.axis,
@@ -17,8 +17,8 @@ var _excluded = ["pattern", "seriesIntervalWidth", "paddingInner", "highlight"];
17
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
19
19
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
21
- * (柱状/条形)图柱子
20
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
21
+ * (柱状/条形)图柱子
22
22
  */
23
23
  var getHighlightData = function getHighlightData(data, extent) {
24
24
  switch (extent) {
@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = require("react");
11
11
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
13
- * 实现中
12
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
13
+ * 实现中
14
14
  */
15
15
  var left = {
16
16
  position: 'relative',
@@ -467,7 +467,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
467
467
  isControlChart: !!control,
468
468
  xName: item.tick,
469
469
  setCtlTip: setCtlTip,
470
- ctlIndicatorList: ctlIndicatorList
470
+ ctlIndicatorList: ctlIndicatorList,
471
+ manual: manual
471
472
  }));
472
473
  })), series.map(function (_ref2, index) {
473
474
  var Component = _ref2.Component,
@@ -546,7 +547,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
546
547
  tickName: tickName,
547
548
  series: series,
548
549
  width: width,
549
- height: height
550
+ height: height,
551
+ manual: manual
550
552
  })), showCtl && !!control && /*#__PURE__*/_react["default"].createElement(_.Tooltip, (0, _extends2["default"])({
551
553
  isVertical: isVertical
552
554
  }, tooltip, {
@@ -557,7 +559,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
557
559
  tickName: ctlXName,
558
560
  series: series,
559
561
  width: width,
560
- height: height
562
+ height: height,
563
+ manual: manual
561
564
  })), brush && /*#__PURE__*/_react["default"].createElement(_.Brush, {
562
565
  config: brush,
563
566
  width: width
@@ -14,8 +14,8 @@ var _context = require("../context");
14
14
  var _ = require(".");
15
15
  var _d3v = require("d3v7");
16
16
  var _excluded = ["id", "type", "config", "config", "data", "onRelative", "emit", "emitEvent"];
17
- /**
18
- * 总入口,通过外面传进来的type来确定渲染哪种图表,饼环图表为“pie”,否则为轴类图表
17
+ /**
18
+ * 总入口,通过外面传进来的type来确定渲染哪种图表,饼环图表为“pie”,否则为轴类图表
19
19
  */
20
20
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
21
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -63,6 +63,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
63
63
  active = _useState2[0],
64
64
  setActive = _useState2[1];
65
65
  var scaleRef = (0, _react.useRef)([1, 1]);
66
+ console.log("hello!!!");
66
67
  var triggerOnRelative = (0, _react.useCallback)(function (action, data) {
67
68
  if (!interaction) return;
68
69
  var callbacks = interaction.callbacks,
@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
13
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
14
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
15
- * svg外框
14
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
15
+ * svg外框
16
16
  */
17
17
  var event = function event() {};
18
18
  var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
@@ -13,8 +13,8 @@ var _utils = require("@easyv/utils/lib/common/utils");
13
13
  var _indexModule = _interopRequireDefault(require("../css/index.module.css"));
14
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
15
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
16
- /**
17
- * 饼图装饰内圈
16
+ /**
17
+ * 饼图装饰内圈
18
18
  */
19
19
  var _default = exports["default"] = function _default(_ref) {
20
20
  var width = _ref.width,
@@ -108,41 +108,41 @@ var _default = exports["default"] = function _default(_ref) {
108
108
  }
109
109
  });
110
110
  };
111
- /**
112
- * ConicalGradient
111
+ /**
112
+ * ConicalGradient
113
113
  */
114
114
  function ConicalGradient() {
115
115
  this._offsets = [];
116
116
  this._colors = [];
117
117
  }
118
118
  ConicalGradient.prototype = {
119
- /**
120
- * addColorStop
121
- *
122
- * @param {Number} offset
123
- * @param {Array} color RGBA值
119
+ /**
120
+ * addColorStop
121
+ *
122
+ * @param {Number} offset
123
+ * @param {Array} color RGBA值
124
124
  */
125
125
  addColorStop: function addColorStop(offset, color) {
126
126
  this._offsets.push(offset);
127
127
  this._colors.push(color);
128
128
  return this;
129
129
  },
130
- /**
131
- * _offsetsReverse (array.forEach callback)
130
+ /**
131
+ * _offsetsReverse (array.forEach callback)
132
132
  */
133
133
  _offsetsReverse: function _offsetsReverse(offset, index, array) {
134
134
  array[index] = 1 - offset;
135
135
  },
136
- /**
137
- * fill
138
- *
139
- * @param {Number} context
140
- * @param {Number} x
141
- * @param {Number} y
142
- * @param {Number} radius
143
- * @param {Number} startAngle
144
- * @param {Number} endAngle
145
- * @param {Boolean} anticlockwise
136
+ /**
137
+ * fill
138
+ *
139
+ * @param {Number} context
140
+ * @param {Number} x
141
+ * @param {Number} y
142
+ * @param {Number} radius
143
+ * @param {Number} startAngle
144
+ * @param {Number} endAngle
145
+ * @param {Boolean} anticlockwise
146
146
  */
147
147
  fill: function fill(context, x, y, radius, startAngle, endAngle, anticlockwise) {
148
148
  var offsets = this._offsets;
@@ -12,8 +12,8 @@ var _react = require("react");
12
12
  var _hooks = require("../hooks");
13
13
  var _excluded = ["axes", "series"],
14
14
  _excluded2 = ["config", "data"];
15
- /**
16
- * 计算X/Y/Z轴的domain,具体的逻辑在useExtentData(HOC)
15
+ /**
16
+ * 计算X/Y/Z轴的domain,具体的逻辑在useExtentData(HOC)
17
17
  */
18
18
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
19
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -8,8 +8,8 @@ exports["default"] = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("react");
10
10
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
11
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
12
- * 轴类图表移上去的指示框背景
11
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
12
+ * 轴类图表移上去的指示框背景
13
13
  */
14
14
  var _default = exports["default"] = function _default(_ref) {
15
15
  var color = _ref.color,
@@ -24,14 +24,15 @@ var _default = exports["default"] = function _default(_ref) {
24
24
  _ref$xName = _ref.xName,
25
25
  xName = _ref$xName === void 0 ? null : _ref$xName,
26
26
  ctlIndicatorList = _ref.ctlIndicatorList,
27
- setCtlTip = _ref.setCtlTip;
27
+ setCtlTip = _ref.setCtlTip,
28
+ manual = _ref.manual;
28
29
  var isShow = true;
29
30
  if (isControlChart && ctlIndicatorList) {
30
31
  isShow = ctlIndicatorList.find(function (item) {
31
32
  return item.tick === xName;
32
33
  }).isShow;
33
34
  }
34
- return /*#__PURE__*/React.createElement("rect", {
35
+ return manual ? /*#__PURE__*/React.createElement("rect", {
35
36
  width: width,
36
37
  height: height,
37
38
  x: x,
@@ -74,5 +75,5 @@ var _default = exports["default"] = function _default(_ref) {
74
75
  fill: isShow ? color : "transparent",
75
76
  y: y,
76
77
  stroke: "none"
77
- });
78
+ }) : "";
78
79
  };
@@ -13,8 +13,8 @@ var _react = require("react");
13
13
  var _utils = require("../utils");
14
14
  var _context = require("../context");
15
15
  var _excluded = ["seriesIntervalWidth", "paddingInner", "showType"];
16
- /**
17
- * 轴类图表标签
16
+ /**
17
+ * 轴类图表标签
18
18
  */
19
19
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
20
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -13,8 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
13
13
  var _utils = require("../utils");
14
14
  var _TextOverflow = _interopRequireDefault(require("./TextOverflow"));
15
15
  var _excluded = ["italic", "bold"];
16
- /**
17
- * 图例
16
+ /**
17
+ * 图例
18
18
  */
19
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
20
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -14,8 +14,8 @@ var _utils = require("../utils");
14
14
  var _svgPathProperties = require("svg-path-properties");
15
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
16
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
- /**
18
- * 区域图发光跟踪路径
17
+ /**
18
+ * 区域图发光跟踪路径
19
19
  */
20
20
  var _default = exports["default"] = function _default(_ref) {
21
21
  var d = _ref.path,
@@ -16,8 +16,8 @@ var _ = require(".");
16
16
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
18
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
20
- * 折线图
19
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
20
+ * 折线图
21
21
  */
22
22
  var defined = function defined(d) {
23
23
  return d.data.y != null;
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports["default"] = void 0;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
- /**
10
- * svg渐变滤镜
9
+ /**
10
+ * svg渐变滤镜
11
11
  */
12
12
  var _default = exports["default"] = function _default(_ref) {
13
13
  var id = _ref.id,
@@ -16,8 +16,8 @@ var _utils = require("../utils");
16
16
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
18
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
20
- * 立体柱状图的柱子
19
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
20
+ * 立体柱状图的柱子
21
21
  */
22
22
  var getHighlightData = function getHighlightData(data, extent) {
23
23
  switch (extent) {
@@ -48,7 +48,8 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
48
48
  formatter = _ref.formatter,
49
49
  isVertical = _ref.isVertical,
50
50
  width = _ref.width,
51
- height = _ref.height;
51
+ height = _ref.height,
52
+ manual = _ref.manual;
52
53
  var tipPosition = (0, _react.useMemo)(function () {
53
54
  var translate3d = isVertical ? _objectSpread(_objectSpread({}, translateTip), {}, {
54
55
  y: translateTip.y + position + marginTop
@@ -65,7 +66,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
65
66
  }
66
67
  return (0, _utils.getTranslate3d)(translate3d);
67
68
  }, [width, height, marginLeft, marginTop, position, tipWidth, tipHeight, translateTip]);
68
- return /*#__PURE__*/React.createElement("div", {
69
+ return manual ? /*#__PURE__*/React.createElement("div", {
69
70
  className: "__easyv-tooltip",
70
71
  style: _objectSpread({
71
72
  pointerEvents: 'none',
@@ -153,5 +154,5 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
153
154
  transform: (0, _utils.getTranslate3d)(suffixTranslate)
154
155
  })
155
156
  }, tmp.get(s))));
156
- }))));
157
+ })))) : "";
157
158
  });
@@ -1,43 +1,43 @@
1
- .rotateClockwise {
2
- animation-name: rotateClockwise;
3
- }
4
-
5
- @keyframes rotateClockwise {
6
- 0% {
7
- transform: rotate(0deg);
8
- }
9
- 100% {
10
- transform: rotate(360deg);
11
- }
12
- }
13
-
14
- .rotateCounterClockwise {
15
- animation-name: rotateCounterClockwise;
16
- }
17
-
18
- @keyframes rotateCounterClockwise {
19
- 0% {
20
- transform: rotate(360deg);
21
- }
22
- 100% {
23
- transform: rotate(0deg);
24
- }
25
- }
26
-
27
- .showAllStyle {
28
- display: grid;
29
- width: 100%;
30
- grid-template-columns: 40% 30% 30%;
31
- align-items: center;
32
- flex-direction: row;
33
- justify-content: space-between;
34
- }
35
-
36
- .notShowAllStyle {
37
- display: flex;
38
- width: 100%;
39
- /* flex:1; */
40
- align-items: center;
41
- flex-direction: row;
42
- justify-content: space-between;
1
+ .rotateClockwise {
2
+ animation-name: rotateClockwise;
3
+ }
4
+
5
+ @keyframes rotateClockwise {
6
+ 0% {
7
+ transform: rotate(0deg);
8
+ }
9
+ 100% {
10
+ transform: rotate(360deg);
11
+ }
12
+ }
13
+
14
+ .rotateCounterClockwise {
15
+ animation-name: rotateCounterClockwise;
16
+ }
17
+
18
+ @keyframes rotateCounterClockwise {
19
+ 0% {
20
+ transform: rotate(360deg);
21
+ }
22
+ 100% {
23
+ transform: rotate(0deg);
24
+ }
25
+ }
26
+
27
+ .showAllStyle {
28
+ display: grid;
29
+ width: 100%;
30
+ grid-template-columns: 40% 30% 30%;
31
+ align-items: center;
32
+ flex-direction: row;
33
+ justify-content: space-between;
34
+ }
35
+
36
+ .notShowAllStyle {
37
+ display: flex;
38
+ width: 100%;
39
+ /* flex:1; */
40
+ align-items: center;
41
+ flex-direction: row;
42
+ justify-content: space-between;
43
43
  }
@@ -1,27 +1,27 @@
1
- /*甜甜圈图专用css*/
2
- .label-line {
3
- stroke-dasharray: 100;
4
- stroke-dashoffset: 100;
5
- animation: dash var(--labelDuration) ease forwards;
6
- }
7
-
8
- .label-text {
9
- opacity: 0;
10
- animation: show var(--labelDuration) ease forwards;
11
- }
12
-
13
- .inner-arc {
14
- animation: dash var(--ringDuration) ease forwards;
15
- }
16
-
17
- @keyframes dash {
18
- 100% {
19
- stroke-dashoffset: 0%;
20
- }
21
- }
22
-
23
- @keyframes show {
24
- 100% {
25
- opacity: 1;
26
- }
1
+ /*甜甜圈图专用css*/
2
+ .label-line {
3
+ stroke-dasharray: 100;
4
+ stroke-dashoffset: 100;
5
+ animation: dash var(--labelDuration) ease forwards;
6
+ }
7
+
8
+ .label-text {
9
+ opacity: 0;
10
+ animation: show var(--labelDuration) ease forwards;
11
+ }
12
+
13
+ .inner-arc {
14
+ animation: dash var(--ringDuration) ease forwards;
15
+ }
16
+
17
+ @keyframes dash {
18
+ 100% {
19
+ stroke-dashoffset: 0%;
20
+ }
21
+ }
22
+
23
+ @keyframes show {
24
+ 100% {
25
+ opacity: 1;
26
+ }
27
27
  }
@@ -11,12 +11,12 @@ var _react = require("react");
11
11
  var _popmotion = require("popmotion");
12
12
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
13
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
14
- /**
15
- * 图表数据动画
16
- * @param {Array} data data列表
17
- * @param {boolean} dataAnimation 是否开启数据增长动画
18
- * @param {boolean} active 是否处于活跃状态,false为休眠
19
- * @returns 改变后的数据
14
+ /**
15
+ * 图表数据动画
16
+ * @param {Array} data data列表
17
+ * @param {boolean} dataAnimation 是否开启数据增长动画
18
+ * @param {boolean} active 是否处于活跃状态,false为休眠
19
+ * @returns 改变后的数据
20
20
  */
21
21
  var _default = exports["default"] = function _default(data, dataAnimation, active) {
22
22
  var _useState = (0, _react.useState)([]),
@@ -42,11 +42,11 @@ var getSelected = function getSelected(selected, name) {
42
42
  return tmp;
43
43
  };
44
44
 
45
- /**
46
- * 图例点击状态管理
47
- * @param {Array} data 数据
48
- * @param {Map} series 系列
49
- * @returns {Array} 返回筛选后的数据和是否选中状态,及控制选中函数
45
+ /**
46
+ * 图例点击状态管理
47
+ * @param {Array} data 数据
48
+ * @param {Map} series 系列
49
+ * @returns {Array} 返回筛选后的数据和是否选中状态,及控制选中函数
50
50
  */
51
51
  var _default = exports["default"] = function _default(_ref) {
52
52
  var data = _ref.data,
@@ -75,11 +75,11 @@ var setStackData = function setStackData(data, series, stacks) {
75
75
  return series;
76
76
  };
77
77
 
78
- /**
79
- * 计算堆叠数据
80
- * @param {Array} data 数据
81
- * @param {Map} series 系列
82
- * @returns {Array} 返回堆叠后的数据,由一开始的{x, y, s}变成{data: {x, y, s}, bound: [start, end], index}
78
+ /**
79
+ * 计算堆叠数据
80
+ * @param {Array} data 数据
81
+ * @param {Map} series 系列
82
+ * @returns {Array} 返回堆叠后的数据,由一开始的{x, y, s}变成{data: {x, y, s}, bound: [start, end], index}
83
83
  */
84
84
  var _default = exports["default"] = function _default(_ref2) {
85
85
  var data = _ref2.data,
@@ -10,17 +10,17 @@ var _react = require("react");
10
10
  var _utils = require("../utils");
11
11
  var callback = function callback() {};
12
12
 
13
- /**
14
- * 主要用于轴类图表,返回当前选中的是哪一个x
15
- * @param {Array} svg svg的dom实例
16
- * @param {Number} marginLeft 左间距
17
- * @param {Number} marginTop 上间距
18
- * @param {Number} width 宽
19
- * @param {Number} height 高
20
- * @param {Number} axisX 类目轴
21
- * @param {Object} config 轮播动画参数
22
- * @param {Boolean} active 组件是否处于活跃状态
23
- * @returns {Object} 返回被选中的名称,坐标,选中方法
13
+ /**
14
+ * 主要用于轴类图表,返回当前选中的是哪一个x
15
+ * @param {Array} svg svg的dom实例
16
+ * @param {Number} marginLeft 左间距
17
+ * @param {Number} marginTop 上间距
18
+ * @param {Number} width 宽
19
+ * @param {Number} height 高
20
+ * @param {Number} axisX 类目轴
21
+ * @param {Object} config 轮播动画参数
22
+ * @param {Boolean} active 组件是否处于活跃状态
23
+ * @returns {Object} 返回被选中的名称,坐标,选中方法
24
24
  */
25
25
  var _default = exports["default"] = function _default(_ref) {
26
26
  var svg = _ref.svg,