如何扩展ANTD的按钮类型

Question

我正在开发一个基于ANTD（我称之为yoooo ui）的UI框架，

而ANTD的默认样式有所不同，我做了一些事情来设置不同的颜色，大小，保证金和Blablabla，并使用更少的变量设置 - 请遵循官方解决方案。

另外，还有一些新的东西，例如我扩展了按钮的类型 - 添加'atype'，'btype'，'ctype'到button component。 一样使用它

import { Button } from 'yooooo-ui';

<Button type="atype" />

这意味着我可以将其像解决方案

import { ButtonType } from 'antd/lib/button';
import { BaseButtonProps } from 'antd/lib/button/button';

const ExtendedButtonTypes = tuple(
  'atype',
  'btype',
  'ctype'
);

type ExtendButtonType = typeof ExtendedButtonTypes[number];
type MyButtonType = ButtonType | ExtendButtonType;

interface MyBaseButtonProps extends Omit<BaseButtonProps, 'type'> {
  type?: MyButtonType;
}

// ...something else codes

来支持此功能，但是有一个条件是modal组件使用button component antd中的相对路径。

// codes in antd
import { ButtonProps } from './button'
// ...something else

这意味着，如果我在yoooo ui中什么都不做并使用modal组件，则按钮类型'Atype'是无效的，因为modal component do d do d'' t使用我的自定义按钮组件，

import { Modal } from 'yoooo-ui';

const buttonProps = {
  type: 'atype' // <-- error happened
}

<Modal
  okButtonProps={buttonProps}
/>

我想找出一种通常以一种方式处理此条件的方法。