Estoy desarrollando un marco de interfaz de usuario basado en antd (lo llamo Yooooo UI)

El diseño es un poco diferente con el estilo predeterminado de antd e hice algo para configurar los diferentes colores, tamaños, márgenes y blablabla con menos variables: siga la solución oficial.

Además, hay algo nuevo, como que extiendo el tipo de botones: agregue 'atype', 'btype', 'ctype' al Button Component . Eso significa que puedo usarlo como

 import { Button } from 'yooooo-ui'; <Button type="atype" />

La solución para apoyar esto está aquí abajo

 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

Pero existe la condición de que el componente Modal use el componente Button con una ruta relativa en antd.

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

eso significa que, si no hago nada en Yoooo UI y uso el componente Modal , el tipo de botón 'atype' no es válido ya que el componente Modal no usa mi componente Botón personalizado

 import { Modal } from 'yoooo-ui'; const buttonProps = { type: 'atype' // <-- error happened } <Modal okButtonProps={buttonProps} />

Quiero encontrar una manera de manejar esta condición de una manera común.