fix: add strong types to Slot.Map

Author: armano2

src/option/computed.ts

@@ -6,8 +6,8 @@ import { OptionBuilder } from '../optionBuilder'
 export function build(cons: Cons, optionBuilder: OptionBuilder) {
     optionBuilder.computed ??= {}
     const slot = obtainSlot(cons.prototype)
-    let map = slot.obtainMap<Map<string, any>>('computed')
-    let vanillaMap = slot.obtainMap<Map<string, any>>('vanilla')
+    let map = slot.obtainMap('computed')
+    let vanillaMap = slot.obtainMap('vanilla')
     const protoArr = toComponentReverse(cons.prototype)
     protoArr.forEach(proto => {
         getValidNames(proto, (des, name) => {

src/option/emit.ts

@@ -4,7 +4,7 @@ import { obtainSlot, optoinNullableMemberDecorator } from '../utils'
 export type EmitConfig = null | string
 export const decorator = optoinNullableMemberDecorator(function (proto: any, name: string, key?: string) {
     const slot = obtainSlot(proto)
-    let map = slot.obtainMap<Map<string, EmitConfig>>('emit');
+    let map = slot.obtainMap('emit');
     map.set(name, typeof key === 'undefined' ? null : key)
 })
 

src/option/inject.ts

@@ -9,7 +9,7 @@ export interface InjectConfig {
 
 export const decorator = optoinNullableMemberDecorator(function (proto: any, name: string, option?: InjectConfig) {
     const slot = obtainSlot(proto)
-    let map = slot.obtainMap<Map<string, InjectConfig>>('inject')
+    let map = slot.obtainMap('inject')
     const opt = Object.assign({}, option ?? {})
     map.set(name, opt)
 })
@@ -18,7 +18,7 @@ export const decorator = optoinNullableMemberDecorator(function (proto: any, nam
 export function build(cons: Cons, optionBuilder: OptionBuilder) {
     optionBuilder.inject ??= {}
     const slot = obtainSlot(cons.prototype)
-    const names = slot.obtainMap<Map<string, InjectConfig>>('inject')
+    const names = slot.obtainMap('inject')
     if (names) {
         names.forEach((value, name) => {
             optionBuilder.inject![name] = value

src/option/methodsAndHooks.ts

@@ -26,7 +26,7 @@ export const HookNames = [
 export type HookConfig = null
 export const decorator = optoinNullableMemberDecorator(function (proto: any, name: string) {
     const slot = obtainSlot(proto)
-    let map = slot.obtainMap<Map<string, HookConfig>>('hooks');
+    let map = slot.obtainMap('hooks');
     map.set(name, null)
 })
 

src/option/props.ts

@@ -10,15 +10,15 @@ export interface PropsConfig {
 
 export const decorator = optoinNullableMemberDecorator(function (proto: any, name: string, option?: PropsConfig) {
     const slot = obtainSlot(proto)
-    let map = slot.obtainMap<Map<string, PropsConfig>>('props')
+    let map = slot.obtainMap('props')
     const opt = Object.assign({}, option ?? {})
     map.set(name, opt as PropsConfig)
 })
 
 export function build(cons: Cons, optionBuilder: OptionBuilder) {
     optionBuilder.props ??= {}
     const slot = obtainSlot(cons.prototype)
-    const names = slot.obtainMap<Map<string, PropsConfig>>('props')
+    const names = slot.obtainMap('props')
 
     if (names) {
         names.forEach((value, name) => {

src/option/ref.ts

@@ -4,14 +4,14 @@ import { obtainSlot, optoinNullableMemberDecorator } from '../utils'
 
 export const decorator = optoinNullableMemberDecorator(function (proto: any, name: string, option?: {}) {
     const slot = obtainSlot(proto)
-    let map = slot.obtainMap<Map<string, any>>('ref')
+    let map = slot.obtainMap('ref')
     map.set(name, true)
 })
 
 
 export function build(cons: Cons, optionBuilder: OptionBuilder) {
     const slot = obtainSlot(cons.prototype)
-    const names = slot.obtainMap<Map<string, any>>('ref')!
+    const names = slot.obtainMap('ref')!
     if (names) {
         applyAccessors(optionBuilder, (ctx: any) => {
             const data: Map<string, { get: () => any, set: undefined }> = new Map

src/option/vanilla.ts

@@ -2,6 +2,6 @@ import { obtainSlot, optoinNullableMemberDecorator } from '../utils'
 
 export const decorator = optoinNullableMemberDecorator(function (proto: any, name: string, option?: {}) {
     const slot = obtainSlot(proto)
-    let map = slot.obtainMap<Map<string, any>>('vanilla')
+    let map = slot.obtainMap('vanilla')
     map.set(name, true)
 })

src/option/vmodel.ts

@@ -15,15 +15,15 @@ export const decorator = optoinNullableMemberDecorator(function (proto: any, nam
         delete propsConfig.name
     }
     PropsDecorator(propsConfig)(proto, vmodelName)
-    let map = slot.obtainMap<Map<string, VModelConfig>>('v-model')
+    let map = slot.obtainMap('v-model')
     map.set(name, option)
 })
 
 
 export function build(cons: Cons, optionBuilder: OptionBuilder) {
     optionBuilder.computed ??= {}
     const slot = obtainSlot(cons.prototype)
-    const names = slot.obtainMap<Map<string, VModelConfig>>('v-model')!
+    const names = slot.obtainMap('v-model')!
     if (names && names.size > 0) {
         names.forEach((value, name) => {
             let vmodelName = (value && value.name) ?? 'modelValue'

src/option/watch.ts

@@ -13,7 +13,7 @@ type Option = Omit<WatchConfig, 'handler' | 'key'>
 export function decorator(key: string, option?: Option) {
     return function (proto: any, name: string) {
         const slot = obtainSlot(proto)
-        let map = slot.obtainMap<Map<string, WatchConfig | WatchConfig[]>>('watch');
+        let map = slot.obtainMap('watch');
         const opt = Object.assign({}, option ?? {}, {
             key: key,
             handler: proto[name]
@@ -35,7 +35,7 @@ export function decorator(key: string, option?: Option) {
 export function build(cons: Cons, optionBuilder: OptionBuilder) {
     optionBuilder.watch ??= {}
     const slot = obtainSlot(cons.prototype)
-    const names = slot.obtainMap<Map<string, WatchConfig | WatchConfig[]>>('watch')
+    const names = slot.obtainMap('watch')
     if (names) {
         names.forEach((value, name) => {
             const values = Array.isArray(value) ? value : [value]

src/utils.ts

@@ -1,22 +1,40 @@
 import { Base } from './index'
 import type { BaseTypeIdentify } from './index'
+import type { InjectConfig } from "./option/inject";
+import type { EmitConfig } from "./option/emit";
+import type { PropsConfig } from "./option/props";
+import type { HookConfig } from "./option/methodsAndHooks";
+import type { VModelConfig } from "./option/vmodel";
+import type { WatchConfig } from "./option/watch";
+
 const SlotSymbol = Symbol('vue-facing-decorator-slot')
+
+export type SlotMapTypes = {
+    vanilla: Map<string, boolean>
+    computed: Map<string, boolean>
+    inject: Map<string, InjectConfig>
+    emit: Map<string, EmitConfig>
+    emits: Map<string, boolean>
+    props: Map<string, PropsConfig>
+    hooks: Map<string, HookConfig>
+    'v-model': Map<string, VModelConfig>
+    watch: Map<string, WatchConfig | WatchConfig[]>
+    ref: Map<string, boolean>
+}
+
 class Slot {
     master: any
     constructor(master: any) {
         this.master = master
     }
-    names: Map<string, Map<string, any>> = new Map
-    obtainMap<T extends Map<string, any>>(name: string): T {
+    names: Map<string, SlotMapTypes[keyof SlotMapTypes]> = new Map()
+    obtainMap<T extends keyof SlotMapTypes>(name: T): SlotMapTypes[T] {
         let map = this.names.get(name)
         if (!map) {
-
-            map = new Map
+            map = new Map()
             this.names.set(name, map)
-        } else {
-
         }
-        return map as any
+        return map as SlotMapTypes[T]
     }
     inComponent = false
     cachedVueComponent: any = null
@@ -33,6 +51,7 @@ export function makeSlot(obj: any): Slot {
     })
     return slot
 }
+
 export function getSlot(obj: any): Slot | undefined {
 
     return Object.getOwnPropertyDescriptor(obj, SlotSymbol)?.value