Pull request #1571: 无JIRA任务 webworker兼容支持不支持都可以一样使用

Merge in VISUAL/fineui from ~GUY/fineui:master to master

* commit '6e3a7599d2eb6a692a7380df87b07c016c42aba4':
  webworker兼容支持不支持都可以一样使用

demo.worker.js

@@ -1,5 +1,7 @@
-importScripts("./dist/fineui_without_jquery_polyfill.js");
-BI.initWorker();
+if (this.importScripts) {
+    importScripts("./dist/fineui_without_jquery_polyfill.js");
+    BI.initWorker();
+}
 var Model = BI.inherit(Fix.Model, {
     state: function () {
         return {

dist/fix/worker.compact.js

@@ -1,9 +1,9 @@
 ;(function () {
     var contexts = {};
 
-    var worker;
+    var WORKER;
     BI.useWorker = function (wk) {
-        worker = wk;
+        WORKER = wk;
 
         var _init = BI.Widget.prototype._init;
         BI.Widget.prototype._init = function () {
@@ -29,7 +29,7 @@
             }
         };
         BI.Widget.prototype._initRender = function () {
-            if (_global.Worker && this._worker) {
+            if (WORKER && this._worker) {
                 this.__asking = true;
                 this.__async = true;
             } else {
@@ -48,19 +48,22 @@
             }
         };
 
-        worker.addEventListener("message", function (e) {
+        if (WORKER) {
+            WORKER.addEventListener("message", function (e) {
                 var data = e.data;
                 postMessage.apply(contexts[data.name], [data]);
             }, false);
+        }
     };
 
     function createWorker () {
         var self = this;
-        if (_global.Worker && this._worker) {
+        if (this._worker) {
             var name = this.getName();
-            contexts[name] = this;
             var modelType = this._worker();
-            worker.postMessage({
+            if (WORKER) {
+                contexts[name] = this;
+                WORKER.postMessage({
                     type: modelType,
                     name: name,
                     eventType: "create",
@@ -72,7 +75,7 @@
                 this.store = new Proxy(store, {
                     get (target, key) {
                         return function () {
-                        worker.postMessage({
+                            WORKER.postMessage({
                                 type: modelType,
                                 name: name,
                                 eventType: "action",
@@ -86,12 +89,63 @@
                     }
                 });
                 return function () {
-                worker.postMessage({
+                    WORKER.postMessage({
                         type: modelType,
                         name: name,
                         eventType: "destroy"
                     });
                 };
+            } else {
+                this.store = BI.Models.getModel(modelType);
+                this.store && (this.store._widget = this);
+                if (this.store instanceof Fix.Model) {
+                    this.model = this.store.model;
+                } else {
+                    this.model = this.store;
+                }
+                initWatch(this, this.watch);
+                return function () {
+                    this.store && BI.isFunction(this.store.destroy) && this.store.destroy();
+                    BI.each(this._watchers, function (i, unwatches) {
+                        unwatches = BI.isArray(unwatches) ? unwatches : [unwatches];
+                        BI.each(unwatches, function (j, unwatch) {
+                            unwatch();
+                        });
+                    });
+                    this._watchers && (this._watchers = []);
+                    if (this.store) {
+                        this.store._parent && (this.store._parent = null);
+                        this.store._widget && (this.store._widget = null);
+                        this.store = null;
+                    }
+                };
+            }
+
+        }
+    }
+
+    function initWatch (vm, watch) {
+        vm._watchers || (vm._watchers = []);
+        for (var key in watch) {
+            var handler = watch[key];
+            if (BI.isArray(handler)) {
+                for (var i = 0; i < handler.length; i++) {
+                    vm._watchers.push(createWatcher(vm, key, handler[i]));
+                }
+            } else {
+                vm._watchers.push(createWatcher(vm, key, handler));
+            }
+        }
+    }
+
+    function createWatcher (vm, keyOrFn, cb, options) {
+        if (BI.isPlainObject(cb)) {
+            options = cb;
+            cb = cb.handler;
         }
+        options = options || {};
+        return Fix.watch(vm.model, keyOrFn, _.bind(cb, vm), BI.extend(options, {
+            store: vm.store
+        }));
     }
 }());

worker.html

@@ -7,12 +7,14 @@
     <!-- <link rel="stylesheet" type="text/css" href="http://fanruan.design/fineui/2.0/fineui_without_normalize.min.css" /> -->
     <script src="./dist/fineui.js"></script>
     <script src="./dist/fix/worker.compact.js"></script>
+    <script src="demo.worker.js"></script>
 </head>
 <body>
 <div id="wrapper"></div>
 <script>
+    if (window.Worker) {
         var worker = new Worker("./demo.worker.js");
-
+    }
     BI.useWorker(worker);
 
     var Widget = BI.inherit(BI.Widget, {