@tsingroc/tsingroc-components 5.0.0-alpha.11 → 5.0.0-alpha.13

package/dist/echarts/index.js

@@ -0,0 +1,46 @@
+export * from "./coordinateSystems";
+export * from "./gl";
+export * from "./legend";
+export * from "./radar";
+export * from "./series";
+export * from "./tooltip";
+
+/** 一个可组合的 ECharts 组件。*/
+
+/** 一个 ECharts 系列。*/
+
+/** ECharts 中不可组合的设置项。*/
+
+/**
+ * 第一个参数 `base` 中可以填入不可组合的 ECharts 配置项，例如 `color`。
+ * 剩余的参数就是需要组合的各个 ECharts 组件。
+ */
+export function buildEChartsOption(base, ...components) {
+  const option = {
+    ...base
+  };
+  for (const component of components) {
+    Object.entries(component).forEach(([k, value]) => {
+      const key = k;
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      (option[key] ??= []).push(...(value ?? []));
+    });
+  }
+  return option;
+}
+
+// 一些零散工具
+
+/** 一个从 01:00 到 24:00 的数组，可以在等待数据加载时填充 X 轴。*/
+export const HOURS_OF_DAY = Array.from({
+  length: 24
+}, (_, index) => (index + 1).toString().padStart(2, "0") + ":00");
+
+/** 虚线图标，可用于图例。*/
+export const DASHES_ICON = "path://M304.43 532.76H221.4c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h83.03c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76zM581.19 532.76H442.81c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h138.38c11.47 0 20.76 9.3 20.76 20.76s-9.3 20.76-20.76 20.76zM802.59 532.76h-83.03c-11.47 0-20.76-9.3-20.76-20.76s9.29-20.76 20.76-20.76h83.03c11.47 0 20.76 9.3 20.76 20.76s-9.29 20.76-20.76 20.76z";
+
+/** 公用调色板 1。*/
+export const PALETTE_1 = ["#2FDAFF", "#77DA9B", "#FFB82E", "#5470C6", "#91CC75", "#FAC858", "#EE6666", "#73C0DE", "#3BA272", "#FC8452", "#9A60B4", "#EA7CCC"];
+
+/** 公用调色板 2。*/
+export const PALETTE_2 = ["#ECA926", "#32ADF4", "#DC7756", "#62CE89", "#4256B9", "#00D0FF", "#96D0DD"];

package/dist/echarts/legend.d.ts

@@ -0,0 +1,17 @@
+import type { LegendComponentOption } from "echarts";
+import type { EChartsComponent } from ".";
+export type LegendDataItem = Exclude<(LegendComponentOption["data"] & {})[0], string>;
+export interface LegendOption {
+    /**
+     * 图例中要显示的系列或数据项。
+     */
+    data: (string | LegendDataItem)[];
+    /**
+     * 其它图例设置项，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#legend
+     */
+    option?: LegendComponentOption;
+}
+/** 添加一个图例。 */
+export declare function legend(option: LegendOption): EChartsComponent;

package/dist/echarts/legend.js

@@ -0,0 +1,15 @@
+import { LegendComponent } from "echarts/components";
+import * as echarts from "echarts/core";
+/** 添加一个图例。 */
+export function legend(option) {
+  echarts.use(LegendComponent);
+  return {
+    legend: [{
+      top: 1,
+      right: 0,
+      padding: 0,
+      data: option.data,
+      ...option.option
+    }]
+  };
+}

package/dist/echarts/radar.d.ts

@@ -0,0 +1,24 @@
+import type { RadarComponentOption, RadarSeriesOption } from "echarts";
+import type { EChartsComponent } from ".";
+export interface RadarOption {
+    /** 名称，不可与其它组件和系列重名。*/
+    name: string;
+    /** 雷达图的各维度。*/
+    dimensions: RadarComponentOption["indicator"] & {};
+    /** 雷达图的数据。*/
+    data: RadarSeriesOption["data"] & {};
+    /**
+     * 其它传递给雷达图组件的设置项，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#radar
+     */
+    option?: RadarComponentOption;
+    /**
+     * 其它传递给雷达系列的设置项，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-radar
+     */
+    series?: RadarSeriesOption;
+}
+/** 添加一张雷达图。*/
+export declare function radar(option: RadarOption): EChartsComponent;

package/dist/echarts/radar.js

@@ -0,0 +1,22 @@
+import { RadarChart } from "echarts/charts";
+import { RadarComponent } from "echarts/components";
+import * as echarts from "echarts/core";
+/** 添加一张雷达图。*/
+export function radar(option) {
+  echarts.use(RadarComponent);
+  echarts.use(RadarChart);
+  return {
+    radar: [{
+      id: option.name + "-radar",
+      indicator: option.dimensions,
+      ...option.option
+    }],
+    series: [{
+      type: "radar",
+      name: option.name,
+      radarId: option.name + "-radar",
+      data: option.data,
+      ...option.series
+    }]
+  };
+}

package/dist/echarts/series/barSeries.d.ts

@@ -0,0 +1,23 @@
+import type { BarSeriesOption as OrigBarSeriesOption } from "echarts";
+import type { DataItem, EChartsSeries } from "..";
+export interface BarSeriesOption {
+    /** 系列名称，不可与其他系列重名。*/
+    name: string;
+    /**
+     * 条形的数据。
+     *
+     * 数据的结构是二维数组，每一行表示一个数据点，第一、第二列分别代表两个轴。
+     * 若两个轴中有且只有一个是类目轴，则数据类型可以是一维数组，表示另一个轴的值。
+     */
+    data: [DataItem, DataItem, ...DataItem[]][] | DataItem[];
+    /**
+     * 其它需要添加到系列上的选项，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-bar
+     */
+    option?: OrigBarSeriesOption;
+}
+/**
+ * 在坐标系上添加一组条形图。
+ */
+export declare function barSeries(option: BarSeriesOption): EChartsSeries<OrigBarSeriesOption>;

package/dist/echarts/series/barSeries.js

@@ -0,0 +1,18 @@
+import { BarChart } from "echarts/charts";
+import * as echarts from "echarts/core";
+/**
+ * 在坐标系上添加一组条形图。
+ */
+export function barSeries(option) {
+  echarts.use(BarChart);
+  const series = {
+    type: "bar",
+    id: option.name,
+    name: option.name,
+    data: option.data,
+    ...option.option
+  };
+  return {
+    series: [series]
+  };
+}

package/dist/echarts/series/boxplotSeries.d.ts

@@ -0,0 +1,21 @@
+import type { BoxplotSeriesOption as OrigBoxplotSeriesOption } from "echarts";
+import type { EChartsSeries } from "..";
+export interface BoxplotSeriesOption {
+    /** 系列名称，不可与其他系列重名。*/
+    name: string;
+    /** 箱线图的数据，每一行按顺序分别是最小值、下四分位数、中位数、上四分位数、最大值。*/
+    data: [number, number, number, number, number][];
+    /**
+     * 每个数据值的格式化函数。
+     * @default (value) => value.toFixed(2)
+     */
+    valueFormatter?: (value: number) => string;
+    /**
+     * 其它需要添加到系列上的选项，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-boxplot
+     */
+    option?: OrigBoxplotSeriesOption;
+}
+/** 在坐标系上添加一组箱线图。*/
+export declare function boxplotSeries(option: BoxplotSeriesOption): EChartsSeries<OrigBoxplotSeriesOption>;

package/dist/echarts/series/boxplotSeries.js

@@ -0,0 +1,40 @@
+import { BoxplotChart } from "echarts/charts";
+import * as echarts from "echarts/core";
+/** 在坐标系上添加一组箱线图。*/
+export function boxplotSeries(option) {
+  echarts.use(BoxplotChart);
+  const valueFormatter = option.valueFormatter ?? (value => value.toFixed(2));
+  const series = {
+    type: "boxplot",
+    id: option.name,
+    name: option.name,
+    data: option.data,
+    ...option.option,
+    tooltip: {
+      formatter: param => {
+        // prettier-ignore
+        const data = param.data;
+        const strong = body => `<strong style="text-align: right;">${body}</strong>`;
+        // TODO i18n
+        return `
+          ${param.name}<br>
+          <div style="
+            display: inline-grid;
+            grid: auto-flow / auto auto;
+            gap: 0 20px;
+          ">
+            最大值 ${strong(valueFormatter(data[5]))}
+            上四分位数 ${strong(valueFormatter(data[4]))}
+            中位数 ${strong(valueFormatter(data[3]))}
+            下四分位数 ${strong(valueFormatter(data[2]))}
+            最小值 ${strong(valueFormatter(data[1]))}
+          </div>
+        `;
+      },
+      ...option.option?.tooltip
+    }
+  };
+  return {
+    series: [series]
+  };
+}

package/dist/echarts/series/index.js

@@ -0,0 +1,7 @@
+export * from "./lineSeries";
+export * from "./intervalSeries";
+export * from "./windLineSeries";
+export * from "./barSeries";
+export * from "./maxBarSeries";
+export * from "./pieSeries";
+export * from "./boxplotSeries";

package/dist/echarts/series/intervalSeries.d.ts

@@ -0,0 +1,32 @@
+import type { Color, LineSeriesOption as OrigLineSeriesOption } from "echarts";
+import type { EChartsSeries } from "..";
+export interface IntervalSeriesOption {
+    /** 系列名称，不可与其他系列重名。*/
+    name: string;
+    /**
+     * 区间的下边界，请将最小值数据填入此处。其它设置参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-line
+     */
+    min: OrigLineSeriesOption & {
+        data: number[];
+    };
+    /**
+     * 区间的上边界，请将最小值数据填入此处。其它设置参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-line
+     */
+    max: OrigLineSeriesOption & {
+        data: number[];
+    };
+    /**
+     * 区间条带，此处必须设置一个颜色。其它设置参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-line
+     */
+    interval: OrigLineSeriesOption & {
+        color: Color;
+    };
+}
+/** 绘制一个从下边界到上边界的带状区间。*/
+export declare function intervalSeries(option: IntervalSeriesOption): EChartsSeries<OrigLineSeriesOption>;

package/dist/echarts/series/intervalSeries.js

@@ -0,0 +1,55 @@
+import { LineChart } from "echarts/charts";
+import * as echarts from "echarts/core";
+const INTERVAL_SERIES_DEFAULTS = {
+  type: "line",
+  smooth: true,
+  showSymbol: false,
+  lineStyle: {
+    opacity: 0
+  },
+  emphasis: {
+    disabled: true
+  }
+};
+
+/** 绘制一个从下边界到上边界的带状区间。*/
+export function intervalSeries(option) {
+  echarts.use(LineChart);
+  // TODO i18n
+  const min = {
+    id: option.name + "下边界",
+    name: option.name + "下边界",
+    stack: option.name,
+    ...INTERVAL_SERIES_DEFAULTS,
+    ...option.min
+  };
+  const max = {
+    id: option.name + "上边界",
+    name: option.name + "上边界",
+    ...INTERVAL_SERIES_DEFAULTS,
+    ...option.max
+  };
+  const interval = {
+    id: option.name,
+    name: option.name,
+    stack: option.name,
+    stackStrategy: "all",
+    symbol: "none",
+    data: Array.from({
+      length: option.min.data.length
+    }, (_, i) => option.max.data[i] - option.min.data[i]),
+    ...INTERVAL_SERIES_DEFAULTS,
+    ...option.interval,
+    tooltip: {
+      show: false,
+      ...option.interval.tooltip
+    },
+    areaStyle: {
+      color: option.interval.color,
+      ...option.interval.areaStyle
+    }
+  };
+  return {
+    series: [min, interval, max]
+  };
+}

package/dist/echarts/series/lineSeries.d.ts

@@ -0,0 +1,36 @@
+import type { LineSeriesOption as OrigLineSeriesOption } from "echarts";
+import type { DataItem, EChartsSeries } from "..";
+export type LineSeriesPreset = (option: OrigLineSeriesOption) => void;
+export interface LineSeriesOption {
+    /** 系列名称，不可与其他系列重名。*/
+    name: string;
+    /**
+     * 折线的数据。
+     *
+     * 数据的结构是二维数组，每一行表示一个数据点，第一、第二列分别代表两个轴。
+     * 若两个轴中有且只有一个是类目轴，则数据类型可以是一维数组，表示另一个轴的值。
+     */
+    data: [DataItem, DataItem, ...DataItem[]][] | DataItem[];
+    /**
+     * 其它需要添加到系列上的选项，参见 [ECharts 文档][1]。优先级**低于**预设 `presets`。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-line
+     */
+    option?: OrigLineSeriesOption;
+    /**
+     * 需要应用的配置预设。预设的优先级**高于** `option`。
+     *
+     * 可用的预设：{@linkcode gradientArea}
+     */
+    presets?: LineSeriesPreset[];
+}
+/**
+ * 在坐标系上添加一条折线。
+ */
+export declare function lineSeries(option: LineSeriesOption): EChartsSeries<OrigLineSeriesOption>;
+/**
+ * 折线图预设，使折线下方区域在纵向呈现线性渐变色。
+ *
+ * 参数 `top` 表示顶部颜色；参数 `bottom` 表示底部颜色，默认为全透明 `"transparent"`。
+ */
+export declare function gradientArea(top: string, bottom?: string): LineSeriesPreset;

package/dist/echarts/series/lineSeries.js

@@ -0,0 +1,45 @@
+import { LineChart } from "echarts/charts";
+import * as echarts from "echarts/core";
+/**
+ * 在坐标系上添加一条折线。
+ */
+export function lineSeries(option) {
+  echarts.use(LineChart);
+  const series = {
+    type: "line",
+    id: option.name,
+    name: option.name,
+    data: option.data,
+    smooth: true,
+    showSymbol: false,
+    ...option.option
+  };
+  option.presets?.forEach(preset => preset(series));
+  return {
+    series: [series]
+  };
+}
+
+/**
+ * 折线图预设，使折线下方区域在纵向呈现线性渐变色。
+ *
+ * 参数 `top` 表示顶部颜色；参数 `bottom` 表示底部颜色，默认为全透明 `"transparent"`。
+ */
+export function gradientArea(top, bottom = "transparent") {
+  return option => {
+    (option.areaStyle ??= {}).color = {
+      type: "linear",
+      x: 0,
+      y: 0,
+      x2: 0,
+      y2: 1,
+      colorStops: [{
+        offset: 0,
+        color: top
+      }, {
+        offset: 1,
+        color: bottom
+      }]
+    };
+  };
+}

package/dist/echarts/series/maxBarSeries.d.ts

@@ -0,0 +1,18 @@
+import type { Color, BarSeriesOption as OrigBarSeriesOption } from "echarts";
+import type { EChartsSeries } from "..";
+export interface MaxBarSeriesOption {
+    /** 系列名称，不可与其他系列重名。*/
+    name: string;
+    /** 需要求最大值的各个系列的数据。*/
+    data: (number | undefined)[][];
+    /** 各个系列的颜色，各个最大值条形将被设为对应的颜色。若留空，则使用默认颜色。*/
+    palette?: Color[];
+    /**
+     * 其它需要添加到系列上的选项，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-bar
+     */
+    option?: OrigBarSeriesOption;
+}
+/** 求出多个系列的最大值，显示为条形图。*/
+export declare function maxBarSeries(option: MaxBarSeriesOption): EChartsSeries<OrigBarSeriesOption>;

package/dist/echarts/series/maxBarSeries.js

@@ -0,0 +1,39 @@
+import { BarChart } from "echarts/charts";
+import * as echarts from "echarts/core";
+/** 求出多个系列的最大值，显示为条形图。*/
+export function maxBarSeries(option) {
+  echarts.use(BarChart);
+  const series = {
+    type: "bar",
+    id: option.name,
+    name: option.name,
+    data: Array.from({
+      length: option.data[0].length
+    }, (_, i) => {
+      // prettier-ignore
+      const [max, maxJ] = option.data.map(series => series[i]).reduce(([max, maxJ], y, j) => max === undefined || y !== undefined && y > max ? [y, j] : [max, maxJ], [undefined, -1]);
+      if (max !== undefined && option.palette) {
+        return {
+          value: max,
+          itemStyle: {
+            color: option.palette[maxJ]
+          }
+        };
+      } else {
+        return max;
+      }
+    }),
+    ...option.option,
+    itemStyle: {
+      opacity: 0.7,
+      ...option.option?.itemStyle
+    },
+    tooltip: {
+      show: false,
+      ...option.option?.tooltip
+    }
+  };
+  return {
+    series: [series]
+  };
+}

package/dist/echarts/series/pieSeries.d.ts

@@ -0,0 +1,31 @@
+import type { PieSeriesOption as OrigPieSeriesOption } from "echarts";
+import type { EChartsSeries } from "..";
+/** 饼图的数据项。*/
+export type PieDataItem = (OrigPieSeriesOption["data"] & {})[0] extends number | string | unknown[] | infer T ? T : never;
+export type PieSeriesPreset = (option: OrigPieSeriesOption) => void;
+export interface PieSeriesOption {
+    /** 系列名称，不可与其他系列重名。*/
+    name: string;
+    /** 饼图的数据，数组元素可以是单个数值或者一个对象。*/
+    data: (number | PieDataItem)[];
+    /**
+     * 其它需要添加到系列上的选项，参见 [ECharts 文档][1]。优先级**低于**预设 `presets`。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-pie
+     */
+    option?: OrigPieSeriesOption;
+    /**
+     * 需要应用的配置预设。预设的优先级**高于** `option`。
+     *
+     * 可用的预设：{@linkcode ringPie}
+     */
+    presets?: PieSeriesPreset[];
+}
+/**
+ * 添加一个饼图。
+ *
+ * 请使用 ECharts 的 legend 组件来添加图例，不要手动编写 React 代码制作图例。
+ */
+export declare function pieSeries(option: PieSeriesOption): EChartsSeries<OrigPieSeriesOption>;
+/** 饼图预设，使饼图变为环状，标签出现在环的中央。*/
+export declare function ringPie(): PieSeriesPreset;

package/dist/echarts/series/pieSeries.js

@@ -0,0 +1,47 @@
+import { PieChart } from "echarts/charts";
+import * as echarts from "echarts/core";
+
+/** 饼图的数据项。*/
+
+/**
+ * 添加一个饼图。
+ *
+ * 请使用 ECharts 的 legend 组件来添加图例，不要手动编写 React 代码制作图例。
+ */
+export function pieSeries(option) {
+  echarts.use(PieChart);
+  const series = {
+    type: "pie",
+    id: option.name,
+    name: option.name,
+    data: option.data,
+    ...option.option
+  };
+  option.presets?.forEach(preset => preset(series));
+  return {
+    series: [series]
+  };
+}
+const RING_PIE = option => {
+  option.radius = ["43%", "75%"];
+  option.avoidLabelOverlap = false;
+  option.label = {
+    show: false,
+    position: "center"
+  };
+  option.labelLine = {
+    show: false
+  };
+  option.emphasis = {
+    label: {
+      show: true,
+      fontSize: 16,
+      fontWeight: "bold"
+    }
+  };
+};
+
+/** 饼图预设，使饼图变为环状，标签出现在环的中央。*/
+export function ringPie() {
+  return RING_PIE;
+}

package/dist/echarts/series/windLineSeries.d.ts

@@ -0,0 +1,47 @@
+import type { LineSeriesOption as OrigLineSeriesOption } from "echarts";
+import type { EChartsSeries } from "..";
+import type { LineSeriesPreset } from "./lineSeries";
+export interface WindLineSeriesOption {
+    /** 系列名称，不可与其他系列重名。*/
+    name: string;
+    /**
+     * 风力数据，支持两种形式：
+     *
+     * - `type: "cartesian"`，用沿经线和沿纬线的风速分量表示风力；
+     * - `type: "polar"`，用风速和风向表示风力。
+     */
+    data: {
+        type: "cartesian";
+        /** 沿纬线向**东**吹（西风）的风速分量，单位 m/s。*/
+        u: number[];
+        /** 沿经线向**北**吹（南风）的风速分量，单位 m/s。*/
+        v: number[];
+    } | {
+        type: "polar";
+        /** 风速，单位 m/s。*/
+        speed: number[];
+        /** 风向，单位是角度（deg），`0` 表示**北风**（往南吹），随着角度增大，风向**顺时针**旋转。*/
+        direction: number[];
+    };
+    /**
+     * 风向标的宽度和长度。
+     * @default [10, 20]
+     */
+    symbolSize?: [number, number];
+    /**
+     * 其它需要添加到系列上的选项，参见 [ECharts 文档][1]。优先级**低于**预设 `presets`。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#series-line
+     */
+    option?: OrigLineSeriesOption;
+    /**
+     * 需要应用的配置预设。预设的优先级**高于** `option`。
+     *
+     * 可用的预设：{@linkcode gradientArea}
+     */
+    presets?: LineSeriesPreset[];
+}
+/**
+ * 风速风向折线图。
+ */
+export declare function windLineSeries(option: WindLineSeriesOption): EChartsSeries<OrigLineSeriesOption>;

package/dist/echarts/series/windLineSeries.js

@@ -0,0 +1,51 @@
+import { LineChart } from "echarts/charts";
+import * as echarts from "echarts/core";
+/**
+ * 风速风向折线图。
+ */
+export function windLineSeries(option) {
+  echarts.use(LineChart);
+  const data = option.data;
+  const {
+    speed,
+    direction
+  } = data.type === "polar" ? data : {
+    speed: data.u.map((u, i) => Math.sqrt(u * u + data.v[i] * data.v[i])),
+    direction: data.u.map((u, i) => Math.atan2(-u, -data.v[i]) / Math.PI * 180)
+  };
+  const symbolSize = option.symbolSize ?? [10, 20];
+  const series = {
+    type: "line",
+    id: option.name,
+    name: option.name,
+    data: speed,
+    smooth: true,
+    symbol: "arrow",
+    symbolSize: symbolSize,
+    symbolOffset: (_data, param) => {
+      const rad = direction[param.dataIndex] / 180 * Math.PI;
+      const halfSize = symbolSize[1] / 2;
+      return [-halfSize * Math.sin(rad), halfSize * Math.cos(rad)];
+    },
+    symbolRotate: (_data, param) => 180 - direction[param.dataIndex],
+    ...option.option,
+    itemStyle: {
+      borderWidth: 1,
+      borderColor: "#fff",
+      ...option.option?.itemStyle
+    },
+    tooltip: {
+      valueFormatter: (value, index) => {
+        const dir = direction[index];
+        if (Number.isNaN(dir) || Number.isNaN(value)) return "--";
+        return value.toFixed(2) + " m/s，" + WIND_DIRECTIONS[(Math.round(dir / 45) + 8) % 8] + "风";
+      },
+      ...option.option?.tooltip
+    }
+  };
+  option.presets?.forEach(preset => preset(series));
+  return {
+    series: [series]
+  };
+}
+const WIND_DIRECTIONS = ["北", "东北", "东", "东南", "南", "西南", "西", "西北"];

package/{src/echarts/tooltip.ts → dist/echarts/tooltip.d.ts}

@@ -1,7 +1,5 @@
 import type { TooltipComponentOption } from "echarts";
-
 import type { EChartsComponent } from ".";
-
 /**
  * 添加悬停提示。这只是对官方 tooltip 组件的简单包装，设置参见 [ECharts 文档][1]。
  *
@@ -12,6 +10,4 @@ import type { EChartsComponent } from ".";
  *
  * [1]: https://echarts.apache.org/zh/option.html#tooltip
  */
-export function tooltip(option: TooltipComponentOption = {}): EChartsComponent {
-  return { tooltip: [option] };
-}
+export declare function tooltip(option?: TooltipComponentOption): EChartsComponent;