useVisibleStatus.js 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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) {
  62. switch (_context.prev = _context.next) {
  63. case 0:
  64. index = StatusQueue.indexOf(status.value);
  65. nextStatus = StatusQueue[index + 1];
  66. if (nextStatus && index !== -1) {
  67. setStatus(nextStatus);
  68. }
  69. case 3:
  70. case "end":
  71. return _context.stop();
  72. }
  73. }
  74. }, _callee);
  75. })));
  76. }
  77. }, {
  78. immediate: true,
  79. flush: 'post'
  80. });
  81. });
  82. (0, _vue.onBeforeUnmount)(function () {
  83. destroyRef.value = true;
  84. cancelRaf();
  85. });
  86. return [status, goNextStatus];
  87. };
  88. exports.default = _default;