perf(root): root inject viewid

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-mobx-vm",
   "version": "0.1.7",
-  "description": "View & Model are mixed now via react mobx",
+  "description": "View & Model are mixed now via react mobx.",
   "scripts": {
     "babel": "rimraf packages && babel srcPackages -d packages -D",
     "rollup": "rimraf dist && rollup -c --silent",
@@ -57,7 +57,7 @@
   },
   "devDependencies": {
     "@commitlint/cli": "^6.1.0",
-    "@commitlint/config-conventional": "^6.1.0",
+    "@commitlint/config-conventional": "^6.1.3",
     "babel-cli": "^6.26.0",
     "babel-eslint": "^8.2.1",
     "babel-plugin-external-helpers": "^6.22.0",

src/Model/Root.js

@@ -8,6 +8,7 @@ import {
   toJS
 } from 'mobx'
 import _ from 'lodash'
+import getViewId from '../utils/increaseId'
 
 /**
  *
@@ -105,6 +106,16 @@ export default class Root {
   }
 
   constructor(init = {}) {
+    Object.defineProperty(
+      this, 'viewId',
+      {
+        value: getViewId(),
+        enumerable: false,
+        configurable: true,
+        writable: true
+      }
+    )
+
     this.assignShallow(init)
   }
 

src/decorator/bindView.js

@@ -6,7 +6,6 @@
  */
 import m from './modelComp'
 import { observer } from 'mobx-react'
-import getViewId from '../utils/increaseId'
 
 export function getView(Model) {
   if (typeof Model === 'function') {
@@ -16,10 +15,10 @@ export function getView(Model) {
 }
 
 /**
- * 
+ *
  * 用于绑定 ViewModel 中与 Model 中对应的 View
  * @export
- * @param {Function|ReactClass} View 
+ * @param {Function|ReactClass} View
  * @public
  * @example
  * class View extends React.Component {
@@ -50,18 +49,11 @@ export default function bindView(View) {
       {
         value: View,
         enumerable: false,
-        configurable: true
+        configurable: true,
+        writable: true
       }
     )
 
-    Object.defineProperty(
-      State.prototype, 'viewId',
-      {
-        value: getViewId(),
-        enumerable: false,
-        configurable: true
-      }
-    )
     return State
   }
 }