feats

.gitignore

@@ -4,3 +4,6 @@ deploy_versions/
 .rn_temp/
 node_modules/
 .DS_Store
+*.lock
+pnpm-lock.yml
+yarn-error.log

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npm.taobao.org

babel.config.js

@@ -4,7 +4,18 @@ module.exports = {
   presets: [
     ['taro', {
       framework: 'react',
-      ts: true
+      ts: false
     }]
+  ],
+  plugins: [
+    [
+      'import',
+      {
+        libraryName: '@antmjs/vantui',
+        libraryDirectory: 'es',
+        style: (name) => `${name}/style/less`
+      },
+      '@antmjs/vantui'
+    ],
   ]
 }

config/dev.js

@@ -3,6 +3,8 @@ module.exports = {
     NODE_ENV: '"development"'
   },
   defineConstants: {
+    // HOST: '"https://machine.njyunzhi.com"',
+    HOST: '"http://192.168.89.147:7083"',
   },
   mini: {},
   h5: {}

config/index.js

@@ -1,3 +1,5 @@
+const path = require('path')
+
 const config = {
   projectName: 'myApp',
   date: '2022-11-16',
@@ -18,6 +20,14 @@ const config = {
     options: {
     }
   },
+  alias: {
+    '@/assets': path.resolve(__dirname, '..', 'src/assets'),
+    '@/components': path.resolve(__dirname, '..', 'src/components'),
+    '@/layouts': path.resolve(__dirname, '..', 'src/layouts'),
+    '@/utils': path.resolve(__dirname, '..', 'src/utils'),
+    '@/store': path.resolve(__dirname, '..', 'src/store'),
+    '@/services': path.resolve(__dirname, '..', 'src/services'),
+  },
   framework: 'react',
   mini: {
     postcss: {

config/prod.js

@@ -3,6 +3,8 @@ module.exports = {
     NODE_ENV: '"production"'
   },
   defineConstants: {
+    // HOST: '"https://machine.njyunzhi.com"',
+    HOST: '"http://192.168.89.147:7083"',
   },
   mini: {},
   h5: {

global.d.ts

@@ -1,18 +0,0 @@
-/// <reference path="node_modules/@tarojs/plugin-platform-weapp/types/shims-weapp.d.ts" />
-
-declare module '*.png';
-declare module '*.gif';
-declare module '*.jpg';
-declare module '*.jpeg';
-declare module '*.svg';
-declare module '*.css';
-declare module '*.less';
-declare module '*.scss';
-declare module '*.sass';
-declare module '*.styl';
-
-declare namespace NodeJS {
-  interface ProcessEnv {
-    TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
-  }
-}

jsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package.json

@@ -9,6 +9,8 @@
     "css": "less"
   },
   "scripts": {
+    "dev": "npm run build:weapp -- --watch",
+    "build": "taro build --type weapp",
     "build:weapp": "taro build --type weapp",
     "build:swan": "taro build --type swan",
     "build:alipay": "taro build --type alipay",
@@ -35,29 +37,31 @@
   ],
   "author": "",
   "dependencies": {
+    "@antmjs/vantui": "^2.2.8",
     "@babel/runtime": "^7.7.7",
     "@tarojs/components": "3.3.6",
+    "@tarojs/react": "3.3.6",
     "@tarojs/runtime": "3.3.6",
     "@tarojs/taro": "3.3.6",
-    "@tarojs/react": "3.3.6",
-    "react-dom": "^17.0.0",
-    "react": "^17.0.0"
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
   "devDependencies": {
-    "@types/webpack-env": "^1.13.6",
-    "@types/react": "^17.0.2",
-    "@tarojs/mini-runner": "3.3.6",
     "@babel/core": "^7.8.0",
+    "@tarojs/mini-runner": "3.3.6",
     "@tarojs/webpack-runner": "3.3.6",
+    "@types/react": "^17.0.2",
+    "@types/webpack-env": "^1.13.6",
+    "@typescript-eslint/eslint-plugin": "^4.15.1",
+    "@typescript-eslint/parser": "^4.15.1",
+    "babel-plugin-import": "^1.13.5",
     "babel-preset-taro": "3.3.6",
-    "eslint-config-taro": "3.3.6",
     "eslint": "^6.8.0",
-    "eslint-plugin-react": "^7.8.2",
+    "eslint-config-taro": "3.3.6",
     "eslint-plugin-import": "^2.12.0",
+    "eslint-plugin-react": "^7.8.2",
     "eslint-plugin-react-hooks": "^4.2.0",
     "stylelint": "9.3.0",
-    "@typescript-eslint/parser": "^4.15.1",
-    "@typescript-eslint/eslint-plugin": "^4.15.1",
     "typescript": "^4.1.0"
   }
 }

src/app.config.js

@@ -1,11 +1,21 @@
 export default {
   pages: [
-    'pages/index/index'
+    'pages/index/index',
+    'pages/mine/index'
   ],
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
     navigationBarTitleText: 'WeChat',
     navigationBarTextStyle: 'black'
-  }
+  },
+  tabBar: {
+    list: [{
+      pagePath: "pages/index/index",
+      text: "设备绑定"
+    }, {
+      pagePath: "pages/mine/index",
+      text: "我的"
+    }]
+  },
 }

src/pages/index/index.config.js

@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: '首页'
+  navigationBarTitleText: '绑定设备'
 }

src/pages/index/index.jsx

@@ -1,24 +1,13 @@
 import { Component } from 'react'
-import { View, Text } from '@tarojs/components'
+import { View } from '@tarojs/components'
+import { Button } from '@antmjs/vantui'
 import './index.less'
 
-export default class Index extends Component {
+export default (props) => {
 
-  componentWillMount () { }
-
-  componentDidMount () { }
-
-  componentWillUnmount () { }
-
-  componentDidShow () { }
-
-  componentDidHide () { }
-
-  render () {
-    return (
-      <View className='index'>
-        <Text>Hello world!</Text>
-      </View>
-    )
-  }
+  return (
+    <View>
+      <Button type="warning">123</Button>
+    </View>
+  )
 }

src/pages/mine/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '我的'
+}

src/pages/mine/index.jsx

@@ -0,0 +1,13 @@
+import { Component } from 'react'
+import { View } from '@tarojs/components'
+import { Button } from '@antmjs/vantui'
+import './index.less'
+
+export default (props) => {
+
+  return (
+    <View>
+      <Button type="warning">123</Button>
+    </View>
+  )
+}

src/utils/request.js

@@ -0,0 +1,80 @@
+import Taro from '@tarojs/taro'
+
+/**
+ * object 转 queryStr
+ * @param {*} params 
+ * @returns 
+ */
+ export function getQueryString (params) {
+  if (!params) return;
+
+  const keys = Object.keys(params)
+  const arr = keys.map((key) => {
+    const val = params[key]
+    if (val === null || val === undefined) return false;
+
+    return `${key}=${encodeURIComponent(val)}`
+  })
+
+  return arr.filter(Boolean).join('&')
+}
+
+
+export default (url, options) => {
+  const { params, skipError, header, ...leftOptions } = options || {}
+  const queryStr = getQueryString(params)
+
+  const urlWithParams = queryStr ? `${url}?${queryStr}` : url;
+  // eslint-disable-next-line no-undef
+  const nwUrl = `${HOST}/api/${urlWithParams}`
+
+  const authToken = Taro.getStorageSync('token')
+  const tokenHeader = authToken ? { Authorization: authToken } : {}
+  const nwHeader = {
+    ...(header || {}),
+    ...tokenHeader,
+  }
+
+  return new Promise((resolve, reject) => {
+    Taro.request({
+      ...leftOptions,
+      url: nwUrl,
+      header: nwHeader,
+      success: (res) => {
+        const { code, message, data, token } = res.data
+
+        if (token || data?.token) {
+          Taro.setStorage({ key: 'token', data: token || data?.token })
+        }
+
+        if (code === 1000) {
+          resolve(data)
+
+        } else {
+          if (!skipError) {
+            Taro.showToast({
+              title: message || '网络异常',
+              icon: 'none',
+            })
+          }
+          reject(message?.indexOf('java') > -1 ? '系统内部错误' : message)
+        }
+      },
+
+      fail: (err) => {
+        console.error(err)
+
+        const message = err.message || err.errMsg || err
+
+        if (!skipError) {
+          Taro.showToast({
+            title: message,
+            icon: 'none',
+          })
+        }
+
+        reject(message)
+      }
+    })
+  })
+}

tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2017",
-    "module": "commonjs",
-    "removeComments": false,
-    "preserveConstEnums": true,
-    "moduleResolution": "node",
-    "experimentalDecorators": true,
-    "noImplicitAny": false,
-    "allowSyntheticDefaultImports": true,
-    "outDir": "lib",
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "strictNullChecks": true,
-    "sourceMap": true,
-    "baseUrl": ".",
-    "rootDir": ".",
-    "jsx": "react-jsx",
-    "allowJs": true,
-    "resolveJsonModule": true,
-    "typeRoots": [
-      "node_modules/@types",
-      "global.d.ts"
-    ]
-  },
-  "exclude": [
-    "node_modules",
-    "dist"
-  ],
-  "compileOnSave": false
-}