/*
 * @Description:
 * @Author: Format-qi 283810417@qq.com
 * @Date: 2022-05-12 15:27:52
 * @LastEditors: Format-qi 283810417@qq.com
 * @LastEditTime: 2022-06-24 12:59:20
 */
//修改less变量

import { generateAntColors, primaryColor } from '../config/themeConfig';
import { getThemeVariables } from 'ant-design-vue/dist/theme';
import { resolve } from 'path';

/**
 * less 全局变量
 */
export function generateModifyVars(dark = false) {
  const palettes = generateAntColors(primaryColor);
  const primary = palettes[5];

  const primaryColorObj: Record<string, string> = {};

  for (let index = 0; index < 10; index++) {
    primaryColorObj[`primary-${index + 1}`] = palettes[index];
  }

  const modifyVars = getThemeVariables({ dark });
  return {
    ...modifyVars,
    // 用于全局导入，避免需要单独导入每个样式文件
    // reference：避免重复reference
    // hack: `${modifyVars.hack} @import (reference) "${resolve('/@/style/config.less')}";`,
    hack: `${modifyVars.hack} @import (reference) "${resolve(
      process.cwd() + '/packages/style/config.less',
    )}";`,

    'primary-color': primary,
    ...primaryColorObj,

    'link-color': '#005ba2', // 链接色
    'success-color': '#52c41a', // 成功色
    'warning-color': '#faad14', // 警告色
    'error-color': '#f5222d', // 错误色
    'font-size-base': '14px', // 主字号
    'cu-text-color': '#454f59',
    'heading-color': 'fade(@cu-text-color, 100%)', // 标题色
    'text-color': 'fade(@cu-text-color, 80%)', // 主文本色
    'text-color-secondary': 'fade(@cu-text-color, 40%)', // 次文本色
    'disabled-color': 'fade(@cu-text-color, 40%)', // 失效色
    'border-radius-base': '4px', // 组件/浮层圆角
    'border-color-base': 'fade(@cu-text-color, 20%)', // 边框色
    'border-color-split': 'fade(@cu-text-color, 8%)', // 在组件内分割边框
    'box-shadow-base': '0 1px 4px rgba(0, 21, 41, 0.12)', // 浮层阴影

    // Disabled states
    'disabled-bg': 'fade(@cu-text-color, 10%)',
    'disabled-active-bg': 'tint(@black, 90%)',
    'disabled-color-dark': 'fade(#fff, 35%)',

    //Layout
    'layout-body-background': '#f7f8fa',
    'layout-header-background': '#1d2755',

    // dark theme
    'menu-dark-bg': '@layout-header-background',
    'menu-dark-inline-submenu-bg': '#1b244c',
    'menu-dark-item-active-bg': '@primary-color',
    'menu-dark-selected-item-text-color': '#fff',

    // Table
    // --
    'table-bg': '#fff',
    'table-header-bg': '#f0f1f2',
    'table-header-color': '@cu-text-color',
    'table-row-hover-bg': '#f0f5f9',
    'table-selected-row-bg': '#f6f6f6',

    //Dropdown
    'dropdown-vertical-padding': '5px',
    'dropdown-edge-child-vertical-padding': '4px',
    'dropdown-font-size': '@font-size-base',
    'dropdown-line-height': '22px',

    // Select
    // ---
    'select-dropdown-bg': '@component-background',
    'select-item-selected-bg': '@primary-color',
    'select-item-selected-color': '#fff',
    'select-item-active-bg': 'fade(@primary-color, 6%)',

    //cascader
    // ---
    'cascader-item-selected-bg': '@primary-color',
  };
}