import {NOOP} from '@vue/shared'
import type {App} from 'vue'
import type {SFCInstallWithContext, SFCWithInstall} from './typescript'
// 单个
export const withInstall = <T, E extends Record<string, any>>(
    main: T,
    extra?: E
) => {
    ;(main as SFCWithInstall<T>).install = (app): void => {
        for (const comp of [main, ...Object.values(extra ?? {})]) {
            app.component(comp.name, comp)
        }
    }

    if (extra) {
        for (const [key, comp] of Object.entries(extra)) {
            ;(main as any)[key] = comp
        }
    }
    return main as SFCWithInstall<T> & E
}
// group组
export const withNoopInstall = <T>(component: T) => {
    ;(component as SFCWithInstall<T>).install = NOOP

    return component as SFCWithInstall<T>
}
export const withInstallFunction = <T>(fn: T, name: string) => {
    ;(fn as SFCWithInstall<T>).install = (app: App) => {
        ;(fn as SFCInstallWithContext<T>)._context = app._context
        app.config.globalProperties[name] = fn
    }

    return fn as SFCInstallWithContext<T>
}

/*export const withInstallDirective = <T>(directive: T, name: string) => {
    ;(directive as SFCWithInstall<T>).install = (app: App): void => {
        app.directive(name, directive)
    }

    return directive as SFCWithInstall<T>
}*/