@yelingfeng/pandora2 1.0.5 → 1.0.6

package/dist/packages/components/PdCharts/src/charts/bar/basicBar.d.ts

@@ -0,0 +1,3 @@
+import type { EChartsOption } from 'echarts';
+import type { IChartConfigType } from '../../types';
+export declare const build: (originData: any, chartConfig?: IChartConfigType) => EChartsOption;

package/dist/packages/components/PdCharts/src/charts/bar/horiRankBar.d.ts

@@ -0,0 +1,81 @@
+import type { IChartConfigType } from '../../types';
+export declare const build: (originData: any, chartConfig?: IChartConfigType) => {
+    tooltip: {
+        trigger: string;
+        axisPointer: {
+            type: string;
+        };
+        confine: boolean;
+        formatter(params: any): string;
+    };
+    grid: {
+        top: string;
+        left: string;
+        right: string;
+        bottom: string;
+        containLabel: boolean;
+    };
+    xAxis: {
+        show: boolean;
+        type: string;
+        max: any;
+    };
+    yAxis: ({
+        type: string;
+        axisTick: string;
+        axisLine: string;
+        show: boolean;
+        data: any;
+        inverse: boolean;
+        axisLabel: {
+            textStyle: {
+                color: string;
+                fontSize?: undefined;
+            };
+            formatter: (val: any, i: number) => string;
+            rich: any;
+        };
+    } | {
+        type: string;
+        inverse: boolean;
+        axisTick: string;
+        axisLine: string;
+        show: boolean;
+        axisLabel: {
+            formatter: (val: any, index: number) => any;
+            textStyle: {
+                color: string;
+                fontSize: string;
+            };
+            rich?: undefined;
+        };
+        data: any;
+    })[];
+    series: ({
+        name: string;
+        type: string;
+        zlevel: number;
+        itemStyle: {
+            normal: {
+                color: (params: any) => string;
+                barBorderRadius: number;
+            };
+        };
+        barWidth: number;
+        data: any;
+        barGap?: undefined;
+    } | {
+        name: string;
+        type: string;
+        barWidth: number;
+        barGap: string;
+        data: any;
+        itemStyle: {
+            normal: {
+                color: string;
+                barBorderRadius: number;
+            };
+        };
+        zlevel?: undefined;
+    })[];
+};

package/dist/packages/components/PdCharts/src/charts/line/index.d.ts

@@ -0,0 +1,2 @@
+declare const result: any;
+export default result;

package/dist/packages/components/PdCharts/src/charts/line/line01.d.ts

@@ -0,0 +1,3 @@
+import type { EChartsOption } from 'echarts';
+import type { IChartConfigType } from '../../types';
+export declare const build: (originData: any, chartConfig?: IChartConfigType) => EChartsOption;

package/dist/packages/components/PdCharts/src/constant/index.d.ts

@@ -2,15 +2,19 @@
  *  默认主题 Colors
  */
 export declare const COMMON_COLORS: string[];
+export declare const DARK_COLORS: string[];
 /**
  * backgroundColor
  */
 export declare const BG_COLOR = "#fff";
+export declare const DARK_BG = "#141414";
 /**
  * axisLable Color
  */
-export declare const AXIS_LBAEL_COLOR = "#C8E6E8";
-export declare const AXIS_LINE_COLOR = "#83D2EE";
+export declare const AXIS_LABEL_COLOR = "#666666";
+export declare const DARK_AXIS_LABEL_COLOR = "#D0D6E5";
+export declare const AXIS_LINE_COLOR = "#666666";
+export declare const DARK_AXIS_LINE_COLOR = "rgba(0, 188, 255, 0.25)";
 /**
  * 默认line 类型
  */
@@ -18,4 +22,10 @@ export declare const DEAULT_LINE_TYPE = "dashed";
 /**
  * splitLine color
  */
-export declare const SPLIT_LINE_COLOR = "rgba(61,73,124,1)";
+export declare const SPLIT_LINE_COLOR = "#f4f4f4";
+export declare const DARK_SPLIT_LINE_COLOR = "rgba(38, 46, 64, .5)";
+/**
+ * 图例配色
+ */
+export declare const LEGEND_LABEL_COLOR = "#1A1A1A";
+export declare const DARK_LEGEND_LABEL_COLOR = "#D0D6E5";

package/dist/packages/components/PdCharts/src/props/index.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
 import type { AutoresizeProp, LoadingOptions, OriginData, Theme } from '../types';
-import type { ChartTypes, SubChartType } from '../types/chart';
+import type { ChartTypes, IChartConfigType, SubChartType } from '../types/chart';
 export declare const defaultProps: {
     data: {
         type: PropType<OriginData<any>[]>;
@@ -14,6 +14,10 @@ export declare const defaultProps: {
         default: () => void;
     };
     chartConfig: {
+        type: PropType<IChartConfigType>;
+        default: () => {};
+    };
+    bizConfig: {
         type: PropType<Record<string, any>>;
         default: () => {};
     };

package/dist/packages/components/PdCharts/src/transform/index.d.ts

@@ -10,5 +10,5 @@ export declare const transformOriginDataToSeries: (data: any, chartName: ChartTy
  * 转化饼图数据 生成 echarts Series 对象
  */
 export declare const transformPieDataToSeries: (data: any, colors: any) => any;
-export declare const transformGroupDataToSeries: (data: any, chartName: ChartTypes) => any;
+export declare const transformGroupDataToSeries: (data: any, chartName: ChartTypes, cfg?: Record<string, any>) => any;
 export declare const transformRankBarData: (data: any) => any;

package/dist/packages/components/PdCharts/src/transform/seriesHelper.d.ts

@@ -32,3 +32,51 @@ export declare const getNormalSeriesObj: (originData: any[], chartName: ChartTyp
 export declare const getCategory: (originData: any[]) => {
     name: string;
 }[];
+export declare const normalizeXAxis: (xAxis: any) => string[];
+export declare const buildSeries: (groups: any[], xAxisData: string[], afv: any) => {
+    series: {
+        name: string;
+        data: number[];
+    }[];
+    unitForAxis: string;
+    yRange: null;
+};
+export declare const buildYAxis: (axisLabel: any, axisLine: any, splitLine: any, unit: string, yRange: [number, number] | null) => {
+    min?: number | undefined;
+    max?: number | undefined;
+    type: string;
+    axisLabel: any;
+    axisLine: any;
+    splitLine: any;
+    axisTick: {
+        show: boolean;
+    };
+};
+export declare const buildBarXAxis: (data: string[], axisLabel: any, axisLine: any, splitLine: any) => {
+    type: string;
+    data: string[];
+    axisLabel: any;
+    axisLine: any;
+    splitLine: any;
+    axisTick: {
+        show: boolean;
+    };
+};
+export declare const buildLineXAxis: (data: string[], axisLabel: any, axisLine: any, splitLine: any) => {
+    type: string;
+    boundaryGap: boolean;
+    data: string[];
+    axisLabel: any;
+    axisLine: any;
+    splitLine: any;
+    axisTick: {
+        show: boolean;
+    };
+};
+export declare const buildTooltip: (tooltipCfg: any, unit: string, themeMode: 'light' | 'dark') => {
+    trigger: string;
+    textStyle: {
+        color: string;
+    };
+    extraCssText: string;
+} | undefined;

package/dist/packages/components/PdCharts/src/types/chart.d.ts

@@ -1,3 +1,5 @@
+import { type AutoFormatArrayOptions } from './formatter';
+import { type AxisLabelType, type AxisLineType, type BaseLineType, type DataZoomType } from './props';
 export declare enum ChartTypeEnum {
     Bar = "bar",
     Pie = "pie",
@@ -16,4 +18,61 @@ export type ChartTypes = IChartType[keyof IChartType];
 /**
  * 二级图表
  */
-export type SubChartType = 'pie01' | 'pie02' | 'pie03' | 'bar01' | 'bar02';
+export type SubChartType = 'pie01' | 'pie02' | 'pie03' | 'horiRankBar' | 'basicBar';
+/**
+ * 自动格式化视图
+ */
+export interface IChartConfigType {
+    themeMode?: 'light' | 'dark';
+    colors?: string[];
+    smooth?: boolean;
+    step?: boolean;
+    legend?: Record<string, any>;
+    axisLabel?: AxisLabelType;
+    axisLine?: AxisLineType;
+    splitLine?: BaseLineType;
+    tooltip?: Record<string, any>;
+    dataZoom?: DataZoomType;
+    bar?: BarConfig;
+    autoFormatView?: AutoFormatArrayOptions;
+}
+export interface BarLabelConfig {
+    minWidth?: number;
+    maxWidth?: number;
+    charWidth?: number;
+}
+export interface BarRankItemStyle {
+    backgroundColor?: string;
+    borderColor?: string;
+    color?: string;
+    width?: number;
+    height?: number;
+    fontSize?: number;
+}
+export interface BarRankConfig {
+    topCount?: number;
+    topColors?: BarRankItemStyle[];
+    backgroundColor?: string;
+    color?: string;
+    width?: number;
+    height?: number;
+    fontSize?: number;
+}
+export interface BarRightLabelConfig {
+    prefix?: string;
+    suffix?: string;
+    formatter?: (args: {
+        rawValue: number;
+        value: number;
+        name: string;
+        index: number;
+    }) => string;
+}
+export interface BarConfig {
+    color?: string;
+    backgroundColor?: string;
+    topColors?: string[];
+    label?: BarLabelConfig;
+    rank?: BarRankConfig;
+    rightLabel?: BarRightLabelConfig;
+}

package/dist/packages/components/PdCharts/src/types/echarts-theme.d.ts

@@ -0,0 +1,4 @@
+declare module 'echarts/theme/dark' {
+  const theme: any
+  export default theme
+}

package/dist/packages/components/PdCharts/src/types/formatter.d.ts

@@ -0,0 +1,30 @@
+export type FormatMode = 'array';
+export declare const RATE_UNITS: readonly ["Kbps", "Mbps", "Gbps", "Tbps"];
+export type RateUnit = typeof RATE_UNITS[number];
+export interface RateResult {
+    label: string;
+    unit: RateUnit | '';
+}
+export interface NumberUnit {
+    value: number;
+    symbol: string;
+}
+export interface NumberResult {
+    label: string;
+    unit: string;
+}
+export type ArrayFormatType = 'flow' | 'num' | 'percent' | 'custom' | 'rate';
+export interface AutoFormatArrayOptions<T = any> {
+    key?: keyof T;
+    type?: ArrayFormatType;
+    decimalPlaces?: number;
+    showUnitLabel?: boolean;
+    unitName?: string;
+}
+export interface ArrayResult<T = any> {
+    data: T[];
+    unit: string;
+    yAxisRange: [number, number];
+}
+export type AutoFormatOptions<T = any> = AutoFormatArrayOptions<T>;
+export type AutoFormatReturn<T = any> = ArrayResult<T>;

package/dist/packages/components/PdCharts/src/types/index.d.ts

@@ -1,5 +1,7 @@
 import { init, type ECElementEvent, type ElementEvent, type SetOptionOpts } from 'echarts/core';
 import { Ref } from 'vue';
+import { type IChartConfigType } from './chart';
+export type { IChartConfigType } from './chart';
 export type Injection<T> = T | null | Ref<T | null> | {
     value: T | null;
 };
@@ -66,7 +68,7 @@ export type AutoresizeProp = boolean | {
 export interface ChartsProps {
     data?: any[];
     options?: ChartsOption;
-    chartConfig?: Record<string, any>;
+    chartConfig?: IChartConfigType;
     theme?: Theme;
     chartType?: string;
     subChartType?: string;
@@ -92,4 +94,3 @@ export type UseChartsReturnType = [
     (instance: ChartsActionType) => void,
     ChartsActionType
 ];
-export {};

package/dist/packages/components/PdCharts/src/utils/autoformatter.d.ts

@@ -0,0 +1,7 @@
+import { ArrayResult, AutoFormatOptions } from '../types/formatter';
+export interface NumberUnit {
+    value: number;
+    symbol: string;
+}
+export declare function autoFormat(input: any, options: AutoFormatOptions<any>): ArrayResult<any>;
+export declare function formatNumberValueOnly(input: number | string, decimalPlaces?: number): string;

package/dist/packages/components/PdCharts/src/utils/core.d.ts

@@ -1,7 +1,8 @@
 import { EChartsOption } from 'echarts';
+import type { IChartConfigType } from '../types/chart';
 import { ChartTypes, SubChartType } from '../types/chart';
 /**
  * echarts 构建 封装
  * build
  */
-export declare const build: (data: any, chartType: ChartTypes, subChartType: SubChartType, chartConfig?: Record<string, any>) => EChartsOption;
+export declare const build: (data: any, chartType: ChartTypes, subChartType: SubChartType, chartConfig?: IChartConfigType) => EChartsOption;

package/dist/packages/components/PdCharts/src/utils/defaultOpt.d.ts

@@ -3,7 +3,7 @@ import { AxisLabelType, AxisLineType, BaseLineType, DataZoomType } from '../type
  * @param opt
  * @returns
  */
-export declare function getSplitLineOpt(opt: BaseLineType): {
+export declare function getSplitLineOpt(opt: BaseLineType, mode?: 'light' | 'dark'): {
     xAxis: {
         show: boolean;
         lineStyle: {
@@ -24,7 +24,7 @@ export declare function getSplitLineOpt(opt: BaseLineType): {
  * @param opt
  * @returns
  */
-export declare function getAxisLineOpt(opt: AxisLineType): {
+export declare function getAxisLineOpt(opt: AxisLineType, mode?: 'light' | 'dark'): {
     xAxis: {
         show: boolean;
         symbol: string | any[];
@@ -49,7 +49,7 @@ export declare function getAxisLineOpt(opt: AxisLineType): {
  * @param opt
  * @returns
  */
-export declare function getAxisLabelOpt(opt: AxisLabelType): {
+export declare function getAxisLabelOpt(opt: AxisLabelType, mode?: 'light' | 'dark'): {
     xAxis: {
         show: boolean;
         textStyle: {
@@ -57,7 +57,6 @@ export declare function getAxisLabelOpt(opt: AxisLabelType): {
         };
         rotate: number;
         interval: string;
-        formatter: string | import("../types/props").Fn;
     };
     yAxis: {
         show: boolean;
@@ -71,7 +70,7 @@ export declare function getAxisLabelOpt(opt: AxisLabelType): {
  * @param opt
  * @returns
  */
-export declare const getDataZoomOpt: (opt: DataZoomType) => {
+export declare const getDataZoomOpt: (opt: DataZoomType, mode?: 'light' | 'dark') => {
     show: boolean | undefined;
     backgroundColor: string;
     borderColor: string;
@@ -80,8 +79,8 @@ export declare const getDataZoomOpt: (opt: DataZoomType) => {
     radiusAxisIndex: number;
     bottom: number;
     brushSelect: boolean;
-    startValue: number | undefined;
-    endValue: number;
+    start: number | undefined;
+    end: number;
     handleIcon: string;
     handleSize: string;
     fillerColor: string;
@@ -93,8 +92,40 @@ export declare const getDataZoomOpt: (opt: DataZoomType) => {
     textStyle: {
         color: string;
     };
-}[];
-export declare const defaultThemeOpt: () => {
+}[] | ({
+    type: string;
+    start: number | undefined;
+    end: number;
+    xAxisIndex: number;
+    show?: undefined;
+    rangeMode?: undefined;
+    height?: undefined;
+} | {
+    show: boolean | undefined;
+    type: string;
+    start: number | undefined;
+    rangeMode: string;
+    end: number;
+    height: number;
+    xAxisIndex: number;
+})[];
+export declare const getLegendOpt: (mode?: 'light' | 'dark', legendCfg?: Record<string, any>, legendData?: any[]) => {
+    show: boolean;
+    type: string;
+    data: any[];
+    icon: string;
+    align: string;
+    top: number;
+    itemWidth: number;
+    itemHeight: number;
+    itemGap: number;
+    textStyle: {
+        fontSize: number;
+        color: string;
+    };
+    pageIconColor: string;
+} & Record<string, any>;
+export declare const defaultThemeOpt: (mode?: 'light' | 'dark') => {
     color: string[];
     backgroundColor: string;
 };

package/dist/packages/components/PdCharts/src/utils/tooltip.d.ts

@@ -0,0 +1,7 @@
+export declare const getTooltip: (opt?: Record<string, any>, mode?: 'light' | 'dark') => {
+    trigger: string;
+    textStyle: {
+        color: string;
+    };
+    extraCssText: string;
+};