refactor(bootstrap): 重新调整了bootstrap的逻辑,entry不再依赖项目的结构,可由开发调整

package.json

@@ -26,7 +26,7 @@
   "dependencies": {
     "@babel/runtime": "^7.4.3",
     "@talentui/biz-helper": "^2.0.0",
-    "@talentui/bootstrap-react": "^2.0.0-beta.0",
+    "@talentui/bootstrap-react": "^2.0.0-beta.3",
     "core-js": "^2.6.5",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",

src/app.js

@@ -1 +1,17 @@
-import '@talentui/bootstrap-react';
+import app from '@talentui/bootstrap-react';
+import reducer from './reducers';
+import Layout from './components/common/layout'
+
+app.config({
+  afterCreateStore: function(store) {
+    console.log('store created');
+  },
+  initialState: {},
+  el: '#bsMain',
+  reducer,
+  layout: Layout,
+  pageLoader: path =>
+    import(/* webpackMode: "lazy", webpackChunkName: "[request]" */ `_/src/pages/${path}/page-view`)
+});
+
+app.start();

src/components/common/layout.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import Header from './header';
+import Footer from './footer';
+export default class Layout extends React.Component {
+  render() {
+    return (
+      <div>
+        <Header name="hehe" title={3} />
+        <div className="content-wrapper">{this.props.children}</div>
+        <Footer />
+      </div>
+    );
+  }
+}

src/pages/home/page-view.js

@@ -28,19 +28,12 @@ export default class Home extends Component {
     }
 
     render() {
-        let { data, increase, children } = this.props;
+        let { data } = this.props;
         return (
             <div className="home-page">
                 <div>
                     <div> 你是否看到了时间的流失：{data} </div>
                     <Link to="/home/love">爱自己，爱这个世界</Link>
-                    <div className="tabs">
-                        <div>
-                            <Link to="/home/~/tab1">Tab1</Link>
-                            <Link to="/home/~/tab2">Tab2</Link>
-                        </div>
-                        <div>{children}</div>
-                    </div>
                 </div>
             </div>
         );

src/pages/ts-todos/todo-item.tsx

@@ -17,7 +17,7 @@ export default class TodoItem extends React.Component<ITodoItemProps, {}>{
 
     render(){
         return <li className="todo-item" onClick={this.handleToggleTodo(this.props.id)}>
-            <input checked={this.props.finished} type='checkbox' />
+            <input checked={this.props.finished} type='checkbox' readOnly />
             {this.props.contents}
             <a className="btn-remove" href="javascript:;" onClick={this.handleDeleteTodo(this.props.id)}>xxx</a>
         </li>