feat: 删除 ProviderKey, 新增injectService

Author: agileago

docs/guide/api.md

@@ -107,6 +107,14 @@ class Foo extends VueComponent {
 
 在外部服务中获取当前的最近一级的注射器
 
+## createCurrentInjector
+
+在当前组件手动创建注射器
+
+## injectService
+
+手动注入服务，存在注射器或父级注射器
+
 ## useForwardRef
 
 在HOC组件中使用这个方法可以转发真正的ref

example/module/basic/hello-world/hello-world.view.tsx

@@ -1,5 +1,7 @@
-import { Mut, VueComponent } from 'vue3-oop'
+import { injectService, Mut, VueComponent } from 'vue3-oop'
 import { Button, Card, Input } from 'ant-design-vue'
+import { withModifiers } from 'vue'
+import { RouterService } from '../../../router/router.service'
 
 export class Base extends VueComponent {
   @Mut() count = 1
@@ -10,7 +12,11 @@ export class Base extends VueComponent {
 
 export class Child1 extends Base {
   render() {
-    return <div onClick={() => this.count++}>{super.render()}</div>
+    return (
+      <div onClick={withModifiers(() => this.count++, ['once'])}>
+        {super.render()}
+      </div>
+    )
   }
 }
 
@@ -26,15 +32,16 @@ export class Child2 extends Child1 {
 }
 
 export default class HelloWorldView extends VueComponent {
-  static async = true
-
   @Mut() count = 1
 
   async init() {
     await new Promise((r) => setTimeout(r, 5000))
   }
 
+  router = injectService(RouterService)!
+
   render() {
+    console.log(this.router)
     return (
       <Card title={'加减功能'}>
         <Button type={'primary'} onClick={() => this.count++}>

example/router/routes.ts

@@ -4,5 +4,5 @@ import type { RouteRecordRaw } from 'vue-router'
 const moduleRoutes = import.meta.globEager('../module/**/*.router.ts')
 
 export const routes: RouteRecordRaw[] = Reflect.ownKeys(moduleRoutes)
-  .map((k) => moduleRoutes[k as string].default as RouteRecordRaw)
+  .map((k) => (moduleRoutes[k as string] as any).default as RouteRecordRaw)
   .filter(Boolean)

package.json

@@ -53,40 +53,40 @@
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
     "@nexhome/yorkie": "^2.0.8",
-    "@release-it/conventional-changelog": "^5.0.0",
+    "@release-it/conventional-changelog": "^5.1.0",
     "@types/lodash-es": "^4.17.6",
     "@types/markdown-it": "^12.2.3",
-    "@types/node": "^18.0.4",
-    "@types/prettier": "^2.6.3",
-    "@typescript-eslint/eslint-plugin": "^5.30.6",
-    "@typescript-eslint/parser": "^5.30.6",
-    "@vitejs/plugin-vue": "^3.0.0",
-    "@vitest/ui": "^0.18.0",
+    "@types/node": "^18.7.6",
+    "@types/prettier": "^2.7.0",
+    "@typescript-eslint/eslint-plugin": "^5.33.1",
+    "@typescript-eslint/parser": "^5.33.1",
+    "@vitejs/plugin-vue": "^3.0.3",
+    "@vitest/ui": "^0.22.0",
     "@vue/test-utils": "2.0.2",
-    "@vue3-oop/plugin-vue-jsx": "^1.4.0",
-    "ant-design-vue": "^3.2.10",
+    "@vue3-oop/plugin-vue-jsx": "^1.4.1",
+    "ant-design-vue": "^3.2.11",
     "autobind-decorator": "^2.4.0",
-    "c8": "^7.11.3",
-    "eslint": "^8.19.0",
+    "c8": "^7.12.0",
+    "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "happy-dom": "^6.0.3",
+    "happy-dom": "^6.0.4",
     "injection-js": "^2.4.0",
     "lint-staged": "^13.0.3",
     "lodash-es": "^4.17.21",
     "prettier": "^2.7.1",
-    "release-it": "^15.1.1",
+    "release-it": "^15.3.0",
     "rimraf": "^3.0.2",
-    "sass": "^1.53.0",
+    "sass": "^1.54.4",
     "tslib": "^2.4.0",
     "typescript": "^4.7.4",
-    "vite": "^3.0.0",
-    "vite-plugin-dts": "^1.3.0",
+    "vite": "^3.0.8",
+    "vite-plugin-dts": "^1.4.1",
     "vite-tsconfig-paths": "^3.5.0",
-    "vitepress": "1.0.0-alpha.4",
-    "vitest": "^0.18.0",
+    "vitepress": "1.0.0-alpha.8",
+    "vitest": "^0.22.0",
     "vue": "^3.2.37",
-    "vue-router": "^4.1.2"
+    "vue-router": "^4.1.3"
   },
   "commitlint": {
     "extends": [