@easyv/charts 1.6.12 → 1.6.14
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.
- package/.babelrc +8 -8
- package/.husky/commit-msg +3 -3
- package/CHANGELOG.md +18 -18
- package/commitlint.config.js +1 -1
- package/lib/components/Axis.js +1 -1
- package/lib/components/Background.js +2 -2
- package/lib/components/Band.js +3 -3
- package/lib/components/Brush.js +2 -2
- package/lib/components/Chart.js +2 -2
- package/lib/components/ChartContainer.js +3 -3
- package/lib/components/ConicalGradient.js +21 -21
- package/lib/components/Control.js +1 -1
- package/lib/components/ExtentData.js +2 -2
- package/lib/components/Indicator.js +2 -2
- package/lib/components/Label.js +32 -21
- package/lib/components/Legend.js +2 -2
- package/lib/components/Lighter.js +2 -2
- package/lib/components/Line.js +2 -2
- package/lib/components/LinearGradient.js +2 -2
- package/lib/components/Marquee.js +1 -1
- package/lib/components/StereoBar.js +2 -2
- package/lib/components/TextOverflow.js +1 -1
- package/lib/components/Tooltip.js +4 -4
- package/lib/css/index.module.css +42 -42
- package/lib/css/piechart.module.css +26 -26
- package/lib/hooks/useAnimateData.js +6 -6
- package/lib/hooks/useAxes.js +1 -2
- package/lib/hooks/useFilterData.js +5 -5
- package/lib/hooks/useStackData.js +5 -5
- package/lib/hooks/useTooltip.js +11 -11
- package/lib/utils/index.js +3 -3
- package/package.json +55 -55
- package/src/components/Background.tsx +61 -61
- package/src/components/Band.tsx +271 -271
- package/src/components/Brush.js +159 -159
- package/src/components/Chart.js +154 -154
- package/src/components/ChartContainer.tsx +71 -71
- package/src/components/ConicalGradient.js +258 -258
- package/src/components/Control.jsx +241 -241
- package/src/components/ExtentData.js +18 -18
- package/src/components/Indicator.js +58 -58
- package/src/components/Label.js +247 -242
- package/src/components/Legend.js +166 -166
- package/src/components/Lighter.jsx +173 -173
- package/src/components/Line.js +153 -153
- package/src/components/LinearGradient.js +29 -29
- package/src/components/PieTooltip.jsx +160 -160
- package/src/components/StereoBar.tsx +307 -307
- package/src/components/Tooltip.js +4 -4
- package/src/components/index.js +59 -59
- package/src/context/index.js +2 -2
- package/src/css/index.module.css +42 -42
- package/src/css/piechart.module.css +26 -26
- package/src/element/ConicGradient.jsx +55 -55
- package/src/element/Line.tsx +33 -33
- package/src/element/index.ts +3 -3
- package/src/formatter/index.js +1 -1
- package/src/formatter/legend.js +112 -112
- package/src/hooks/index.js +20 -20
- package/src/hooks/useAnimateData.ts +68 -68
- package/src/hooks/useAxes.js +1 -2
- package/src/hooks/useFilterData.js +78 -78
- package/src/hooks/useStackData.js +102 -102
- package/src/hooks/useTooltip.ts +104 -104
- package/src/index.js +6 -6
- package/src/types/index.d.ts +68 -68
- package/src/utils/index.js +782 -782
- 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/.husky/commit-msg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
#!/bin/sh
|
|
2
|
-
. "$(dirname "$0")/_/husky.sh"
|
|
3
|
-
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
. "$(dirname "$0")/_/husky.sh"
|
|
3
|
+
|
|
4
4
|
yarn commitlint --edit $1
|
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))
|
package/commitlint.config.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = {extends: ['@commitlint/config-conventional']}
|
|
1
|
+
module.exports = {extends: ['@commitlint/config-conventional']}
|
package/lib/components/Axis.js
CHANGED
|
@@ -228,7 +228,7 @@ var Label = function Label(_ref5) {
|
|
|
228
228
|
}
|
|
229
229
|
})));
|
|
230
230
|
};
|
|
231
|
-
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(
|
|
231
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (_ref6, ref) {
|
|
232
232
|
var orientation = _ref6.orientation,
|
|
233
233
|
scaler = _ref6.scaler,
|
|
234
234
|
_ref6$tickSize = _ref6.tickSize,
|
|
@@ -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,
|
package/lib/components/Band.js
CHANGED
|
@@ -15,8 +15,8 @@ var _utils = require("../utils");
|
|
|
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
17
|
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; }
|
|
18
|
-
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; } /**
|
|
19
|
-
* (柱状/条形)图柱子
|
|
18
|
+
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; } /**
|
|
19
|
+
* (柱状/条形)图柱子
|
|
20
20
|
*/
|
|
21
21
|
var getHighlightData = function getHighlightData(data, extent) {
|
|
22
22
|
switch (extent) {
|
|
@@ -58,7 +58,7 @@ var getAttr = function getAttr(_ref) {
|
|
|
58
58
|
x: x,
|
|
59
59
|
y: y,
|
|
60
60
|
width: seriesWidth,
|
|
61
|
-
height: length ? length : 0.
|
|
61
|
+
height: length ? length : 0.1
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
64
|
var getBorderRadius = function getBorderRadius(_ref2) {
|
package/lib/components/Brush.js
CHANGED
|
@@ -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',
|
package/lib/components/Chart.js
CHANGED
|
@@ -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; }
|
|
@@ -11,11 +11,11 @@ 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
|
-
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(
|
|
18
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
19
19
|
var width = _ref.width,
|
|
20
20
|
height = _ref.height,
|
|
21
21
|
marginLeft = _ref.marginLeft,
|
|
@@ -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;
|
|
@@ -18,7 +18,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
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
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
|
-
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(
|
|
21
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
22
22
|
var _props$actions = props.actions,
|
|
23
23
|
setX = _props$actions.setX,
|
|
24
24
|
setWorking = _props$actions.setWorking,
|
|
@@ -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,
|
package/lib/components/Label.js
CHANGED
|
@@ -12,8 +12,8 @@ var _react = require("react");
|
|
|
12
12
|
var _utils = require("../utils");
|
|
13
13
|
var _context = require("../context");
|
|
14
14
|
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; }
|
|
15
|
-
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; } /**
|
|
16
|
-
* 轴类图表标签
|
|
15
|
+
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; } /**
|
|
16
|
+
* 轴类图表标签
|
|
17
17
|
*/
|
|
18
18
|
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
19
19
|
var _ref$config = _ref.config,
|
|
@@ -53,7 +53,8 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
|
|
|
53
53
|
seriesWidth = _getSeriesInfo.seriesWidth,
|
|
54
54
|
seriesStart = _getSeriesInfo.seriesStart;
|
|
55
55
|
var isVertical = direction === "vertical";
|
|
56
|
-
var _position = label.position
|
|
56
|
+
var _position = label.position,
|
|
57
|
+
reverse = label.reverse;
|
|
57
58
|
return /*#__PURE__*/React.createElement("g", {
|
|
58
59
|
className: "__easyv-label"
|
|
59
60
|
}, data.map(function (_ref2, i) {
|
|
@@ -91,13 +92,15 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
|
|
|
91
92
|
y: y,
|
|
92
93
|
y1: y1,
|
|
93
94
|
y2: y2,
|
|
94
|
-
width: width
|
|
95
|
+
width: width,
|
|
96
|
+
reverse: reverse
|
|
95
97
|
}) : getHorizontalLabel({
|
|
96
98
|
position: _position,
|
|
97
99
|
y: y,
|
|
98
100
|
y1: y1,
|
|
99
101
|
y2: y2,
|
|
100
|
-
height: height
|
|
102
|
+
height: height,
|
|
103
|
+
reverse: reverse
|
|
101
104
|
});
|
|
102
105
|
var attr = isVertical ? _objectSpread(_objectSpread({}, labelPosition), {}, {
|
|
103
106
|
y: position,
|
|
@@ -119,7 +122,8 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
|
|
|
119
122
|
config: icon
|
|
120
123
|
}), showLabel && /*#__PURE__*/React.createElement(Label, (0, _extends2["default"])({
|
|
121
124
|
value: showY,
|
|
122
|
-
config: label
|
|
125
|
+
config: label,
|
|
126
|
+
reverse: reverse
|
|
123
127
|
}, attr)));
|
|
124
128
|
}));
|
|
125
129
|
});
|
|
@@ -143,13 +147,14 @@ var Label = function Label(_ref3) {
|
|
|
143
147
|
_ref3$textAnchor = _ref3.textAnchor,
|
|
144
148
|
textAnchor = _ref3$textAnchor === void 0 ? "middle" : _ref3$textAnchor,
|
|
145
149
|
_ref3$dominantBaselin = _ref3.dominantBaseline,
|
|
146
|
-
dominantBaseline = _ref3$dominantBaselin === void 0 ? "middle" : _ref3$dominantBaselin
|
|
150
|
+
dominantBaseline = _ref3$dominantBaselin === void 0 ? "middle" : _ref3$dominantBaselin,
|
|
151
|
+
reverse = _ref3.reverse;
|
|
147
152
|
return /*#__PURE__*/React.createElement("text", (0, _extends2["default"])({
|
|
148
153
|
x: x,
|
|
149
154
|
y: y,
|
|
150
155
|
transform: (0, _utils.getTranslate2d)({
|
|
151
156
|
x: translateX,
|
|
152
|
-
y: translateY * (value
|
|
157
|
+
y: translateY * (value < 0 && reverse ? -1 : 1)
|
|
153
158
|
}),
|
|
154
159
|
textAnchor: textAnchor,
|
|
155
160
|
dominantBaseline: dominantBaseline
|
|
@@ -210,12 +215,15 @@ var getVerticalLabel = function getVerticalLabel(_ref6) {
|
|
|
210
215
|
width = _ref6.width,
|
|
211
216
|
y = _ref6.y,
|
|
212
217
|
y1 = _ref6.y1,
|
|
213
|
-
y2 = _ref6.y2
|
|
218
|
+
y2 = _ref6.y2,
|
|
219
|
+
_ref6$reverse = _ref6.reverse,
|
|
220
|
+
reverse = _ref6$reverse === void 0 ? true : _ref6$reverse;
|
|
221
|
+
var needReverse = reverse && y < 0;
|
|
214
222
|
switch (position) {
|
|
215
223
|
case "start":
|
|
216
224
|
return {
|
|
217
|
-
x:
|
|
218
|
-
textAnchor: "start"
|
|
225
|
+
x: y2,
|
|
226
|
+
textAnchor: needReverse ? "end" : "start"
|
|
219
227
|
};
|
|
220
228
|
case "middle":
|
|
221
229
|
return {
|
|
@@ -224,18 +232,18 @@ var getVerticalLabel = function getVerticalLabel(_ref6) {
|
|
|
224
232
|
};
|
|
225
233
|
case "end":
|
|
226
234
|
return {
|
|
227
|
-
x:
|
|
228
|
-
textAnchor: "end"
|
|
235
|
+
x: y1,
|
|
236
|
+
textAnchor: needReverse ? "start" : "end"
|
|
229
237
|
};
|
|
230
238
|
case "outerStart":
|
|
231
239
|
return {
|
|
232
240
|
x: y1,
|
|
233
|
-
textAnchor:
|
|
241
|
+
textAnchor: needReverse ? "end" : "start"
|
|
234
242
|
};
|
|
235
243
|
case "chartStart":
|
|
236
244
|
return {
|
|
237
245
|
x: y > 0 ? width : 0,
|
|
238
|
-
textAnchor: y
|
|
246
|
+
textAnchor: y >= 0 ? "start" : "end"
|
|
239
247
|
};
|
|
240
248
|
}
|
|
241
249
|
};
|
|
@@ -245,12 +253,15 @@ var getHorizontalLabel = function getHorizontalLabel(_ref7) {
|
|
|
245
253
|
height = _ref7.height,
|
|
246
254
|
y = _ref7.y,
|
|
247
255
|
y1 = _ref7.y1,
|
|
248
|
-
y2 = _ref7.y2
|
|
256
|
+
y2 = _ref7.y2,
|
|
257
|
+
_ref7$reverse = _ref7.reverse,
|
|
258
|
+
reverse = _ref7$reverse === void 0 ? true : _ref7$reverse;
|
|
259
|
+
var needReverse = reverse && y < 0;
|
|
249
260
|
switch (position) {
|
|
250
261
|
case "start":
|
|
251
262
|
return {
|
|
252
|
-
y:
|
|
253
|
-
dominantBaseline: "text-after-edge"
|
|
263
|
+
y: y1,
|
|
264
|
+
dominantBaseline: needReverse ? "text-before-edge" : "text-after-edge"
|
|
254
265
|
};
|
|
255
266
|
case "middle":
|
|
256
267
|
return {
|
|
@@ -259,13 +270,13 @@ var getHorizontalLabel = function getHorizontalLabel(_ref7) {
|
|
|
259
270
|
};
|
|
260
271
|
case "end":
|
|
261
272
|
return {
|
|
262
|
-
y:
|
|
263
|
-
dominantBaseline: "text-before-edge"
|
|
273
|
+
y: y2,
|
|
274
|
+
dominantBaseline: needReverse ? "text-after-edge" : "text-before-edge"
|
|
264
275
|
};
|
|
265
276
|
case "outerStart":
|
|
266
277
|
return {
|
|
267
278
|
y: y2,
|
|
268
|
-
dominantBaseline:
|
|
279
|
+
dominantBaseline: needReverse ? "text-before-edge" : "text-after-edge"
|
|
269
280
|
};
|
|
270
281
|
case "chartStart":
|
|
271
282
|
return {
|
package/lib/components/Legend.js
CHANGED
|
@@ -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,
|
package/lib/components/Line.js
CHANGED
|
@@ -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,
|
|
@@ -17,7 +17,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
17
17
|
* 文字跑马灯组件
|
|
18
18
|
* eg: <Marquee value={文本内容} speed={跑马灯速度} style={额外样式}></Marquee>
|
|
19
19
|
*/
|
|
20
|
-
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(
|
|
20
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
21
21
|
var value = props.value,
|
|
22
22
|
style = props.style,
|
|
23
23
|
_props$speed = props.speed,
|
|
@@ -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) {
|
|
@@ -17,7 +17,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
17
17
|
* 文本溢出组件
|
|
18
18
|
* eg: <TextOverflow type={溢出形式} value={文本内容} speed={跑马灯速度} style={额外样式}></Marquee>
|
|
19
19
|
*/
|
|
20
|
-
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(
|
|
20
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
21
21
|
var type = props.type,
|
|
22
22
|
value = props.value,
|
|
23
23
|
style = props.style,
|
|
@@ -55,12 +55,12 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
|
|
|
55
55
|
}) : _objectSpread(_objectSpread({}, translateTip), {}, {
|
|
56
56
|
x: translateTip.x + position + marginLeft
|
|
57
57
|
});
|
|
58
|
-
if (translate3d.x + tipWidth > width) {
|
|
59
|
-
var newPositon = position + marginLeft - tipWidth
|
|
58
|
+
if (!isVertical && translate3d.x + tipWidth > width) {
|
|
59
|
+
var newPositon = position + marginLeft - tipWidth - translateTip.x;
|
|
60
60
|
translate3d.x = newPositon >= 0 ? newPositon : 0;
|
|
61
61
|
}
|
|
62
|
-
if (translate3d.y + tipHeight > height) {
|
|
63
|
-
var _newPositon = position + marginTop - tipHeight
|
|
62
|
+
if (isVertical && translate3d.y + tipHeight > height) {
|
|
63
|
+
var _newPositon = position + marginTop - tipHeight - translateTip.y;
|
|
64
64
|
translate3d.y = _newPositon <= 0 ? _newPositon : height - tipHeight;
|
|
65
65
|
}
|
|
66
66
|
return (0, _utils.getTranslate3d)(translate3d);
|
package/lib/css/index.module.css
CHANGED
|
@@ -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
|
}
|