import type { PropType as VuePropType, VNodeChild } from 'vue';

import type { AppRouteRecordRaw } from './router';

declare global {
  // define global
  const __VITE_USE_MOCK__: boolean;
  const __APP_INFO__: {
    pkg: {
      name: string;
      version: string;
      dependencies: Recordable<string>;
      devDependencies: Recordable<string>;
    };
    lastBuildTime: string;
  };

  // router
  type RouteRecordItem = AppRouteRecordRaw;

  // vue
  type PropType<T> = VuePropType<T>;
  type VueNode = VNodeChild | JSX.Element;

  // utils
  type AnyFunction<T> = (...args: any[]) => T;
  type PartialReturnType<T extends (...args: unknown[]) => unknown> = Partial<ReturnType<T>>;
  type Nullable<T> = T | null;
  type Recordable<T = any> = Record<string, T>;
  type TimeoutHandle = ReturnType<typeof setTimeout>;
  type IntervalHandle = ReturnType<typeof setInterval>;
  type DeepPartial<T> = {
    [P in keyof T]?: DeepPartial<T[P]>;
  };

  interface Fn<T = any, R = T> {
    (...arg: T[]): R;
  }

  interface PromiseFn<T = any, R = T> {
    (...arg: T[]): Promise<R>;
  }

  type RefType<T> = T | null;

  type LabelValueOptions = {
    label: string;
    value: any;
    [key: string]: string | number | boolean;
  }[];

  type EmitType = (event: string, ...args: any[]) => void;

  type TargetContext = '_self' | '_blank';

  interface ComponentElRef<T extends HTMLElement = HTMLDivElement> {
    $el: T;
  }

  type ComponentRef<T extends HTMLElement = HTMLDivElement> = ComponentElRef<T> | null;

  type ElRef<T extends HTMLElement = HTMLDivElement> = Nullable<T>;

  // import.meta
  interface ImportMetaEnv extends ViteEnv {
    __: never;
  }
  interface ViteEnv {
    VITE_USE_MOCK: boolean;
    VITE_PUBLIC_PATH: string;
    VITE_GLOB_APP_TITLE: string;
    VITE_DROP_CONSOLE: boolean;
    VITE_USE_HTTPS: boolean;
    VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none';
  }
}