ant-design-vue
Version:
An enterprise-class UI design language and Vue-based implementation
34 lines (33 loc) • 1.27 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useFrameSetState;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _raf = _interopRequireDefault(require("../../../_util/raf"));
var _vue = require("vue");
function useFrameSetState(initial) {
var frame = (0, _vue.ref)(null);
var state = (0, _vue.reactive)((0, _objectSpread2.default)({}, initial));
var queue = (0, _vue.ref)([]);
var setFrameState = function setFrameState(newState) {
if (frame.value === null) {
queue.value = [];
frame.value = (0, _raf.default)(function () {
var memoState;
queue.value.forEach(function (queueState) {
memoState = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, memoState), queueState);
});
(0, _extends2.default)(state, memoState);
frame.value = null;
});
}
queue.value.push(newState);
};
(0, _vue.onMounted)(function () {
frame.value && _raf.default.cancel(frame.value);
});
return [state, setFrameState];
}