using requestIdleCallback

packages/omi-mobx/index.js

@@ -1,13 +1,52 @@
 import { observable, autorun } from "mobx"
 import { options } from "omi"
 
+/*!
+ * Copyright 2015 Google Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
+ * or implied. See the License for the specific language governing
+ * permissions and limitations under the License.
+ */
+
+/*
+ * @see https://developers.google.com/web/updates/2015/08/using-requestidlecallback
+ */
+window.requestIdleCallback = window.requestIdleCallback ||
+    function (cb) {
+        return setTimeout(function () {
+            var start = Date.now()
+            cb({
+                didTimeout: false,
+                timeRemaining: function () {
+                    return Math.max(0, 50 - (Date.now() - start))
+                }
+            })
+        }, 1)
+    }
+
+window.cancelIdleCallback = window.cancelIdleCallback ||
+    function (id) {
+        clearTimeout(id)
+    }
+
+
 options.afterInstall = function (ele) {
     if (ele.constructor.observe) {
         oba(ele.data, ele)
     }
 }
 
-let tickId = null
+let idleId = null
+const updateList = []
 
 function oba(data, ele) {
     const o = observable(data)
@@ -15,16 +54,26 @@ function oba(data, ele) {
     autorun(() => {
         JSON.stringify(o)
         if (ele._isInstalled) {
-            clearTimeout(tickId)
-            tickId = setTimeout(function () {
-                ele.update()
-            }, 0)
+            updateList.push(ele)
+            cancelIdleCallback(idleId)
+            idleId = requestIdleCallback(backgroundTask)
+
         }
     })
 
     ele.data = o
 }
 
+function backgroundTask(deadline) {
+    while (deadline.timeRemaining() > 0 && updateList.length > 0) {
+        updateList.shift().update()
+    }
+
+    if (updateList.length > 0) {
+        idleId = requestIdleCallback(backgroundTask);
+    }
+}
+
 function observe(target) {
     target.observe = true
 }

packages/omi-mobx/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omi-mobx",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Omi Mobx Adapter.",
   "main": "index.js",
   "scripts": {

packages/omi/examples/mobx/omi-mobx.js

@@ -39,7 +39,6 @@ window.cancelIdleCallback = window.cancelIdleCallback ||
     }
 
 
-
 options.afterInstall = function (ele) {
     if (ele.constructor.observe) {
         oba(ele.data, ele)

packages/omi/package.json

@@ -107,7 +107,7 @@
     "uglify-js": "^2.7.5",
     "webpack": "^4.3.0",
     "mobx": "^4.5.1",
-    "omi-mobx": "^0.2.1"
+    "omi-mobx": "^0.2.2"
   },
   "greenkeeper": {
     "ignore": [