x-next 0.0.0-alpha.4 → 0.0.0-alpha.41

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/dist/components/trend-chart.bak/components/trend-chart-curve.d.ts

@@ -0,0 +1,111 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    boundary: {
+        required: boolean;
+        type: import('vue').PropType<import('../props').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: import('vue').PropType<import('../props').PointValue[]>;
+        default: () => never[];
+    };
+    className: {
+        type: import('vue').PropType<string>;
+    };
+    smooth: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    stroke: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    fill: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showPoints: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    theme: {
+        type: import('vue').PropType<import('../props').CurveTheme>;
+    };
+    mainTheme: {
+        type: import('vue').PropType<import('../props').CurveTheme>;
+    };
+}>, () => 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>;
+        default: () => void;
+    };
+    minValue: {
+        required: boolean;
+        type: NumberConstructor;
+    };
+    maxValue: {
+        required: boolean;
+        type: NumberConstructor;
+    };
+    maxAmount: {
+        required: boolean;
+        type: NumberConstructor;
+    };
+    activeLineParams: {
+        type: ObjectConstructor;
+    };
+    data: {
+        required: boolean;
+        type: import('vue').PropType<import('../props').PointValue[]>;
+        default: () => never[];
+    };
+    className: {
+        type: import('vue').PropType<string>;
+    };
+    smooth: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    stroke: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    fill: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showPoints: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    theme: {
+        type: import('vue').PropType<import('../props').CurveTheme>;
+    };
+    mainTheme: {
+        type: import('vue').PropType<import('../props').CurveTheme>;
+    };
+}>> & Readonly<{}>, {
+    fill: boolean;
+    data: import('../props').PointValue[];
+    stroke: boolean;
+    smooth: boolean;
+    boundary: import('../props').Boundary;
+    showPoints: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,55 @@
+import { VNode } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    boundary: {
+        required: boolean;
+        type: import('vue').PropType<import('../props').Boundary>;
+        default: () => void;
+    };
+    verticalLines: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    verticalLinesNumber: {
+        default: number;
+        type: NumberConstructor;
+    };
+    horizontalLines: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    horizontalLinesNumber: {
+        default: number;
+        type: NumberConstructor;
+    };
+}>, () => 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: {
+        required: boolean;
+        type: import('vue').PropType<import('../props').Boundary>;
+        default: () => void;
+    };
+    verticalLines: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    verticalLinesNumber: {
+        default: number;
+        type: NumberConstructor;
+    };
+    horizontalLines: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    horizontalLinesNumber: {
+        default: number;
+        type: NumberConstructor;
+    };
+}>> & Readonly<{}>, {
+    boundary: import('../props').Boundary;
+    verticalLines: boolean;
+    verticalLinesNumber: number;
+    horizontalLines: boolean;
+    horizontalLinesNumber: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,22 @@
+import { VNode } from 'vue';
+declare const _default: import('vue').DefineComponent<{
+    boundary: import('../props').Boundary;
+    yLabelsTextFormatter: Function;
+    minValue?: number | undefined;
+    maxValue?: number | undefined;
+    xLabels?: unknown[] | undefined;
+    yLabels?: number | undefined;
+}, () => 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;
+    yLabelsTextFormatter: Function;
+    minValue?: number | undefined;
+    maxValue?: number | undefined;
+    xLabels?: unknown[] | undefined;
+    yLabels?: number | undefined;
+}> & Readonly<{}>, {
+    boundary: import('../props').Boundary;
+    yLabelsTextFormatter: Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;