useVisibleStatus.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
  8. var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
  9. var _vue = require("vue");
  10. var _raf = _interopRequireDefault(require("../../_util/raf"));
  11. var StatusQueue = ['measure', 'align', null, 'motion'];
  12. var _default = function _default(visible, doMeasure) {
  13. var status = (0, _vue.ref)(null);
  14. var rafRef = (0, _vue.ref)();
  15. var destroyRef = (0, _vue.ref)(false);
  16. function setStatus(nextStatus) {
  17. if (!destroyRef.value) {
  18. status.value = nextStatus;
  19. }
  20. }
  21. function cancelRaf() {
  22. _raf.default.cancel(rafRef.value);
  23. }
  24. function goNextStatus(callback) {
  25. cancelRaf();
  26. rafRef.value = (0, _raf.default)(function () {
  27. // Only align should be manually trigger
  28. var newStatus = status.value;
  29. switch (status.value) {
  30. case 'align':
  31. newStatus = 'motion';
  32. break;
  33. case 'motion':
  34. newStatus = 'stable';
  35. break;
  36. default:
  37. }
  38. setStatus(newStatus);
  39. callback === null || callback === void 0 ? void 0 : callback();
  40. });
  41. }
  42. (0, _vue.watch)(visible, function () {
  43. setStatus('measure');
  44. }, {
  45. immediate: true,
  46. flush: 'post'
  47. });
  48. (0, _vue.onMounted)(function () {
  49. // Go next status
  50. (0, _vue.watch)(status, function () {
  51. switch (status.value) {
  52. case 'measure':
  53. doMeasure();
  54. break;
  55. default:
  56. }
  57. if (status.value) {
  58. rafRef.value = (0, _raf.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
  59. var index, nextStatus;
  60. return _regenerator.default.wrap(function _callee$(_context) {
  61. while (1) switch (_context.prev = _context.next) {
  62. case 0:
  63. index = StatusQueue.indexOf(status.value);
  64. nextStatus = StatusQueue[index + 1];
  65. if (nextStatus && index !== -1) {
  66. setStatus(nextStatus);
  67. }
  68. case 3:
  69. case "end":
  70. return _context.stop();
  71. }
  72. }, _callee);
  73. })));
  74. }
  75. }, {
  76. immediate: true,
  77. flush: 'post'
  78. });
  79. });
  80. (0, _vue.onBeforeUnmount)(function () {
  81. destroyRef.value = true;
  82. cancelRaf();
  83. });
  84. return [status, goNextStatus];
  85. };
  86. exports.default = _default;