x-next 0.0.0-alpha.29 → 0.0.0-alpha.30

package/dist/components/trend-chart.bak/props.d.ts

@@ -0,0 +1,211 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { CSSColor } from '../../_props/css';
+export type TrendChartStatus = 'success' | 'warning' | 'strong' | 'danger' | 'info';
+export type Padding = {
+    top: number | string;
+    right: number | string;
+    bottom: number | string;
+    left: number | string;
+};
+export type Point = {
+    x: number;
+    y: number;
+};
+export type PointValue = number | {
+    value: number;
+};
+export type MouseMoveEvent = {
+    index: number;
+    data: PointValue[];
+} | null;
+export type Boundary = {
+    minX: number;
+    maxX: number;
+    minY: number;
+    maxY: number;
+};
+export type DataSetTheme = {};
+export type DataSets = {
+    data: number[] | {
+        value: number;
+    }[];
+    fill: boolean;
+    stroke: boolean;
+    smooth: boolean;
+    showPoints: boolean;
+    className: string;
+    theme?: DataSetTheme;
+}[];
+export type Grid = {
+    verticalLines?: boolean;
+    verticalLinesNumber?: number;
+    horizontalLines?: boolean;
+    horizontalLinesNumber?: number;
+};
+export type Labels = {
+    xLabels: string[];
+    yLabels: number;
+    yLabelsTextFormatter: (value: number) => string;
+};
+export type CurveTheme = {
+    stroke?: {
+        width?: number;
+        color?: CSSColor;
+        opacity?: number;
+    };
+    fill?: {
+        color?: CSSColor;
+        opacity?: number;
+    };
+    point?: {};
+};
+export type MainTheme = {};
+export interface Theme extends CurveTheme {
+    color?: CSSColor;
+    axisLine?: {
+        color?: CSSColor;
+        width?: number;
+        opacity?: number;
+    };
+}
+export declare const trendChartProps: {
+    datasets: {
+        required: boolean;
+        type: PropType<DataSets>;
+    };
+    status: {
+        type: PropType<TrendChartStatus>;
+        default: undefined;
+    };
+    grid: {
+        default: null;
+        type: PropType<Grid>;
+    };
+    labels: {
+        default: null;
+        type: PropType<Labels>;
+    };
+    max: {
+        type: NumberConstructor;
+    };
+    min: {
+        type: NumberConstructor;
+    };
+    padding: {
+        default: string;
+        type: StringConstructor;
+        validator(val: string): boolean;
+    };
+    interactive: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    theme: {
+        type: PropType<Theme>;
+        default: () => {
+            activeLineColor: string;
+        };
+    };
+};
+export declare const trendChartCurveProps: {
+    boundary: {
+        required: boolean;
+        type: PropType<Boundary>;
+        default: () => void;
+    };
+    minValue: {
+        required: boolean;
+        type: NumberConstructor;
+    };
+    maxValue: {
+        required: boolean;
+        type: NumberConstructor;
+    };
+    maxAmount: {
+        required: boolean;
+        type: NumberConstructor;
+    };
+    activeLineParams: {
+        type: ObjectConstructor;
+    };
+    data: {
+        required: boolean;
+        type: PropType<PointValue[]>;
+        default: () => never[];
+    };
+    className: {
+        type: PropType<string>;
+    };
+    smooth: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    stroke: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    fill: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showPoints: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    theme: {
+        type: PropType<CurveTheme>;
+    };
+    mainTheme: {
+        type: PropType<CurveTheme>;
+    };
+};
+export declare const trendChartGridProps: {
+    boundary: {
+        required: boolean;
+        type: PropType<Boundary>;
+        default: () => void;
+    };
+    verticalLines: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    verticalLinesNumber: {
+        default: number;
+        type: NumberConstructor;
+    };
+    horizontalLines: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    horizontalLinesNumber: {
+        default: number;
+        type: NumberConstructor;
+    };
+};
+export declare const trendChartLabelsProps: {
+    boundary: {
+        required: boolean;
+        type: PropType<Boundary>;
+        default: () => void;
+    };
+    minValue: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    xLabels: {
+        type: ArrayConstructor;
+    };
+    yLabels: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    yLabelsTextFormatter: {
+        default: (value: any) => any;
+        type: FunctionConstructor;
+    };
+};
+export type TrendChartLabelsProps = ExtractPropTypes<typeof trendChartLabelsProps>;

package/dist/components/trend-chart.bak/themes.d.ts

@@ -0,0 +1,152 @@
+export declare const TrendChartTheme: {
+    DANGER: {
+        color: string;
+        point: {
+            radius: number;
+            borderWidth: number;
+            borderColor: string;
+            backgroundColor: string;
+            opacity: number;
+            hoverRadius: number;
+            hoverColor: string;
+            hoverBorderWidth: number;
+            hoverBorderColor: string;
+            hoverBackgroundColor: string;
+            hoverOpacity: number;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+    };
+    STRONG: {
+        color: string;
+        point: {
+            radius: number;
+            borderWidth: number;
+            borderColor: string;
+            backgroundColor: string;
+            opacity: number;
+            hoverRadius: number;
+            hoverColor: string;
+            hoverBorderWidth: number;
+            hoverBorderColor: string;
+            hoverBackgroundColor: string;
+            hoverOpacity: number;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+    };
+    WARNING: {
+        color: string;
+        point: {
+            radius: number;
+            borderWidth: number;
+            borderColor: string;
+            backgroundColor: string;
+            opacity: number;
+            hoverRadius: number;
+            hoverColor: string;
+            hoverBorderWidth: number;
+            hoverBorderColor: string;
+            hoverBackgroundColor: string;
+            hoverOpacity: number;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+    };
+    SUCCESS: {
+        color: string;
+        point: {
+            radius: number;
+            borderWidth: number;
+            borderColor: string;
+            backgroundColor: string;
+            opacity: number;
+            hoverRadius: number;
+            hoverColor: string;
+            hoverBorderWidth: number;
+            hoverBorderColor: string;
+            hoverBackgroundColor: string;
+            hoverOpacity: number;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+    };
+    INFO: {
+        color: string;
+        point: {
+            radius: number;
+            borderWidth: number;
+            borderColor: string;
+            backgroundColor: string;
+            opacity: number;
+            hoverRadius: number;
+            hoverColor: string;
+            hoverBorderWidth: number;
+            hoverBorderColor: string;
+            hoverBackgroundColor: string;
+            hoverOpacity: number;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+    };
+    PRIMARY: {
+        color: string;
+        point: {
+            radius: number;
+            borderWidth: number;
+            borderColor: string;
+            backgroundColor: string;
+            opacity: number;
+            hoverRadius: number;
+            hoverColor: string;
+            hoverBorderWidth: number;
+            hoverBorderColor: string;
+            hoverBackgroundColor: string;
+            hoverOpacity: number;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+    };
+};