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

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

@@ -0,0 +1,203 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { CSSColor } from '../../_props/css';
+export type TrendChartStatus = 'primary' | '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;
+export type MouseMoveEvent = {
+    index: number;
+    data: PointValue;
+} | null;
+export type Boundary = {
+    minX: number;
+    maxX: number;
+    minY: number;
+    maxY: number;
+};
+export type DataSetTheme = {};
+export type DataSet = number[];
+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?: {
+        width?: number;
+        color?: CSSColor;
+        opacity?: number;
+    };
+};
+export interface Theme extends CurveTheme {
+    color?: CSSColor;
+    axisLine?: {
+        color?: CSSColor;
+        width?: number;
+        opacity?: number;
+    };
+}
+export declare const trendChartProps: {
+    dataset: {
+        required: boolean;
+        type: PropType<DataSet>;
+        default: () => never[];
+    };
+    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<number[]>;
+        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/themes.d.ts

@@ -0,0 +1,128 @@
+export declare const TrendChartTheme: {
+    DANGER: {
+        color: string;
+        point: {
+            width: number;
+            color: string;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+        axisLine: {
+            color: string;
+            width: number;
+            opacity: number;
+        };
+    };
+    STRONG: {
+        color: string;
+        point: {
+            width: number;
+            color: string;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+        axisLine: {
+            color: string;
+            width: number;
+            opacity: number;
+        };
+    };
+    WARNING: {
+        color: string;
+        point: {
+            width: number;
+            color: string;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+        axisLine: {
+            color: string;
+            width: number;
+            opacity: number;
+        };
+    };
+    SUCCESS: {
+        color: string;
+        point: {
+            width: number;
+            color: string;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+        axisLine: {
+            color: string;
+            width: number;
+            opacity: number;
+        };
+    };
+    INFO: {
+        color: string;
+        point: {
+            width: number;
+            color: string;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+        axisLine: {
+            color: string;
+            width: number;
+            opacity: number;
+        };
+    };
+    PRIMARY: {
+        color: string;
+        point: {
+            width: number;
+            color: string;
+        };
+        stroke: {
+            width: number;
+            color: string;
+            opacity: number;
+        };
+        fill: {
+            color: string;
+            opacity: number;
+        };
+        axisLine: {
+            color: string;
+            width: number;
+            opacity: number;
+        };
+    };
+};

package/{x-next/componets/trend-chart → dist/components/trend-chart.bak}/components/trend-chart-curve.d.ts

@@ -1,4 +1,3 @@
-import { VNode } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     boundary: {
         required: boolean;
@@ -50,9 +49,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     mainTheme: {
         type: import('vue').PropType<import('../props').CurveTheme>;
     };
-}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     boundary: {
         required: boolean;
         type: import('vue').PropType<import('../props').Boundary>;
@@ -105,8 +102,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     fill: boolean;
-    stroke: boolean;
     data: import('../props').PointValue[];
+    stroke: boolean;
     smooth: boolean;
     boundary: import('../props').Boundary;
     showPoints: boolean;

package/{x-next/componets/trend-chart → dist/components/trend-chart.bak}/components/trend-chart.d.ts

@@ -1,10 +1,13 @@
-import { VNode } from 'vue';
-import { MouseMoveEvent, PointValue } from '../props';
+import { MouseMoveEvent, PointValue, CurveTheme } from '../props';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     datasets: {
         required: boolean;
         type: import('vue').PropType<import('../props').DataSets>;
     };
+    status: {
+        type: import('vue').PropType<import('../props').TrendChartStatus>;
+        default: undefined;
+    };
     grid: {
         default: null;
         type: import('vue').PropType<import('../props').Grid>;
@@ -34,15 +37,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             activeLineColor: string;
         };
     };
-}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'mouse-move': (event: MouseMoveEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     datasets: {
         required: boolean;
         type: import('vue').PropType<import('../props').DataSets>;
     };
+    status: {
+        type: import('vue').PropType<import('../props').TrendChartStatus>;
+        default: undefined;
+    };
     grid: {
         default: null;
         type: import('vue').PropType<import('../props').Grid>;
@@ -75,6 +80,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     "onMouse-move"?: ((event: MouseMoveEvent) => any) | undefined;
 }>, {
+    status: import('../props').TrendChartStatus;
     grid: import('../props').Grid;
     padding: string;
     theme: import('../props').Theme;
@@ -103,7 +109,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: number;
             type: NumberConstructor;
         };
-    }>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         boundary: {
@@ -141,7 +147,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         maxValue?: number | undefined;
         xLabels?: unknown[] | undefined;
         yLabels?: number | undefined;
-    }, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         boundary: import('../props').Boundary;
@@ -200,14 +206,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
         };
         theme: {
-            type: import('vue').PropType<import('../props').CurveTheme>;
+            type: import('vue').PropType<CurveTheme>;
         };
         mainTheme: {
-            type: import('vue').PropType<import('../props').CurveTheme>;
+            type: import('vue').PropType<CurveTheme>;
         };
-    }>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         boundary: {
             required: boolean;
             type: import('vue').PropType<import('../props').Boundary>;
@@ -253,15 +257,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
         };
         theme: {
-            type: import('vue').PropType<import('../props').CurveTheme>;
+            type: import('vue').PropType<CurveTheme>;
         };
         mainTheme: {
-            type: import('vue').PropType<import('../props').CurveTheme>;
+            type: import('vue').PropType<CurveTheme>;
         };
     }>> & Readonly<{}>, {
         fill: boolean;
-        stroke: boolean;
         data: PointValue[];
+        stroke: boolean;
         smooth: boolean;
         boundary: import('../props').Boundary;
         showPoints: boolean;