feat: add mapping state service

Author: wewoor

src/services/stateService.tsx

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { EventService } from 'mo/services/eventService';
+import { cloneInstance } from 'mo/common/utils';
+import Logger from 'mo/common/logger';
+
+/**
+ * Mapping the state to the component
+ * @param WrappedComponent The component will be wrapped
+ * @param state The state you want to injected
+ * @param subscribes The events of your subscribe, it used to trigger the state re render
+ */
+export function mapState<S>(WrappedComponent: React.ComponentType<any>, state: S, events: string | string []) {
+    return class StateProvider extends React.Component {
+        state: S;
+        constructor(props) {
+            super(props);
+            this.onChange = this.onChange.bind(this);
+            this.state = cloneInstance(state);
+        }
+
+        componentDidMount() {
+            EventService.subscribe(events, this.onChange);
+        }
+
+        onChange() {
+            const nextState = cloneInstance(state);
+            Logger.info(nextState);
+            this.setState(nextState);
+        }
+
+        render() {
+            return (
+                <WrappedComponent {...this.state} {...this.props} />
+            );
+        }
+    };
+}