@chatui/core/lib/hooks/useTitleTyping.js

The React library for Chatbot UI

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useTitleTyping = useTitleTyping;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _getRandomInt = _interopRequireDefault(require("../utils/getRandomInt"));
function useTitleTyping() {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    isTyping = _useState2[0],
    setIsTyping = _useState2[1];
  // 间断变化
  var timerRef = (0, _react.useRef)();
  // 超时
  var timeoutRef = (0, _react.useRef)();
  var after = function after(_ref, cb) {
    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
      min = _ref2[0],
      max = _ref2[1];
    var ms = (0, _getRandomInt.default)(min, max);
    timerRef.current = setTimeout(cb, ms);
  };
  var stop = (0, _react.useCallback)(function () {
    clearTimeout(timerRef.current);
    clearTimeout(timeoutRef.current);
    setIsTyping(false);
  }, []);
  var start = (0, _react.useCallback)(function () {
    var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
      delay = _ref3.delay,
      timeout = _ref3.timeout;
    clearTimeout(timerRef.current);
    timerRef.current = setTimeout(function () {
      // delay 后开始
      setIsTyping(true);
      after([3000, 6000], function () {
        // 3-6s 后暂停
        setIsTyping(false);
        after([1000, 2000], function () {
          // 1-2s 后重新开始
          start();
        });
      });
    }, delay);
    if (timeout) {
      timeoutRef.current = setTimeout(function () {
        stop();
      }, timeout);
    }
  }, [stop]);
  return {
    isTyping: isTyping,
    start: start,
    stop: stop
  };
}