perf: type definitions change

affects: @vue-async/module-loader-typing

Author: aceHubert

packages/module-loader-typing/README.md

@@ -1,4 +1,4 @@
 # @vue-async/module-loader-type
 
-### TypeScript definitions for @vue-async/module-loader but using in the child modules
+### TypeScript definitions for @vue-async/module-loader but using in the child module
 

packages/module-loader-typing/index.d.ts

@@ -1,22 +1,3 @@
-import { Component as VueComponent, AsyncComponent } from 'vue';
-import { Framework, ModuleLoaderOptions } from './module';
+import './vue';
 
-declare module 'vue/types/vue' {
-  interface Vue {
-    $moduleLoadManager: Framework & ModuleLoaderOptions;
-    $dynamicComponent: {
-      add: (
-        component: VueComponent | AsyncComponent | ({ component: VueComponent | AsyncComponent } & Record<string, any>),
-        position?: string,
-      ) => void;
-      remove: (name: string, position?: string) => void;
-    };
-    $eventBus: {
-      emit: (eventName: string, playload: any) => void;
-      on: (eventName: string, handler: (playload: any) => void) => void;
-      off: (eventName: string, handler: (playload: any) => void) => void;
-      clear: () => void;
-      getEvents: () => Record<string, any>;
-    };
-  }
-}
+export { Framework, DynamicComponent } from './module';

packages/module-loader-typing/module.d.ts

@@ -1,10 +1,13 @@
 import { Component as VueComponent, AsyncComponent } from 'vue';
 import { RouteConfig } from 'vue-router';
 
-export type ModuleLoaderOptions = Omit<Record<string, any>, 'layouts'>;
+export type DynamicComponent =
+  | VueComponent
+  | AsyncComponent
+  | ({ component: VueComponent | AsyncComponent; name?: string } & Record<string, any>);
 
 export interface Framework {
-  layouts: Record<string, VueComponent | AsyncComponent>;
+  readonly layouts: Record<string, VueComponent | AsyncComponent>;
   addRouters: (routes: RouteConfig[]) => void; // 可以被重写
   addLayouts: (name: string, layout: VueComponent) => void; // 可以被重写
 }

packages/module-loader-typing/vue.d.ts

@@ -0,0 +1,19 @@
+import { Framework, DynamicComponent } from './module';
+
+declare module 'vue/types/vue' {
+  interface Vue {
+    // @ts-ignore
+    $moduleLoadManager: Framework & Record<string, any>;
+    $dynamicComponent: {
+      add: (component: DynamicComponent, position?: string) => void;
+      remove: (name: string, position?: string) => void;
+    };
+    $eventBus: {
+      emit: (eventName: string, playload: any) => void;
+      on: (eventName: string, handler: (playload: any) => void) => void;
+      off: (eventName: string, handler: (playload: any) => void) => void;
+      clear: () => void;
+      getEvents: () => Record<string, any>;
+    };
+  }
+}