chessboardjs 的打字稿声明文件（隐式导入）

Question

希望为 DefinitiveTyped 创建一些声明文件（所以我想确保它们是最高质量的）。

我要使用的下一个库是https://github.com/oakmac/chessboardjs/。如果我像这样导入它，我实际上可以正常工作

// WHAT WORKS
import * as ChessBoard from "chessboardjs";

现在我可以通过调用来使用库

const board = ChessBoard('board1', 'start');

问题是我希望 import 语句是隐式的（ES6 风格），但不知道该怎么做

// WHAT I WOULD LIKE
import { ChessBoard } from "chessboardjs";

如果可能的话，我想要一些有关如何执行此操作的指导。由于我对打字稿和声明文件还很陌生，也许这个库不是为隐式导入而构建的

这是我目前在 index.d.ts 文件中的内容

declare namespace ChessBoardJS {
    interface BoardConfig {
        onDrop?: Function;
        draggable?: boolean;
        onChange?: Function;
        onMoveEnd?: Function;
        onSnapEnd?: Function;
        sparePieces?: boolean;
        onDragMove?: Function;
        showNotation?: boolean;
        onDragStart?: Function;
        onSnapbackEnd?: Function;
        onMouseoutSquare?: Function;
        onMouseoverSquare?: Function;
        pieceTheme?: string | Function;
        orientation?: ChessBoardJS.Types.OrientationType;
        showErrors?: boolean | string | Function;
        moveSpeed?: number | ChessBoardJS.Types.SpeedType;
        snapSpeed?: number | ChessBoardJS.Types.SpeedType;
        trashSpeed?: number | ChessBoardJS.Types.SpeedType;
        dropOffBoard?: ChessBoardJS.Types.DropOffBoardType;
        appearSpeed?: number | ChessBoardJS.Types.SpeedType;
        snapbackSpeed?: number | ChessBoardJS.Types.SpeedType;
        position?: ChessBoardJS.Types.PositionType | string | object;
    }
}

declare namespace ChessBoardJS.Types {
    type PositionType = 'start';
    type PositionFenType = 'fen';
    type SpeedType = 'slow' | 'fast';
    type OrientationFlipType = 'flip';
    type OrientationType = 'white' | 'black';
    type DropOffBoardType = 'snapback' | 'trash';
}

interface ChessBoardInstance {
    clear(useAnimation?: boolean): void;
    destroy(): void;
    fen(): string;
    flip(): void;
    move(...args: string[]): object; // *FIND RETURN*
    position(newPosition: object | string | ChessBoardJS.Types.PositionType, useAnimation?: boolean): void
    position(fen?: ChessBoardJS.Types.PositionFenType): string | object;
    orientation(side?: ChessBoardJS.Types.OrientationType | ChessBoardJS.Types.OrientationFlipType): string;
    resize(): void;
    start(useAnimation?: boolean): void;
}

interface ChessBoardFactory {
    (containerElOrId: any, config: ChessBoardJS.BoardConfig): ChessBoardInstance
    fenToObj(fen: string): any;
    objToFen(obj: any): any;
}

declare var ChessBoard: ChessBoardFactory;
declare module "chessboardjs" {
    export = ChessBoard;
}

谢谢！！！

Answer 1

它不是这样工作的。定义文件描述这个库是如何工作的。

这个

import * as ChessBoard from "chessboardjs"

还有这个

import ChessBoard from "chessboardjs"

还有这个

import { ChessBoard } from "chessboardjs"

每个在运行时都意味着三个非常不同的东西。几乎可以肯定，其中只有一个有效。如果你有一个有效的导入，你根本不应该接触定义文件​​。它只会在运行时中断。