Ant Design 中的 theme.defaultAlgorithm 属性用于配置 Ant Design 组件库中各个组件的默认样式计算方法。然而，在某些情况下，这个属性可能会被忽略。一种解决方法是覆盖 Ant Design 的默认样式计算方法。具体实现方法如下：

1. 在 Craco（Create React App 的配置扩展工具）的配置文件（craco.config.js ）或 webpack 配置文件中，将 less-loader 的 lessOptions 属性中的 modifyVars 子属性设置为一个函数，该函数返回一个对象，对象中包含 Ant Design 组件库中被覆盖样式算法所需要的样式变量，例如：

// craco.config.js
module.exports = {
  style: {
    // Ant Design 主题配置
    lessOptions: {
      modifyVars: (theme) => {
        // 覆盖默认样式计算方法
        return {
          'button-height': '40px',
          'input-height-base': '40px',
          'select-height-base': '40px',
          'radio-size': '24px',
          'checkbox-size': '24px',
          // ...
        }
      },
    },
  },
}

2. 在样式文件中引用 antd.less，并在每个需要调整样式的组件上添加自定义类名。

/* styles.less */
@import '~antd/dist/antd.less';

/* 覆盖按钮组件的样式 */
.custom-btn {
  .ant-btn {
    height: 40px;
  }
}

/* 覆盖输入框组件的样式 */
.custom-input {
  .ant-input {
    height: 40px;
  }
}

// Button.jsx
import React from 'react';
import { Button } from 'antd';
import './styles.less';

const CustomButton = () => {
  return Custom Button;
};

// Input.jsx
import React from 'react';
import { Input } from 'antd';
import './styles.less';

const CustomInput = () => {
  return ;
};

这样做的原理是：覆盖了 Ant Design 中某些组件的默认样式，这些样式会覆盖掉 Ant Design 的默认样式计算方法，使得 theme.defaultAlgorithm 属性被忽略。

注意：由于覆盖了 Ant Design 的样式，可能会导致组件样式出现问题，需要仔细检查每个组件的样式并进行调整。

参考文献：

• Antd theme config not working
• 覆盖 antd 样式