@easyv/charts 1.4.24 → 1.4.26

package/lib/components/pieTooltip.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieTooltip = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../utils");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var mousePos = props.mousePos,
+    pieCenter = props.pieCenter,
+    _props$config$tip = props.config.tip,
+    _props$config$tip$dat = _props$config$tip.data,
+    lineHeight = _props$config$tip$dat.lineHeight,
+    iconSize = _props$config$tip$dat.iconSize,
+    name = _props$config$tip$dat.name,
+    _props$config$tip$dat2 = _props$config$tip$dat.value,
+    valueIsShow = _props$config$tip$dat2.show,
+    valueFont = _props$config$tip$dat2.fontStyle,
+    valueSuffix = _props$config$tip$dat2.suffix,
+    valueSuffixIsShow = _props$config$tip$dat2.suffix.show,
+    _props$config$tip$dat3 = _props$config$tip$dat.percentage,
+    percentageIsShow = _props$config$tip$dat3.show,
+    percentageFont = _props$config$tip$dat3.fontStyle,
+    percentageSuffix = _props$config$tip$dat3.suffix,
+    percentageSuffixIsShow = _props$config$tip$dat3.suffix.show,
+    image = _props$config$tip.image,
+    margin = _props$config$tip.margin,
+    _props$config$tip$siz = _props$config$tip.size,
+    tipWidth = _props$config$tip$siz.width,
+    tipHeight = _props$config$tip$siz.height,
+    translateTip = _props$config$tip.translate,
+    data = props.data,
+    series = props.series;
+  var Item = function Item() {
+    var _data$data = data.data,
+      s = _data$data.s,
+      y = _data$data.y,
+      percent = data.percent;
+    var _find = (0, _toConsumableArray2["default"])(series.values()).find(function (series) {
+        return series.name == s;
+      }),
+      type = _find.type,
+      icon = _find.icon,
+      displayName = _find.displayName;
+    var renderSuffix = function renderSuffix(suffix) {
+      var content = suffix.content,
+        suffiixFont = suffix.font,
+        suffixTranslate = suffix.translate;
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(suffiixFont)), {}, {
+          display: "inline-block",
+          transform: (0, _utils.getTranslate3d)(suffixTranslate)
+        })
+      }, content);
+    };
+    var _icon = (0, _utils.getIcon)(type, icon);
+    return /*#__PURE__*/_react["default"].createElement("dd", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        lineHeight: lineHeight + 'px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        // border: '1px solid red',
+        display: 'flex',
+        alignItems: 'center',
+        gap: icon.iconGap
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: _objectSpread(_objectSpread({}, _icon), {}, {
+        width: iconSize + 'px',
+        height: iconSize + 'px'
+      })
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      style: (0, _utils.getFontStyle)(name)
+    }, displayName || s)), valueIsShow && /*#__PURE__*/_react["default"].createElement("span", {
+      style: (0, _utils.getFontStyle)(valueFont)
+    }, y, valueSuffixIsShow && renderSuffix(valueSuffix)), percentageIsShow && /*#__PURE__*/_react["default"].createElement("span", {
+      style: (0, _utils.getFontStyle)(percentageFont)
+    }, percent, percentageSuffixIsShow && renderSuffix(percentageSuffix)));
+  };
+  var mouseX = mousePos.x,
+    mouseY = mousePos.y;
+  var centerX = pieCenter.x,
+    centerY = pieCenter.y;
+  var getTipPos = function getTipPos() {
+    var tipPosMap = {
+      rightTop: "translate(".concat(mouseX + translateTip.x, "px,").concat(mouseY - tipHeight - translateTip.y, "px)"),
+      leftTop: "translate(".concat(mouseX - tipWidth - translateTip.x, "px,").concat(mouseY - tipHeight - translateTip.y, "px)"),
+      leftBottom: "translate(".concat(mouseX - tipWidth - translateTip.x, "px,").concat(mouseY + translateTip.y, "px)"),
+      rightBottom: "translate(".concat(mouseX + translateTip.x, "px,").concat(mouseY + translateTip.y, "px)")
+    };
+    if (mouseX < centerX && mouseY < centerY) {
+      return tipPosMap.leftTop;
+    } else if (mouseX > centerX && mouseY < centerY) {
+      return tipPosMap.rightTop;
+    } else if (mouseX >= centerX && mouseY >= centerY) {
+      return tipPosMap.rightBottom;
+    } else {
+      return tipPosMap.leftBottom;
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "__easyv-tooltip",
+    style: {
+      pointerEvents: 'none',
+      transform: getTipPos(mousePos, pieCenter),
+      width: tipWidth,
+      height: tipHeight,
+      padding: (0, _utils.getMargin)(margin),
+      background: image ? '50% 50% / 100% 100% no-repeat url(' + window.appConfig.ASSETS_URL + image + ')' : 'rgba(48, 55, 66, 0.85)'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("dl", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'space-between',
+      height: '100%'
+    }
+  }, Item()));
+});
+exports.PieTooltip = PieTooltip;

package/package.json

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

package/src/components/Marquee.tsx

@@ -16,7 +16,7 @@ export default memo(forwardRef((props:marquee, ref:any) => {
     style, // 样式
     speed = 5, // 动画速度
   } = props;
-
+  
   const rootRef = ref || useRef();
   const target = useRef<any>(null);
   const observe = useRef<any>(null);
@@ -40,7 +40,7 @@ export default memo(forwardRef((props:marquee, ref:any) => {
     observe.current = new IntersectionObserver(
       function (entries:any) {
         let entrie = entries[0];
-        if (entrie.boundingClientRect.width < entrie.rootBounds.width) {
+        if (entrie.boundingClientRect.width <= entrie.rootBounds.width) {
           //表示文字全部可视
           cancelAnimationFrame(timer.current||0);
           target.current!.style.transform = "translate(0px,0px)"; //重置偏移