indicator-ui 0.1.32 → 0.1.34

package/dist/index.js

@@ -55257,8 +55257,9 @@ var SLIDE_BASE_FADE_IN_ANIMATION = function SLIDE_BASE_FADE_IN_ANIMATION(getHide
     timeline.set(modal, {
       visibility: 'visible',
       left: predictPos[0],
-      top: hideHeight,
+      top: predictPos[1],
       zIndex: modalZIndex,
+      y: hideHeight,
       opacity: 0
     }).set(backdrop, {
       visibility: 'visible',
@@ -55270,12 +55271,9 @@ var SLIDE_BASE_FADE_IN_ANIMATION = function SLIDE_BASE_FADE_IN_ANIMATION(getHide
   };
   var appearMain = function appearMain(props, timeline) {
     var modal = props.modal,
-      backdrop = props.backdrop,
-      predictPos = props.predictPos;
-    timeline.set(modal, {
-      left: predictPos[0]
-    }).to(modal, {
-      top: predictPos[1],
+      backdrop = props.backdrop;
+    timeline.to(modal, {
+      y: 0,
       duration: 0.3,
       ease: 'power2.out'
     }).to(modal, {
@@ -55306,7 +55304,7 @@ var SLIDE_BASE_FADE_IN_ANIMATION = function SLIDE_BASE_FADE_IN_ANIMATION(getHide
       duration: 0.3,
       ease: 'power2.in'
     }).to(modal, {
-      top: hideHeight,
+      y: hideHeight,
       duration: 0.2,
       ease: 'power2.in'
     }, '<').to(backdrop, {
@@ -55953,7 +55951,6 @@ 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().to(obj, {
       x: -distance,
@@ -56198,15 +56195,6 @@ function useBackgroundModalAnim() {
     }
     return timeline;
   };
-  var initAdditionTimeline = function initAdditionTimeline() {
-    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var onComplete = props.onComplete;
-    var timeline = getAdditionTimeline();
-    if (onComplete) {
-      timeline.eventCallback('onComplete', onComplete);
-    }
-    return timeline;
-  };
   var getAnimationProps = function getAnimationProps() {
     var _getObjData = getObjData(),
       predictPlace = _getObjData.predictPlace,
@@ -56241,35 +56229,17 @@ function useBackgroundModalAnim() {
   function updateModalPlacement() {
     var _getObjData2 = getObjData(),
       predictPlace = _getObjData2.predictPlace;
-    var timeline = getTimeline();
-    var additionTimeline = getAdditionTimeline(0);
-    var secondaryAdditionTimeline = getAdditionTimeline(1);
+    var additionTimeline = getAdditionTimeline();
     var newPlace = predictPlace;
     var obj = ref.current;
     if (obj) {
-      if (timeline.isActive()) {
-        additionTimeline.clear();
-        (0,_assets__WEBPACK_IMPORTED_MODULE_1__.MOVING_ANIMATIONS)()["default"](obj, additionTimeline, {
-          place: {
-            left: newPlace[0]
-          }
-        }).play();
-        secondaryAdditionTimeline.clear();
-        (0,_assets__WEBPACK_IMPORTED_MODULE_1__.MOVING_ANIMATIONS)()["default"](obj, secondaryAdditionTimeline, {
-          place: {
-            top: newPlace[1]
-          }
-        });
-        timeline.add(secondaryAdditionTimeline.play());
-      } else {
-        additionTimeline.clear();
-        (0,_assets__WEBPACK_IMPORTED_MODULE_1__.MOVING_ANIMATIONS)()["default"](obj, additionTimeline, {
-          place: {
-            left: newPlace[0],
-            top: newPlace[1]
-          }
-        }).play();
-      }
+      additionTimeline.clear();
+      (0,_assets__WEBPACK_IMPORTED_MODULE_1__.MOVING_ANIMATIONS)()["default"](obj, additionTimeline, {
+        place: {
+          left: newPlace[0],
+          top: newPlace[1]
+        }
+      }).play();
     }
   }
   function appearanceAnim() {
@@ -56700,7 +56670,6 @@ function useModalAnim() {
   };
   function updateModalPlacement() {
     var additionTimeline = initAdditionTimeline();
-    var timeline = getTimeline();
     var newPlace = smartPlacementServices.calc();
     var obj = ref.current;
     if (obj) {
@@ -69424,12 +69393,14 @@ var MicroButton = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)
   if (customComponent !== undefined) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(customComponent, {
       children: icon || children,
-      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle.button, getTypeClassName(), getSizeClassName(), getAdditionStyles())
+      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle.button, getTypeClassName(), getSizeClassName(), getAdditionStyles()),
+      ref: ref
     });
   }
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({}, anotherProps), {}, {
     disabled: disabled,
     className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle.button, getTypeClassName(), getSizeClassName(), getAdditionStyles()),
+    ref: ref,
     children: icon || children
   }));
 });