@tsingroc/tsingroc-components 1.0.6 → 2.1.0

package/dist/echarts/coordinateSystem.d.ts

@@ -0,0 +1,39 @@
+import type { BarSeriesOption, BoxplotSeriesOption, FlowGLSeriesOption, GridComponentOption, LineSeriesOption, XAXisComponentOption, YAXisComponentOption } from "echarts";
+import type { EChartsComponent, EChartsSeries } from ".";
+export type GridPreset = (grid: GridComponentOption, xAxis: XAXisComponentOption, yAxis: YAXisComponentOption) => void;
+export interface GridOption {
+    /**
+     * 坐标网格的其它设置，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#grid
+     */
+    option?: GridComponentOption;
+    /**
+     * X 轴的设置，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#xAxis
+     */
+    xAxis?: XAXisComponentOption;
+    /**
+     * Y 轴的设置，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option.html#yAxis
+     */
+    yAxis?: YAXisComponentOption;
+    /**
+     * 预设列表。预设的优先级**高于**上述设置。
+     *
+     * 可用的预设：{@link minimalGrid}
+     */
+    presets?: GridPreset[];
+    /** 要绘制在该坐标系上的系列。*/
+    series?: EChartsSeries<LineSeriesOption | BarSeriesOption | BoxplotSeriesOption | FlowGLSeriesOption>[];
+}
+/**
+ * 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
+ *
+ * **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
+ */
+export declare function useGrid(option: GridOption): EChartsComponent;
+/** 使用该预设可以隐藏直角坐标系的坐标轴和网格线，只留下图像本身，并且使其填满整个容器。*/
+export declare function minimalGrid(): GridPreset;

package/dist/echarts/coordinateSystem.js

@@ -0,0 +1,77 @@
+import { useId } from "react";
+/**
+ * 添加一个直角坐标系。X 轴和 Y 轴的数据类型默认值与 ECharts 原版一致。
+ *
+ * **注意**：该组件是一个 React hook，需要遵守正常使用 hook 的准则。
+ */
+export function useGrid(option) {
+    const grid = {
+        id: useId(),
+        left: 0,
+        right: 0,
+        top: 24,
+        bottom: 0,
+        containLabel: true,
+        ...option.option,
+    };
+    const gridId = grid.id;
+    const xAxis = {
+        id: gridId + "x",
+        gridId,
+        ...option.xAxis,
+        nameTextStyle: { fontWeight: "bold", ...option.xAxis?.nameTextStyle },
+        axisTick: {
+            alignWithLabel: true,
+            ...option.xAxis?.axisTick,
+            // 此处需要强转，因为 alignWithLabel 仅当 boundaryGap = true 时有效，但无效也没有影响
+        },
+    };
+    const xAxisId = xAxis.id;
+    const yAxis = {
+        id: gridId + "y",
+        type: option.yAxis?.type ?? "value",
+        gridId,
+        nameGap: 12,
+        ...option.yAxis,
+        nameTextStyle: {
+            align: "left",
+            fontWeight: "bold",
+            ...option.yAxis?.nameTextStyle,
+        },
+    };
+    const yAxisId = yAxis.id;
+    option.presets?.forEach((preset) => preset(grid, xAxis, yAxis));
+    return {
+        grid: [grid],
+        xAxis: [xAxis],
+        yAxis: [yAxis],
+        series: option.series
+            ?.flatMap((item) => item.series)
+            ?.map((series) => ({
+            ...series,
+            coordinateSystem: "cartesian2d",
+            xAxisId,
+            yAxisId,
+        })),
+    };
+}
+const MINIMAL_GRID = (grid, xAxis, yAxis) => {
+    grid.top = 0;
+    xAxis.show = false;
+    if ((xAxis.type === undefined && xAxis.data !== undefined) ||
+        xAxis.type === "category") {
+        xAxis.boundaryGap = false;
+    }
+    else {
+        xAxis.min = "dataMin";
+        xAxis.max = "dataMax";
+    }
+    xAxis.axisLabel = { inside: true };
+    yAxis.show = false;
+    yAxis.axisLabel = { inside: true };
+};
+/** 使用该预设可以隐藏直角坐标系的坐标轴和网格线，只留下图像本身，并且使其填满整个容器。*/
+export function minimalGrid() {
+    return MINIMAL_GRID;
+}
+//# sourceMappingURL=coordinateSystem.js.map

package/dist/echarts/coordinateSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordinateSystem.js","sourceRoot":"","sources":["../../src/echarts/coordinateSystem.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AA4C9B;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,MAAkB;IACxC,MAAM,IAAI,GAAwB;QAChC,EAAE,EAAE,KAAK,EAAE;QACX,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,IAAI;QAClB,GAAG,MAAM,CAAC,MAAM;KACjB,CAAC;IACF,MAAM,MAAM,GAAG,IAAI,CAAC,EAAY,CAAC;IACjC,MAAM,KAAK,GAAyB;QAClC,EAAE,EAAE,MAAM,GAAG,GAAG;QAChB,MAAM;QACN,GAAG,MAAM,CAAC,KAAK;QACf,aAAa,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE;QACrE,QAAQ,EAAE;YACR,cAAc,EAAE,IAAI;YACpB,GAAG,MAAM,CAAC,KAAK,EAAE,QAAQ;YACzB,8DAA8D;SAC3B;KACtC,CAAC;IACF,MAAM,OAAO,GAAG,KAAK,CAAC,EAAY,CAAC;IACnC,MAAM,KAAK,GAAyB;QAClC,EAAE,EAAE,MAAM,GAAG,GAAG;QAChB,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,IAAI,OAAO;QACnC,MAAM;QACN,OAAO,EAAE,EAAE;QACX,GAAG,MAAM,CAAC,KAAK;QACf,aAAa,EAAE;YACb,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,MAAM;YAClB,GAAG,MAAM,CAAC,KAAK,EAAE,aAAa;SAC/B;KACF,CAAC;IACF,MAAM,OAAO,GAAG,KAAK,CAAC,EAAY,CAAC;IACnC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAChE,OAAO;QACL,IAAI,EAAE,CAAC,IAAI,CAAC;QACZ,KAAK,EAAE,CAAC,KAAK,CAAC;QACd,KAAK,EAAE,CAAC,KAAK,CAAC;QACd,MAAM,EAAE,MAAM,CAAC,MAAM;YACnB,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;YAChC,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACjB,GAAG,MAAM;YACT,gBAAgB,EAAE,aAAa;YAC/B,OAAO;YACP,OAAO;SACR,CAAC,CAAC;KACN,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAe,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACtD,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;IACb,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IACnB,IACE,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,IAAK,KAAsB,CAAC,IAAI,KAAK,SAAS,CAAC;QACxE,KAAK,CAAC,IAAI,KAAK,UAAU,EACzB,CAAC;QACA,KAAkC,CAAC,WAAW,GAAG,KAAK,CAAC;IAC1D,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;QACtB,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;IACxB,CAAC;IACD,KAAK,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IACnC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IACnB,KAAK,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AACrC,CAAC,CAAC;AAEF,gDAAgD;AAChD,MAAM,UAAU,WAAW;IACzB,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/dist/echarts/gl.d.ts

@@ -0,0 +1,116 @@
+import type { ComponentOption, SeriesOnCartesianOptionMixin, SeriesOnGeoOptionMixin } from "echarts/types/src/util/types.js";
+import type { FlowGLSeriesOption as OrigFlowGLSeriesOption } from "echarts";
+import "echarts-gl";
+import type { EChartsSeries } from ".";
+declare module "echarts/types/dist/echarts" {
+    interface RegisteredSeriesOption {
+        flowGL: FlowGLSeriesOption;
+    }
+    interface FlowGLSeriesOption extends ComponentOption, SeriesOnCartesianOptionMixin, SeriesOnGeoOptionMixin {
+        type: "flowGL";
+        /**
+         * 粒子的密度，实际的粒子数量是设置数目的平方。粒子密度越大迹线效果越好，但是性能开销也会越大。
+         * 除了该属性，使用 `particleType` 也可以得到更加清晰连贯的迹线。
+         * @default 128
+         */
+        particleDensity?: number;
+        /**
+         * 粒子的类型，可以设置为点 `"point"` 或线 `"line"`。
+         * 线类型的粒子会用一条线连接上个运动的位置和当前运动的位置，这会让这个轨迹更加连贯。
+         * @default "point"
+         */
+        particleType?: "point" | "line";
+        /**
+         * 粒子的大小，如果 `particleType == "line"` 则代表线宽。
+         * @default 1
+         */
+        particleSize?: number;
+        /**
+         * 粒子的速度，默认为 1。注意在 `particleType` 为 `"point"` 的时候过大的速度会让整个轨迹变得断断续续。
+         * @default 1
+         */
+        particleSpeed?: number;
+        /**
+         * 粒子的轨迹长度，数值越大轨迹越长。
+         * @default 2
+         */
+        particleTrail?: number;
+        /**
+         * 画面的超采样比率，采用 4 的超采样可以有效的提高画面的清晰度，减少画面锯齿。
+         * 但是因为需要处理更多的像素数量，所以也对性能有更高的要求。
+         * @default 1
+         */
+        supersampling?: number;
+        /**
+         * 传入的网格数据的网格宽度数量。
+         * @default "auto"
+         */
+        gridWidth?: number | "auto";
+        /**
+         * 传入的网格数据的网格高度数量。
+         * @default "auto"
+         */
+        gridHeight?: number | "auto";
+        /**
+         * 每行数据包含四个值，分别表示位置 x、y，速度 sx、sy。
+         * 如果使用地理坐标系，则分别表示位置 lng、lat，速度 sLng、sLat。
+         */
+        data: [number, number, number, number][];
+        /**
+         * 向量场迹线的样式。
+         */
+        itemStyle?: FlowGLSeriesItemStyle;
+    }
+    interface FlowGLSeriesItemStyle {
+        /**
+         * 向量场迹线的颜色。
+         * @default "#fff"
+         */
+        color?: string;
+        /**
+         * 向量场迹线的透明度。
+         * @default 0.8
+         */
+        opacity?: number;
+    }
+}
+export interface FlowGLSeriesOption {
+    /** 系列名称，不可与其他系列重名。*/
+    name: string;
+    /**
+     * 每行数据包含四个值，分别表示位置 x、y，速度 sx、sy。
+     *
+     * 如果需要使用风场数据，可以直接调用 {@link preprocessWindData} 来将数据处理成此处需要的格式。
+     */
+    data: [number, number, number, number][];
+    /**
+     * 其它需要添加到系列上的选项，参见 [ECharts 文档][1]。
+     *
+     * [1]: https://echarts.apache.org/zh/option-gl.html#series-flowGL
+     */
+    option?: Partial<OrigFlowGLSeriesOption>;
+}
+/**
+ * 在坐标系上绘制一个流场。
+ *
+ * 推荐使用以下坐标系配置：
+ *
+ * ```ts
+ * echarts.useGrid({
+ *   xAxis: { type: "value" },
+ *   yAxis: { min: "dataMin", max: "dataMax" },
+ *   presets: [echarts.minimalGrid()],
+ * })
+ * ```
+ */
+export declare function flowGLSeries(option: FlowGLSeriesOption): EChartsSeries<OrigFlowGLSeriesOption>;
+export interface WindData {
+    /** 位置，由空格分隔的经纬度数字组成。*/
+    location: string;
+    /** 风向，单位是角度（deg），`0` 表示**东风**，随着角度增大，风向**顺时针**旋转。*/
+    wind_direction_80m: number;
+    /** 风速。*/
+    wind_speed_80m: number;
+}
+/** 将 JSON 格式的天气数据预处理成 FlowGL 接受的格式。*/
+export declare function preprocessWindData(data: WindData[]): [number, number, number, number][];

package/dist/echarts/gl.js

@@ -0,0 +1,42 @@
+import "echarts-gl";
+/**
+ * 在坐标系上绘制一个流场。
+ *
+ * 推荐使用以下坐标系配置：
+ *
+ * ```ts
+ * echarts.useGrid({
+ *   xAxis: { type: "value" },
+ *   yAxis: { min: "dataMin", max: "dataMax" },
+ *   presets: [echarts.minimalGrid()],
+ * })
+ * ```
+ */
+export function flowGLSeries(option) {
+    return {
+        series: [
+            {
+                type: "flowGL",
+                id: option.name,
+                name: option.name,
+                data: option.data,
+                particleDensity: 20,
+                particleSize: 3,
+                supersampling: window.devicePixelRatio,
+                ...option.option,
+            },
+        ],
+    };
+}
+/** 将 JSON 格式的天气数据预处理成 FlowGL 接受的格式。*/
+export function preprocessWindData(data) {
+    return data.map((item) => {
+        const [x, y] = item.location.split(" ").map(Number.parseFloat);
+        // prettier-ignore
+        const sx = -Math.cos(item.wind_direction_80m * (Math.PI / 180)) * item.wind_speed_80m;
+        // prettier-ignore
+        const sy = +Math.sin(item.wind_direction_80m * (Math.PI / 180)) * item.wind_speed_80m;
+        return [x, y, sx, sy];
+    });
+}
+//# sourceMappingURL=gl.js.map

package/dist/echarts/gl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gl.js","sourceRoot":"","sources":["../../src/echarts/gl.ts"],"names":[],"mappings":"AAMA,OAAO,YAAY,CAAC;AAkGpB;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,YAAY,CAC1B,MAA0B;IAE1B,OAAO;QACL,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,QAAQ;gBACd,EAAE,EAAE,MAAM,CAAC,IAAI;gBACf,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,eAAe,EAAE,EAAE;gBACnB,YAAY,EAAE,CAAC;gBACf,aAAa,EAAE,MAAM,CAAC,gBAAgB;gBACtC,GAAG,MAAM,CAAC,MAAM;aACjB;SACF;KACF,CAAC;AACJ,CAAC;AAWD,sCAAsC;AACtC,MAAM,UAAU,kBAAkB,CAChC,IAAgB;IAEhB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACvB,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC/D,kBAAkB;QAClB,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC;QACtF,kBAAkB;QAClB,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC;QACtF,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/echarts/index.d.ts

@@ -0,0 +1,45 @@
+import type { Color, EChartsOption, GridComponentOption, LegendComponentOption, RadarComponentOption, SeriesOption, TooltipComponentOption, XAXisComponentOption, YAXisComponentOption } from "echarts";
+export * from "./coordinateSystem";
+export * from "./radar";
+export * from "./legend";
+export * from "./tooltip";
+export * from "./series";
+/** 一个可组合的 ECharts 组件。*/
+export interface EChartsComponent {
+    grid?: GridComponentOption[];
+    xAxis?: XAXisComponentOption[];
+    yAxis?: YAXisComponentOption[];
+    radar?: RadarComponentOption[];
+    legend?: LegendComponentOption[];
+    tooltip?: TooltipComponentOption[];
+    series?: SeriesOption[];
+}
+/** 一个 ECharts 系列。*/
+export interface EChartsSeries<T = SeriesOption> {
+    series: T[];
+}
+/** ECharts 中不可组合的设置项。*/
+export interface EChartsNonComposableOption {
+    color?: Color[];
+}
+/**
+ * 第一个参数 `base` 中可以填入不可组合的 ECharts 配置项，例如 `color`。
+ * 剩余的参数就是需要组合的各个 ECharts 组件。
+ */
+export declare function buildEChartsOption(base: EChartsNonComposableOption, ...components: EChartsComponent[]): EChartsOption;
+/**
+ * 用组件组合出 ECharts 的配置对象，并将其缓存以减少重渲染。
+ *
+ * **注意**：该优化只有在传入的每个组件都已经分别被缓存的情况下才有效！
+ * 如果不需要细粒度的记忆化，可以直接将所有组件和 `buildEChartsOption`
+ * 整个用 `useMemo` 包裹起来。
+ */
+export declare function useMemoizedEChartsOption(base: EChartsNonComposableOption, ...components: EChartsComponent[]): EChartsOption;
+/** 一个从 01:00 到 24:00 的数组，可以在等待数据加载时填充 X 轴。*/
+export declare const HOURS_OF_DAY: string[];
+/** 虚线图标，可用于图例。*/
+export declare const DASHES_ICON: string;
+/** 公用调色板 1。*/
+export declare const PALETTE_1: string[];
+/** 公用调色板 2。*/
+export declare const PALETTE_2: string[];

package/dist/echarts/index.js

@@ -0,0 +1,61 @@
+import { useMemo } from "react";
+export * from "./coordinateSystem";
+export * from "./radar";
+export * from "./legend";
+export * from "./tooltip";
+export * from "./series";
+/**
+ * 第一个参数 `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;
+            (option[key] ?? (option[key] = [])).push(...(value ?? []));
+        });
+    }
+    return option;
+}
+/**
+ * 用组件组合出 ECharts 的配置对象，并将其缓存以减少重渲染。
+ *
+ * **注意**：该优化只有在传入的每个组件都已经分别被缓存的情况下才有效！
+ * 如果不需要细粒度的记忆化，可以直接将所有组件和 `buildEChartsOption`
+ * 整个用 `useMemo` 包裹起来。
+ */
+export function useMemoizedEChartsOption(base, ...components) {
+    return useMemo(() => buildEChartsOption(base, ...components), components);
+}
+// 一些零散工具
+/** 一个从 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",
+];
+//# sourceMappingURL=index.js.map

package/dist/echarts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/echarts/index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AAuBzB;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAChC,IAAgC,EAChC,GAAG,UAA8B;IAEjC,MAAM,MAAM,GAAkD,EAAE,GAAG,IAAI,EAAE,CAAC;IAC1E,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE;YAC/C,MAAM,GAAG,GAAG,CAA2B,CAAC;YACxC,CAAC,MAAM,CAAC,GAAG,MAAV,MAAM,CAAC,GAAG,IAAM,EAAE,EAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,MAAuB,CAAC;AACjC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,wBAAwB,CACtC,IAAgC,EAChC,GAAG,UAA8B;IAEjC,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAC7C,UAAU,CACX,CAAC;AACJ,CAAC;AAED,SAAS;AAET,6CAA6C;AAC7C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CACpC,EAAE,MAAM,EAAE,EAAE,EAAE,EACd,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAC9D,CAAC;AAEF,iBAAiB;AACjB,MAAM,CAAC,MAAM,WAAW,GACtB,gaAAga,CAAC;AAEna,cAAc;AACd,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,cAAc;AACd,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC"}

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 @@
+/** 添加一个图例。 */
+export function legend(option) {
+    return {
+        legend: [
+            {
+                top: 0,
+                right: 0,
+                padding: 0,
+                data: option.data,
+                ...option.option,
+            },
+        ],
+    };
+}
+//# sourceMappingURL=legend.js.map

package/dist/echarts/legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend.js","sourceRoot":"","sources":["../../src/echarts/legend.ts"],"names":[],"mappings":"AAsBA,cAAc;AACd,MAAM,UAAU,MAAM,CAAC,MAAoB;IACzC,OAAO;QACL,MAAM,EAAE;YACN;gBACE,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,CAAC;gBACV,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,GAAG,MAAM,CAAC,MAAM;aACjB;SACF;KACF,CAAC;AACJ,CAAC"}

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 @@
+/** 添加一张雷达图。*/
+export function radar(option) {
+    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,
+            },
+        ],
+    };
+}
+//# sourceMappingURL=radar.js.map

package/dist/echarts/radar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar.js","sourceRoot":"","sources":["../../src/echarts/radar.ts"],"names":[],"mappings":"AAyBA,cAAc;AACd,MAAM,UAAU,KAAK,CAAC,MAAmB;IACvC,OAAO;QACL,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,MAAM,CAAC,IAAI,GAAG,QAAQ;gBAC1B,SAAS,EAAE,MAAM,CAAC,UAAU;gBAC5B,GAAG,MAAM,CAAC,MAAM;aACjB;SACF;QACD,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,OAAO,EAAE,MAAM,CAAC,IAAI,GAAG,QAAQ;gBAC/B,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,GAAG,MAAM,CAAC,MAAM;aACjB;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/echarts/series.d.ts

@@ -0,0 +1,131 @@
+import type { Color, BarSeriesOption as OrigBarSeriesOption, BoxplotSeriesOption as OrigBoxplotSeriesOption, LineSeriesOption as OrigLineSeriesOption, PieSeriesOption as OrigPieSeriesOption } from "echarts";
+import type { EChartsSeries } from ".";
+export type DataItem = number | string | undefined;
+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`。
+     *
+     * 可用的预设：{@link gradientArea}
+     */
+    presets?: LineSeriesPreset[];
+}
+/**
+ * 在坐标系上添加一条折线。
+ */
+export declare function lineSeries(option: LineSeriesOption): EChartsSeries<OrigLineSeriesOption>;
+/**
+ * 折线图预设，使折线下方区域在纵向呈现线性渐变色。
+ *
+ * 参数 `top` 表示顶部颜色；参数 `bottom` 表示底部颜色，默认为全透明 `"transparent"`。
+ */
+export declare function gradientArea(top: string, bottom?: string): LineSeriesPreset;
+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>;
+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>;
+/** 饼图的数据项。*/
+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`。
+     *
+     * 可用的预设：{@link ringPie}
+     */
+    presets?: PieSeriesPreset[];
+}
+/**
+ * 添加一个饼图。
+ *
+ * 请使用 ECharts 的 legend 组件来添加图例，不要手动编写 React 代码制作图例。
+ */
+export declare function pieSeries(option: PieSeriesOption): EChartsSeries<OrigPieSeriesOption>;
+/** 饼图预设，使饼图变为环状，标签出现在环的中央。*/
+export declare function ringPie(): PieSeriesPreset;
+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>;