import type { ProLayoutProps } from '@ant-design/pro-components';

/**
 * @name KRA 后台管理系统布局配置
 * @description 参考 GVA 的布局配置，适配 Ant Design Pro
 */
const Settings: ProLayoutProps & {
  pwa?: boolean;
  logo?: string;
  showWatermark?: boolean;
} = {
  navTheme: 'light',
  // 主题色 - 与 GVA 保持一致的蓝色
  colorPrimary: '#3b82f6',
  // 布局模式: side | top | mix
  layout: 'mix',
  contentWidth: 'Fluid',
  // 固定头部
  fixedHeader: true,
  // 固定侧边栏
  fixSiderbar: true,
  // 色弱模式
  colorWeak: false,
  // 应用标题
  title: 'KRA Admin',
  pwa: true,
  // Logo
  logo: '/logo.svg',
  iconfontUrl: '',
  // 显示水印
  showWatermark: true,
  // 侧边栏宽度配置
  siderWidth: 256,
  token: {
    // 头部高度
    header: {
      heightLayoutHeader: 64,
    },
    // 侧边栏配置
    sider: {
      colorMenuBackground: '#fff',
      colorTextMenuSelected: '#3b82f6',
      colorBgMenuItemSelected: '#e6f4ff',
    },
  },
};

export default Settings;