feat(middleware): console payload under dev mode

Author: ArrayZoneYour

README.md

@@ -709,14 +709,25 @@ export default Model(stores)
 import { actionMiddlewares, Model } from 'react-model'
 import Example from 'models/example'
 
+// Example, not recommend to use on production directly without consideration
+// Write current State to localStorage after action finish
 const persistMiddleware: Middleware = async (context, restMiddlewares) => {
   localStorage.setItem('__REACT_MODEL__', JSON.stringify(context.Global.State))
   await context.next(restMiddlewares)
 }
 
+// Use on all models
 actionMiddlewares.push(persistMiddleware)
-
 Model({ Example }, JSON.parse(localStorage.getItem('__REACT_MODEL__')))
+
+// Use on single model
+const model = {
+  state: JSON.parse(localStorage.getItem('__REACT_MODEL__'))['you model name']
+  actions: { ... },
+  middlewares: [...actionMiddlewares, persistMiddleware]
+}
+
+
 ```
 
 [⇧ back to top](#table-of-contents)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-model",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "The State management library for React",
   "main": "./dist/react-model.js",
   "umd:main": "./dist/react-model.umd.js",

src/middlewares.ts

@@ -86,7 +86,8 @@ const consoleDebugger: Middleware = async (context, restMiddlewares) => {
   console.log(
     '%c Action',
     `color: #03A9F4; font-weight: bold`,
-    context.actionName
+    context.actionName,
+    `payload: ${context.params}`
   )
   await context.next(restMiddlewares)
   console.log(