useHoverValue.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = useHoverValue;
  7. var _raf = _interopRequireDefault(require("../../_util/raf"));
  8. var _vue = require("vue");
  9. var _useValueTexts = _interopRequireDefault(require("./useValueTexts"));
  10. function useHoverValue(valueText, _ref) {
  11. let {
  12. formatList,
  13. generateConfig,
  14. locale
  15. } = _ref;
  16. const innerValue = (0, _vue.ref)(null);
  17. let rafId;
  18. function setValue(val) {
  19. let immediately = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  20. _raf.default.cancel(rafId);
  21. if (immediately) {
  22. innerValue.value = val;
  23. return;
  24. }
  25. rafId = (0, _raf.default)(() => {
  26. innerValue.value = val;
  27. });
  28. }
  29. const [, firstText] = (0, _useValueTexts.default)(innerValue, {
  30. formatList,
  31. generateConfig,
  32. locale
  33. });
  34. function onEnter(date) {
  35. setValue(date);
  36. }
  37. function onLeave() {
  38. let immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
  39. setValue(null, immediately);
  40. }
  41. (0, _vue.watch)(valueText, () => {
  42. onLeave(true);
  43. });
  44. (0, _vue.onBeforeUnmount)(() => {
  45. _raf.default.cancel(rafId);
  46. });
  47. return [firstText, onEnter, onLeave];
  48. }