indicator-ui 0.1.30 → 0.1.32

package/dist/index.js

@@ -55938,7 +55938,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   TEXT_AUTO_SCROLL_ANIM: () => (/* binding */ TEXT_AUTO_SCROLL_ANIM)
 /* harmony export */ });
-var DURATION_SPEED = 75;
+var DURATION_SPEED = 0.025;
 function TEXT_AUTO_SCROLL_ANIM() {
   var start = function start() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -55953,14 +55953,15 @@ function TEXT_AUTO_SCROLL_ANIM() {
     var scrollWidth = obj.scrollWidth;
     var containerWidth = obj.clientWidth;
     var distance = scrollWidth - containerWidth;
+    console.log(scrollWidth, containerWidth);
     if (distance <= 0) return timeline;
-    timeline.clear();
-    timeline.to(obj, {
+    timeline.clear().to(obj, {
       x: -distance,
-      duration: distance / (DURATION_SPEED * xSpeed),
+      duration: distance * DURATION_SPEED * xSpeed,
       ease: "power1.inOut",
       repeat: -1,
-      yoyo: true
+      yoyo: true,
+      repeatDelay: 1
     });
     return timeline;
   };
@@ -56483,10 +56484,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   useHoverAutoScrollText: () => (/* binding */ useHoverAutoScrollText)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
-/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./assets */ "./src/hooks/ui-animations/assets/index.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./assets */ "./src/hooks/ui-animations/assets/index.ts");
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -56495,7 +56494,6 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
-
 function useHoverAutoScrollText() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -56504,21 +56502,16 @@ function useHoverAutoScrollText() {
     _args$ = args[1],
     options = _args$ === void 0 ? {} : _args$;
   var xSpeed = options.xSpeed;
-  var _useSimpleRefElementW = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSimpleRefElementWork)(ref),
+  var _useSimpleRefElementW = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useSimpleRefElementWork)(ref),
     _useSimpleRefElementW2 = _slicedToArray(_useSimpleRefElementW, 1),
     getObj = _useSimpleRefElementW2[0];
-  var _useTimeline = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useTimeline)(),
+  var _useTimeline = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useTimeline)(),
     getTimeline = _useTimeline.getTimeline;
-  var initStyle = function initStyle() {
-    var obj = getObj();
-    if (!obj) return;
-    Object.assign(obj.style, (0,_assets__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTO_SCROLL_ANIM)().getInitStyle());
-  };
   var startScrolling = function startScrolling() {
     var obj = getObj();
     if (!obj) return;
     var timeline = getTimeline();
-    (0,_assets__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTO_SCROLL_ANIM)().start(obj, timeline, {
+    (0,_assets__WEBPACK_IMPORTED_MODULE_1__.TEXT_AUTO_SCROLL_ANIM)().start(obj, timeline, {
       xSpeed: xSpeed
     }).play();
   };
@@ -56526,33 +56519,12 @@ function useHoverAutoScrollText() {
     var obj = getObj();
     if (!obj) return;
     var timeline = getTimeline();
-    (0,_assets__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTO_SCROLL_ANIM)().end(obj, timeline).play();
-  };
-  var onMouseEnter = function onMouseEnter() {
-    return startScrolling();
+    (0,_assets__WEBPACK_IMPORTED_MODULE_1__.TEXT_AUTO_SCROLL_ANIM)().end(obj, timeline).play();
   };
-  var onMouseLeave = function onMouseLeave() {
-    return endScrolling();
-  };
-  var setUpListeners = function setUpListeners() {
-    var obj = getObj();
-    if (!obj) return;
-    obj.addEventListener('mouseenter', onMouseEnter);
-    obj.addEventListener('mouseleave', onMouseLeave);
-  };
-  var clearListeners = function clearListeners() {
-    var obj = getObj();
-    if (!obj) return;
-    obj.removeEventListener('mouseenter', onMouseEnter);
-    obj.removeEventListener('mouseleave', onMouseLeave);
-  };
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    setUpListeners();
-    initStyle();
-    return clearListeners;
-  }, []);
   return {
-    getInitStyle: (0,_assets__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTO_SCROLL_ANIM)().getInitStyle
+    getInitStyle: (0,_assets__WEBPACK_IMPORTED_MODULE_1__.TEXT_AUTO_SCROLL_ANIM)().getInitStyle,
+    startScrolling: startScrolling,
+    endScrolling: endScrolling
   };
 }