چگونه از تایپهای d3-tip در تایپاسکریپت 2.0 استفاده کنیم

من میخواهم از کتابخانه d3-tip برای افزودن راهنمای ابزار در نمودارهایم استفاده کنم.

با استفاده از Typescript 2.0، من تایپینگهای d3-tip را به صورت زیر اضافه کردم:

npm install @types/d3-tip --save

این در فایل package.json من ظاهر میشود:

"dependencies": {
  "@types/d3": "^4.7.0",
  "@types/d3-tip": "^3.5.4",
}

فایل index.d.ts برای d3-tip به این شکل است:

import {Primitive} from "d3";

declare module "d3" {
    type TooltipDirection = ("n" | "s" | "e" | "w" | "nw" | "ne" | "sw" | "se");
    interface Tooltip {
        hide(): Tooltip;
        show(): Tooltip;
        destroy(): Tooltip;
        ....
    }
    export function tip(): Tooltip;
}

سؤالم این است که حالا چگونه از این/وارد کردن در کدم استفاده کنم؟ من سعی کردم موارد زیر را اضافه کنم:

import * as tip from 'd3-tip';   OR
import * from 'd3-tip';          OR
import { tip } from 'd3-tip';

اما هیچکدامشان کار نمیکنند و من هیچ تکمیل خودکاری (IntelliSense) روی d3.tip() دریافت نمیکنم.

چطور میتوانم آن را کار کنم؟ ممنون.

پاسخ شماره ۱

ایمپورت، که برای من کار میکند:

import d3Tip from "d3-tip";
const tip = d3Tip();

با این حال، بحث کمی در این مورد اینجا وجود دارد.