feat: 支持多重组件继承，修改异步组件的定义

Author: agileago

docs/guide/component.md

@@ -160,10 +160,12 @@ class Foo extends VueComponent<Foo_Props> {
 
 ## 异步组件
 
-异步组件需配合`vue`提供的`Suspense`组件使用，只需要组件内定义`init` 方法并且返回`promise`结果
+异步组件需配合`vue`提供的`Suspense`组件使用，需要标记组件的`async: true`, 并且组件内定义`init` 方法并且返回`promise`结果
 
 ```tsx
 class Foo extends VueComponent {
+  static async = true 
+    
   async init() {
     await new Promise(r => setTimeout(r, 5000))
   }

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

@@ -1,7 +1,33 @@
 import { Mut, VueComponent } from 'vue3-oop'
 import { Button, Card, Input } from 'ant-design-vue'
 
+export class Base extends VueComponent {
+  @Mut() count = 1
+  render() {
+    return <div>base{this.count}</div>
+  }
+}
+
+export class Child1 extends Base {
+  render() {
+    return <div onClick={() => this.count++}>{super.render()}</div>
+  }
+}
+
+export class Child2 extends Child1 {
+  render() {
+    return (
+      <>
+        <h2>this is child2</h2>
+        {super.render()}
+      </>
+    )
+  }
+}
+
 export default class HelloWorldView extends VueComponent {
+  static async = true
+
   @Mut() count = 1
 
   async init() {
@@ -21,6 +47,9 @@ export default class HelloWorldView extends VueComponent {
         <Button type={'primary'} onClick={() => this.count--}>
           -
         </Button>
+        <Child2></Child2>
+        <Child1></Child1>
+        <Base></Base>
       </Card>
     )
   }

package.json

@@ -50,41 +50,41 @@
   "license": "MIT",
   "devDependencies": {
     "@abraham/reflection": "^0.10.0",
-    "@commitlint/cli": "^17.0.2",
-    "@commitlint/config-conventional": "^17.0.2",
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.0.3",
     "@nexhome/yorkie": "^2.0.8",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/lodash-es": "^4.17.6",
     "@types/markdown-it": "^12.2.3",
     "@types/node": "^18.0.0",
     "@types/prettier": "^2.6.3",
-    "@typescript-eslint/eslint-plugin": "^5.28.0",
-    "@typescript-eslint/parser": "^5.28.0",
+    "@typescript-eslint/eslint-plugin": "^5.29.0",
+    "@typescript-eslint/parser": "^5.29.0",
     "@vitejs/plugin-vue": "^2.3.3",
-    "@vitest/ui": "^0.15.1",
+    "@vitest/ui": "^0.16.0",
     "@vue/test-utils": "2.0.1",
     "@vue3-oop/plugin-vue-jsx": "^1.4.0",
-    "ant-design-vue": "^3.2.7",
+    "ant-design-vue": "^3.2.9",
     "autobind-decorator": "^2.4.0",
     "c8": "^7.11.3",
-    "eslint": "^8.17.0",
+    "eslint": "^8.18.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "happy-dom": "^5.3.1",
+    "happy-dom": "^5.3.2",
     "injection-js": "^2.4.0",
-    "lint-staged": "^13.0.2",
+    "lint-staged": "^13.0.3",
     "lodash-es": "^4.17.21",
     "prettier": "^2.7.1",
-    "release-it": "^15.0.0",
+    "release-it": "^15.1.0",
     "rimraf": "^3.0.2",
-    "sass": "^1.52.3",
+    "sass": "^1.53.0",
     "tslib": "^2.4.0",
-    "typescript": "^4.7.3",
+    "typescript": "^4.7.4",
     "vite": "^2.9.12",
     "vite-plugin-dts": "^1.2.0",
     "vite-tsconfig-paths": "^3.5.0",
-    "vitepress": "1.0.0-alpha.2",
-    "vitest": "^0.15.1",
+    "vitepress": "1.0.0-alpha.4",
+    "vitest": "^0.16.0",
     "vue": "^3.2.37",
     "vue-router": "^4.0.16"
   },