@类型/反应表：如何为我的包的用户包括配置的类型？

Question

上下文：我们正在开发一个带有React和TypeScript的UI组件库，并将React table用于我们的表组件。该库作为npm包发布，并用于我们的其他项目。

我已在名为“反应表配置”的文件中配置了类型，如“类型/反应表”的文档中所述。d、 ts。此外，我还创建了一个新类型CustomColumn。它基于列定义，并扩展其功能以支持嵌套字符串访问器（以便TypeScript可以识别foo.bar是否是给定表数据的有效字符串访问器）。

目标：我想为我们的库用户提供这种改进的TypeScript支持。我特别希望他们能够使用自定义列。

问题：当我在另一个项目中安装库软件包时，我无法访问为react table配置的类型。它们甚至不包括在包装中。

如果可能的话，我希望避免发布单独的打字包，尽管我认为这种方法可行。

到目前为止，我所尝试的是：我很惊讶这并没有立即奏效，因为我们成功地使用类似的扩展类型声明机制扩展了情感主题。为了使库用户可以使用自定义主题，我们只需将emotion.d.ts重命名为emotion.ts。

我已经尝试了相同的react-table-config.d.ts（=

在解决了产生的类型冲突后，react-table-config.d.ts现在由转译器生成并包含在包中，但是当我在其他项目中使用它们时，我的自定义类型仍然没有被使用。

到目前为止，我尝试过的其他事情：

• 适配compilerOptions.type组件库tsconfig.json中的根
• 适配compilerOptions.paths在tsconfig.json的使用库
• 更改导入以尝试使react-table-config.d.ts成为环境模块，如本答案所述
• 使用///

我真的很想理解为什么这不起作用，特别是因为情感的主题覆盖正在起作用。我可以指出的区别是，情感支持即时输入，因此没有单独的类型包。

如果有任何特定的代码会有所帮助，我会尝试提供它（如果可能的话）-但由于这更多的是一个系统性问题，我不想不分青红皂白地发布代码。




Answer 1

匿名用户

我通过创建一个自定义来修复它。d、 使用应用程序的“我的类型”文件夹中的ts文件。在这个文件中，我引用了我的组件库中的自定义类型

/// <reference types="<component-library>/types/react-table" />

在我的组件库类型文件夹中，我有react-table.d.ts，其中包含所有类型覆盖。类似

/* eslint-disable */
import { UseRowSelectInstanceProps, UseRowSelectRowProps, UseRowSelectState, UseTableColumnOptions } from 'react-table';

declare module 'react-table' {
    export interface ColumnInterface<D extends object = {}> extends UseTableColumnOptions<D> {
        collapse?: boolean;
        centerHeader?: boolean;
    }
    export interface TableInstance<D extends object = {}>
        extends Omit<TableOptions<D>, 'columns' | 'pageCount'>,
            UseTableInstanceProps<D>,
            UseRowSelectInstanceProps<D> {}

    export interface Row<D extends object = {}> extends UseTableRowProps<D>, UseRowSelectRowProps<D> {}

    export interface TableState<D extends object = {}> extends UseRowSelectState<D> {
        hiddenColumns?: Array<IdType<D>> | undefined;
    }
}