import { defineConfig } from 'dumi';
import path from 'path';

const token =
  'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDExMDAwMDA5NiIsImV4dCI6MTY1NTI1OTQ3OTYyNSwidWlkIjoiMTAxMDAzMDAwMDAzIiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDEwMDIwMDAwODNdLCJ2YWxpZFRpbWUiOm51bGwsIm9wdENlbnRlcklkIjoiMTAwMTAwMTAwMDM1IiwidXNlclR5cGUiOjEwMDcwMiwiaWF0IjoxNjU0NjU0Njc5NjI1fQ.EE4w6MrRwc-iWpC9nSEmQylaqi-hhi-HAWH-VNBVAbk';

export default defineConfig({
  title: 'CloudApp VIDC',
  favicon: 'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
  logo: 'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
  outputPath: 'docs-dist',
  mode: 'site',
  targets: { chrome: 60 },
  extraBabelPlugins: [
    ['import', { libraryName: 'antd', style: true }, 'antd'],
    ['import', { libraryName: '@leonwerth/utils', style: false, camel2DashComponentName: false, libraryDirectory: 'es' }, 'utils'],
    ['import', { libraryName: 'ahooks', style: false, camel2DashComponentName: false, libraryDirectory: 'es' }, 'ahooks'],
    ['import', { libraryName: '@leonwerth/map', style: false, camel2DashComponentName: false, libraryDirectory: 'es' }, 'map-components'],
  ],
  theme: {
    '@ant-prefix': 'cloudapp',
  },
  navs: [
    null, // null 值代表保留约定式生成的导航，只做增量配置
    {
      title: 'GitLab',
      path: 'https://git.topvdn.com/cloudapp/vidc',
    },
  ],
  alias: {
    '@src': path.resolve('./src'),
  },
  proxy: {
    '/api': {
      target: 'http://192.168.100.9:2235',
      changeOrigin: true,
      onProxyReq(proxyReq: any) {
        proxyReq.setHeader('authorization', token);
      },
    },
  },
  // mfsu: {
  //   development: {
  //     output: './.mfsu/dev',
  //   },
  //   production: {
  //     output: './.mfsu/prod',
  //   },
  // },
  scripts: ['//at.alicdn.com/t/font_1724012_972m5d05cou.js'],
  styles: [
    `:root{
      --primary: rgba(18,122,255,1);
      --primary-light: rgba(59,189,248,1);
      --primary-dark: rgba(14,110,232,1);
      --danger: rgba(222,0,0,1);
      --danger-light: rgba(255,64,64,1);
      --danger-dark: rgba(163,1,1,1);
      --success: rgba(5,198,13,1);
      --success-light: rgba(7,203,45,1);
      --success-dark: rgba(1,146,27,1);
      --link: rgba(22,134,229,1);
      --fs: 14px;
      --fs-small: 12px;
      --fs-large: 14px;
      --icon: rgba(98,112,139,1);
      --disabled: rgba(153,153,153,1);
      --bd-color: #dbe1ea;
      --color: rgba(0,0,0,1);
      --color-dark: #000000;
      --color-light: rgba(102,102,102,1);
      --sider-size: 330px;
      --app-header-color: rgba(0,0,0,1);
      --app-header-bg: rgba(255,255,255,1);
      --nav-height: 68px;
      --nav-bg: linear-gradient(135deg, #5390f0 0%, #488ef0 55%, #3364d2 100%);
      --nav-sub-bg: #3e80dc;
      --nav-sub-bg2: rgba(241,244,247,0.8);
      --nav-item-bg-selected: #86B7FF;
      --nav-item-color: rgba(255,255,255,1);
      --nav-item-color-selected: rgba(255,255,255,1);
      --nav-sub-item-bg-selected: #75AAFB;
      --nav-sub-item-color-selected: rgba(255,255,255,1);
      --nav-sub-item-color: rgba(55,66,105,1);
      --nav-bd-color: rgba(18,122,255,1);
      --tab-height: 48px;
      --tab-bg: #dbe1ea;
      --tab-item-bg: #DADADA;
      --tab-item-height: 32px;
      --tab-item-color: rgba(72,83,108,1);
      --tab-item-selected-bg: #f3f6f9;
      --tab-item-selected-color: rgba(18,122,255,1);
      --table-bg: #ffffff;
      --table-head-bg: rgba(219,225,234,1);
      --table-bd: rgba(245,245,245,1);
      --table-row-hover-color: rgba(237,245,250,1);
      --drawer-title-height: 48px;
      --drawer-title-bg: rgba(255,255,255,1);
      --drawer-divider-color: rgba(219,225,234,1);
      --drawer-footer-height: 44px;
      --drawer-footer-bg: rgba(255,255,255,1);
      --drawer-content-bg: rgba(243,246,249,1);
      --modal-title-height: 44px;
      --modal-title-bg: #ffffff;
      --modal-divider-color: rgba(219,225,234,1);
      --modal-footer-height: 44px;
      --modal-footer-bg: rgba(243,246,249,1);
      --modal-content-bg: rgba(243,246,249,1);
      --card-image-radius: 4px;
      --card-image-bg: rgba(219,225,234,1);
      --card-radius: 4px;
      --card-content-bg: rgba(255,255,255,1);
      --card-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
      --card-bd-color: rgba(219,225,234,1);
      --card-hover-bd-color: rgba(18,122,255,1);
      --card-footer-bg: rgba(219,225,234,1);
      --content-box-bg: rgba(240,242,245,1);
      --content-two-column-box-left-bg: rgba(255,255,255,1);
      --content-two-column-box-right-bg: #f0f2f5;
      --content-two-column-box-color: rgba(51,51,51,1);
      --content-info-box-bg: rgba(255,255,255,1);
      --content-info-box-bd-color: #dbe1ea;
      --content-info-box-title-bg: rgba(0,0,0,0);
      --content-info-box-title-bd: rgba(0,0,0,0);
      --content-info-box-title-height: 40px;
      --content-list-box-bg: rgba(255,255,255,1);
      --content-list-box-bd-color: rgba(219,225,234,1);
      --content-list-box-title-bg: rgba(229,235,241,1);
      --content-list-box-title-bd: rgba(219,225,234,1);
      --content-list-box-title-height: 40px;
      --content-tools-box-bg: rgba(255,255,255,1);
      --form-redius: 0px;
      --form-bg: rgba(255,255,255,1);
      --form-bd: rgba(181,190,207,1);
      --form-bg-dark: rgba(240,244,245,1);
      --form-bg-light: rgba(217,223,229,1);
      --form-divider-color: rgba(219,225,234,1);
      --scrollbar-width: 8px;
      --scrollbar-track-bg: rgba(239,241,244,1);
      --scrollbar-thumb-bg: rgba(185,193,203,1);
      --scrollbar-thumb-hover-bg: rgba(195,209,229,1);
      --scrollbar-track-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.1) inset;
      --scrollbar-thumb-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) inset;
      --force-place: rgba(255,187,34,1);
      --force-device: rgba(185,181,255,1);
      --force-person: rgba(34,153,255,1);
      --force-nonVehicle: rgba(255,131,125,1);
      --force-vehicle: rgba(20,204,143,1);
    }
  `,
  ],

  // more config: https://d.umijs.org/config
});