@easyv/charts 1.6.8 → 1.6.10

package/lib/components/Marquee.js

@@ -1,76 +1,62 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-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 _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+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); }
+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; }
+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; }
+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; }
+/**
+ * 文字跑马灯组件
+ * eg: <Marquee value={文本内容} speed={跑马灯速度} style={额外样式}></Marquee>
+ */
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var value = props.value,
-      style = props.style,
-      _props$speed = props.speed,
-      speed = _props$speed === void 0 ? 5 : _props$speed;
+    style = props.style,
+    _props$speed = props.speed,
+    speed = _props$speed === void 0 ? 5 : _props$speed;
   var rootRef = ref || (0, _react.useRef)();
   var target = (0, _react.useRef)(null);
   var observe = (0, _react.useRef)(null);
   var speed_ = (0, _react.useRef)(0); //这里必须用一个ref绑定speed，否则animation中获取不到最新的speed
-
   var timer = (0, _react.useRef)();
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      overflow = _useState2[0],
-      setOverflow = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    overflow = _useState2[0],
+    setOverflow = _useState2[1];
   speed_.current = speed;
-
   var startAnimation = function startAnimation(lineWidth) {
-    var animation = function animation(timestamp) {
+    var _animation = function animation(timestamp) {
       var frame = Math.round(timestamp * speed_.current % (lineWidth * 100) / 100);
       target.current.style.transform = "translate(-".concat(frame, "px,0px)");
       target.current.nextSibling.style.transform = "translate(-".concat(frame, "px,0px)");
-      timer.current = requestAnimationFrame(animation);
+      timer.current = requestAnimationFrame(_animation);
     };
-
-    timer.current = requestAnimationFrame(animation);
+    timer.current = requestAnimationFrame(_animation);
   };
-
   (0, _react.useEffect)(function () {
     //初始化观察器，利用观察器来监视组件可视区域变化
     observe.current = new IntersectionObserver(function (entries) {
       var entrie = entries[0];
-
       if (entrie.boundingClientRect.width <= entrie.rootBounds.width) {
         //表示文字全部可视
         cancelAnimationFrame(timer.current || 0);
         target.current.style.transform = "translate(0px,0px)"; //重置偏移
-
         setOverflow(false);
         return;
       } else {
         //否则文本溢出
         if (!overflow) {
           cancelAnimationFrame(timer.current || 0);
-          startAnimation(entrie.target.offsetWidth); //startAnimation(entrie.boundingClientRect.width);
-
+          startAnimation(entrie.target.offsetWidth);
+          //startAnimation(entrie.boundingClientRect.width);
           setOverflow(true);
         }
       }
@@ -80,9 +66,8 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
       threshold: new Array(101).fill(0).map(function (d, i) {
         return i / 100;
       }) //这里设置了[0-1]之间所有的阈值，保证每一帧的变化都能被观察到
-
-    }); // start observing
-
+    });
+    // start observing
     observe.current.observe(target.current);
     return function () {
       cancelAnimationFrame(timer.current || 0);
@@ -113,6 +98,4 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
       }
     });
   }));
-}));
-
-exports["default"] = _default;
+}));