Feat vite

.eslintrc.js

@@ -1,11 +1,15 @@
 module.exports = {
   root: true,
-  parser: '@babel/eslint-parser',
+  parser: '@typescript-eslint/parser',
   parserOptions: {
     sourceType: 'module'
   },
-  extends: 'standard',
+  extends: [
+    'plugin:@typescript-eslint/recommended',
+    'standard'
+  ],
   plugins: [
+    '@typescript-eslint',
     'html',
     'jest'
   ],
@@ -27,10 +31,18 @@ module.exports = {
     getCurrentPages: 'readonly'
   },
   rules: {
+    '@typescript-eslint/ban-ts-comment': 0,
+    '@typescript-eslint/no-empty-function': 0,
+    '@typescript-eslint/no-this-alias': 0,
+    '@typescript-eslint/no-var-requires': 0,
+    '@typescript-eslint/explicit-module-boundary-types': 0,
     'no-cond-assign': 0,
     camelcase: 0
   },
   env: {
-    'jest/globals': true
+    'jest/globals': true,
+    es6: true,
+    browser: true,
+    node: true
   }
 }

.github/workflows/docs.yml

@@ -22,6 +22,7 @@ jobs:
       - name: generate docs file
         if: env.GIT_DIFF
         run: |
+          cd docs-vueporess
           npm i
           npm run docs:build
 

.gitignore

@@ -8,5 +8,7 @@ package-lock.json
 pnpm-lock.yaml
 yarn.lock
 .DS_Store
-docs-vuepress/.vuepress/dist
+docs-vuepress/docs/.vuepress/dist
 elevate/
+.yarn/
+packages/**/dist/

.npmrc

@@ -0,0 +1,2 @@
+registry = https://registry.npmjs.org/
+auto-install-peers = true

.nvmrc

@@ -0,0 +1 @@
+v14.21.1

docs-vuepress/docs/guide/extend/request.md

@@ -0,0 +1,131 @@
+# 网络请求
+
+
+Mpx 提供了网络请求库 fetch，抹平了微信，阿里等平台请求参数及响应数据的差异；同时支持请求拦截器，请求取消等
+
+
+## 使用说明
+
+```js
+import mpx from '@mpxjs/core'
+import mpxFetch from '@mpxjs/fetch'
+mpx.use(mpxFetch)
+// 第一种访问形式
+mpx.xfetch.fetch({
+	url: 'http://xxx.com'
+}).then(res => {
+	console.log(res.data)
+})
+
+mpx.createApp({
+	onLaunch() {
+		// 第二种访问形式
+		this.$xfetch.fetch({url: 'http://test.com'})
+	}
+})
+```
+
+## 导出说明
+
+mpx-fetch提供了一个实例 **xfetch** ，该实例包含以下api
+
+- fetch(config)， 正常的promisify风格的请求方法
+- CancelToken，实例属性，用于创建一个取消请求的凭证。
+- interceptors，实例属性，用于添加拦截器，包含两个属性，request & response
+
+## 请求拦截器
+
+```js
+mpx.xfetch.interceptors.request.use(function(config) {
+	console.log(config)
+	// 也可以返回promise
+	return config
+})
+mpx.xfetch.interceptors.response.use(function(res) {
+	console.log(res)
+	// 也可以返回promise
+	return res
+})
+```
+
+## 请求中断
+
+```js
+const cancelToken = new mpx.xfetch.CancelToken()
+mpx.xfetch.fetch({
+	url: 'http://xxx.com',
+	data: {
+		name: 'test'
+	},
+	cancelToken: cancelToken.token
+})
+cancelToken.exec('手动取消请求') // 执行后请求中断，返回abort fail
+```
+
+## 设置请求参数
+```js
+mpx.xfetch.fetch({
+	url: 'http://xxx.com',
+	params: {
+		name: 'test'
+	}
+})
+
+mpx.xfetch.fetch({
+	url: 'http://xxx.com',
+	method: 'POST',
+	// params 参数等价于 url query
+	params: {
+		age: 10
+	},
+	data: {
+		name: 'test'
+	},
+	// 设置参数序列化方式，等价于header = {'content-type': 'application/x-www-form-urlencoded'}
+	emulateJSON: true
+})
+```
+
+## 设置请求 timeout
+
+```js
+mpx.xfetch.fetch({
+	url: 'http://xxx.com',
+	method: 'POST',
+	data: {
+		name: 'test'
+	},
+	timeout: 10000 // 超时时间
+})
+```
+
+## 在组合式 API 中使用 {#composition-api-usage}
+在组合式 API 中我们提供了 [useFetch](/api/extend.html#usefetch) 方法来访问 `xfetch` 实例对象
+
+```js
+// app.mpx
+import mpx, { createComponent } from '@mpxjs/core'
+import { useFetch } from '@mpxjs/fetch'
+
+createComponent({
+  setup() {
+      useFetch().fetch({
+          url: 'http://xxx.com',
+          method: 'POST',
+          params: {
+              age: 10
+          },
+          data: {
+              name: 'test'
+          },
+          emulateJSON: true,
+          usePre: true,
+          cacheInvalidationTime: 3000,
+          ignorePreParamKeys: ['timestamp']
+      }).then(res => {
+          console.log(res.data)
+      })   
+  }
+})
+
+```

docs-vuepress/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "mpx-docs",
+  "description": "mpx docs",
+  "private": true,
+  "scripts": {
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs"
+  },
+  "devDependencies": {
+    "@vuepress/plugin-back-to-top": "^1.8.2",
+    "@vuepress/plugin-pwa": "^1.8.0",
+    "vuepress": "^1.9.7"
+  }
+}

examples/mpx-cloud/babel.config.json

@@ -13,7 +13,7 @@
       "@babel/transform-runtime",
       {
         "corejs": 3,
-        "version": "^7.12.5"
+        "version": "^7.20.13"
       }
     ],
     [

examples/mpx-cloud/build/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "build",
+  "name": "mpx-cloud-build",
   "version": "1.0.0",
   "description": "避免webpack通过分析目录依赖错误地将项目package.json中声明的dependencies作为buildDependencies，请勿删除该文件！"
 }

examples/mpx-cloud/config/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "config",
+  "name": "mpx-cloud-config",
   "version": "1.0.0",
   "description": "避免webpack通过分析目录依赖错误地将项目package.json中声明的dependencies作为buildDependencies，请勿删除该文件！"
 }

examples/mpx-cloud/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "mpx-cloud",
+  "name": "mpx-cloud-demo",
   "version": "1.0.0",
   "description": "A mpx project",
   "main": "index.js",
@@ -19,16 +19,16 @@
   "author": "sky-admin <[email protected]>",
   "license": "ISC",
   "dependencies": {
-    "@mpxjs/api-proxy": "^2.7.28",
-    "@mpxjs/core": "^2.7.26"
+    "@mpxjs/api-proxy": "workspace:*",
+    "@mpxjs/core": "workspace:*"
   },
   "devDependencies": {
     "@babel/core": "7.12.10",
     "@babel/eslint-parser": "7.16.0",
     "@babel/plugin-transform-runtime": "7.12.10",
     "@babel/preset-env": "7.12.11",
-    "@babel/runtime-corejs3": "7.12.5",
-    "@mpxjs/webpack-plugin": "^2.7.27",
+    "@babel/runtime-corejs3": "7.20.13",
+    "@mpxjs/webpack-plugin": "workspace:*",
     "@typescript-eslint/eslint-plugin": "^5.2.0",
     "@typescript-eslint/parser": "^5.2.0",
     "babel-jest": "^25.3.0",

examples/mpx-i18n/babel.config.json

@@ -13,7 +13,7 @@
       "@babel/transform-runtime",
       {
         "corejs": 3,
-        "version": "^7.12.5"
+        "version": "^7.20.13"
       }
     ],
     [

examples/mpx-i18n/build/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "build",
+  "name": "mpx-i18n-build",
   "version": "1.0.0",
   "description": "避免webpack通过分析目录依赖错误地将项目package.json中声明的dependencies作为buildDependencies，请勿删除该文件！"
 }

examples/mpx-i18n/config/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "config",
+  "name": "mpx-i18n-config",
   "version": "1.0.0",
   "description": "避免webpack通过分析目录依赖错误地将项目package.json中声明的dependencies作为buildDependencies，请勿删除该文件！"
 }

examples/mpx-i18n/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "mpx-subpackage-demo",
+  "name": "mpx-i18n-demo",
   "version": "1.0.0",
   "description": "A mpx project",
   "main": "index.js",
@@ -19,16 +19,16 @@
   "author": "sky-admin <[email protected]>",
   "license": "ISC",
   "dependencies": {
-    "@mpxjs/api-proxy": "^2.7.28",
-    "@mpxjs/core": "^2.7.26"
+    "@mpxjs/api-proxy": "workspace:*",
+    "@mpxjs/core": "workspace:*"
   },
   "devDependencies": {
     "@babel/core": "7.12.10",
     "@babel/eslint-parser": "7.16.0",
     "@babel/plugin-transform-runtime": "7.12.10",
     "@babel/preset-env": "7.12.11",
-    "@babel/runtime-corejs3": "7.12.5",
-    "@mpxjs/webpack-plugin": "^2.7.27",
+    "@babel/runtime-corejs3": "7.20.13",
+    "@mpxjs/webpack-plugin": "workspace:*",
     "@typescript-eslint/eslint-plugin": "^5.2.0",
     "@typescript-eslint/parser": "^5.2.0",
     "babel-jest": "^25.3.0",
@@ -59,7 +59,7 @@
     "vue-loader": "^15.9.3",
     "vue-router": "^3.1.3",
     "vue-style-loader": "^4.1.2",
-    "vue-template-compiler": "^2.6.10",
+    "vue-template-compiler": "~2.6.10",
     "ts-loader": "9.2.6",
     "typescript": "^4.1.3",
     "webpack": "^5.72.0",

examples/mpx-progressive/babel.config.json

@@ -13,7 +13,7 @@
       "@babel/transform-runtime",
       {
         "corejs": 3,
-        "version": "^7.12.5"
+        "version": "^7.20.13"
       }
     ],
     [

examples/mpx-progressive/build/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "build",
+  "name": "mpx-progressive-build",
   "version": "1.0.0",
   "description": "避免webpack通过分析目录依赖错误地将项目package.json中声明的dependencies作为buildDependencies，请勿删除该文件！"
 }

examples/mpx-progressive/config/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "config",
+  "name": "mpx-progressive-config",
   "version": "1.0.0",
   "description": "避免webpack通过分析目录依赖错误地将项目package.json中声明的dependencies作为buildDependencies，请勿删除该文件！"
 }

examples/mpx-progressive/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "mpx-subpackage-demo",
+  "name": "mpx-progressive-demo",
   "version": "1.0.0",
   "description": "A mpx project",
   "main": "index.js",
@@ -19,17 +19,17 @@
   "author": "sky-admin <[email protected]>",
   "license": "ISC",
   "dependencies": {
-    "@mpxjs/api-proxy": "^2.7.28",
-    "@mpxjs/core": "^2.7.26"
+    "@mpxjs/api-proxy": "workspace:*",
+    "@mpxjs/core": "workspace:*"
   },
   "devDependencies": {
     "@babel/core": "7.12.10",
     "@babel/eslint-parser": "7.16.0",
     "@babel/plugin-syntax-typescript": "^7.16.7",
     "@babel/plugin-transform-runtime": "7.12.10",
     "@babel/preset-env": "7.12.11",
-    "@babel/runtime-corejs3": "7.12.5",
-    "@mpxjs/webpack-plugin": "^2.7.27",
+    "@babel/runtime-corejs3": "7.20.13",
+    "@mpxjs/webpack-plugin": "workspace:*",
     "@typescript-eslint/eslint-plugin": "^5.2.0",
     "@typescript-eslint/parser": "^5.2.0",
     "babel-jest": "^25.3.0",

examples/mpx-subpackage/babel.config.json

@@ -13,7 +13,7 @@
       "@babel/transform-runtime",
       {
         "corejs": 3,
-        "version": "^7.12.5"
+        "version": "^7.20.13"
       }
     ],
     [

examples/mpx-subpackage/build/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "build",
+  "name": "mpx-subpackage-build",
   "version": "1.0.0",
   "description": "避免webpack通过分析目录依赖错误地将项目package.json中声明的dependencies作为buildDependencies，请勿删除该文件！"
 }

examples/mpx-subpackage/config/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "config",
+  "name": "mpx-subpackage-config",
   "version": "1.0.0",
   "description": "避免webpack通过分析目录依赖错误地将项目package.json中声明的dependencies作为buildDependencies，请勿删除该文件！"
 }