feat: add new store

Author: ascoders

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pri",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "types": "src/index.ts",
   "main": "built/index.js",
   "scripts": {

src/commands/dev/dashboard/client/pages/main/main.component.tsx

@@ -9,6 +9,7 @@ import { RoutesComponent } from './routes/routes.component'
 import { LayoutComponent } from './layout/layout.component'
 import { NotFoundComponent } from './not-found/not-found.component'
 import { ConfigComponent } from './config/config.component'
+import { StoresComponent } from './stores/stores.component'
 
 @Connect
 export class MainComponent extends PureComponent<Props, State> {
@@ -27,6 +28,8 @@ export class MainComponent extends PureComponent<Props, State> {
         return <NotFoundComponent />
       case 'config':
         return <ConfigComponent />
+      case 'stores':
+        return <StoresComponent />
       default:
         return null
     }

src/commands/dev/dashboard/client/pages/main/store/store.component.tsx

@@ -0,0 +1,19 @@
+import { Connect } from "dob-react"
+import * as React from "react"
+import { Props, State } from './store.type'
+import * as S from './store.style'
+import { PureComponent } from '../../../utils/react-helper'
+
+@Connect
+export class StoreComponent extends PureComponent<Props, State> {
+  static defaultProps = new Props()
+  state = new State()
+
+  render() {
+    return (
+      <S.Container>
+        Stores TODO
+      </S.Container>
+    )
+  }
+}

src/commands/dev/dashboard/client/pages/main/store/store.style.ts

@@ -0,0 +1,5 @@
+import styled from 'styled-components'
+
+export const Container = styled.div`
+
+`

src/commands/dev/dashboard/client/pages/main/store/store.type.ts

@@ -0,0 +1,7 @@
+export class Props {
+
+}
+
+export class State {
+
+}

src/commands/dev/dashboard/client/pages/main/stores/stores.component.tsx

@@ -0,0 +1,19 @@
+import { Connect } from "dob-react"
+import * as React from "react"
+import { Props, State } from './stores.type'
+import * as S from './stores.style'
+import { PureComponent } from '../../../utils/react-helper'
+
+@Connect
+export class StoresComponent extends PureComponent<Props, State> {
+  static defaultProps = new Props()
+  state = new State()
+
+  render() {
+    return (
+      <S.Container>
+        Store TODO
+      </S.Container>
+    )
+  }
+}

src/commands/dev/dashboard/client/pages/main/stores/stores.style.ts

@@ -0,0 +1,5 @@
+import styled from 'styled-components'
+
+export const Container = styled.div`
+
+`

src/commands/dev/dashboard/client/pages/main/stores/stores.type.ts

@@ -0,0 +1,7 @@
+export class Props {
+
+}
+
+export class State {
+
+}

src/commands/dev/dashboard/client/pages/menu/new-store/form.tsx

@@ -3,7 +3,7 @@ import * as React from "react"
 import { Props, State } from './new-store.type'
 import * as S from '../menu.style'
 import { PureComponent } from '../../../utils/react-helper'
-import { Form, Button, Input } from 'antd'
+import { Form, Button, Input, Switch } from 'antd'
 
 const FormItem = Form.Item
 
@@ -45,20 +45,32 @@ class FormComponent extends PureComponent<Props, State> {
       <Form onSubmit={this.handleSubmit}>
         <FormItem
           {...formItemLayout}
-          label="Path"
+          label="Name"
         >
-          {this.props.form.getFieldDecorator('path', {
-            initialValue: 'about',
+          {this.props.form.getFieldDecorator('name', {
+            initialValue: 'application',
             rules: [{
-              type: 'string', message: 'Path must be string!',
+              type: 'string', message: 'Name must be string!',
             }, {
-              required: true, message: 'Path is required!',
+              required: true, message: 'Name is required!',
             }],
           })(
             <Input />
           )}
         </FormItem>
 
+        <FormItem
+          {...formItemLayout}
+          label="With demo"
+        >
+          {this.props.form.getFieldDecorator('withDemo', {
+            initialValue: true,
+            valuePropName: "checked"
+          })(
+            <Switch />
+          )}
+        </FormItem>
+
         <FormItem {...tailFormItemLayout}>
           <Button
             type="primary"
@@ -72,7 +84,7 @@ class FormComponent extends PureComponent<Props, State> {
 
   private handleSubmit = async (e: any) => {
     e.preventDefault();
-    await this.props.ApplicationAction.addPage(this.props.form.getFieldsValue())
+    await this.props.ApplicationAction.addStore(this.props.form.getFieldsValue())
     this.props.onSuccess()
   }
 }

src/commands/dev/dashboard/client/pages/struct/struct.component.tsx

@@ -106,7 +106,14 @@ export class StructComponent extends PureComponent<Props, State> {
         key: 'stores',
         title: `Stores (${this.props.ApplciationStore.status.info.stores.length})`,
         icon: <TreeIcon type="database" />,
-        disabled: this.props.ApplciationStore.status.info.stores.length === 0
+        disabled: this.props.ApplciationStore.status.info.stores.length === 0,
+        children: this.props.ApplciationStore.status.info.stores.map(store => {
+          return {
+            key: 'store-' + store.filePath,
+            title: store.name,
+            icon: <TreeIcon type="database" />
+          }
+        })
       })
     }