feat(wx-mobx wx-mobx-react): 添加mobx相关库：mobx, mobx-react

packages/wx-mobx-react/miniprogram_dist/Provider.js

@@ -1,5 +1,4 @@
-import { Children, Component } from "react"
-import { polyfill } from "react-lifecycles-compat"
+import { Component } from "@areslabs/wx-react"
 import * as PropTypes from "./propTypes"
 
 const specialReactKeys = { children: true, key: true, ref: true }
@@ -19,9 +18,7 @@ class Provider extends Component {
         copyStores(props, this.state)
     }
 
-    render() {
-        return Children.only(this.props.children)
-    }
+    render() {}
 
     getChildContext() {
         const stores = {}
@@ -33,30 +30,6 @@ class Provider extends Component {
             mobxStores: stores
         }
     }
-
-    static getDerivedStateFromProps(nextProps, prevState) {
-        if (!nextProps) return null
-        if (!prevState) return nextProps
-
-        // Maybe this warning is too aggressive?
-        if (
-            Object.keys(nextProps).filter(validStoreName).length !==
-            Object.keys(prevState).filter(validStoreName).length
-        )
-            console.warn(
-                "MobX Provider: The set of provided stores has changed. Please avoid changing stores as the change might not propagate to all children"
-            )
-        if (!nextProps.suppressChangedStoreWarning)
-            for (let key in nextProps)
-                if (validStoreName(key) && prevState[key] !== nextProps[key])
-                    console.warn(
-                        "MobX Provider: Provided store '" +
-                            key +
-                            "' has changed. Please avoid replacing stores as the change might not propagate to all children"
-                    )
-
-        return nextProps
-    }
 }
 
 function copyStores(from, to) {
@@ -68,7 +41,5 @@ function validStoreName(key) {
     return !specialReactKeys[key] && key !== "suppressChangedStoreWarning"
 }
 
-// TODO: kill in next major
-polyfill(Provider)
 
 export default Provider

packages/wx-mobx-react/miniprogram_dist/disposeOnUnmount.js

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "@areslabs/wx-react"
 import { patch, newSymbol } from "./utils/utils"
 
 const storeKey = newSymbol("disposeOnUnmount")

packages/wx-mobx-react/miniprogram_dist/index.js

@@ -1,4 +1,4 @@
-import { spy, configure, getDebugName } from "mobx"
+import { spy, configure, getDebugName } from "@areslabs/wx-mobx"
 import { Component } from "@areslabs/wx-react"
 
 export {

packages/wx-mobx-react/miniprogram_dist/inject.js

@@ -68,6 +68,7 @@ function createStoreInjector(grabStoresFn, component, injectNames) {
                 newProps.ref = this.storeRef
             }
 
+            Object.assign(newProps, this.hocProps)
             return createElement(component, newProps)
         }
     }

packages/wx-mobx-react/miniprogram_dist/observer.js

@@ -1,5 +1,5 @@
 import React, { Component, PureComponent } from "@areslabs/wx-react"
-import { createAtom, Reaction, _allowStateChanges, $mobx } from "mobx"
+import { createAtom, Reaction, _allowStateChanges, $mobx } from "@areslabs/wx-mobx"
 import hoistStatics from "./utils/hoistNonReactStatics"
 
 import EventEmitter from "./utils/EventEmitter"
@@ -162,6 +162,11 @@ const reactiveMixin = {
         this[mobxIsUnmounted] = true
     },
 
+    componentWillMount: function() {
+        // observer的组件，需要调用forceUpdate更新组件，所以要设置__stateless__标志
+        this.__stateless__ = false
+    },
+
     componentDidMount: function() {
 
     },
@@ -289,7 +294,7 @@ export function observer(arg1, arg2) {
 }
 
 function mixinLifecycleEvents(target) {
-    ;["componentDidMount", "componentWillUnmount", "componentDidUpdate"].forEach(function(
+    ;["componentWillMount", "componentDidMount", "componentWillUnmount", "componentDidUpdate"].forEach(function(
         funcName
     ) {
         patch(target, funcName)

packages/wx-mobx-react/miniprogram_dist/propTypes.js

@@ -1,4 +1,4 @@
-import { isObservableArray, isObservableObject, isObservableMap, untracked } from "mobx"
+import { isObservableArray, isObservableObject, isObservableMap, untracked } from "@areslabs/wx-mobx"
 
 // Copied from React.PropTypes
 function createChainableTypeChecker(validate) {

packages/wx-mobx-react/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "wx-mobx-react",
-  "version": "1.0.0",
+  "name": "@areslabs/wx-mobx-react",
+  "version": "0.0.3",
   "description": "",
   "main": "index.js",
   "scripts": {

packages/wx-mobx/README.md

@@ -0,0 +1,3 @@
+## wx-mobx-react
+
+The code is a copy from [mobx v4.11.0](https://github.com/mobxjs/mobx/tree/4.11.0). We made some adjustments for Wechat

packages/wx-mobx/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@areslabs/wx-mobx",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}