@cgeui/utils 0.0.2 → 0.0.4

package/dist/esm/charts/utils/types/chart.d.ts

@@ -0,0 +1,220 @@
+import type { EChartsOption, EChartsReactProps } from "echarts-for-react";
+import type { CSSProperties } from "react";
+/**
+ * 图表数据记录
+ */
+export declare type ChartDataRecord = {
+  /**
+   * 数据记录维度1，一般用于x轴展示
+   */
+  name: string;
+  /**
+   * 数据记录维度2，一般用于y轴展示
+   */
+  value: string;
+  /**
+   * 数据记录维度3，一般用于按颜色区分等级
+   */
+  level?: string;
+  /**
+   * 数据记录维度x，可根据后端数据模型扩展
+   */
+  // [x?: string]: string | number | boolean;
+  /**
+   * 关联的数据记录，一般用于返回和特征关联的原始数据记录
+   */
+  children?: ChartDataRecord[];
+};
+
+/**
+ * 图表数据分组
+ */
+export declare type ChartDataGroup = {
+  /**
+   * 数据分组唯一标识
+   */
+  groupKey: string;
+  /**
+   * 数据分组名称，用于前端展示
+   */
+  groupName: string;
+  /**
+   * 数据分组包含的数据记录集合
+   */
+  source: ChartDataRecord[];
+};
+
+/**
+ * 图表数据填充规则
+ */
+export declare type DataFillConfig = {
+  /**
+   * x轴范围，是一个数组包含x轴的起始点和结束点
+   * 1. SoC切片的场['20','80']
+   * 2. 时间的场景: ['1669188760086', '1669188980086']
+   * 3. 开闭区间 (,80) [80,85] (100,)
+   */
+  range?: string[] | number[];
+  /**
+   * 起始点和结束点之间每个点的间隔
+   * 1. SoC切片的场景: [10]
+   * 2. 时间的场景: [1,'d']
+   */
+  interval?: [number, string?];
+  /**
+   * 填充规则，指定的维度字段补'ZERO' 0 还是 'EMPTY' 空字符串或 'LINE' 连线，其它表示填充的字符串'L1'
+   * 如果后端没有返回，默认按照'EMPTY'来处理
+   */
+  fillWith?: string;
+};
+
+/**
+ * 图表数据
+ */
+export declare type ChartData = {
+  /**
+   * 图表配置，暂时由前端维护后端不需要关心
+   */
+  config?: ChartConfig;
+  /*
+   * 图表数据填充规则
+   */
+  dataFillConfig?: DataFillConfig;
+  /**
+   * 图表数据集合
+   */
+  list: ChartDataGroup[];
+};
+
+/**
+ * 图表样式配置
+ */
+export declare type ChartConfig = {
+  title?: any;
+  series?: any;
+} & EChartsOption;
+
+export type ChartProps = {
+  loading: boolean;
+  onEvents: any;
+  helper: any;
+  value: any;
+  configStyle: any;
+  actionValue: any;
+  configData: any;
+  dataFillConfig: any;
+  maxLegendNum: number;
+  maxTooltipNum: number;
+  is2Dim: boolean;
+  selfTheme: string;
+  theme: string;
+  totalTitle?: { text: string; value: any };
+  transform?: any;
+  readLegend?: any;
+  dimensions?: any;
+} & EChartsReactProps;
+
+export type ChartParseProps = {
+  data?: any;
+  xAxis?: any;
+  configStyle: any;
+  configData: any;
+  helper?: any;
+  series?: any;
+  maxLegendNum?: number;
+  maxTooltipNum?: number;
+  isComplementData?: boolean;
+  extraData?: any;
+  is2Dim?: boolean;
+  dataFillConfig?: any;
+  dataset: any;
+  totalTitle?: { text: string; value: any };
+  transformData?: any;
+  transform?: any;
+};
+
+export type DatasetParams = {
+  is2Dim?: boolean;
+  data: any;
+  dataFillConfig: any;
+  isComplementData: boolean;
+  extraData: any;
+  xAxis: any;
+  transform: ChartDataSetTransform[];
+};
+
+export type ChartOptionProps = {
+  data?: any;
+  helper: any;
+  configStyle: any;
+  configData: any;
+  dataFillConfig?: any;
+  maxLegendNum?: number;
+  maxTooltipNum?: number;
+  is2Dim?: boolean;
+  totalTitle?: { text: string; value: any };
+  transform?: any;
+};
+
+export type ChartType = "bar" | "line" | "pie" | "gauge" | "boxplot";
+export type CatLegendType =
+  | "rectangle"
+  | "dashed"
+  | "diamond"
+  | "dotted"
+  | "solid";
+export type CatLegendItem = {
+  text: string;
+  color?: string;
+  type: CatLegendType;
+  width?: string;
+};
+export type SuperChartProps = {
+  type: ChartType;
+  name: string;
+  params?: any;
+  handleResponse?: (...args: any) => any;
+  outputKey?: string;
+  action?: any;
+  onEvents?: any;
+  chartConfig?: DataChartConfig;
+  is2Dim?: boolean;
+  value?: any;
+  loading?: boolean;
+  theme?: "default" | "dark";
+  readLegend?: CatLegendItem[];
+  style?: CSSProperties;
+};
+
+export declare type DataChartConfig = {
+  configStyle?: ChartConfig;
+  configData: ChartConfig;
+  /*
+   * 图表数据填充规则
+   */
+  dataFillConfig?: DataFillConfig;
+  helper?: any;
+  dimensions?: string[];
+  transform?: any;
+};
+export interface ChartDataSetTransform {
+  //数据转换类型
+  type: string;
+  // 转换的系列Key值
+  fillGroupKey: string[];
+  // 压缩后的值
+  compress: number;
+  // 参数值
+  param: any;
+  // 转换的字段
+  fillField: string[];
+}
+
+export type CompressDataType = {
+  dataset: any;
+  startGroup: any;
+  endGroup: any;
+  start: any;
+  end: any;
+  output: any;
+};

package/dist/esm/charts/utils/types/data.d.ts

@@ -0,0 +1,51 @@
+export type TableListItem = {
+  key: number;
+  disabled?: boolean;
+  href: string;
+  avatar: string;
+  name: string;
+  owner: string;
+  desc: string;
+  callNo: number;
+  status: string;
+  updatedAt: Date;
+  createdAt: Date;
+  progress: number;
+};
+
+export type TableListPagination = {
+  total: number;
+  pageSize: number;
+  current: number;
+};
+
+export type TableListData = {
+  list: TableListItem[];
+  pagination: Partial<TableListPagination>;
+};
+
+export type TableListParams = {
+  status?: string;
+  name?: string;
+  desc?: string;
+  key?: number;
+  pageSize?: number;
+  currentPage?: number;
+  filter?: Record<string, any[]>;
+  sorter?: Record<string, any>;
+};
+
+/**
+ * lookUp
+ */
+export enum Operations {
+  lookUp = '查看',
+}
+
+export type OperationType = {
+  name: string;
+  action: {
+    targetName?: string;
+    paramsHandler?: (...args: any) => any;
+  };
+};

package/dist/esm/charts/utils/types/index.d.ts

@@ -0,0 +1,3 @@
+export type * from "./action.d";
+export type * from "./chart.d";
+export type * from "./data.d";

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+import * as utilsCharts from "./charts";
+export * from "./charts";
+export { utilsCharts };