split into class.ts

Author: ruojianll

src/class.ts

@@ -0,0 +1,24 @@
+import type { ComponentPublicInstance } from 'vue'
+import type { OptionBuilder } from './optionBuilder'
+import type { IdentityType, Identity, IdentitySymbol } from './identity'
+export type VueCons<RawInstance extends Identity = Identity, IT extends IdentityType = { props: {}, events: {} }, Bundle = IT['props'] & { [index in keyof IT['events']as `on${Capitalize<index & string>}`]?: IT['events'][index] extends Function ? IT['events'][index] : { (param: IT['events'][index]): any } }> = {
+    new(optionBuilder: OptionBuilder, vueInstance: any): ComponentPublicInstance<Bundle> & Identity<IT> & Omit<RawInstance, typeof IdentitySymbol>
+}
+
+export const Base = class {
+    constructor(optionBuilder: OptionBuilder, vueInstance: any) {
+        const props = optionBuilder.props
+        if (props) {
+            Object.keys(props).forEach(key => {
+                (this as any)[key] = vueInstance[key];
+            })
+        }
+        const methods = optionBuilder.methods
+        if (methods) {
+            Object.keys(methods).forEach(key => {
+                (this as any)[key] = methods[key].bind(vueInstance)
+            })
+        }
+    }
+
+} as VueCons

src/component.ts

@@ -14,7 +14,7 @@ import { build as optionVModel } from './option/vmodel'
 import { build as optionAccessor } from './option/accessor'
 import type { SetupContext } from 'vue';
 import type { OptionBuilder } from './optionBuilder'
-import type { VueCons } from './index'
+import type { VueCons } from './class'
 import * as DecoratorCompatible from './deco3/utils'
 export type Cons = VueCons
 

src/index.ts

@@ -11,33 +11,8 @@ export { decorator as Vanilla } from './option/vanilla'
 export { decorator as Hook } from './option/methodsAndHooks'
 export { createDecorator } from './custom/custom'
 export { mixins } from './mixins'
-import type { ComponentPublicInstance } from 'vue'
-import type { OptionBuilder } from './optionBuilder'
 export { TSX } from './tsx/type'
-import type { IdentityType, Identity, IdentitySymbol } from './identity'
-
-export type VueCons<RawInstance extends Identity = Identity, IT extends IdentityType = { props:{} , events: {} }, Bundle = IT['props'] & { [index in keyof IT['events']as `on${Capitalize<index & string>}`]?: IT['events'][index] extends Function ? IT['events'][index] : { (param: IT['events'][index]): any } }> = {
-    new(optionBuilder: OptionBuilder, vueInstance: any): ComponentPublicInstance<Bundle> & Identity<IT> & Omit<RawInstance, typeof IdentitySymbol>
-}
-
-export const Base = class {
-    constructor(optionBuilder: OptionBuilder, vueInstance: any) {
-        const props = optionBuilder.props
-        if (props) {
-            Object.keys(props).forEach(key => {
-                (this as any)[key] = vueInstance[key];
-            })
-        }
-        const methods = optionBuilder.methods
-        if (methods) {
-            Object.keys(methods).forEach(key => {
-                (this as any)[key] = methods[key].bind(vueInstance)
-            })
-        }
-    }
-
-} as VueCons
-
+import { Base } from './class'
+export { Base }
 export const Vue = Base
-
 export { toNative } from './component'

src/mixins.ts

@@ -1,6 +1,6 @@
 import { ComponentBase } from './component'
 import { obtainSlot } from './utils'
-import type { VueCons } from './index'
+import type { VueCons } from './class'
 import { Vue } from './index'
 import type { MergeIdentityType, IdentitySymbol } from './identity'
 type MixedClass<Mixins extends VueCons[], Base extends VueCons = VueCons> =
@@ -13,8 +13,8 @@ type MixedClass<Mixins extends VueCons[], Base extends VueCons = VueCons> =
     Base
 export function mixins<T extends VueCons[]>(...conses: T) {
     class MixinsClass extends Vue {
-
     }
+    
     ComponentBase({
         mixins: conses.map((cons => obtainSlot(cons.prototype).cachedVueComponent))
     })(MixinsClass)

src/tsx/type.ts

@@ -1,5 +1,5 @@
 import type { IdentityType, MergeIdentityType, IdentitySymbol } from '../identity'
-import type { VueCons } from '../index'
+import type { VueCons } from '../class'
 
 export function TSX<Properties extends IdentityType['props'] = {}, Events extends IdentityType['events'] = {}, IT extends IdentityType = {
     props: Properties