(target: T) => T & IWrappedComponent' +
+ '\n' +
+ '}'
+
+ const content = `${importContent}\n${IRootStoreContent}\n\n${IRootActionContent}\n\n${IInjectContent}\n\n${mobxReactModuleDeclare}\n`
+
+ createFile(Path.join(mobxTypingsPath, 'index.d.ts'), content)
+}
+
+function generatorIRootStore() {
+ const pathMap = storesPath.reduce((ret, path) => {
+ const pathArr = getFileNameFrom(path)
+ ret[pathArr[0]] = ret[pathArr[0]] || []
+ ret[pathArr[0]].push(pathArr[1])
+ return ret
+ }, {})
+ // console.log(pathMap)
+ let content = 'export interface IRootStore {\n'
+ content += Object.keys(pathMap).reduce((ret, pageName) => {
+ ret += ` ${pageName}: {\n`
+ const storeArr = pathMap[pageName]
+ // console.log(storeArr)
+ storeArr.forEach(storeName => {
+ ret += ` ${storeName}: ${pageName}${firstToUppercase(storeName)}\n`
+ })
+ ret += ' }\n'
+ return ret
+ }, '')
+
+ content += '}'
+ return content
+}
+
+function generatorIRootAction() {
+ const pathMap = actionsPath.reduce((ret, path) => {
+ const pathArr = getFileNameFrom(path)
+ ret[pathArr[0]] = ret[pathArr[0]] || []
+ ret[pathArr[0]].push(pathArr[1])
+ return ret
+ }, {})
+ let content = 'export interface IRootAction {\n'
+ content += Object.keys(pathMap).reduce((ret, pageName) => {
+ ret += ` ${pageName}: {\n`
+ const actionArr = pathMap[pageName]
+ actionArr.forEach(actionName => {
+ ret += ` ${actionName}: ${pageName}${firstToUppercase(actionName)}\n`
+ })
+ ret += ' }\n'
+ return ret
+ }, '')
+
+ content += '}'
+ return content
+}
+
+function createDependenceImportContent(base) {
+ const content = storesPath.concat(actionsPath).reduce((content, path) => {
+ const pathArr = getFileNameFrom(path)
+ let relativePath = Path.relative(base, path)
+ if (relativePath.indexOf('.') !== 0) {
+ relativePath = `./${relativePath}`
+ }
+ relativePath = removeExt(relativePath)
+ const importConent = `import '${relativePath}'`
+
+ content += importConent
+ content += '\n'
+ return content
+ }, '')
+ return content
+}
+
+function createTypingsImportContent(base) {
+ let content =
+ 'import { IStoresToProps, IReactComponent, IWrappedComponent } from \'mobx-react\'\n'
+ content += storesPath.concat(actionsPath).reduce((content, path) => {
+ const pathArr = getFileNameFrom(path)
+ // console.log(path, pathArr)
+ let relativePath = Path.relative(base, path)
+ if (relativePath.indexOf('.') !== 0) {
+ relativePath = `./${relativePath}`
+ }
+ relativePath = removeExt(relativePath)
+ const importConent = `import ${pathArr[0]}${firstToUppercase(
+ pathArr[1]
+ )} from '${relativePath}'`
+
+ content += importConent
+ content += '\n'
+ return content
+ }, '')
+ return content
+}
+
+function getFileNameFrom(path) {
+ const reg = /([^\/]+)\/(?:actions|stores|globalStores)\/(.+)\.(?:t|j)sx?$/
+ const matched = path.match(reg)
+ let pageName = matched && matched[1]
+ const fileName = matched && matched[2]
+ if (path.indexOf('globalStores') > -1) pageName = 'globalStores'
+ return [pageName, fileName]
+}
+
+function firstToUppercase(str) {
+ return str.charAt(0).toUpperCase() + str.slice(1)
+}
+
+function removeExt(path) {
+ const reg = /(.+)\.[^\.]+$/
+ return path.replace(reg, '$1')
+}
+
+/**
+ * 创建文件
+ * @param path {string} 路径
+ * @defaultFileContent ?{string} 默认文件内容
+ * @return {bollean}
+ */
+
+function createFile(path, defaultFileContent) {
+ defaultFileContent = defaultFileContent || ''
+ const existed = FS.existsSync(path)
+ FS.outputFileSync(path, defaultFileContent)
+ if (existed) {
+ console.log(Chalk.blue(`updated "${path}".`))
+ } else {
+ console.log(Chalk.blue(`created "${path}".`))
+ }
+ return true
+}
diff --git a/src/tools/templates/actions/action.ts.tpl b/src/tools/templates/actions/action.ts.tpl
new file mode 100644
index 0000000..3ce6d7b
--- /dev/null
+++ b/src/tools/templates/actions/action.ts.tpl
@@ -0,0 +1,11 @@
+import { mAction } from '../../../mobx/action'
+import { IRootAction, IRootStore } from '../../../typings'
+
+@mAction
+export default class ${uppercaseName}$Action {
+ constructor(
+ public stores: IRootStore['${rootPageName}$'],
+ public actions: IRootAction['${rootPageName}$'],
+ ) {}
+
+}
diff --git a/src/tools/templates/index.scss.tpl b/src/tools/templates/index.scss.tpl
new file mode 100644
index 0000000..c361502
--- /dev/null
+++ b/src/tools/templates/index.scss.tpl
@@ -0,0 +1,5 @@
+$prefixCls: '${type}$-${splitDashName}$';
+
+.#{$prefixCls} {
+
+}
diff --git a/src/tools/templates/index.tsx.tpl b/src/tools/templates/index.tsx.tpl
new file mode 100644
index 0000000..3b61472
--- /dev/null
+++ b/src/tools/templates/index.tsx.tpl
@@ -0,0 +1,50 @@
+import * as React from 'react'
+import { inject, observer } from 'mobx-react'
+import { IRootStore, IRootAction } from '${relDir}$typings'
+
+import './index.scss'
+
+@inject(injector)
+@observer
+export default class ${uppercaseName}$ extends React.Component {
+ static defaultProps = {
+ prefixCls: '${type}$-${splitDashName}$',
+ }
+
+ constructor(props: IProps) {
+ super(props)
+ }
+
+ componentDidMount() {}
+
+ render() {
+ const { prefixCls } = this.props
+
+ return (
+
+ this is ${splitDashName}$
+
+ )
+ }
+}
+
+type injectorReturnType = ReturnType
+
+interface IProps extends Partial {
+ prefixCls?: string
+ [k: string]: any
+}
+
+interface IState extends Partial {
+ [k: string]: any
+}
+
+function injector({
+ rootStore,
+ rootAction,
+}: {
+ rootStore: IRootStore,
+ rootAction: IRootAction,
+}) {
+ return {}
+}
diff --git a/src/tools/templates/stores/store.ts.tpl b/src/tools/templates/stores/store.ts.tpl
new file mode 100644
index 0000000..0d5a8f3
--- /dev/null
+++ b/src/tools/templates/stores/store.ts.tpl
@@ -0,0 +1,11 @@
+import { action, observable, computed } from 'mobx'
+import { mStore } from '../../../mobx/store'
+
+interface ISomething {
+
+}
+
+@mStore
+export default class ${uppercaseName}$Store {
+
+}
diff --git a/src/tools/utils/io.js b/src/tools/utils/io.js
new file mode 100644
index 0000000..0923ce9
--- /dev/null
+++ b/src/tools/utils/io.js
@@ -0,0 +1,22 @@
+const FS = require('fs')
+const Path = require('path')
+
+exports.listFiles = function listFiles(path, regex = /./) {
+ const names = FS.readdirSync(path)
+ const files = []
+ const dirs = []
+ for (const name of names) {
+ const targetPath = Path.join(path, name)
+ if (FS.statSync(targetPath).isFile()) {
+ if (targetPath.match(regex)) {
+ files.push(targetPath)
+ }
+ } else {
+ dirs.push(targetPath)
+ }
+ }
+ for (const dir of dirs) {
+ files.push.apply(files, listFiles(dir, regex))
+ }
+ return files
+}
diff --git a/src/typings/index.d.ts b/src/typings/index.d.ts
new file mode 100644
index 0000000..792640f
--- /dev/null
+++ b/src/typings/index.d.ts
@@ -0,0 +1,28 @@
+import { IStoresToProps, IReactComponent, IWrappedComponent } from 'mobx-react'
+import ExampleExampleStore from '../pages/Example/stores/exampleStore'
+import ExampleExampleAction from '../pages/Example/actions/exampleAction'
+
+export interface IRootStore {
+ Example: {
+ exampleStore: ExampleExampleStore
+ }
+}
+
+export interface IRootAction {
+ Example: {
+ exampleAction: ExampleExampleAction
+ }
+}
+
+export interface IInject {
+ rootStore: IRootStore
+ rootAction: IRootAction
+}
+
+declare module 'mobx-react' {
+ export type IValueMapSelf = IStoresToProps
+
+ export function inject(
+ fn: IStoresToProps
+ ): (target: T) => T & IWrappedComponent
+}
diff --git a/src/typings/uid.d.ts b/src/typings/uid.d.ts
new file mode 100644
index 0000000..b78aa70
--- /dev/null
+++ b/src/typings/uid.d.ts
@@ -0,0 +1,2 @@
+export = index;
+declare function index(len: any): any;
diff --git a/src/utils/index.ts b/src/utils/index.ts
new file mode 100644
index 0000000..3719737
--- /dev/null
+++ b/src/utils/index.ts
@@ -0,0 +1,16 @@
+import uid from 'uid';
+import { PREFIXCLS } from 'common';
+import request from './request';
+
+function getUid(len = 10) {
+ return `${PREFIXCLS}-${uid(len)}`;
+}
+
+// tslint:disable-next-line: no-empty
+function emptyFn() {}
+
+function getLocalDate(date: Date) {
+ return date.toLocaleString('zh', { hour12: false }).replace(/\//g, '-');
+}
+
+export { getUid, emptyFn, request, getLocalDate };
diff --git a/src/utils/request.ts b/src/utils/request.ts
new file mode 100644
index 0000000..1306fc3
--- /dev/null
+++ b/src/utils/request.ts
@@ -0,0 +1,189 @@
+import axios, { AxiosRequestConfig, AxiosInstance, AxiosResponse, Canceler } from 'axios'
+import qs from 'qs'
+import { createBrowserHistory } from 'history'
+import { Toast } from 'antd-mobile'
+import { DELAY_TIME, API_URL } from 'common'
+import { IReqOptions, IResponse } from '../interface'
+
+// examples:
+// 1. get baseUrl/users/Dolor await request.setPath('users').get({ uri: 'Dolor' })
+
+// 2. delete baseUrl/users/Dolor await request.setPath('users').delete({ uri: 'Dolor' })
+
+// 3. post baseUrl/users await request.setPath('users').post({ data: { name: 'lawler', email: 'lawler61@163.com' })
+
+// 4. put baseUrl/users await request.setPath('users').put({ uri: 'Dolor', data: { name: 'Bolor' } })
+
+const defaultOptions: AxiosRequestConfig = {
+ baseURL: API_URL,
+ timeout: 6000,
+ withCredentials: true,
+ headers: {
+ 'Content-Type': 'application/json;charset=utf-8', // 跨域的时候会产生 options预检
+ },
+}
+
+const { CancelToken } = axios
+
+class Request {
+ [x: string]: any
+
+ static instance: Request
+
+ request: AxiosInstance
+
+ cancel: Canceler
+
+ methods = ['get', 'post', 'put', 'patch', 'delete']
+
+ path = ''
+
+ curPath = ''
+
+ constructor(public history: any, options: AxiosRequestConfig) {
+ this.request = axios.create(options)
+
+ this.methods.forEach(method => {
+ this[method] = (params: IReqOptions) => this.getRequest(method, params)
+ })
+
+ this.upload = (data: object, callback: (process: any) => void) => this.getUploader(data, callback)
+
+ this.initInterceptors()
+ }
+
+ static getInstance(history = createBrowserHistory(), options = defaultOptions) {
+ if (!this.instance) {
+ this.instance = new Request(history, options)
+ }
+ return this.instance
+ }
+
+ initInterceptors() {
+ this.request.interceptors.request.use((config: AxiosRequestConfig) => {
+ const token = localStorage.getItem('token')
+
+ if (token) {
+ config.headers.Authorization = `Bearer ${token}`
+ }
+
+ return config
+ })
+
+ this.request.interceptors.response.use(
+ (res: AxiosResponse) => {
+ const { data } = res
+
+ if (data.status === 401) {
+ Toast.fail('认证过期，请登录后再操作！', DELAY_TIME)
+
+ this.history.push('/login')
+ }
+
+ return res
+ },
+ err => {
+ throw err
+ }
+ )
+ }
+
+ /**
+ *
+ *
+ * @param {string} method
+ * @param {string} [options={ uri: '', query: null, data: null }]
+ * @param {string} [options.uri=''] 资源唯一标示，一般是 ID
+ * @param {Object} [options.query=null] GET 参数
+ * @param {Object} [options.data=null] POST/PUT/PATCH 数据
+ * @returns {Promise}
+ */
+ async getRequest(method: string, options: IReqOptions = { uri: '', query: null, data: {} }): Promise {
+ const { uri, query, data } = options
+
+ let url = this.curPath + (uri ? `/${uri}` : '')
+ url += query ? `?${qs.stringify(query)}` : ''
+
+ let result: any = {}
+
+ if (data && data.cancelToken) {
+ // An executor function receives a cancel function as a parameter
+ data.cancelToken = new CancelToken(c => (this.cancel = c))
+ }
+
+ try {
+ const { data: response } = await this.request[method](url, data)
+ // console.log(response)
+ const { errcode, errmsg } = response
+
+ if (!errcode) {
+ result = response
+ } else {
+ throw new Error(`${errcode}: ${errmsg}`)
+ }
+ } catch (err) {
+ Toast.fail(err.message, DELAY_TIME)
+ console.error(err)
+ }
+
+ return result
+ }
+
+ async getUploader(data: any = {}, callback: (process: any) => void): Promise {
+ let result: any = {}
+
+ if (data && data.cancelToken) {
+ // An executor function receives a cancel function as a parameter
+ data.cancelToken = new CancelToken(c => (this.cancel = c))
+ }
+
+ try {
+ const response: IResponse = await this.request.put('/upload', data, {
+ headers: {
+ 'Content-Type': 'multipart/form-data',
+ },
+ onUploadProgress: (progressEvent: any) => {
+ const { loaded, total } = progressEvent
+
+ // callback(((loaded * 100) / total).toFixed(2))
+ callback(`${Math.round((loaded * 10000) / total) / 100}%`)
+ },
+ })
+
+ const { status, data: res } = response
+ const { errcode, errmsg } = res
+
+ if (status === 200 && !errcode) {
+ result = res
+ } else {
+ throw new Error(`${errcode}: ${errmsg}`)
+ }
+ } catch (err) {
+ Toast.fail(err.toString(), DELAY_TIME)
+ console.error(err)
+ }
+
+ return result
+ }
+
+ setPath(...paths: string[]) {
+ this.curPath = `${this.path}/${paths.join('/')}`
+
+ return this
+ }
+
+ /**
+ * 替换链接参数
+ *
+ * @param {...string[]} params
+ */
+ replace(...params: string[]) {
+ let count = 0
+ // questions/{id}/details/{ab}/c
+ this.curPath = this.curPath.replace(/\{.*?\}/g, _match => params[count++])
+
+ return this
+ }
+}
+
+export default Request.getInstance()
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..d63ece8
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,63 @@
+{
+ "compilerOptions": {
+ "baseUrl": "./src",
+ "paths": {
+ "*": [
+ "*",
+ "../node_modules/@types",
+ "typings/*"
+ ]
+ },
+ "target": "es6",
+ "module": "esnext",
+ "lib": [
+ "es6",
+ "es7",
+ "esnext",
+ "dom"
+ ],
+ "types": [
+ "reflect-metadata",
+ "node"
+ ],
+ "sourceMap": true,
+ "jsx": "react",
+ "importHelpers": true,
+ "skipLibCheck": true,
+ "preserveSymlinks": true,
+ "strict": true,
+ /* Enable all strict type-checking options. */
+ "noImplicitAny": true,
+ /* Raise error on expressions and declarations with an implied 'any' type. */
+ "strictNullChecks": true,
+ /* Enable strict null checks. */
+ "strictPropertyInitialization": false,
+ "noImplicitThis": true,
+ /* Raise error on 'this' expressions with an implied 'any' type. */
+ "alwaysStrict": true,
+ /* Parse in strict mode and emit "use strict" for each source file. */
+ /* Additional Checks */
+ "noUnusedLocals": true,
+ /* Report errors on unused locals. */
+ "noUnusedParameters": true,
+ /* Report errors on unused parameters. */
+ "noImplicitReturns": true,
+ "noFallthroughCasesInSwitch": true,
+ /* Report error when not all code paths in function return a value. */
+ "noEmitOnError": false,
+ /* Module Resolution Options */
+ "pretty": true,
+ "allowSyntheticDefaultImports": true,
+ "allowUnusedLabels": false,
+ "esModuleInterop": true,
+ "moduleResolution": "node",
+ /* Experimental Options */
+ "emitDecoratorMetadata": true,
+ "experimentalDecorators": true
+ },
+ "compileOnSave": false,
+ "exclude": [
+ "node_modules",
+ "src/typings"
+ ]
+}
diff --git a/tslint.json b/tslint.json
new file mode 100644
index 0000000..8d93a66
--- /dev/null
+++ b/tslint.json
@@ -0,0 +1,177 @@
+{
+ "extends": [
+ "tslint:recommended",
+ "tslint-react",
+ "tslint-eslint-rules",
+ "tslint-config-prettier"
+ ],
+ "rules": {
+ "align": [
+ false
+ ],
+ "ban": false,
+ "class-name": true,
+ "comment-format": [
+ true,
+ "check-space"
+ ],
+ "curly": true,
+ "eofline": true,
+ "forin": true,
+ "indent": false,
+ "interface-name": true,
+ "label-position": true,
+ "max-line-length": [
+ true,
+ 180
+ ],
+ "member-access": false,
+ "member-ordering": [
+ true,
+ {
+ "order": [
+ "private-static-field",
+ "public-static-field",
+ "private-instance-field",
+ "public-instance-field",
+ "private-constructor",
+ "public-constructor",
+ "private-instance-method",
+ "protected-instance-method",
+ "public-static-method",
+ "public-instance-method"
+ ]
+ }
+ ],
+ "ordered-imports": false,
+ "no-arg": true,
+ "no-bitwise": true,
+ "no-conditional-assignment": true,
+ "no-consecutive-blank-lines": true,
+ "no-construct": true,
+ "no-debugger": true,
+ "no-duplicate-variable": true,
+ "no-empty": true,
+ "no-eval": true,
+ "no-inferrable-types": false,
+ "no-internal-module": true,
+ "no-string-literal": true,
+ "no-switch-case-fall-through": true,
+ "no-trailing-whitespace": true,
+ "no-unused-expression": true,
+ "no-use-before-declare": true,
+ "no-var-keyword": true,
+ "no-var-requires": true,
+ "no-angle-bracket-type-assertion": false,
+ "one-line": [
+ true,
+ "check-open-brace",
+ "check-catch",
+ "check-else",
+ "check-whitespace"
+ ],
+ "quotemark": [
+ true,
+ "single",
+ "jsx-double",
+ "avoid-escape"
+ ],
+ "radix": true,
+ "semicolon": false,
+ "triple-equals": [
+ true,
+ "allow-null-check"
+ ],
+ "typedef-whitespace": [
+ true,
+ {
+ "call-signature": "nospace",
+ "index-signature": "nospace",
+ "parameter": "nospace",
+ "property-declaration": "nospace",
+ "variable-declaration": "nospace"
+ }
+ ],
+ "variable-name": [
+ true,
+ "ban-keywords"
+ ],
+ "arrow-parens": [
+ true,
+ "ban-single-arg-parens"
+ ],
+ "object-literal-sort-keys": false,
+ "object-curly-spacing": [
+ true,
+ "always"
+ ],
+ "object-literal-key-quotes": false,
+ "max-classes-per-file": [
+ true,
+ 5,
+ "exclude-class-expressions"
+ ],
+ "interface-over-type-literal": false,
+ "jsdoc-format": false,
+ "new-parens": true,
+ "no-console": [
+ true,
+ "debug",
+ "info",
+ "time",
+ "timeEnd",
+ "trace"
+ ],
+ "no-multi-spaces": true,
+ "no-namespace": true,
+ "no-reference": true,
+ "no-shadowed-variable": true,
+ "one-variable-per-declaration": [
+ true,
+ "ignore-for-loop"
+ ],
+ "prefer-const": [
+ true,
+ {
+ "destructuring": "all"
+ }
+ ],
+ "space-in-parens": true,
+ "switch-default": true,
+ "trailing-comma": [
+ true,
+ {
+ "singleline": "never",
+ "multiline": {
+ "objects": "always",
+ "arrays": "always",
+ "imports": "always",
+ "exports": "always",
+ "functions": "never"
+ },
+ "esSpecCompliant": true
+ }
+ ],
+ "use-isnan": true,
+ "jsx-no-lambda": false,
+ "jsx-no-string-ref": false,
+ "jsx-boolean-value": [
+ true,
+ "never"
+ ],
+ "jsx-no-multiline-js": false,
+ "whitespace": [
+ true,
+ "check-branch",
+ "check-decl",
+ "check-operator",
+ "check-module",
+ "check-separator",
+ "check-rest-spread",
+ "check-type",
+ "check-typecast",
+ "check-type-operator",
+ "check-preblock"
+ ]
+ }
+}