#ProLayout - 高级布局

// 可以通过 import { Settings } from '@ant-design/pro-layout/defaultSettings'
// 来获取这个类型
export interface Settings {
  /** theme of nav */
  navTheme: 'light' | 'realDark';
  /** Primary color of ant design */
  colorPrimary: string;
  /** Nav menu position: `side` or `top` or `mix` */
  layout: 'side' | 'top' | 'mix';
  /** Layout of content: `Fluid` or `Fixed`, only works when layout is top */
  contentWidth: 'Fluid' | 'Fixed';
  /** Sticky header */
  fixedHeader: boolean;
  /** Sticky siderbar */
  fixSiderbar: boolean;
  /**
   * menu 的配置
   * @example 取消自动关闭菜单 menu={{ autoClose: false }}
   */
  menu?: {
    locale?: boolean;
    hideMenuWhenCollapsed?: boolean;
    collapsedShowTitle?: boolean;
    collapsedShowGroupTitle?: boolean;
    defaultOpenAll?: boolean;
    ignoreFlatMenu?: boolean;
    loading?: boolean;
    onLoadingChange?: (loading?: boolean) => void;
    params?: Record<string, any>;
    request?: (
      params: Record<string, any>,
      defaultMenuData: MenuDataItem[],
    ) => Promise<MenuDataItem[]>;
    type?: 'sub' | 'group';
    autoClose?: false;
    collapsedWidth?: number;
  };
  /** Layout 的 title，也会显示在浏览器标签上 */
  title?: string | false;
  /** Your custom iconfont Symbol script Url */
  iconfontUrl?: string;
  /** 主色，需要配合 umi 使用 */
  colorPrimary?: string;
  /** 全局增加滤镜 */
  colorWeak?: boolean;
  /** 只在 mix 模式下生效，切割菜单 */
  splitMenus?: boolean;
  /** 在菜单为空时隐藏Sider */
  suppressSiderWhenMenuEmpty?: boolean;
  /** 侧边菜单模式 */
  siderMenuType?: 'sub' | 'group';
}

// 可以通过 import { MenuDataItem } from '@ant-design/pro-components'
// 来获取这个类型
export interface MenuDataItem {
  authority?: string[] | string;
  children?: MenuDataItem[];
  hideChildrenInMenu?: boolean;
  hideInMenu?: boolean;
  icon?: string;
  locale?: string;
  name?: string;
  path: string;

  [key: string]: any;
}

// 可以通过 import { RouterTypes } from '@ant-design/pro-layout/lib/typings';
// 来获取这个类型
export interface Route {
  path: string;
  children: Array<{
    exact?: boolean;
    emoji: string;
    name: string;
    path: string;
    // 可选二级菜单
    children?: Route['children'];
  }>;
}

export interface MenuDataItem {
  /** @name 子菜单 */
  children?: MenuDataItem[];
  /** @name 在菜单中隐藏子节点 */
  hideChildrenInMenu?: boolean;
  /** @name 在菜单中隐藏自己和子节点 */
  hideInMenu?: boolean;
  /** @name 在面包屑中隐藏 */
  hideInBreadcrumb?: boolean;
  /** @name 菜单的icon */
  icon?: React.ReactNode;
  /** @name 自定义菜单的国际化 key */
  locale?: string | false;
  /** @name 菜单的名字 */
  name?: string;
  /** @name 用于标定选中的值，默认是 path */
  key?: string;
  /** @name disable 菜单选项 */
  disabled?: boolean;
  /** @name 路径,可以设定为网页链接 */
  path?: string;
  /**
   * @deprecated 当此节点被选中的时候也会选中 parentKeys 的节点
   * @name 自定义父节点
   */
  parentKeys?: string[];
  /** @name 隐藏自己，并且将子节点提升到与自己平级 */
  flatMenu?: boolean;
  /** @name 指定外链打开形式，同a标签 */
  target?: string;

  [key: string]: any;
}

// 可以通过 import { MenuDataItem } from '@ant-design/pro-components'
// 来获取这个类型
export interface MenuDataItem {
  children?: MenuDataItem[];
  hideChildrenInMenu?: boolean;
  hideInMenu?: boolean;
  icon?: string;
  locale?: string;
  name?: string;
  path: string;
  [key: string]: any;
}