@flux-ui/statistics 3.0.0-next.67 → 3.0.0-next.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/component/FluxStatisticsAreaChart.vue.d.ts +11 -4
- package/dist/component/FluxStatisticsBarChart.vue.d.ts +11 -4
- package/dist/component/FluxStatisticsBase.vue.d.ts +1 -0
- package/dist/component/FluxStatisticsBoxPlotChart.vue.d.ts +15 -0
- package/dist/component/FluxStatisticsBubbleChart.vue.d.ts +14 -0
- package/dist/component/FluxStatisticsCandlestickChart.vue.d.ts +15 -0
- package/dist/component/FluxStatisticsChart.vue.d.ts +7 -5
- package/dist/component/FluxStatisticsChartPane.vue.d.ts +1 -0
- package/dist/component/FluxStatisticsComparison.vue.d.ts +16 -0
- package/dist/component/FluxStatisticsDonutChart.vue.d.ts +8 -4
- package/dist/component/FluxStatisticsEmpty.vue.d.ts +19 -0
- package/dist/component/FluxStatisticsHeatmapChart.vue.d.ts +15 -0
- package/dist/component/FluxStatisticsLegendItem.vue.d.ts +1 -0
- package/dist/component/FluxStatisticsLineChart.vue.d.ts +11 -4
- package/dist/component/FluxStatisticsMixedChart.vue.d.ts +17 -0
- package/dist/component/FluxStatisticsPieChart.vue.d.ts +8 -4
- package/dist/component/FluxStatisticsPolarAreaChart.vue.d.ts +14 -0
- package/dist/component/FluxStatisticsRadarChart.vue.d.ts +12 -0
- package/dist/component/FluxStatisticsRadialBar.vue.d.ts +11 -0
- package/dist/component/FluxStatisticsScatterChart.vue.d.ts +14 -0
- package/dist/component/FluxStatisticsSparkline.vue.d.ts +13 -0
- package/dist/component/FluxStatisticsTreemapChart.vue.d.ts +11 -0
- package/dist/component/index.d.ts +13 -0
- package/dist/composable/index.d.ts +10 -0
- package/dist/composable/useChartHoverSync.d.ts +9 -0
- package/dist/composable/useChartLegend.d.ts +14 -0
- package/dist/composable/useChartSeriesSetup.d.ts +23 -0
- package/dist/composable/useECharts.d.ts +9 -0
- package/dist/composable/usePieSlicesSetup.d.ts +14 -0
- package/dist/echarts.d.ts +1 -0
- package/dist/index.css +230 -37
- package/dist/index.d.ts +5 -2
- package/dist/index.js +10919 -9041
- package/dist/index.js.map +1 -1
- package/dist/util/baseOptions.d.ts +15 -0
- package/dist/util/colors.d.ts +4 -0
- package/dist/util/convert.d.ts +22 -0
- package/dist/util/defaultOptions.d.ts +76 -0
- package/dist/util/iconSvg.d.ts +2 -0
- package/dist/util/index.d.ts +7 -0
- package/dist/util/seriesDefaults.d.ts +15 -0
- package/dist/util/sparklineOptions.d.ts +7 -0
- package/package.json +14 -15
- package/src/component/FluxStatisticsAreaChart.vue +38 -41
- package/src/component/FluxStatisticsBarChart.vue +38 -33
- package/src/component/FluxStatisticsBase.vue +14 -1
- package/src/component/FluxStatisticsBoxPlotChart.vue +69 -0
- package/src/component/FluxStatisticsBubbleChart.vue +56 -0
- package/src/component/FluxStatisticsCandlestickChart.vue +81 -0
- package/src/component/FluxStatisticsChart.vue +19 -169
- package/src/component/FluxStatisticsChartPane.vue +23 -11
- package/src/component/FluxStatisticsComparison.vue +113 -0
- package/src/component/FluxStatisticsDonutChart.vue +39 -18
- package/src/component/FluxStatisticsEmpty.vue +44 -0
- package/src/component/FluxStatisticsHeatmapChart.vue +80 -0
- package/src/component/FluxStatisticsLegend.vue +33 -1
- package/src/component/FluxStatisticsLegendItem.vue +3 -1
- package/src/component/FluxStatisticsLineChart.vue +38 -41
- package/src/component/FluxStatisticsMixedChart.vue +55 -0
- package/src/component/FluxStatisticsPieChart.vue +39 -18
- package/src/component/FluxStatisticsPolarAreaChart.vue +53 -0
- package/src/component/FluxStatisticsRadarChart.vue +108 -0
- package/src/component/FluxStatisticsRadialBar.vue +48 -0
- package/src/component/FluxStatisticsScatterChart.vue +56 -0
- package/src/component/FluxStatisticsSparkline.vue +67 -0
- package/src/component/FluxStatisticsTreemapChart.vue +39 -0
- package/src/component/index.ts +13 -0
- package/src/composable/index.ts +10 -0
- package/src/composable/useChartHoverSync.ts +92 -0
- package/src/composable/useChartLegend.ts +23 -0
- package/src/composable/useChartSeriesSetup.ts +75 -0
- package/src/composable/useECharts.ts +55 -0
- package/src/composable/usePieSlicesSetup.ts +58 -0
- package/src/css/Base.module.scss +28 -1
- package/src/css/Chart.module.scss +66 -32
- package/src/css/ChartPane.module.scss +24 -9
- package/src/css/Comparison.module.scss +52 -0
- package/src/css/Empty.module.scss +39 -0
- package/src/css/Grid.module.scss +1 -0
- package/src/css/Legend.module.scss +11 -1
- package/src/css/Metric.module.scss +6 -0
- package/src/css/Sparkline.module.scss +13 -0
- package/src/echarts.ts +47 -0
- package/src/index.ts +7 -3
- package/src/util/baseOptions.ts +74 -0
- package/src/util/colors.ts +86 -0
- package/src/util/convert.ts +360 -0
- package/src/util/defaultOptions.ts +398 -0
- package/src/util/iconSvg.ts +20 -0
- package/src/util/index.ts +7 -0
- package/src/util/seriesDefaults.ts +210 -0
- package/src/util/sparklineOptions.ts +67 -0
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Chart and statistics components for [Flux UI](https://flux-ui.dev).
|
|
4
4
|
|
|
5
|
-
Built on top of [
|
|
5
|
+
Built on top of [Apache ECharts](https://echarts.apache.org/), themed to match the Flux design system. Locale-aware labels are provided through `vue-i18n`.
|
|
6
6
|
|
|
7
7
|
## Highlights
|
|
8
8
|
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FluxStatisticsChartAreaSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { ChartTooltipValueFormatter } from '../util';
|
|
2
4
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
5
|
type __VLS_Props = {
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
readonly series:
|
|
6
|
+
readonly advancedOptions?: EChartsOption;
|
|
7
|
+
readonly labels?: readonly string[];
|
|
8
|
+
readonly series: readonly FluxStatisticsChartAreaSeries[];
|
|
9
|
+
readonly splitLines?: boolean;
|
|
10
|
+
readonly tooltip?: boolean;
|
|
11
|
+
readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
|
|
12
|
+
readonly xAxisLabels?: boolean;
|
|
13
|
+
readonly yAxisLabels?: boolean;
|
|
7
14
|
};
|
|
8
15
|
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
9
16
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FluxStatisticsChartBarSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { ChartTooltipValueFormatter } from '../util';
|
|
2
4
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
5
|
type __VLS_Props = {
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
readonly series:
|
|
6
|
+
readonly advancedOptions?: EChartsOption;
|
|
7
|
+
readonly labels?: readonly string[];
|
|
8
|
+
readonly series: readonly FluxStatisticsChartBarSeries[];
|
|
9
|
+
readonly splitLines?: boolean;
|
|
10
|
+
readonly tooltip?: boolean;
|
|
11
|
+
readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
|
|
12
|
+
readonly xAxisLabels?: boolean;
|
|
13
|
+
readonly yAxisLabels?: boolean;
|
|
7
14
|
};
|
|
8
15
|
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
9
16
|
declare const _default: typeof __VLS_export;
|
|
@@ -8,6 +8,7 @@ type __VLS_Props = {
|
|
|
8
8
|
type __VLS_Slots = {
|
|
9
9
|
content?(): any;
|
|
10
10
|
default?(): any;
|
|
11
|
+
info?(): any;
|
|
11
12
|
};
|
|
12
13
|
declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
13
14
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FluxStatisticsChartBoxPlotSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
readonly advancedOptions?: EChartsOption;
|
|
6
|
+
readonly labels?: readonly string[];
|
|
7
|
+
readonly series: readonly FluxStatisticsChartBoxPlotSeries[];
|
|
8
|
+
readonly splitLines?: boolean;
|
|
9
|
+
readonly tooltip?: boolean;
|
|
10
|
+
readonly xAxisLabels?: boolean;
|
|
11
|
+
readonly yAxisLabels?: boolean;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FluxStatisticsChartBubbleSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
readonly advancedOptions?: EChartsOption;
|
|
6
|
+
readonly series: readonly FluxStatisticsChartBubbleSeries[];
|
|
7
|
+
readonly splitLines?: boolean;
|
|
8
|
+
readonly tooltip?: boolean;
|
|
9
|
+
readonly xAxisLabels?: boolean;
|
|
10
|
+
readonly yAxisLabels?: boolean;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FluxStatisticsChartCandlestickSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
readonly advancedOptions?: EChartsOption;
|
|
6
|
+
readonly labels?: readonly string[];
|
|
7
|
+
readonly series: readonly FluxStatisticsChartCandlestickSeries[];
|
|
8
|
+
readonly splitLines?: boolean;
|
|
9
|
+
readonly tooltip?: boolean;
|
|
10
|
+
readonly xAxisLabels?: boolean;
|
|
11
|
+
readonly yAxisLabels?: boolean;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
1
|
+
import { EChartsOption } from '../composable';
|
|
2
|
+
import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { ECharts } from 'echarts/core';
|
|
3
4
|
type __VLS_Props = {
|
|
4
|
-
readonly options?:
|
|
5
|
-
readonly series: ApexOptions['series'];
|
|
5
|
+
readonly options?: EChartsOption;
|
|
6
6
|
};
|
|
7
|
-
declare const __VLS_export: DefineComponent<__VLS_Props, {
|
|
7
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {
|
|
8
|
+
chartInstance: Ref<ECharts, ECharts>;
|
|
9
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
8
10
|
declare const _default: typeof __VLS_export;
|
|
9
11
|
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FluxIconName } from '@flux-ui/types';
|
|
2
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
readonly current: number;
|
|
5
|
+
readonly currentLabel?: string;
|
|
6
|
+
readonly footer?: string;
|
|
7
|
+
readonly format?: (value: number) => string;
|
|
8
|
+
readonly icon?: FluxIconName;
|
|
9
|
+
readonly previous: number;
|
|
10
|
+
readonly previousLabel?: string;
|
|
11
|
+
readonly showDelta?: boolean;
|
|
12
|
+
readonly title: string;
|
|
13
|
+
};
|
|
14
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { ChartTooltipValueFormatter } from '../util';
|
|
2
4
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
5
|
type __VLS_Props = {
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
readonly
|
|
6
|
+
readonly advancedOptions?: EChartsOption;
|
|
7
|
+
readonly slices: readonly FluxStatisticsChartPieSlice[];
|
|
8
|
+
readonly title?: string;
|
|
9
|
+
readonly tooltip?: boolean;
|
|
10
|
+
readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
|
|
7
11
|
};
|
|
8
12
|
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
9
13
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { FluxIconName } from '@flux-ui/types';
|
|
2
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
readonly description?: string;
|
|
5
|
+
readonly icon?: FluxIconName;
|
|
6
|
+
readonly title?: string;
|
|
7
|
+
};
|
|
8
|
+
type __VLS_Slots = {
|
|
9
|
+
default?(): any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
12
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FluxStatisticsChartHeatmapSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
readonly advancedOptions?: EChartsOption;
|
|
6
|
+
readonly series: readonly FluxStatisticsChartHeatmapSeries[];
|
|
7
|
+
readonly tooltip?: boolean;
|
|
8
|
+
readonly xAxisLabels?: boolean;
|
|
9
|
+
readonly xLabels?: readonly string[];
|
|
10
|
+
readonly yAxisLabels?: boolean;
|
|
11
|
+
readonly yLabels?: readonly string[];
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
@@ -3,6 +3,7 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
|
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
readonly color?: FluxColor | `#${string}`;
|
|
5
5
|
readonly icon?: FluxIconName;
|
|
6
|
+
readonly isHovered?: boolean;
|
|
6
7
|
readonly label: string;
|
|
7
8
|
readonly value?: string | number;
|
|
8
9
|
};
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FluxStatisticsChartLineSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { ChartTooltipValueFormatter } from '../util';
|
|
2
4
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
5
|
type __VLS_Props = {
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
readonly series:
|
|
6
|
+
readonly advancedOptions?: EChartsOption;
|
|
7
|
+
readonly labels?: readonly string[];
|
|
8
|
+
readonly series: readonly FluxStatisticsChartLineSeries[];
|
|
9
|
+
readonly splitLines?: boolean;
|
|
10
|
+
readonly tooltip?: boolean;
|
|
11
|
+
readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
|
|
12
|
+
readonly xAxisLabels?: boolean;
|
|
13
|
+
readonly yAxisLabels?: boolean;
|
|
7
14
|
};
|
|
8
15
|
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
9
16
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FluxStatisticsChartMixedSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { ChartTooltipValueFormatter } from '../util';
|
|
4
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
readonly advancedOptions?: EChartsOption;
|
|
7
|
+
readonly labels?: readonly string[];
|
|
8
|
+
readonly series: readonly FluxStatisticsChartMixedSeries[];
|
|
9
|
+
readonly splitLines?: boolean;
|
|
10
|
+
readonly tooltip?: boolean;
|
|
11
|
+
readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
|
|
12
|
+
readonly xAxisLabels?: boolean;
|
|
13
|
+
readonly yAxisLabels?: boolean;
|
|
14
|
+
};
|
|
15
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { ChartTooltipValueFormatter } from '../util';
|
|
2
4
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
5
|
type __VLS_Props = {
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
readonly
|
|
6
|
+
readonly advancedOptions?: EChartsOption;
|
|
7
|
+
readonly slices: readonly FluxStatisticsChartPieSlice[];
|
|
8
|
+
readonly title?: string;
|
|
9
|
+
readonly tooltip?: boolean;
|
|
10
|
+
readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
|
|
7
11
|
};
|
|
8
12
|
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
9
13
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { ChartTooltipValueFormatter } from '../util';
|
|
4
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
readonly advancedOptions?: EChartsOption;
|
|
7
|
+
readonly slices: readonly FluxStatisticsChartPieSlice[];
|
|
8
|
+
readonly title?: string;
|
|
9
|
+
readonly tooltip?: boolean;
|
|
10
|
+
readonly tooltipValueFormatter?: ChartTooltipValueFormatter;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FluxStatisticsChartRadarIndicator, FluxStatisticsChartRadarSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
readonly advancedOptions?: EChartsOption;
|
|
6
|
+
readonly indicators: readonly FluxStatisticsChartRadarIndicator[];
|
|
7
|
+
readonly series: readonly FluxStatisticsChartRadarSeries[];
|
|
8
|
+
readonly tooltip?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FluxStatisticsChartGaugeSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
readonly advancedOptions?: EChartsOption;
|
|
6
|
+
readonly series: readonly FluxStatisticsChartGaugeSeries[];
|
|
7
|
+
readonly tooltip?: boolean;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FluxStatisticsChartScatterSeries } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
readonly advancedOptions?: EChartsOption;
|
|
6
|
+
readonly series: readonly FluxStatisticsChartScatterSeries[];
|
|
7
|
+
readonly splitLines?: boolean;
|
|
8
|
+
readonly tooltip?: boolean;
|
|
9
|
+
readonly xAxisLabels?: boolean;
|
|
10
|
+
readonly yAxisLabels?: boolean;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FluxColor } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { SparklineSeriesItem } from '../util';
|
|
4
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
readonly color?: FluxColor | `#${string}`;
|
|
7
|
+
readonly options?: EChartsOption;
|
|
8
|
+
readonly series: readonly SparklineSeriesItem[];
|
|
9
|
+
readonly variant?: 'line' | 'bar' | 'area';
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FluxStatisticsChartTreemapNode } from '@flux-ui/types';
|
|
2
|
+
import { EChartsOption } from '../composable';
|
|
3
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
readonly advancedOptions?: EChartsOption;
|
|
6
|
+
readonly nodes: readonly FluxStatisticsChartTreemapNode[];
|
|
7
|
+
readonly tooltip?: boolean;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
@@ -1,17 +1,30 @@
|
|
|
1
1
|
export { default as FluxStatisticsAreaChart } from './FluxStatisticsAreaChart.vue';
|
|
2
2
|
export { default as FluxStatisticsBarChart } from './FluxStatisticsBarChart.vue';
|
|
3
3
|
export { default as FluxStatisticsBase } from './FluxStatisticsBase.vue';
|
|
4
|
+
export { default as FluxStatisticsBoxPlotChart } from './FluxStatisticsBoxPlotChart.vue';
|
|
5
|
+
export { default as FluxStatisticsBubbleChart } from './FluxStatisticsBubbleChart.vue';
|
|
6
|
+
export { default as FluxStatisticsCandlestickChart } from './FluxStatisticsCandlestickChart.vue';
|
|
4
7
|
export { default as FluxStatisticsChange } from './FluxStatisticsChange.vue';
|
|
5
8
|
export { default as FluxStatisticsChart } from './FluxStatisticsChart.vue';
|
|
6
9
|
export { default as FluxStatisticsChartPane } from './FluxStatisticsChartPane.vue';
|
|
10
|
+
export { default as FluxStatisticsComparison } from './FluxStatisticsComparison.vue';
|
|
7
11
|
export { default as FluxStatisticsDetailsTable } from './FluxStatisticsDetailsTable.vue';
|
|
8
12
|
export { default as FluxStatisticsDetailsTableRow } from './FluxStatisticsDetailsTableRow.vue';
|
|
9
13
|
export { default as FluxStatisticsDonutChart } from './FluxStatisticsDonutChart.vue';
|
|
14
|
+
export { default as FluxStatisticsEmpty } from './FluxStatisticsEmpty.vue';
|
|
10
15
|
export { default as FluxStatisticsGrid } from './FluxStatisticsGrid.vue';
|
|
16
|
+
export { default as FluxStatisticsHeatmapChart } from './FluxStatisticsHeatmapChart.vue';
|
|
11
17
|
export { default as FluxStatisticsLineChart } from './FluxStatisticsLineChart.vue';
|
|
12
18
|
export { default as FluxStatisticsKpi } from './FluxStatisticsKpi.vue';
|
|
13
19
|
export { default as FluxStatisticsLegend } from './FluxStatisticsLegend.vue';
|
|
14
20
|
export { default as FluxStatisticsLegendItem } from './FluxStatisticsLegendItem.vue';
|
|
15
21
|
export { default as FluxStatisticsMeter } from './FluxStatisticsMeter.vue';
|
|
16
22
|
export { default as FluxStatisticsMetric } from './FluxStatisticsMetric.vue';
|
|
23
|
+
export { default as FluxStatisticsMixedChart } from './FluxStatisticsMixedChart.vue';
|
|
17
24
|
export { default as FluxStatisticsPieChart } from './FluxStatisticsPieChart.vue';
|
|
25
|
+
export { default as FluxStatisticsPolarAreaChart } from './FluxStatisticsPolarAreaChart.vue';
|
|
26
|
+
export { default as FluxStatisticsRadarChart } from './FluxStatisticsRadarChart.vue';
|
|
27
|
+
export { default as FluxStatisticsRadialBar } from './FluxStatisticsRadialBar.vue';
|
|
28
|
+
export { default as FluxStatisticsScatterChart } from './FluxStatisticsScatterChart.vue';
|
|
29
|
+
export { default as FluxStatisticsSparkline } from './FluxStatisticsSparkline.vue';
|
|
30
|
+
export { default as FluxStatisticsTreemapChart } from './FluxStatisticsTreemapChart.vue';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type { ChartLegendContext, ChartLegendItem } from './useChartLegend';
|
|
2
|
+
export { createChartLegendContext, FluxStatisticsChartLegendInjectionKey } from './useChartLegend';
|
|
3
|
+
export type { ChartHoverSyncMode, UseChartHoverSyncOptions } from './useChartHoverSync';
|
|
4
|
+
export { useChartHoverSync } from './useChartHoverSync';
|
|
5
|
+
export type { ChartLegendItemBuilder, ChartSeriesShape, UseChartSeriesSetupOptions, UseChartSeriesSetupReturn } from './useChartSeriesSetup';
|
|
6
|
+
export { useChartSeriesSetup } from './useChartSeriesSetup';
|
|
7
|
+
export type { UsePieSlicesSetupReturn } from './usePieSlicesSetup';
|
|
8
|
+
export { usePieSlicesSetup } from './usePieSlicesSetup';
|
|
9
|
+
export type { EChartsInstance, EChartsOption, UseEChartsReturn } from './useECharts';
|
|
10
|
+
export { useECharts } from './useECharts';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { ChartLegendContext } from './useChartLegend';
|
|
3
|
+
import { EChartsInstance } from './useECharts';
|
|
4
|
+
export type ChartHoverSyncMode = 'series' | 'data';
|
|
5
|
+
export interface UseChartHoverSyncOptions {
|
|
6
|
+
readonly mode: ChartHoverSyncMode;
|
|
7
|
+
readonly seriesIndex?: number;
|
|
8
|
+
}
|
|
9
|
+
export declare function useChartHoverSync(chartInstance: Ref<EChartsInstance | null>, legendContext: ChartLegendContext | null, options: UseChartHoverSyncOptions): void;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FluxIconName } from '@flux-ui/types';
|
|
2
|
+
import { InjectionKey, Ref } from 'vue';
|
|
3
|
+
export interface ChartLegendItem {
|
|
4
|
+
readonly color?: string;
|
|
5
|
+
readonly icon?: FluxIconName;
|
|
6
|
+
readonly label: string;
|
|
7
|
+
readonly value?: string | number;
|
|
8
|
+
}
|
|
9
|
+
export interface ChartLegendContext {
|
|
10
|
+
readonly items: Ref<readonly ChartLegendItem[]>;
|
|
11
|
+
readonly hoveredIndex: Ref<number | null>;
|
|
12
|
+
}
|
|
13
|
+
export declare const FluxStatisticsChartLegendInjectionKey: InjectionKey<ChartLegendContext>;
|
|
14
|
+
export declare function createChartLegendContext(): ChartLegendContext;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FluxIconName, FluxStatisticsChartColor } from '@flux-ui/types';
|
|
2
|
+
import { ComputedRef } from 'vue';
|
|
3
|
+
import { useI18n } from 'vue-i18n';
|
|
4
|
+
import { ChartHoverSyncMode } from './useChartHoverSync';
|
|
5
|
+
import { ChartLegendContext, ChartLegendItem } from './useChartLegend';
|
|
6
|
+
import { EChartsInstance } from './useECharts';
|
|
7
|
+
export interface ChartSeriesShape {
|
|
8
|
+
readonly name?: string;
|
|
9
|
+
readonly icon?: FluxIconName;
|
|
10
|
+
readonly color?: FluxStatisticsChartColor;
|
|
11
|
+
}
|
|
12
|
+
export type ChartLegendItemBuilder<S> = (series: S, color: string, index: number, t: ReturnType<typeof useI18n>['t']) => ChartLegendItem | readonly ChartLegendItem[];
|
|
13
|
+
export interface UseChartSeriesSetupOptions<S extends ChartSeriesShape> {
|
|
14
|
+
readonly mode?: ChartHoverSyncMode;
|
|
15
|
+
readonly getLegendItem?: ChartLegendItemBuilder<S>;
|
|
16
|
+
}
|
|
17
|
+
export interface UseChartSeriesSetupReturn {
|
|
18
|
+
readonly t: ReturnType<typeof useI18n>['t'];
|
|
19
|
+
readonly palette: ComputedRef<readonly string[]>;
|
|
20
|
+
readonly legendContext: ChartLegendContext | null;
|
|
21
|
+
readonly chartInstance: ComputedRef<EChartsInstance | null>;
|
|
22
|
+
}
|
|
23
|
+
export declare function useChartSeriesSetup<S extends ChartSeriesShape>(seriesGetter: () => readonly S[], options?: UseChartSeriesSetupOptions<S>): UseChartSeriesSetupReturn;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { init, EChartsCoreOption } from 'echarts/core';
|
|
2
|
+
import { MaybeRefOrGetter, Ref } from 'vue';
|
|
3
|
+
export type EChartsOption = EChartsCoreOption;
|
|
4
|
+
export type EChartsInstance = ReturnType<typeof init>;
|
|
5
|
+
export interface UseEChartsReturn {
|
|
6
|
+
readonly chartInstance: Ref<EChartsInstance | null>;
|
|
7
|
+
resize(): void;
|
|
8
|
+
}
|
|
9
|
+
export declare function useECharts(target: Ref<HTMLElement | null>, options: MaybeRefOrGetter<EChartsOption>): UseEChartsReturn;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FluxStatisticsChartPieSlice } from '@flux-ui/types';
|
|
2
|
+
import { ComputedRef } from 'vue';
|
|
3
|
+
import { useI18n } from 'vue-i18n';
|
|
4
|
+
import { SharedTooltipItem } from '../util';
|
|
5
|
+
import { ChartLegendContext } from './useChartLegend';
|
|
6
|
+
import { EChartsInstance } from './useECharts';
|
|
7
|
+
export interface UsePieSlicesSetupReturn {
|
|
8
|
+
readonly t: ReturnType<typeof useI18n>['t'];
|
|
9
|
+
readonly palette: ComputedRef<readonly string[]>;
|
|
10
|
+
readonly tooltipItems: ComputedRef<readonly SharedTooltipItem[]>;
|
|
11
|
+
readonly legendContext: ChartLegendContext | null;
|
|
12
|
+
readonly chartInstance: ComputedRef<EChartsInstance | null>;
|
|
13
|
+
}
|
|
14
|
+
export declare function usePieSlicesSetup(slicesGetter: () => readonly FluxStatisticsChartPieSlice[]): UsePieSlicesSetupReturn;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|