@evixcard/evx-ui-kit 1.11.10 → 1.12.1
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/dist/components/EvixLoader/EvixLoader.spec.d.ts +1 -0
- package/dist/components/EvixLoader/EvixLoader.vue.d.ts +14 -0
- package/dist/components/EvixLoader/index.d.ts +2 -0
- package/dist/components/charts/EvxAreaChart.vue.d.ts +3 -1
- package/dist/components/charts/EvxBarChart.vue.d.ts +3 -1
- package/dist/components/charts/EvxComposedChart.vue.d.ts +3 -1
- package/dist/components/charts/EvxLineChart.vue.d.ts +3 -1
- package/dist/components/charts/index.d.ts +1 -1
- package/dist/components/charts/useCartesianFrame.d.ts +6 -0
- package/dist/components/charts/useCartesianFrame.spec.d.ts +1 -0
- package/dist/evx-ui-kit.cjs.js +5 -5
- package/dist/evx-ui-kit.cjs.js.map +1 -1
- package/dist/evx-ui-kit.css +1 -1
- package/dist/evx-ui-kit.es.js +3770 -3659
- package/dist/evx-ui-kit.es.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/package.json +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type EvixLoaderSize = 24 | 32 | 40 | 48;
|
|
2
|
+
export interface EvixLoaderProps {
|
|
3
|
+
size?: EvixLoaderSize;
|
|
4
|
+
label?: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
decorative?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: import('vue').DefineComponent<EvixLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvixLoaderProps> & Readonly<{}>, {
|
|
9
|
+
size: EvixLoaderSize;
|
|
10
|
+
color: string;
|
|
11
|
+
label: string;
|
|
12
|
+
decorative: boolean;
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
14
|
+
export default _default;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { ChartRow } from './useCartesianFrame.ts';
|
|
1
|
+
import { ChartRow, ChartYDomain } from './useCartesianFrame.ts';
|
|
2
2
|
export interface EvxAreaChartProps {
|
|
3
3
|
data: ChartRow[];
|
|
4
4
|
xKey?: string;
|
|
5
5
|
yKeys?: string[];
|
|
6
6
|
seriesLabels?: string[];
|
|
7
7
|
height?: number;
|
|
8
|
+
/** Explicit y-axis extent. Omit for the default zero-based domain. */
|
|
9
|
+
yDomain?: ChartYDomain;
|
|
8
10
|
}
|
|
9
11
|
declare const _default: import('vue').DefineComponent<EvxAreaChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxAreaChartProps> & Readonly<{}>, {
|
|
10
12
|
height: number;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { ChartRow } from './useCartesianFrame.ts';
|
|
1
|
+
import { ChartRow, ChartYDomain } from './useCartesianFrame.ts';
|
|
2
2
|
export interface EvxBarChartProps {
|
|
3
3
|
data: ChartRow[];
|
|
4
4
|
xKey?: string;
|
|
5
5
|
yKeys?: string[];
|
|
6
6
|
seriesLabels?: string[];
|
|
7
7
|
height?: number;
|
|
8
|
+
/** Explicit y-axis extent. Omit for the default zero-based domain. */
|
|
9
|
+
yDomain?: ChartYDomain;
|
|
8
10
|
}
|
|
9
11
|
declare const _default: import('vue').DefineComponent<EvxBarChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxBarChartProps> & Readonly<{}>, {
|
|
10
12
|
height: number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChartRow } from './useCartesianFrame.ts';
|
|
1
|
+
import { ChartRow, ChartYDomain } from './useCartesianFrame.ts';
|
|
2
2
|
export interface EvxComposedChartProps {
|
|
3
3
|
data: ChartRow[];
|
|
4
4
|
xKey?: string;
|
|
@@ -6,6 +6,8 @@ export interface EvxComposedChartProps {
|
|
|
6
6
|
lineKeys?: string[];
|
|
7
7
|
seriesLabels?: string[];
|
|
8
8
|
height?: number;
|
|
9
|
+
/** Explicit y-axis extent. Omit for the default zero-based domain. */
|
|
10
|
+
yDomain?: ChartYDomain;
|
|
9
11
|
}
|
|
10
12
|
declare const _default: import('vue').DefineComponent<EvxComposedChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxComposedChartProps> & Readonly<{}>, {
|
|
11
13
|
height: number;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { ChartRow } from './useCartesianFrame.ts';
|
|
1
|
+
import { ChartRow, ChartYDomain } from './useCartesianFrame.ts';
|
|
2
2
|
export interface EvxLineChartProps {
|
|
3
3
|
data: ChartRow[];
|
|
4
4
|
xKey?: string;
|
|
5
5
|
yKeys?: string[];
|
|
6
6
|
seriesLabels?: string[];
|
|
7
7
|
height?: number;
|
|
8
|
+
/** Explicit y-axis extent. Omit for the default zero-based domain. */
|
|
9
|
+
yDomain?: ChartYDomain;
|
|
8
10
|
}
|
|
9
11
|
declare const _default: import('vue').DefineComponent<EvxLineChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxLineChartProps> & Readonly<{}>, {
|
|
10
12
|
height: number;
|
|
@@ -5,4 +5,4 @@ export { default as EvxPieChart, type EvxPieChartProps } from './EvxPieChart.vue
|
|
|
5
5
|
export { default as EvxRadarChart, type EvxRadarChartProps } from './EvxRadarChart.vue';
|
|
6
6
|
export { default as EvxRadialChart, type EvxRadialChartProps } from './EvxRadialChart.vue';
|
|
7
7
|
export { default as EvxComposedChart, type EvxComposedChartProps } from './EvxComposedChart.vue';
|
|
8
|
-
export type { ChartRow } from './useCartesianFrame.ts';
|
|
8
|
+
export type { ChartRow, ChartYDomain } from './useCartesianFrame.ts';
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
2
|
export type ChartRow = Record<string, number | string>;
|
|
3
|
+
/** Explicit y-axis extent, e.g. [90, 100] to zoom into a narrow band. */
|
|
4
|
+
export type ChartYDomain = [number, number];
|
|
3
5
|
interface FrameOptions {
|
|
4
6
|
wrapperRef: Ref<HTMLElement | null>;
|
|
5
7
|
data: () => ChartRow[];
|
|
@@ -8,6 +10,7 @@ interface FrameOptions {
|
|
|
8
10
|
height: () => number;
|
|
9
11
|
mode?: 'point' | 'band';
|
|
10
12
|
bandPadding?: number;
|
|
13
|
+
yDomain?: () => ChartYDomain | undefined;
|
|
11
14
|
}
|
|
12
15
|
export declare const CHART_MARGIN: {
|
|
13
16
|
top: number;
|
|
@@ -29,7 +32,10 @@ export declare function useCartesianFrame(opts: FrameOptions): {
|
|
|
29
32
|
xPoint: import('vue').ComputedRef<import('d3-scale').ScalePoint<string>>;
|
|
30
33
|
xBand: import('vue').ComputedRef<import('d3-scale').ScaleBand<string>>;
|
|
31
34
|
y: import('vue').ComputedRef<import('d3-scale').ScaleLinear<number, number, never>>;
|
|
35
|
+
yDomain: import('vue').ComputedRef<ChartYDomain>;
|
|
32
36
|
yTicks: import('vue').ComputedRef<number[]>;
|
|
37
|
+
xTickIndices: import('vue').ComputedRef<number[]>;
|
|
38
|
+
xTickAnchor: (index: number) => "start" | "middle" | "end";
|
|
33
39
|
maxY: import('vue').ComputedRef<number>;
|
|
34
40
|
hoverIndex: Ref<number | null, number | null>;
|
|
35
41
|
onMove: (e: MouseEvent) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|