@ray-js/framework-shared 0.5.4 → 0.5.6-beta-1

package/lib/useTouch/index.tuya.js

@@ -1,144 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["hoverDuration", "hoverDelay"];
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.array.reduce.js";
-import "core-js/modules/es.object.keys.js";
-import * as React from 'react';
-var isMiniProgram = true;
-var isWechat = false;
-var isWeb = false;
-var LONG_TAP_DURATION = 350;
-export function useTouch(_ref) {
-  var hoverDuration = _ref.hoverDuration,
-      hoverDelay = _ref.hoverDelay,
-      handles = _objectWithoutProperties(_ref, _excluded);
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      touching = _React$useState2[0],
-      setTouching = _React$useState2[1];
-
-  var hoveringRef = React.useRef(false);
-  var timers = React.useRef([]);
-
-  function executeTimeout(callback, time) {
-    var timer = setTimeout(function () {
-      callback();
-      timers.current.filter(function (t) {
-        return t !== timer;
-      });
-    }, time);
-    timers.current.push(timer);
-  }
-
-  function formatTouches(touchs) {
-    if (Array.isArray(touchs)) {
-      return touchs && touchs.map(function (item) {
-        return {
-          identifier: item.identifier,
-          pageX: item.pageX,
-          pageY: item.pageY
-        };
-      });
-    } else {
-      return [_objectSpread({}, touchs)];
-    }
-  }
-
-  function formatRayEvent(e, touchType) {
-    return {
-      type: (e === null || e === void 0 ? void 0 : e.type) || touchType || '',
-      touches: formatTouches(e.touches),
-      changedTouches: formatTouches(e.changedTouches),
-      timeStamp: e.timeStamp || e.timestamp,
-      origin: e
-    };
-  }
-
-  function formatRayClickEvent(e, clickType) {
-    return {
-      type: (e === null || e === void 0 ? void 0 : e.type) || clickType || '',
-      timeStamp: e.timeStamp,
-      pageX: e.pageX,
-      pageY: e.pageY,
-      origin: e
-    };
-  }
-
-  React.useEffect(function () {
-    return function () {
-      timers.current.forEach(function (t) {
-        return clearTimeout(t);
-      });
-    };
-  }, []);
-  var processedHandles = {
-    onTouchStart: function (e) {
-      var _handles$onTouchStart;
-
-      hoveringRef.current = true;
-      executeTimeout(function () {
-        if (hoveringRef.current) {
-          setTouching(true);
-        }
-      }, hoverDelay);
-      return (_handles$onTouchStart = handles.onTouchStart) === null || _handles$onTouchStart === void 0 ? void 0 : _handles$onTouchStart.call(handles, formatRayEvent(e, 'touchstart'));
-    },
-    onTouchMove: function (e) {
-      var _handles$onTouchMove;
-
-      hoveringRef.current = false;
-      executeTimeout(function () {
-        if (touching) {
-          setTouching(false);
-        }
-      }, hoverDuration);
-      return (_handles$onTouchMove = handles.onTouchMove) === null || _handles$onTouchMove === void 0 ? void 0 : _handles$onTouchMove.call(handles, formatRayEvent(e, 'touchmove'));
-    },
-    onTouchEnd: function (e) {
-      var _handles$onTouchEnd;
-
-      hoveringRef.current = false;
-      executeTimeout(function () {
-        if (touching) {
-          setTouching(false);
-        }
-      }, hoverDuration);
-      return (_handles$onTouchEnd = handles.onTouchEnd) === null || _handles$onTouchEnd === void 0 ? void 0 : _handles$onTouchEnd.call(handles, formatRayEvent(e, 'touchend'));
-    },
-    onTouchCancel: function (e) {
-      var _handles$onTouchCance;
-
-      hoveringRef.current = false;
-      executeTimeout(function () {
-        if (touching) {
-          setTouching(false);
-        }
-      }, hoverDuration);
-      return (_handles$onTouchCance = handles.onTouchCancel) === null || _handles$onTouchCance === void 0 ? void 0 : _handles$onTouchCance.call(handles, formatRayEvent(e, 'touchcancel'));
-    },
-    onClick: function (e) {
-      var _handles$onClick;
-
-      return (_handles$onClick = handles.onClick) === null || _handles$onClick === void 0 ? void 0 : _handles$onClick.call(handles, formatRayClickEvent(e, 'click'));
-    },
-    onLongClick: function (e) {
-      var _handles$onLongClick;
-
-      return (_handles$onLongClick = handles.onLongClick) === null || _handles$onLongClick === void 0 ? void 0 : _handles$onLongClick.call(handles, formatRayClickEvent(e, 'longclick'));
-    }
-  };
-  var finalRes = Object.keys(processedHandles).reduce(function (o, k) {
-    if (handles[k]) {
-      o[k] = processedHandles[k];
-    }
-
-    return o;
-  }, {});
-  return [touching, finalRes];
-}

package/lib/useTouch/index.web.js

@@ -1,156 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["hoverDuration", "hoverDelay"];
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.array.reduce.js";
-import "core-js/modules/es.object.keys.js";
-import * as React from 'react';
-var isMiniProgram = false;
-var isWechat = false;
-var isWeb = true;
-var LONG_TAP_DURATION = 350;
-export function useTouch(_ref) {
-  var hoverDuration = _ref.hoverDuration,
-      hoverDelay = _ref.hoverDelay,
-      handles = _objectWithoutProperties(_ref, _excluded);
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      touching = _React$useState2[0],
-      setTouching = _React$useState2[1];
-
-  var hoveringRef = React.useRef(false);
-  var timers = React.useRef([]);
-
-  function executeTimeout(callback, time) {
-    var timer = setTimeout(function () {
-      callback();
-      timers.current.filter(function (t) {
-        return t !== timer;
-      });
-    }, time);
-    timers.current.push(timer);
-  }
-
-  function formatTouches(touchs) {
-    if (Array.isArray(touchs)) {
-      return touchs && touchs.map(function (item) {
-        return {
-          identifier: item.identifier,
-          pageX: item.pageX,
-          pageY: item.pageY
-        };
-      });
-    } else {
-      return [_objectSpread({}, touchs)];
-    }
-  }
-
-  function formatRayEvent(e, touchType) {
-    return {
-      type: (e === null || e === void 0 ? void 0 : e.type) || touchType || '',
-      touches: formatTouches(e.touches),
-      changedTouches: formatTouches(e.changedTouches),
-      timeStamp: e.timeStamp || e.timestamp,
-      origin: e
-    };
-  }
-
-  function formatRayClickEvent(e, clickType) {
-    return {
-      type: (e === null || e === void 0 ? void 0 : e.type) || clickType || '',
-      timeStamp: e.timeStamp,
-      pageX: e.pageX,
-      pageY: e.pageY,
-      origin: e
-    };
-  }
-
-  React.useEffect(function () {
-    return function () {
-      timers.current.forEach(function (t) {
-        return clearTimeout(t);
-      });
-    };
-  }, []);
-
-  function onLongClick(e) {
-    var _handles$onLongClick;
-
-    return (_handles$onLongClick = handles.onLongClick) === null || _handles$onLongClick === void 0 ? void 0 : _handles$onLongClick.call(handles, formatRayClickEvent(e, 'longclick'));
-  }
-
-  var processedHandles = {
-    onTouchStart: function (e) {
-      var _handles$onTouchStart;
-
-      hoveringRef.current = true;
-      executeTimeout(function () {
-        if (hoveringRef.current) {
-          setTouching(true);
-        }
-      }, hoverDelay);
-
-      if (typeof handles.onLongClick === 'function') {
-        executeTimeout(function () {
-          if (hoveringRef.current) {
-            onLongClick(e);
-          }
-        }, LONG_TAP_DURATION);
-      }
-
-      return (_handles$onTouchStart = handles.onTouchStart) === null || _handles$onTouchStart === void 0 ? void 0 : _handles$onTouchStart.call(handles, formatRayEvent(e, 'touchstart'));
-    },
-    onTouchMove: function (e) {
-      var _handles$onTouchMove;
-
-      hoveringRef.current = false;
-      executeTimeout(function () {
-        if (touching) {
-          setTouching(false);
-        }
-      }, hoverDuration);
-      return (_handles$onTouchMove = handles.onTouchMove) === null || _handles$onTouchMove === void 0 ? void 0 : _handles$onTouchMove.call(handles, formatRayEvent(e, 'touchmove'));
-    },
-    onTouchEnd: function (e) {
-      var _handles$onTouchEnd;
-
-      hoveringRef.current = false;
-      executeTimeout(function () {
-        if (touching) {
-          setTouching(false);
-        }
-      }, hoverDuration);
-      return (_handles$onTouchEnd = handles.onTouchEnd) === null || _handles$onTouchEnd === void 0 ? void 0 : _handles$onTouchEnd.call(handles, formatRayEvent(e, 'touchend'));
-    },
-    onTouchCancel: function (e) {
-      var _handles$onTouchCance;
-
-      hoveringRef.current = false;
-      executeTimeout(function () {
-        if (touching) {
-          setTouching(false);
-        }
-      }, hoverDuration);
-      return (_handles$onTouchCance = handles.onTouchCancel) === null || _handles$onTouchCance === void 0 ? void 0 : _handles$onTouchCance.call(handles, formatRayEvent(e, 'touchcancel'));
-    },
-    onClick: function (e) {
-      var _handles$onClick;
-
-      return (_handles$onClick = handles.onClick) === null || _handles$onClick === void 0 ? void 0 : _handles$onClick.call(handles, formatRayClickEvent(e, 'click'));
-    },
-    onLongClick: onLongClick
-  };
-  var finalRes = Object.keys(processedHandles).reduce(function (o, k) {
-    if (handles[k]) {
-      o[k] = processedHandles[k];
-    }
-
-    return o;
-  }, {});
-  return [touching, finalRes];
-}

package/lib/useTouch/index.wechat.js

@@ -1,144 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["hoverDuration", "hoverDelay"];
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.array.reduce.js";
-import "core-js/modules/es.object.keys.js";
-import * as React from 'react';
-var isMiniProgram = true;
-var isWechat = true;
-var isWeb = false;
-var LONG_TAP_DURATION = 350;
-export function useTouch(_ref) {
-  var hoverDuration = _ref.hoverDuration,
-      hoverDelay = _ref.hoverDelay,
-      handles = _objectWithoutProperties(_ref, _excluded);
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      touching = _React$useState2[0],
-      setTouching = _React$useState2[1];
-
-  var hoveringRef = React.useRef(false);
-  var timers = React.useRef([]);
-
-  function executeTimeout(callback, time) {
-    var timer = setTimeout(function () {
-      callback();
-      timers.current.filter(function (t) {
-        return t !== timer;
-      });
-    }, time);
-    timers.current.push(timer);
-  }
-
-  function formatTouches(touchs) {
-    if (Array.isArray(touchs)) {
-      return touchs && touchs.map(function (item) {
-        return {
-          identifier: item.identifier,
-          pageX: item.pageX,
-          pageY: item.pageY
-        };
-      });
-    } else {
-      return [_objectSpread({}, touchs)];
-    }
-  }
-
-  function formatRayEvent(e, touchType) {
-    return {
-      type: (e === null || e === void 0 ? void 0 : e.type) || touchType || '',
-      touches: formatTouches(e.touches),
-      changedTouches: formatTouches(e.changedTouches),
-      timeStamp: e.timeStamp || e.timestamp,
-      origin: e
-    };
-  }
-
-  function formatRayClickEvent(e, clickType) {
-    return {
-      type: (e === null || e === void 0 ? void 0 : e.type) || clickType || '',
-      timeStamp: e.timeStamp,
-      pageX: e.pageX,
-      pageY: e.pageY,
-      origin: e
-    };
-  }
-
-  React.useEffect(function () {
-    return function () {
-      timers.current.forEach(function (t) {
-        return clearTimeout(t);
-      });
-    };
-  }, []);
-  var processedHandles = {
-    onTouchStart: function (e) {
-      var _handles$onTouchStart;
-
-      hoveringRef.current = true;
-      executeTimeout(function () {
-        if (hoveringRef.current) {
-          setTouching(true);
-        }
-      }, hoverDelay);
-      return (_handles$onTouchStart = handles.onTouchStart) === null || _handles$onTouchStart === void 0 ? void 0 : _handles$onTouchStart.call(handles, formatRayEvent(e, 'touchstart'));
-    },
-    onTouchMove: function (e) {
-      var _handles$onTouchMove;
-
-      hoveringRef.current = false;
-      executeTimeout(function () {
-        if (touching) {
-          setTouching(false);
-        }
-      }, hoverDuration);
-      return (_handles$onTouchMove = handles.onTouchMove) === null || _handles$onTouchMove === void 0 ? void 0 : _handles$onTouchMove.call(handles, formatRayEvent(e, 'touchmove'));
-    },
-    onTouchEnd: function (e) {
-      var _handles$onTouchEnd;
-
-      hoveringRef.current = false;
-      executeTimeout(function () {
-        if (touching) {
-          setTouching(false);
-        }
-      }, hoverDuration);
-      return (_handles$onTouchEnd = handles.onTouchEnd) === null || _handles$onTouchEnd === void 0 ? void 0 : _handles$onTouchEnd.call(handles, formatRayEvent(e, 'touchend'));
-    },
-    onTouchCancel: function (e) {
-      var _handles$onTouchCance;
-
-      hoveringRef.current = false;
-      executeTimeout(function () {
-        if (touching) {
-          setTouching(false);
-        }
-      }, hoverDuration);
-      return (_handles$onTouchCance = handles.onTouchCancel) === null || _handles$onTouchCance === void 0 ? void 0 : _handles$onTouchCance.call(handles, formatRayEvent(e, 'touchcancel'));
-    },
-    onClick: function (e) {
-      var _handles$onClick;
-
-      return (_handles$onClick = handles.onClick) === null || _handles$onClick === void 0 ? void 0 : _handles$onClick.call(handles, formatRayClickEvent(e, 'click'));
-    },
-    onLongClick: function (e) {
-      var _handles$onLongClick;
-
-      return (_handles$onLongClick = handles.onLongClick) === null || _handles$onLongClick === void 0 ? void 0 : _handles$onLongClick.call(handles, formatRayClickEvent(e, 'longclick'));
-    }
-  };
-  var finalRes = Object.keys(processedHandles).reduce(function (o, k) {
-    if (handles[k]) {
-      o[k] = processedHandles[k];
-    }
-
-    return o;
-  }, {});
-  return [touching, finalRes];
-}

package/lib/useTransition/index.android.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useTransition=useTransition;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=require("react");var nextFrame=function(){var duration=arguments.length>0&&arguments[0]!==undefined?arguments[0]:1000/30;return new Promise(function(resolve){return setTimeout(resolve,duration);});};function useTransition(options,deps){var _options$duration=options.duration,duration=_options$duration===void 0?200:_options$duration,onFinish=options.onFinish,onStart=options.onStart;var _deps=(0,_slicedToArray2.default)(deps,1),_deps$=_deps[0],visible=_deps$===void 0?false:_deps$;var showRef=(0,_react.useRef)(visible);var _useState=(0,_react.useState)(visible?'showComplete':'hideComplete'),_useState2=(0,_slicedToArray2.default)(_useState,2),status=_useState2[0],setStatus=_useState2[1];function updateShow(show){if(showRef.current===show)return false;showRef.current=show;onStart===null||onStart===void 0?void 0:onStart(showRef.current);setStatus(showRef.current?'showStart':'hideStart');nextFrame(duration).then(function(){setStatus(showRef.current?'showComplete':'hideComplete');onFinish===null||onFinish===void 0?void 0:onFinish(showRef.current);});}(0,_react.useEffect)(function(){updateShow(visible);},[visible]);return[status,{animationDuration:duration/1000+"s"},updateShow];}

package/lib/useTransition/index.ios.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useTransition=useTransition;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=require("react");var nextFrame=function(){var duration=arguments.length>0&&arguments[0]!==undefined?arguments[0]:1000/30;return new Promise(function(resolve){return setTimeout(resolve,duration);});};function useTransition(options,deps){var _options$duration=options.duration,duration=_options$duration===void 0?200:_options$duration,onFinish=options.onFinish,onStart=options.onStart;var _deps=(0,_slicedToArray2.default)(deps,1),_deps$=_deps[0],visible=_deps$===void 0?false:_deps$;var showRef=(0,_react.useRef)(visible);var _useState=(0,_react.useState)(visible?'showComplete':'hideComplete'),_useState2=(0,_slicedToArray2.default)(_useState,2),status=_useState2[0],setStatus=_useState2[1];function updateShow(show){if(showRef.current===show)return false;showRef.current=show;onStart===null||onStart===void 0?void 0:onStart(showRef.current);setStatus(showRef.current?'showStart':'hideStart');nextFrame(duration).then(function(){setStatus(showRef.current?'showComplete':'hideComplete');onFinish===null||onFinish===void 0?void 0:onFinish(showRef.current);});}(0,_react.useEffect)(function(){updateShow(visible);},[visible]);return[status,{animationDuration:duration/1000+"s"},updateShow];}

package/lib/useTransition/index.tuya.js

@@ -1,53 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.promise.js";
-import { useEffect, useRef, useState } from 'react';
-
-var nextFrame = function () {
-  var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000 / 30;
-  return new Promise(function (resolve) {
-    return setTimeout(resolve, duration);
-  });
-};
-/**
- * 用于执行动画的时序管理
- * @param options transition 选项
- * @param visible 是否可见
- */
-
-
-export function useTransition(options, deps) {
-  var _options$duration = options.duration,
-      duration = _options$duration === void 0 ? 200 : _options$duration,
-      onFinish = options.onFinish,
-      onStart = options.onStart;
-
-  var _deps = _slicedToArray(deps, 1),
-      _deps$ = _deps[0],
-      visible = _deps$ === void 0 ? false : _deps$;
-
-  var showRef = useRef(visible);
-
-  var _useState = useState(visible ? 'showComplete' : 'hideComplete'),
-      _useState2 = _slicedToArray(_useState, 2),
-      status = _useState2[0],
-      setStatus = _useState2[1];
-
-  function updateShow(show) {
-    if (showRef.current === show) return false;
-    showRef.current = show;
-    onStart === null || onStart === void 0 ? void 0 : onStart(showRef.current);
-    setStatus(showRef.current ? 'showStart' : 'hideStart');
-    nextFrame(duration).then(function () {
-      setStatus(showRef.current ? 'showComplete' : 'hideComplete');
-      onFinish === null || onFinish === void 0 ? void 0 : onFinish(showRef.current);
-    });
-  }
-
-  useEffect(function () {
-    updateShow(visible);
-  }, [visible]);
-  return [status, {
-    animationDuration: "".concat(duration / 1000, "s")
-  }, updateShow];
-}

package/lib/useTransition/index.web.js

@@ -1,53 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.promise.js";
-import { useEffect, useRef, useState } from 'react';
-
-var nextFrame = function () {
-  var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000 / 30;
-  return new Promise(function (resolve) {
-    return setTimeout(resolve, duration);
-  });
-};
-/**
- * 用于执行动画的时序管理
- * @param options transition 选项
- * @param visible 是否可见
- */
-
-
-export function useTransition(options, deps) {
-  var _options$duration = options.duration,
-      duration = _options$duration === void 0 ? 200 : _options$duration,
-      onFinish = options.onFinish,
-      onStart = options.onStart;
-
-  var _deps = _slicedToArray(deps, 1),
-      _deps$ = _deps[0],
-      visible = _deps$ === void 0 ? false : _deps$;
-
-  var showRef = useRef(visible);
-
-  var _useState = useState(visible ? 'showComplete' : 'hideComplete'),
-      _useState2 = _slicedToArray(_useState, 2),
-      status = _useState2[0],
-      setStatus = _useState2[1];
-
-  function updateShow(show) {
-    if (showRef.current === show) return false;
-    showRef.current = show;
-    onStart === null || onStart === void 0 ? void 0 : onStart(showRef.current);
-    setStatus(showRef.current ? 'showStart' : 'hideStart');
-    nextFrame(duration).then(function () {
-      setStatus(showRef.current ? 'showComplete' : 'hideComplete');
-      onFinish === null || onFinish === void 0 ? void 0 : onFinish(showRef.current);
-    });
-  }
-
-  useEffect(function () {
-    updateShow(visible);
-  }, [visible]);
-  return [status, {
-    animationDuration: "".concat(duration / 1000, "s")
-  }, updateShow];
-}

package/lib/useTransition/index.wechat.js

@@ -1,53 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.promise.js";
-import { useEffect, useRef, useState } from 'react';
-
-var nextFrame = function () {
-  var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000 / 30;
-  return new Promise(function (resolve) {
-    return setTimeout(resolve, duration);
-  });
-};
-/**
- * 用于执行动画的时序管理
- * @param options transition 选项
- * @param visible 是否可见
- */
-
-
-export function useTransition(options, deps) {
-  var _options$duration = options.duration,
-      duration = _options$duration === void 0 ? 200 : _options$duration,
-      onFinish = options.onFinish,
-      onStart = options.onStart;
-
-  var _deps = _slicedToArray(deps, 1),
-      _deps$ = _deps[0],
-      visible = _deps$ === void 0 ? false : _deps$;
-
-  var showRef = useRef(visible);
-
-  var _useState = useState(visible ? 'showComplete' : 'hideComplete'),
-      _useState2 = _slicedToArray(_useState, 2),
-      status = _useState2[0],
-      setStatus = _useState2[1];
-
-  function updateShow(show) {
-    if (showRef.current === show) return false;
-    showRef.current = show;
-    onStart === null || onStart === void 0 ? void 0 : onStart(showRef.current);
-    setStatus(showRef.current ? 'showStart' : 'hideStart');
-    nextFrame(duration).then(function () {
-      setStatus(showRef.current ? 'showComplete' : 'hideComplete');
-      onFinish === null || onFinish === void 0 ? void 0 : onFinish(showRef.current);
-    });
-  }
-
-  useEffect(function () {
-    updateShow(visible);
-  }, [visible]);
-  return [status, {
-    animationDuration: "".concat(duration / 1000, "s")
-  }, updateShow];
-}