indicator-ui 0.1.31 → 0.1.33
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/dist/index.js
CHANGED
|
@@ -55953,7 +55953,6 @@ function TEXT_AUTO_SCROLL_ANIM() {
|
|
|
55953
55953
|
var scrollWidth = obj.scrollWidth;
|
|
55954
55954
|
var containerWidth = obj.clientWidth;
|
|
55955
55955
|
var distance = scrollWidth - containerWidth;
|
|
55956
|
-
console.log(scrollWidth, containerWidth);
|
|
55957
55956
|
if (distance <= 0) return timeline;
|
|
55958
55957
|
timeline.clear().to(obj, {
|
|
55959
55958
|
x: -distance,
|
|
@@ -56484,10 +56483,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
56484
56483
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
56485
56484
|
/* harmony export */ useHoverAutoScrollText: () => (/* binding */ useHoverAutoScrollText)
|
|
56486
56485
|
/* harmony export */ });
|
|
56487
|
-
/* harmony import */ var
|
|
56488
|
-
/* harmony import */ var
|
|
56489
|
-
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
|
|
56490
|
-
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./assets */ "./src/hooks/ui-animations/assets/index.ts");
|
|
56486
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
|
|
56487
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./assets */ "./src/hooks/ui-animations/assets/index.ts");
|
|
56491
56488
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
56492
56489
|
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."); }
|
|
56493
56490
|
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; } }
|
|
@@ -56496,7 +56493,6 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
56496
56493
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
56497
56494
|
|
|
56498
56495
|
|
|
56499
|
-
|
|
56500
56496
|
function useHoverAutoScrollText() {
|
|
56501
56497
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
56502
56498
|
args[_key] = arguments[_key];
|
|
@@ -56505,21 +56501,16 @@ function useHoverAutoScrollText() {
|
|
|
56505
56501
|
_args$ = args[1],
|
|
56506
56502
|
options = _args$ === void 0 ? {} : _args$;
|
|
56507
56503
|
var xSpeed = options.xSpeed;
|
|
56508
|
-
var _useSimpleRefElementW = (0,
|
|
56504
|
+
var _useSimpleRefElementW = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useSimpleRefElementWork)(ref),
|
|
56509
56505
|
_useSimpleRefElementW2 = _slicedToArray(_useSimpleRefElementW, 1),
|
|
56510
56506
|
getObj = _useSimpleRefElementW2[0];
|
|
56511
|
-
var _useTimeline = (0,
|
|
56507
|
+
var _useTimeline = (0,_hooks__WEBPACK_IMPORTED_MODULE_0__.useTimeline)(),
|
|
56512
56508
|
getTimeline = _useTimeline.getTimeline;
|
|
56513
|
-
var initStyle = function initStyle() {
|
|
56514
|
-
var obj = getObj();
|
|
56515
|
-
if (!obj) return;
|
|
56516
|
-
Object.assign(obj.style, (0,_assets__WEBPACK_IMPORTED_MODULE_2__.TEXT_AUTO_SCROLL_ANIM)().getInitStyle());
|
|
56517
|
-
};
|
|
56518
56509
|
var startScrolling = function startScrolling() {
|
|
56519
56510
|
var obj = getObj();
|
|
56520
56511
|
if (!obj) return;
|
|
56521
56512
|
var timeline = getTimeline();
|
|
56522
|
-
(0,
|
|
56513
|
+
(0,_assets__WEBPACK_IMPORTED_MODULE_1__.TEXT_AUTO_SCROLL_ANIM)().start(obj, timeline, {
|
|
56523
56514
|
xSpeed: xSpeed
|
|
56524
56515
|
}).play();
|
|
56525
56516
|
};
|
|
@@ -56527,33 +56518,12 @@ function useHoverAutoScrollText() {
|
|
|
56527
56518
|
var obj = getObj();
|
|
56528
56519
|
if (!obj) return;
|
|
56529
56520
|
var timeline = getTimeline();
|
|
56530
|
-
(0,
|
|
56531
|
-
};
|
|
56532
|
-
var onMouseEnter = function onMouseEnter() {
|
|
56533
|
-
return startScrolling();
|
|
56534
|
-
};
|
|
56535
|
-
var onMouseLeave = function onMouseLeave() {
|
|
56536
|
-
return endScrolling();
|
|
56521
|
+
(0,_assets__WEBPACK_IMPORTED_MODULE_1__.TEXT_AUTO_SCROLL_ANIM)().end(obj, timeline).play();
|
|
56537
56522
|
};
|
|
56538
|
-
var setUpListeners = function setUpListeners() {
|
|
56539
|
-
var obj = getObj();
|
|
56540
|
-
if (!obj) return;
|
|
56541
|
-
obj.addEventListener('mouseenter', onMouseEnter);
|
|
56542
|
-
obj.addEventListener('mouseleave', onMouseLeave);
|
|
56543
|
-
};
|
|
56544
|
-
var clearListeners = function clearListeners() {
|
|
56545
|
-
var obj = getObj();
|
|
56546
|
-
if (!obj) return;
|
|
56547
|
-
obj.removeEventListener('mouseenter', onMouseEnter);
|
|
56548
|
-
obj.removeEventListener('mouseleave', onMouseLeave);
|
|
56549
|
-
};
|
|
56550
|
-
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
56551
|
-
setUpListeners();
|
|
56552
|
-
initStyle();
|
|
56553
|
-
return clearListeners;
|
|
56554
|
-
}, []);
|
|
56555
56523
|
return {
|
|
56556
|
-
getInitStyle: (0,
|
|
56524
|
+
getInitStyle: (0,_assets__WEBPACK_IMPORTED_MODULE_1__.TEXT_AUTO_SCROLL_ANIM)().getInitStyle,
|
|
56525
|
+
startScrolling: startScrolling,
|
|
56526
|
+
endScrolling: endScrolling
|
|
56557
56527
|
};
|
|
56558
56528
|
}
|
|
56559
56529
|
|
|
@@ -69453,12 +69423,14 @@ var MicroButton = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)
|
|
|
69453
69423
|
if (customComponent !== undefined) {
|
|
69454
69424
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(customComponent, {
|
|
69455
69425
|
children: icon || children,
|
|
69456
|
-
className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle.button, getTypeClassName(), getSizeClassName(), getAdditionStyles())
|
|
69426
|
+
className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle.button, getTypeClassName(), getSizeClassName(), getAdditionStyles()),
|
|
69427
|
+
ref: ref
|
|
69457
69428
|
});
|
|
69458
69429
|
}
|
|
69459
69430
|
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({}, anotherProps), {}, {
|
|
69460
69431
|
disabled: disabled,
|
|
69461
69432
|
className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle.button, getTypeClassName(), getSizeClassName(), getAdditionStyles()),
|
|
69433
|
+
ref: ref,
|
|
69462
69434
|
children: icon || children
|
|
69463
69435
|
}));
|
|
69464
69436
|
});
|