@mpxjs/store 2.8.28-beta.11 → 2.8.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/store",
-  "version": "2.8.28-beta.11",
+  "version": "2.8.50",
   "description": "A store for mpx framework",
   "main": "src/index.js",
   "types": "@types/index.d.ts",
@@ -16,7 +16,7 @@
     "store"
   ],
   "author": "donghongping",
-  "license": "Apache-2.0",
+  "license": "ISC",
   "bugs": {
     "url": "https://github.com/didi/mpx/issues"
   },
@@ -26,10 +26,10 @@
   },
   "homepage": "https://github.com/didi/mpx#readme",
   "dependencies": {
-    "@mpxjs/utils": "^2.8.28-beta.11"
+    "@mpxjs/utils": "^2.8.50"
   },
   "peerDependencies": {
     "@mpxjs/core": "^2.8.0"
   },
-  "gitHead": "8c7fa579da9c3e71908eb9bfb5833a7d9477505d"
+  "gitHead": "32f30631cc5f37503fb7791cb3b0d6c901ee2b27"
 }

package/src/index.js

@@ -1,4 +1,4 @@
-import Mpx, { reactive, computed } from '@mpxjs/core'
+import Mpx, { reactive, computed, effectScope } from '@mpxjs/core'
 import {
   getByPath,
   warn,
@@ -115,6 +115,7 @@ class Store {
     this.mutations = {}
     this.actions = {}
     this._subscribers = []
+    this._scope = effectScope(true)
     this.state = this.registerModule(options).state
     this.resetStoreVM()
     Object.assign(this, mapStore(this))
@@ -178,26 +179,28 @@ class Store {
   }
 
   resetStoreVM () {
-    if (__mpx_mode__ === 'web') {
-      const Vue = Mpx.__vue
-      const vm = new Vue({
-        data: {
-          __mpxState: this.state
-        },
-        computed: this.__wrappedGetters
-      })
-      const computedKeys = Object.keys(this.__wrappedGetters)
-      proxy(this.getters, vm, computedKeys)
-      proxy(this.getters, this.__depsGetters)
-    } else {
-      reactive(this.state)
-      const computedObj = {}
-      Object.entries(this.__wrappedGetters).forEach(([key, value]) => {
-        computedObj[key] = computed(value)
-      })
-      proxy(this.getters, computedObj)
-      proxy(this.getters, this.__depsGetters)
-    }
+    this._scope.run(() => {
+      if (__mpx_mode__ === 'web') {
+        const Vue = Mpx.__vue
+        const vm = new Vue({
+          data: {
+            __mpxState: this.state
+          },
+          computed: this.__wrappedGetters
+        })
+        const computedKeys = Object.keys(this.__wrappedGetters)
+        proxy(this.getters, vm, computedKeys)
+        proxy(this.getters, this.__depsGetters)
+      } else {
+        reactive(this.state)
+        const computedObj = {}
+        Object.entries(this.__wrappedGetters).forEach(([key, value]) => {
+          computedObj[key] = computed(value)
+        })
+        proxy(this.getters, computedObj)
+        proxy(this.getters, this.__depsGetters)
+      }
+    })
   }
 }